@charset "utf-8";
/* CSS Document */


@media only screen and (min-device-width: 1921px) and (max-device-width: 5500px) {
	
}


@media only screen and (max-width: 1700px){ 
	
	.topmainleft {
		width: 15%;
		padding: 5px 5% 0px 0;
	}
	.topmainright {
		width: 70%;
	}
	.topmainleft img {
		width: 114px;
	}
	.topmainright nav {
		width: 60%;
		padding: 15px 0 0 5%;
	}
	.topmainright h6 {
		width: 30%;
		padding: 20px 0 0 0;
		font-size:40px;
	}
	.topmainright h6 img {
		width: 44px;
		margin: 0 10px -7px 0;
	}
	
	.headerwrapper, .innercontainwrapper, .footer {
		width: 90%;
		margin: 0 auto;
	}
	.idxcitybox {
		margin: -50px auto 0px auto;
	}
	
	.headerimg img {
		width: 22%;
	}

	
}



@media only screen and (max-width: 1580px){ 
	
	body{
		font-size:16px;
		line-height:26px;
	}
	
	#Arrowfix {
		width:36px;
		height:36px;
	}
	#Arrowfix span {
		margin-left:-6px;
		margin-top:-10px;
		border:6px solid transparent;
		border-bottom-color:#FFFFFF
	}
	
	.topmainright {
		width: 78%;
	}
	.topmainright nav {
		width: 68%;
		padding: 15px 0 0 0%;
	}
	.headerleft {
		width: 45%;
		font-size: 22px;
		line-height: 30px;
	}
	.headerleft h1 {
		font-size: 58px;
		line-height: 54px;
	}
	
	
	.idxaboutleft h3 {
		font-size: 24px;
		line-height: 28px;
		padding: 0 0 20px 0;
	}
	.idxaboutleft h3 span {
		font-size: 48px;
		line-height: 48px;
		padding: 10px 0 0 0;
	}
	
	.idxaboutright {
		font-size: 18px;
		line-height: 28px;
	}
	
	.idxclientbox h5 {
		font-size: 70px;
		line-height: 70px;
	}
	.idxclientbox h5 sup {
		font-size: 30px;
	}
	
	
	.idxhelightwrapper {
		width: 90%;
	}
	
	.idxhelightwrapper h3 {
		font-size: 26px;
	}

	.idxhelightwrapper h4 {
		font-size: 70px;
		line-height: 80px;
		padding: 20px 0;
	}
	.idxhelightwrapper h6 {
		font-size: 50px;
		line-height: 60px;
	}	
	
	
	.footer {
		padding: 50px 0 70px 0;
		font-size: 18px;
		line-height: 24px;
	}
	.footersocial a {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 34px;
	}
	
	
	.awardsboxcol1 {
		width: 46%;
		margin: 1.5% 1%;
		padding: 0 0 0 1%;
	}
	
	
}



@media only screen and (device-width: 1280px) and (device-height: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1){
	
}

@media only screen and (device-width: 1280px) and (device-height: 980px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1){
	
}


@media only screen and (max-width: 1280px){ 
	
	
	.topmainleft {
		width: 25%;
		padding: 16px 5% 12px 0;
	}
	.topmainright {
		width: 68%;
	}
	.topmainright nav {
		width: 40%;
		padding: 15px 0 0 15%;
	}
	
	.headerleft {
		width: 45%;
		font-size: 20px;
		line-height: 30px;
	}
	.headerleft h1 {
		font-size: 54px;
		line-height: 50px;
	}
	
	
}


@media only screen and (max-width: 1080px){ 	
	
	
	
	.topmainbg {
		position: relative;
	}
	.topmainright nav {
		display: none !important;
	}
	.topmainleft img {
		width: 160px;
	}

	.topmainleft {
		float: none;
		display: block;
		width: 100%;
		background: #fff7eb;
		padding: 10px 0 7px 0;
		text-align: center;
	}
	.topmainright  {
		float: none;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.topmainright h6 {
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 0;
		font-size:40px;
	}
	
	.headerleft {
		float: none;
		width: 100%;
		display: table;
	}
	.headerright {
		float: none;
		width: 80%;
		margin: 30px auto;
		display: table;
	}
	
	.idxaboutleft {
		width: 100%;
		float: none;
	}
	.idxaboutright {
		width: 100%;
		float: none;
		margin: 25px 0 0 0;
	}
	
	.footerboxcol1 {
		float: none;
		width: 94%;
		padding: 3%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	.footerboxcol1:nth-child(2) {
		border-left: 0px solid #000;
		border-right: 0px solid #000;
		border-top: 0px solid #000;
		border-bottom: 0px solid #000;
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.footerboxcol1:nth-child(3) {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 20px;
	}
	.footerboxcol1 img {
		width: 50px;
		margin: 0 3% 0 0;
	}
	
	.whychooseusleft, .whychooseusright {
		float: none;
		width: 100%;
	}
	.whychooseusleft {
		padding: 0 0 25px 0;
	}
	.facilitileft, .facilitiright {
		float: none;
		display: table;
		clear: both;
		width: 100%;
	}
	.facilitileft {
		margin: 0 0 10px 0;
	}
	.facilitileft img {
		width: 48%;
		display: block;
		margin: 1%;
		float: left;
	}
	.faqcontain {
		width: 100%;
	}
	
	.idxcityboxcol1 {
		width: 45%;
		margin: -50px 1.5% 70px 1.5%;
	}
	.idxcitybox {
		padding: 0;
	}
	
	
	.facilitiiconbox {
		float: left;
		display: block;
		width: 45%;
		margin: 2%;
	}
	.testimonialcol1 {
		display: none;
	}
	.testimonialcol2 {
		width: 30%;
		padding: 0 5% 0 0;
	}

}


@media only screen and (max-width: 800px){
	
	.btn1, .btn2 {
		font-size: 14px;
		line-height: 20px;
	}
	
	.headerwrapper {
		padding: 50px 0 140px 0;
	}
	
	.headerimg img {
		width: 60%;
		padding: 0 0 0 0;
	}
	
	
	.headingtext2 {
		font-size: 36px;
		line-height: 30px;
		padding: 20px 0 0 0;
	}


}
@media only screen and (max-width: 600px){ 
	
	.topwrapper, .innercontainwrapper, .footer, .headerwrapper {
		width:86%;
	}
	
	.headerright {
		float: none;
		width: 84%;
		padding: 5%;
		margin: 0px auto 30px auto;
		display: table;
		border-top:    2px solid  #eb5a38;
	border-right:  8px solid #eb5a38;
	border-bottom: 8px solid #eb5a38;
	border-left:   2px solid  #eb5a38;
	}
	.headerright h2 {
		font-size: 22px;
		line-height: 24px;

	}
	.headerright h2 span {
		font-size: 36px;
		line-height: 36px;
	}
	
	
	.idxhelightwrapper h3 {
		font-size: 20px;
	}

	.idxhelightwrapper h4 {
		font-size: 48px;
		line-height: 48px;
		padding: 20px 0;
	}
	.idxhelightwrapper h6 {
		font-size: 36px;
		line-height: 36px;
	}	
	
	.headerleft img {
		width: 280px;
		display: table;
	}
	
	.footerheight {
		height: auto !important;
		min-height: inherit !important;
	}
	
	.footerboxcol1 {
		float: none;
		width: 86%;
		padding: 7%;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	
	.idxcityboxcol1 {
		width: 90%;
		margin: -50px auto 70px auto;
	}
	
	.facilitiiconbox {
		float: none;
		display: block;
		width: 100%;
		margin: 20px 0;
	}
	
	.awardsboxcol1 {
		width: 94%;
		margin: 25px 0;
		padding: 0 0 0 4%;
	}
	
	.galleryimg li {
		width: 48%;
		padding: 1%;
	}
	
	
	.testimonialcol2 {
		width: 100%;
		padding: 0 0 20px 0 !important;
	}
	.testimonialcol3 {
		width: 100%;
		padding: 0 0 80px 0;
	}
	

}

@media only screen and (max-width: 420px){ 
	
	.headerleft img {
		width: 240px;
		display: table;
	}
	.footerboxcol1 h6 {
		display: inline-block;
		vertical-align: top;
		width: 75%;
	}
}