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

@media only screen and (max-width: 1280px) {
.main-wrapper{ max-width:98%;}
}

@media only screen and (max-width: 1180px) {
.header-menu{ padding-right:50px;}
.login-btn{ width:22%;}
.login-txt{ width:26.4%; color:inherit;}
.section-three, .section-four, .section-two{ padding-top:50px;}
.section-three, .section-four, .section-one{ padding-bottom:20px;}
.section-two{ height:680px;}
}

@media only screen and (max-width: 1068px) {
.logo{ width:19%;}
.header-right{ width:81%;}
.header-menu{ padding-right:0;}
}
	
@media only screen and (max-width: 1000px) {
	body{ padding-top:0;}
	.header{ position:inherit;}
	.active {  display: block; } 
	.nav > li { padding-left:0;  float: none; background:none; border-top:1px solid #005d99; } 
	.nav > li > .parent {  background-position: 95% 50%;} 
	.nav li li .parent { background-image: url(../images/downArrow.png);  background-repeat: no-repeat;  background-position: 95% 50%; } 
	.nav ul {  display: block; width: 100%; } 
	.nav > li.hover > ul , .nav li li.hover ul { position: static; }
	.toggleMenu:hover{ color:#fff; text-decoration:none;}
	.logo{ padding-top:25px;}
	.section{ padding-top:0;}
	ul.servicess li h4{ font-size:15px; padding-left:20px;}
	.inner-padd{ padding-left:20px;}
	ul.footer-link li{ padding-bottom:14px;}
	.blog-right p{ font-size:30px;}
	.logo{ padding-top:0; width:100%; text-align:center;}
	.header-right{ width:100%;}
	.header-menu{ width:100%; padding-top:5px;}
	.nav a{ padding:7px 10px;}
	.nav > li > a{ font-size:19px;}
	.header-right-side{ position:absolute; top:10px; right:10px;}
	.nav > li > a:hover, .nav > li > a:focus{  border-bottom: 2px solid transparent; background:#005d99; color:#fff; border-top: 2px solid transparent;}
	.login-txt{ width:100%; margin-left:0; margin-bottom:5px;  height: 52px; font-size:22px;}
	.login-btn{ width:48%; font-size:24px; margin:0 1%; height:45px;}
	#panel{ top:93px; z-index:2;}
	.section-one{ padding-top:40px;}
	.section-three{ height:550px;}
	.banner-dec p{ font-size:26px;}
	.banner-dec{ top:25px;}
	p, ul.feature-link li a{ font-size:15px;}
	ul.feature-link li{ padding-bottom:20px;}
}


@media only screen and (max-width: 768px) {
	.about-construplane-left{ width:100%; text-align:center;}
	.about-construplane-right{ width:100%;}
	.about-construplane{ padding-top:20px;}
	.key-feature-left{ width:100%; padding-top:0;}
	.key-feature-right{ width:100%; padding-top:0;}
	.key-feature-middle{ width:100%; text-align:center;}
.dekstop-show{ display:none;}
.section-two{ height:auto;}
ul.feature-link{ padding-top:10px; padding-bottom:10px;}
.mobile-show{ opacity:1;}
.bussiness-pic{ padding-top:25px;}
.section-three{ height:auto; padding-bottom:30px;}
.contact-form-left{ width:100%;}
.contact-form-right{ width:100%;}
.txt-field, .txt-btn{ height:53px; font-size:15px;}
.footer-left{ font-size:13px; width:100%; text-align:center;}
ul.social-link-bottom{ width:100%; text-align:center; padding-top:15px;}
.txt-area{ font-size:15px;}
h1{ font-size:32px;}
.footer{ padding:15px 0;}
.main-wrapper{ max-width:90%;}
}

@media only screen and (max-width: 480px) {
.header-right-side{ top:88px;}
.phone-number{ font-size:19px;}
ul.social-link{ padding-top:2px;}
ul.social-link li a{ font-size:15px;}
.banner-dec p{ font-size:17px; padding:0 5px 5px 5px;}
.contact-form{ padding:30px 15px 0;}
.key-feature-main h2{ font-size:22px;}
.login-btn{ font-size:19px;}
.txt-field{ padding:10px 15px;}
.txt-area{ padding:15px;}
}