@media (max-width: 1680px) {
.container{width:90%}
.service{width:100%}
}
@media (max-width: 1366px) {
.popup-form{margin:0 2%}
.container{width:100%}
}
@media (max-width: 1200px) {
header .container{width:100%!important}
.service .service-text{bottom:auto}
.certi .title{width:25%}
#portfolio-grid .portolio-item{width:20%!important}
}
@media (max-width: 991px) {
.container{width:100%}
.navbar-header{float:none}
.navbar-toggle{display:block}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important;margin:7.5px -15px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
.header #logo img{max-height:46px}
.header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:100%;width:100%;background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12);background:#252827}
.header .nav-menu > ul > li{width:100%}
.header .nav-menu ul > li a::before{left:0;margin:0;width:0;opacity:.4}
.header .nav-menu ul > li:hover > a::before,.header .nav-menu ul > li.active > a::before{display:none}
.header .nav-menu ul li.active a{background:#c93;color:#fff!important}
.header .nav-menu ul li:hover a{color:#fff!important;background:rgba(0,0,0,.33)}
.header .nav-menu ul li.active:hover a{color:#fff!important}
.header.header-bg .nav-menu ul > li > a{color:#fff!important}
.header .nav-menu > ul > li:first-child{margin-top:0}
.header .nav-menu > ul > li:last-child{margin-bottom:10px}
.header .nav-menu ul li a{padding:10px 15px;color:#fff}
.header .nav-menu ul > li > .quote{width:auto;float:left;margin:10px 0 15px 10px}
.header .nav-menu .drop .dropdown{visibility:visible;position:relative;top:0;opacity:1;filter:Alpha(Opacity=1);width:100%;margin:0;border-top:none;background:rgba(255,255,255,.1)}
.header .nav-menu .drop:hover .dropdown{margin-top:0}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:10px 15px;background-color:transparent;border-bottom:none;padding-left:15px}
.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{background:#252827;padding-left:25px;color:#c93!important}
.header .nav-menu .drop .dropdown li.active a{background:#c93;color:#fff}
ul li,ol li,.icons-list li{font-size:16px;line-height:22px}
#logo img{max-height:42px}
.header-bg #logo img{max-height:42px}
.section{padding:60px 0}
.animated{-o-transition-property:none!important;-moz-transition-property:none!important;-ms-transition-property:none!important;-webkit-transition-property:none!important;transition-property:none!important;-o-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;-ms-animation:none!important;animation:none!important}
.popup-form{margin:1%}
.popup-form .popup-img{display:block}
.popup-form .popup-info{padding:5%}
.popup-form .mfp-close{color:#fff}
.blog .blog-info h3{min-height:auto}
.about .about-info{padding:6%}
.project-gallery{margin-bottom:5px}
.project-gallery .gallery-top{padding:0;margin-bottom:2px}
.popup-form .popup-info{margin:0}
.video-section .fullscreen-video{left:-75%!important}
.service .service-text .lead{color:#252827}
.service .service-text .lead span{display:block;float:none}
.header .nav-menu li.spacer{display:none}
#portfolio-grid .portolio-item{width:25%!important}
.values .tab-content{width:100%}
.testimonials-carousel{padding:0 45px}
.testimonials-carousel .item{padding:0}
.address.invert{margin-bottom:30px}
.address.invert p{top:20px;min-height:auto}
.address.invert:hover p{top:-10px}
.address.invert h4{top:20px}
.address.invert:hover h4{top:-10px}
.address.invert .btn-sys{top:20px;opacity:1}
.address.invert:hover .btn-sys{top:-10px}
}
@media (max-width: 768px) {
#container div[class*='col-md-']{margin-bottom:20px}
h1{font-size:30px;line-height:35px}
h2{font-size:25px;line-height:30px}
h3{font-size:20px;line-height:25px}
body,p,ul li,ol li,.icons-list li{font-size:15px;line-height:22px}
.header-title p br{display:none}
.page-header{padding:160px 0 80px}
.page-header p br{display:none}
.header-title,.header-title-white,.header-title-cta{margin-bottom:30px}
.header-title br,.header-title-white br,.header-title-cta br{display:none}
.section-home img{max-height:30px}
.certi .title{width:30%}
.type-wrap{margin-bottom:5px}
.type-wrap span{font-size:30px!important;line-height:40px;letter-spacing:0!important}
.type-wrap .typed-cursor{font-size:15px!important;margin-left:2px}
.back-to-top{bottom:15px;right:15px}
.back-to-top i{width:32px;height:32px;line-height:32px;font-size:12px}
.testimonials q{font-size:18px;line-height:26px;font-weight:600}
.section-home h1{font-size:35px!important;line-height:42px;letter-spacing:0!important}
#portfolio-grid .portolio-item{width:33.33333333%!important}
.service{margin:0}
.service .icon{display:none}
.service .service-img img{position:relative;opacity:1}
.service .service-img .mob{display:block}
.service .service-img .desk{display:none}
.service .service-img .title{display:none}
.service .service-img h4{display:none}
.service .service-text{position:relative;opacity:1;top:-50px;margin:0 30px;border:1px solid #fff;background:#ffff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);padding:40px 25px 20px}
.service .service-text h3{color:#0B1F2C;text-align:center}
.service .service-text p{color:#252827}
.service .service-text ul li{color:#252827}
.service .service-text .btn-light{background:#c93}
.service .service-text .btn-light:hover{color:#fff}
.service .service-text .btn-sys{margin:0}
.service:hover .service-text{top:-50px}
.service .icon{display:none}
.service .service-text .more{text-align:center}
.service .service-text hr{border-color:rgba(0,0,0,.066)}
.service .service-text .icon2{position:absolute;top:-32px;left:0;right:0;z-index:0;font-size:22px;width:64px;height:64px;line-height:64px;margin:0 auto;text-align:center;color:#c93;z-index:37;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;display:block;background:#fff;border-radius:50%;-webkit-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.15);box-shadow:0 -5px 5px 0 rgba(0,0,0,0.15);-moz-box-shadow:0 -5px 5px 0 rgba(0,0,0,0.15)}
.service:hover .service-text .icon2{display:block!important}
.popup-form{margin:1%}
.popup-form .popup-img{display:block}
.popup-form .popup-info{padding:5%}
.popup-form .mfp-close{color:#fff}
.blog .blog-info h3{min-height:auto}
.about .about-info{padding:6%}
.popup-form .popup-info{margin:0}
.video-section .fullscreen-video{left:-75%!important}
.brands li{width:33.33333333%}
.copyright-section{text-align:center}
ul.social-list{float:none;text-align:center}
ul.social-list li:first-child{display:block}
}
@media (max-width: 640px) {
.section-home img{display:none}
.section-home .btn-sys{margin:10px 0 0}
#portfolio-grid .portolio-item{width:50%!important}
.portfolio-filters a{letter-spacing:0;padding:0 10px}
.portfolio-filters a:after{display:none}
.values ul.nav-tabs{margin-bottom:10px}
.values .nav-tabs > li{width:33.333333%;margin:0 -2px 25px}
.values ul.nav-tabs li a .tab-img{width:72px;height:72px}
.values ul.nav-tabs li.active a img.hov{top:20px;height:32px}
.values ul.nav-tabs li a:hover img.hov{top:20px;height:32px}
.values ul.nav-tabs li a img.hov{top:20px;height:32px}
.values ul.nav-tabs li a img.act{top:20px;height:32px}
.values .nav-tabs > li.active:before{display:none}
.certi .title{width:40%}
.w50 li:first-child{width:100%;margin-right:0}
.w50 li:last-child{width:100%}
}
@media only screen and (max-width: 480px) {
.col-xs-6{width:100%}
.section-home h1{font-size:25px;line-height:35px}
.section-home p{font-size:16px;line-height:22px}
.section-home p br{display:none}
.section-home .btn-sys{margin:10px 0 0}
.service .service-text{top:-30px;margin:0 15px}
.video-section .fullscreen-video{left:-100%!important}
.section-home h1{font-size:30px!important;line-height:35px!important}
#portfolio-grid .portolio-item{width:100%!important}
}
@media only screen and (max-width: 360px) {
.section-home img{display:none}
}