@media (max-width: 1680px) {
.container{width:100%;padding:0 30px}
.contact{width:80%;}
}
@media (max-width: 1366px) {
.fbox li {width: 33.3333333333%;}
.contact{width:100%;}
	
}
@media (max-width: 991px) {
.fbox li {width: 50%;}
.portfolio-list li {width:50%;}
.dnone {display:none}
.flex{display:flex;flex-direction:column}
.flex div[class*='col-md-']:first-child{order:2!important}
.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  {float:none;text-align:center;position:absolute;left:0;right:0}
.header #logo img{max-height:50px;}
.header.header-bg #logo img{max-height:50px;}
.header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:80px;width:calc(100% - 60px;);background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12);background:#000;text-align:left;margin:0 30px}
#header ul {margin:0}
.header {top:0}
.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{color:#fff!important;background:#ee3342;}
.header .nav-menu ul li:hover a{color:#fff!important;background: #222;}
.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:15px 30px;color:#fff;border:none}
.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}
.footer-info p {margin-bottom:30px}
.social-list.pull-right {float:none!important}
.footer-info {padding:0}
h1{font-size:40px;}
h2{font-size:30px;}
h3{font-size:20px;}
body,p,ul li,ol li,.icons-list li{font-size:15px;}
.copyright-section{text-align:center}
.social-list{float:none;text-align:center}
.btn-sys {letter-spacing:0;}
.contact {bottom:15px}
.contact li{width:100%;}
.contact-box{padding:20px 30px;height:auto;margin:0 30px 15px}
.contact-box h4 {position:relative;left:0;bottom:0;line-height:1;font-size:16px}
.contact-box h4 br {display:none}
.contact-box span {margin-bottom:5px}
}
@media (max-width: 768px) {
.fbox li {width: 100%;}
.img-box {margin:0 0 30px}
.btn-sys{margin:10px 0 0}
.portfolio-list li {width:100%;}
.contact-box{padding:15px;

}