/*@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .logo {width: 75%;} 
}
.logo {width: 95%;} */

.clsHeaderTopSpace {
	height: 30px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsHeaderTopSpace {
		height: 15px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	.clsHeaderTopSpace {
		height: 20px;
	}
}

.clsHeaderBottomSpace {
	height: 60px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsHeaderBottomSpace {
		height: 30px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	.clsHeaderBottomSpace {
		height: 40px;
	}
}

.myTableBg {
	width: 100%;
	min-width: 260px;
	min-height: auto;
	text-align: center;
	background-image: url('/../image/villa Room-2.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid black;
}

.clsButton_1 {
	background-color: #242f79;
	padding: 8px 45px 8px 45px;
	color: #ffffff !important;
}

.clsHeading {
	font-size: 16px;
	text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsHeading {
		font-size: 16px;
	}
}

.clsCaptionTxt {
	font-size: 16px;
	padding: 5px;
	background-color: #f7f7f7;
}

.clsScreenTextSize_1 {
	font-size: 16px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsScreenTextSize_1 {
		font-size: 16px;
	}
}

.clsScreenTextSize_2 {
	font-size: 16px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsScreenTextSize_2 {
		font-size: 16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsScreenTextSize_3 {
		font-size: 16px;
	}
}


/*-- Popup top right --*/

.bar1,
.bar2,
.bar3 {
	width: 35px;
	height: 5px;
	background-color: #333;
	margin: 6px 0;
	transition: 0.4s;
}

.clsPopupMenuBg {
	/*width: 350px;*/
	height: 500px;
	padding: 30px;
	font-size: 16px;
	background-image: url("../image/pop-up-1.jpg");
}

.clsPopupMenuBgColor {
	width: 280px;
	padding: 13px;
	text-align: left;
	background-color: rgba(255, 255, 255, 1);
}


/*--      Bottom Menu     --*/

.clsMenuBox {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	border: 0px solid red;
}

.clsMenuBox a {
	color: #ffffff !important;
}

.clsMenuBox a:hover {
	color: #a4acf4 !important;
}

.clsMenuBox td {
	border-top: 0px;
}

.clsMenuName_1 {
	height: 80px;
	border-left: 1px solid #e82128;
	border-right: 1px solid #e82128;
	cursor: pointer;
}

.clsMenuName_2 {
	height: 80px;
	border-left: 1px solid #f17b3d;
	border-right: 1px solid #f17b3d;
	cursor: pointer;
}

.clsMenuName_3 {
	height: 80px;
	border-left: 1px solid #fcb040;
	border-right: 1px solid #fcb040;
	cursor: pointer;
}

.clsMenuName_4 {
	height: 80px;
	border-left: 1px solid #67a746;
	border-right: 1px solid #67a746;
	cursor: pointer;
}

.clsMenuName_5 {
	height: 80px;
	border-left: 1px solid #4dbfca;
	border-right: 1px solid #4dbfca;
	cursor: pointer;
}

.clsMenuDot {
	width: 45px;
	text-align: center;
}

@media only screen and (min-width: 320px) and (max-width: 1366px) {
	.clsMenuDot {
		display: none;
	}
}

.clsMenuName_1:hover {
	background-color: #FCCE40;
}

.clsMenuName_2:hover {
	background-color: #F79A11;
}

.clsMenuName_3:hover {
	background-color: #fcb040;
}

.clsMenuName_4:hover {
	background-color: #009900;
}

.clsMenuName_5:hover {
	background-color: #2C758E;
}

.clsMenu a:hover {
	color: #2F2777;
}

.clsMenu {
	text-align: center;
}


/*-- 			1.Consumer_Landing.html 		--*/

.clsBottomMenu {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	/*font-weight: bold;*/
}

.clsHeadingText {
	font-size: 16px;
}

.clsThumbIconSize {
	width: 65%;
	height: auto;
}

.clsIconThumb {
	position: relative;
}

.clsIconThumbText {
	position: relative;
	padding-top: 10px;
	font-size: 16px;
	color: #a9a781;
}

.clsTumbTopGap {
	position: relative;
	height: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
	.clsIconThumbText {
		font-size: 16px;
		padding-top: 5px;
	}
	.clsThumbIconSize {
		width: 60%;
	}
	.clsTumbTopGap {
		height: 10px;
	}
}

.clsLeftDesign.table.tr.td.div {
	font-size: 16px;
}


/*-- 		2. Consumer_AssessmentSignUp.html  --*/

.clsVillaRoom_2 {
	background-image: url("../image/villa Room-2a.jpg");
	background-repeat: no-repeat;
}

.clsLeftDesign {
	padding: 15px;
	background-color: #f7f7f7;
}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.clsLeftDesign {
		width: 35%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.clsLeftDesign {
		width: 50%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.clsLeftDesign {
		width: 100%;
	}
}


/*-- 		3. Consumer_BRS.html		 --*/

.clsVillaRoom_2_1 {
	background-image: url("../image/villa Room-2.jpg");
	background-repeat: no-repeat;
}

.clsLeftDesign {
	padding: 15px;
	background-color: #f7f7f7;
}

@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.clsLeftDesign {
		width: 35%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.clsLeftDesign {
		width: 50%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.clsLeftDesign {
		width: 100%;
	}
}


/*-- 		4. Consumer_BRS Report.html		 --*/

@media only screen and (min-width: 320px) and (max-width: 1023px) {
	.clsTableFontSize td {
		font-size: 16px;
	}
}