@media (min-width:1601px) and (max-width:1920px) {
.navbar{ padding:0 22%;}
}

@media (min-width:1401px) and (max-width:1600px) {
.navbar{ padding:0 17%;}
.navbar li a{ padding:20px 14px}
}


@media (min-width:1201px) and (max-width:1400px) {
.navbar{ padding:0 12%;}
.navbar li a{ padding:20px 12px}
}


@media (min-width:992px) and (max-width:1200px) {
.navbar{ padding:0 6%;}
.navbar li a{ padding:20px 10px}
}




@media (max-width: 991px) {
	
.navbar{ padding:0; position:relative; width:100%; top:0; float:left; background:#fff;}
.navbar li a{ padding:20px 10px}
.navbar .wrapper{ max-width:750px; margin:0 auto;}

.logo, .navbar.affix .logo{ width:100%; background:#fff; margin:0px; text-align:center; height:auto; max-width:100%; padding:10px 0; left:auto;}
.navbar.affix .logo img, .logo img{max-width:140px; width:100%; margin-top:0px; }


.logo:before, .logo:after{ display:none;}

.navbar.affix{ background:rgba(255,255,255,1);}
.affix{ position:relative;}

.top-strip{ text-align:center;}
.top-strip a{ float:none; display:inline-block;}


}



@media (max-width:991px) {
	
	

	
 .succeed-img, .succeed-text{ width:100%; position:relative; float:left; padding:0px;}
 .succeed aside{ max-width:100%;}
 .services li{ margin:12px 0px; min-width:100%;}
 
.why-choose-us .content{ padding:0px;}
.why-choose-us img{ max-width:60px;}
.why-choose-us h4{ line-height:52px; font-size:20px;}

.mailing-list .content{ padding:0px;}
.mailing-list h5{ font-size:18px;}
.mailing-list a{ width:140px;}
.welcome h4{ font-size:30px;}




}







@media (max-width:767px) {
	
.slider h2 {font-size: 18px; line-height: 22px;}
.welcome h2{font-size:28px; margin:20px 0px; line-height:30px;}

.wel-left, .welcome .content{ margin-bottom:20px; padding:0 8px;}
.welcome h4{ font-size:22px; }
.welcome h4 span{ width:100%; padding:5px 10px;}

.what-we-do{ padding:20px 0px;}
.what-we-do .blank{ min-height:1px;}
.what-we-do aside{ padding:15px 10px;}

.what-we-do h2, .service-list h2, .about-us h2, .succeed h2, .why-choose-us h2{ font-size:32px; margin-bottom:10px; line-height:36px;}

.succeed-img, .succeed-text{ width:100%; position:relative; float:left; padding:0px;}

.succeed aside{ max-width:100%;}

.service-left{ display:none;}
.services .content{ padding:0px 10px;}
.services li{ margin:12px 0px; min-width:100%;}

.why-choose-us h2{ font-size:32px; margin-bottom:10px; line-height:36px; margin:0px 0 10px;}
.why-choose-us .item{ padding:0px;}
.why-choose-us img{ max-width:60px;}
.why-choose-us h4{ line-height:52px; font-size:20px;}


.mailing-list{ text-align:center;}
.mailing-list h5{ font-size:16px; line-height:22px;}
.mailing-list a{ display:inline-block; float:none; margin:10px 0 0; width:100px; font-size:20px; line-height:18px;}

.contact-section:before{ left:0; width:100%; z-index:100; background:rgba(0,71,131,1); position:absolute; top:0;  height:100%; content:"";}
.contact-section .form-area{ padding:20px 0 0;}
.contact-section h3{ font-size:24px; line-height:24px;}
.contact-section p{ font-size:20px;}
.contact-section span{ margin-bottom:2px;}


footer{ padding:0px;}
footer .item{ border-bottom:1px solid #2974b3; padding:10px 10px 20px; margin-bottom:20px;}
footer .spacer-30{ height:1px;}



}


@media (max-width:640px) {

.succeed-item figure {margin-bottom: 20px;text-align: center; width: 100%;}
.succeed-item figure img{max-width:180px;}

.succeed-item aside{width: 100%;}


}