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

@media(max-width:1370px) {
.about-text { padding-bottom: 29px; padding-right: 60px !important; padding-top: 30px; }
.about-img { width: 52%; }
.home-about-wrap h3 { margin-bottom: 13px; }
.mask{height: 580px;}
}
@media(max-width:1290px) {
.home-about-wrap h3 { margin-bottom: 8px; }
.read-mote-btn { margin-top: 0; }
.mask{height:500px;}
.nav-wrap ul{float:right;}
.about-text{padding-bottom:12px;}
.mask { height: 545px;}
}
@media (min-width: 1200px) {
.container { width: 1200px; }

}
@media (max-width: 1199px) {
.nav-wrap ul { float: right; }
.mask { height: 375px; }
.about-text { padding-bottom: 18px; padding-top: 20px; }
.home-about-wrap h2 { font-size: 36px; margin: 0; }
.home-about-wrap h3 { margin-bottom: 5px; font-size: 28px; }
.home-about-wrap p { font-size: 13px; line-height: 22px; margin-bottom: 0; }
.read-mote-btn { margin-top: 11px; min-width: 150px; padding: 8px 15px; }
.form-wrap textarea.form-control { height: 137px; }
#about-wrap  .about-img img{float: right;
    max-width: 80%;}
}
@media(max-width:992px) {
.navbar-nav > li { margin: 0 10px; }
.navbar-default ul.navbar-nav > li > a { font-size: 15px; }
.header-top { min-height: 80px; }
.logo { width: 305px; }
.nav.navbar-nav { padding: 24px 0 10px; }
div.service-list { min-height: 240px; }
.mask { height: 328px; }
.service-list .fa { font-size: 50px; }
.service-list h3 { font-size: 20px; margin: 10px 0; }
.home-service-wrap { padding: 50px 0 0; }
.head-wrap h2 { margin: 0 0 33px; padding: 4px 0 9px; font-size: 40px; }
.home-project-wrap, .testmonial-wrap, .home-contact-wrap { padding: 50px 0; }
.home-project-wrap h3 { font-size: 23px; margin-top: 10px; }
.home-project-wrap p { font-size: 13px; }
.home-project-wrap h2 { font-size: 35px; }
.form-wrap .form-control { height: 40px; }
.form-wrap .form-group { margin-bottom: 15px; }
.footer-logo { text-align: left; }
.address-head { font-size: 15px; }
.address-head .fa { margin-bottom: 15px; }
.slider-wrap {margin-top: 74px;}
.mask {
    height: 355px !important;
}
}
@media(max-width:767px) {
.logo { width: 240px; position:absolute; left:0; }
.navbar-header { float: right; }
.header-top { min-height: 63px; }
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin: 0; }
.navbar-default .navbar-toggle { margin-right: 0; float: left; margin-bottom: 0; margin-top: 17px; }
.nav.navbar-nav { padding: 0; width: 100%; margin: 0; }
#bs-example-navbar-collapse-1 { float: left; text-align: center; width: 100%; border: 1px solid #dddddd; background: #fafafa; margin: 13px 0; border-bottom:none;}
.navbar-nav > li { margin: 0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover { border-bottom: 1px solid #ffca26; }
.navbar-default ul.navbar-nav > li > a { border-bottom: 1px solid #dddddd; padding: 10px 0; }
.video-text { margin-top: -47px; }
.mask { height: 180px; }
.video-inner-text { font-size: 23px; }
.video-inner-text h1 { font-size: 25px; }
.play-btn { display: inline-block; margin: 0 10px; width: 40px; }
div.about-text { padding-right: 15px !important; }
.about-img { position: relative; padding: 0 15px; width: 100%; }
div.service-list { margin-bottom: 40px; min-height: inherit; }
.testmonial-wrap h4 { font-size: 23px; margin-top: 0; }
.project-detail{margin-top:25px;}
.testmonial-wrap p { font-size: 15px; line-height: 25px; }
.testmonial-wrap { background-size: cover; }
.test-top-icon { margin-bottom: 20px; }
.client-logo-all { padding: 0 5px; text-align: center; }
.client-logo-all li { margin: 0 auto 5px; padding: 0 2px; width: 25%; }
.address-head .col-sm-4 { width: 100%; margin-bottom: 20px; }
.contact-map-wrap { margin-top: 25px; }
.footer-logo { position: relative; text-align: center; }
.copy-right-text { font-size: 13px; text-align: center; }
.nav-main .mainNav { left: 0; padding: 0 15px; position: absolute; width: 100%; }
.login-nav ul li a { font-size: 12px; margin-top: 4px; padding: 4px 15px; }
.navbar-default .navbar-toggle { border-color: #ffca26; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffca26; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ffca26; border-color: #ffca26; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
.mask {
    height: 260px !important;
}
.slider-wrap {
    margin-top: 59px;
}
#about-wrap  .about-img img{float:none;
    max-width: 100%;}
}
@media(max-width:600px) {
.mask {height: 200px !important;}
}
@media(max-width:480px) {
	.mask {height: 140px !important;}
}