@media (max-width: 1200px) {
header .container{width:100%!important}
.container-portfolio{width:100%;margin:0 auto;padding:0;overflow:hidden}
.popup-form{margin:0 5%;}
.career-form{margin:0 5%;}
#portfolio-grid .portolio-item{width:25%!important}
}
@media (max-width: 990px) {
.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;text-align:right}
.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)}
.header.light-header .nav-menu{background:#000}
.header .nav-menu > ul > li{width:100%}
.header .nav-menu ul > li a {text-align:right}
.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:#bf9b30;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-bg.light-header .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}
.header .nav-menu ul li button.quote{width:auto;float:right!important;}
.header.light-header .nav-menu ul > li > a.lang{margin-left:15px;display:inline-block}
.header-bg.light-header .nav-menu ul > li > a.lang{border-color:rgba(255,255,255,.33)}
.header.light-header .nav-menu ul > li > a.quote{margin:10px 0 15px 15px;display:inline-block}
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}
#portfolio-grid .portolio-item{width:33.333333%!important}
.type-wrap span br{display:none}
.brands{padding:0 25px}
.brands .owl-buttons div.owl-prev,.brands .owl-buttons div.owl-next{display:block}
.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}
.team-img img,.folio .folio-img img,.brands a img,.job-detail img,.openings .openings-img img,.story .gallery-slider img,.location .tab-content .tab-pane iframe{-webkit-filter:grayscale(0);filter:grayscale(0%);opacity:1}
.popup-form .popup-img{display:block}
.popup-form .popup-info{margin:0;padding:5%}
.popup-form {padding:0}
.career-form .popup-img{display:block}
.career-form .popup-info{margin:0;padding:5%}
.career-form {padding:0}
.values .nav-tabs > li{width:19%}
.values .tab-pane .service-info {padding:5%}
.address {margin: 0 0 30px;}
.w50 li {width:100%;}
.w50 li:first-child {width:100%;margin-right:0}
.w50 li:last-child {width:100%;}
#portfolio-grid .portolio-item{width:33.3333%!important}
}
@media (max-width: 917px) {
.folio-carusel{padding:0 20px}
}
@media (max-width: 768px) {
#container div[class*='col-md-']{margin-bottom:20px}
h1{font-size:30px;line-height:40px}
h2{font-size:25px;line-height:33px}
h3{font-size:20px;line-height:30px}
p{font-size:16px;line-height:22px}
.header-title p br{display:none}
.testimonials-carousel,.testimonials-carousel .item{padding:0}
.testimonials-carousel .owl-buttons{display:none}
.testimonial-slider{text-align:center;width:90%;margin:0 auto}
.page-header{padding:160px 0 80px}
.page-header p{font-size:16px;line-height:22px}
.page-header p br{display:none}
.sign{width:64px;height:64px;line-height:64px;top:-32px}
.sign img{max-height:32px}
.sign2{width:64px;height:64px;line-height:64px;top:-32px}
.sign2 img{max-height:32px}
.testimonials-carousel .quote-content q{font-size:18px;line-height:26px;min-height:128px}
.testimonials-carousel .owl-pagination{bottom:-35px}
.testimonials-carousel .quote-author{font-size:15px}
.testimonials-carousel .quote-author img{height:25px}
.values ul.nav-tabs li a{padding:0}
.values .nav-tabs > li.active:before{display:none}
.values ul.nav-tabs li a span{display:none}
.values ul.nav-tabs{margin-bottom:0}
.values .tab-pane .tec li img{max-height:30px}
.type-wrap{height:80px;margin-bottom:10px}
.type-wrap span{font-size:30px!important;line-height:35px;letter-spacing:0!important}
.type-wrap span br{display:inline}
#footer .logo-img img{max-height:60px}
#footer .copyright a:after{margin:0 5px!important}
#portfolio-grid .portolio-item{width:50%!important}
.portfolio-filters a{font-size:13px;letter-spacing:0;padding:0 5px 0 0;line-height:20px}
.portfolio-filters a:after{margin:0 0 0 5px}
.header-title,.header-title-white,.header-title-cta{margin-bottom:30px}
.location{padding-bottom:0!important}
.location .nav-tabs > li{width:50%;margin-bottom:30px;padding:0 15px}
.location .nav-tabs > li.active:before{display:none}
.location ul.nav-tabs li .location-img{width:72px;height:72px;line-height:72px}
.location ul.nav-tabs li .location-img img{height:32px;top:calc(50% - 16px)}
.location ul.nav-tabs li h4{margin-bottom:5px}
.location ul.nav-tabs{margin-bottom:30px}
.location .tab-content .map-icon{display:none}
.location .tab-content .tab-pane iframe{height:400px}
.location ul.nav-tabs li p br{display:none}
.sign {top:-70px;line-height:72px;  width:72px;height:72px;}
.sign i { font-size:30px;line-height:72px;}
.sign2 {top:-36px;line-height:72px;  width:72px;height:72px;}
.sign2 i { font-size:30px;line-height:72px;}
.sign img { max-height:32px}
.sign2 img { max-height:32px}
.popup-form{margin:0 1%!important;}
.career-form{margin:0 1%!important;}
.career-form .popup-info iframe {height:300px;}
#portfolio-grid .portolio-item{width:50%!important}
}
@media (max-width: 480px) {
#footer .copyright p br {display:block}
.popup-form{margin:0 1%;}
.type-wrap{height:80px;margin-bottom:10px}
.type-wrap span{font-size:35px!important;line-height:40px;letter-spacing:0!important}
.type-wrap span br{display:inline}
.section-home p{font-size:16px;line-height:22px}
.section-home p br{display:none}
.section-home .btn-sys{margin:10px 0 0}
.values ul.nav-tabs li a .tab-img{width:70px;height:70px;line-height:70px}
.values ul.nav-tabs li a img{width:30px;height:30px;top:21px}
.values ul.nav-tabs li a .tab-img i {font-size:30px;line-height:70px}
.location .nav-tabs > li{width:100%;margin-bottom:20px;padding:0}
.section-home img{display:none}
.header #logo {
    float: right !important;    width: 60px;

}
}
@media only screen and (max-width: 400px) {
.values ul.nav-tabs li a .tab-img{width:56px;height:56px;line-height:56px}
.values ul.nav-tabs li a .tab-img i{font-size:24px;line-height:56px}
.header #logo {
    float: right !important;    width: 60px;

}
}
@media only screen and (max-width: 320px) {
	#portfolio-grid .portolio-item{width:100%!important}
	.header #logo {
		float: right !important;    width: 60px;

	}
}