@media (min-width:1200px) {
.firefox .cont-btm-right { padding: 27px 30px 24px; }
}

@media (max-width:1200px) {
.main { width: 95%; padding: 0 2%; }
.mid-container-btm { background: #5c3d3a; }
.mid-container-btm { width: 100%; }
.cont-btm-right { width: 42%; padding: 10px 30px; }
.logo { left: 37%; }

}

@media (max-width:1100px) {
.cont-btm-right { padding: 10px 25px; }
.cont-btm-right h2 { width: 100%; }

.menu-icon { display: block; width: 6%; margin: 0 auto; }
.menu { display: none; margin-top: 6px; padding: 15px 0; }
.menu ul li { width: 100%; border-bottom: 1px solid #a7a6a5; line-height: 38px; }
.menu ul li a { margin-right: 0; }

.menu .has-child span {
	opacity: 1;
	visibility: visible;
}
.menu .sub-nav {
	background: transparent;
	display: none;
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
	width: 100%;
	transition: none;
}
.menu .sub-nav li {
	border-bottom: none;
	padding: 0;
}
.menu .sub-nav a {
	color: #fff;
}
.menu .sub-nav:before {
	display: none;
}
.menu-block { position: absolute; text-align: center; top: 85%; background: #000; opacity: 0.8; padding: 10px 0; width: 85%; }

.main-nav-menu ul {
	float: none !important;
}
}

@media (max-width:1095px) {
.banner { background-size: 100%; top: 15px; height: 571px; }
.subpage-banner { background-size: 100%; height: 265px; /* top: 16%; */top:0; }
.menu ul li a { margin-right: 38px; }
.logo { left: 36%; }
.baner-text { top: 45%; }
.main-header { min-height: 585px; }
div.subpage-header { min-height: 285px; /* 360 */ }
.subpage-header { min-height: 387px; }
.mid-container-btm { width: 100%; }
.cont-btm-left { width: 50%; }
/*.cont-btm-right{ padding:15px 30px;}*/
.we-offer-list { padding-top: 8px; }
.learnservices-btn { margin-top: 7px; }
.baner-text h2 { font-size: 45px; }
.we-offer-list li { font-size: 14px; line-height: 26px; }
.cont-btm-right h2 { font-size: 23px; }
}

@media (max-width:1010px) {
	.services-container {
		padding: 50px 25px;
	}	
}

@media (max-width:1010px) {
.main { width: 100%; padding: 0 2%; }
.logo { left: 50%; transform: translateX(-50%); width: 200px; }
.logo a { width: 100%; }
.header-top p { font-size: 12px; }
.header-top span { font-size: 12px; }
.menu ul li a { font-size: 13px; margin-right: 36px; }
.header-btm { padding: 13px 0; }
.banner { top: -45px; height: 483px; }
.baner-text { width: 85%; height: auto; margin-left: -42.5%; }
.baner-text h2 { font-size: 42px; line-height: 50px; }
.faqs { margin-left: 45%; }
.mid-container-top { width: 85%; }
.full-col-top { width: 85%; }
.main-header { min-height: 437px; }
div.subpage-header { min-height: 250px; }
.footer-top h2 { font-size: 22px; }
.footer-top p { font-size: 11px; }
.footer-top { padding: 25px 0; }
.footer-btm { padding: 20px 0; }
.footer-btm p { font-size: 12px; }
.cont-btm-right { padding: 8px 30px; }
.cont-btm-right h2 { font-size: 20px; }
.we-offer-list { padding-top: 5px; }
.we-offer-list li { font-size: 14px; line-height: 20px; }
.learnservices-btn { margin-top: 11px; font-size: 14px; padding: 10px; width: 230px; }
.header-top { padding: 11px 0 23px; }

.menu .faqs .sub-nav {
    left: -15px;
}

}

@media (max-width:945px) {

	div.subpage-midcont-side {
		display: block;
		width:100%;
		max-width:100%;
	}
	
}

@media (max-width:865px) {
.main-header { min-height: 513px; }

.baner-text {
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: auto;
	top: auto !important;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
}

.faqs { margin-left: 40%; }
div.subpage-midcont-top { width: 80%; }
div.full-col-top { width: 80%; }
div.subpage-header { min-height: 235px; }
.cont-btm-right h2 { font-size: 16px; }
.main-header { min-height: 414px; }
.banner { height: 430px; top: -14px; }
.learnservices-btn { padding: 8px; }
}

@media (max-width:767px) {
	
.services-container > div:not(.service-content) {
	flex-wrap: wrap;
}
.service-left,
.service-right {
	width: 100%;
}
.service-image {
	margin-bottom: 50px;
}

.service-content {
	width: 100%;
}
	
.menu .faqs .sub-nav {
    left: 0;
}
	
.subpage-midcont-top h1 {width:100%;}
.full-col-top h1 {width:100%;}

.faqs { margin-left: 0; }
.header-btm { padding: 15px 0; }
.banner { height: 365px; top: 20px; }
.baner-text h2 { font-size: 33px; line-height: 44px; }
.baner-text p { font-size: 12px; padding-top: 5px; }
.main-header { min-height: 390px; }
div.subpage-header { min-height: 200px; }
.mid-container-top h2 { font-size: 24px; margin-bottom: 15px; }
.full-col-top h2 { font-size: 24px; margin-bottom: 15px; }
.mid-container-top p { font-size: 14px; }
.full-col-top p { font-size: 14px; }
.cont-btm-left { width: 78%; float: none; margin: 0 auto; }
.learnservices-btn { float: none; padding: 10px; }
.cont-btm-right { width: 78%; margin: 0 auto; float: none; padding: 28px 30px 28px 0; }
.we-offer-list { padding-bottom: 18px; padding-top: 10px; }
.footer-top h2 { font-size: 20px; }
.header-top p { font-size: 12px; }
.footer-btm { padding: 15px 0; }
.footer-btm p { font-size: 12px; }
.mid-container-btm { background: none; }
.subpage-midcont-top h2 { width: 100%; }
.full-col-top h2 { width: 100%; }
.subpage-banner { /* top: 27%; */top:13%; height: 189px; }
.baner-text { padding: 10px 20px; top: 50%; }
.sevices { padding: 6px 20px; top: 63%; }
.subpage-midcont-top .sub-btm-text { font-size: 14px; line-height: 22px; }
.full-col-top .sub-btm-text { font-size: 14px; line-height: 22px; }
div.subpage-midcont-top { width: 100%; }
div.full-col-top { width: 100%; }
}

@media (max-width:730px) {
	.container-sizes-flex > div:nth-child(1) {
 		text-align: center;
	}
}

@media (max-width:675px) {
.main-header { min-height: 385px; }
div.subpage-header { /* min-height: 253px; */ }
.logo { top: 27px; }
.menu-icon { width: 10%; }
}

@media (max-width:620px) {
.logo { top: 35px; }
.banner { height: 270px; top: 20px; }
.baner-text h1 {
	font-size: 30px !important;
	line-height: 1 !important;
}
.baner-text h2 { font-size: 25px; line-height: 30px; }
.main-header { min-height: 315px; }
.mid-container-top { width: 100%; }
.full-col-top { width: 100%; }
.footer-top h2 { font-size: 16px; }
.cont-btm-right { width: 100%; padding: 28px 30px; }
.cont-btm-left { width: 100%; }
}

@media (max-width:545px) {
.main-header { min-height: 300px; }
div.subpage-header { min-height: 160px; }
.subpage-banner {top:2%;}
.menu-block { top: 75%; }
.sevices { padding: 6px 20px; top: 57%; }
}

@media (max-width:480px) {
.header-top { text-align: center; }
.header-top span { float: none; padding-top: 3px; }
.header-top { padding: 10px 0 25px; }
.logo { top: 50px; left: 30%; width: 37%; }
div.subpage-header { min-height: 115px; }
.subpage-banner {height:140px;}
.baner-text { top: 49%; }
.header-top p { float: none; }
.menu-block { top: 80%; }
.sevices { padding: 2px 20px; top: 63%; }
}

@media (max-width:436px) {
.main-header { min-height: 200px; }
.mid-container-top h2 { font-size: 20px; }
.full-col-top h2 { font-size: 20px; }
div.subpage-header { min-height: 115px; }
.logo { left: 28%; top: 53px; width: 42%; }
.cont-btm-right h2 { font-size: 16px; }
.we-offer-list li { font-size: 12px; line-height: 22px; }
.learnservices-btn { font-size: 12px; }
.banner { height: 193px; top: 10px; }
.subpage-banner { height: 115px; top: 8%; }
.baner-text { top: 32%; }
.sevices { top: 60%; }
.menu-block { top: 80%; padding: 5px 0; }
.footer-top h2 a { display: block; width: 100%; }
}

@media (max-width:342px) {
.baner-text h2 { font-size: 19px; }
.main-header { min-height: 195px; }
.logo { left: 27%; top: 52px; width: 47%; }
.baner-text { padding: 9px; }
.sevices { padding: 2px 20px; top: 56%; }
div.subpage-header { min-height: 90px; }
.subpage-banner {height:95px;}
.menu-block { top: 75%; }
.banner{top:0;}
.main-header{min-height:180px;}
}

/*---------use only when design is customise-----------*/
@media screen and (min-width:700px) and (max-width:990px) {
}