@media (max-width: 1680px) {
.container{width:100%}
.header-title.left{margin:0}
.support{margin:0}
.support .col-md-3{width:50%}
.reports li{width:25%}
.brands.absolute {width:100%;}
.furniture li {width:20%;}
.procurment:before {height: 40%;}
.products-section:after {height: 60%;}
.related-section:after {height:70%;}

}
@media (max-width: 1366px) {
.popup-form{margin:0 2%}
.container{width:100%}
#portfolio-grid .portolio-item{width:25%!important}
.brands li{width:25%}
.brands a{margin:5px}
.services li {width:50%;}

.service-list li {width:33.333333333%;}
.counter .num-counter{font-size:100px;height:100px;line-height:100px;}
.counter h4 {font-size:16px;}
footer .col-md-9.col-md-offset-3 {width:100%;margin-left: 0%;}

}
@media (max-width: 1200px) {
header .container{width:100%!important}
.service .service-text{bottom:auto}
.reports li{width:33.33333333%}
.what-box .what-info{padding:4%}
.what-box.half .what-info{padding:8%}
.project-list li {width:33.33333333%}
.furniture li {width:25%;}
}
@media (max-width: 991px) {
.section.pt0 {padding-top:0}
.about.mt60 {margin:0 0 60px}
.services {position:relative;list-style:none}
.flex{display:flex;flex-direction:column}
.flex div[class*='col-md-']:first-child{order:2!important}
.container{width:100%;padding:0 30px;}
.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  {left:70px;}
.header #logo img{max-height:50px;}
.header #logo a:last-child{display:block;}
.progress-wrap {display:none}

.header .nav-menu{line-height:normal;padding:0;margin:0;position:absolute;left:0;top:100%;width:calc(100% - 60px;);background:#fff;z-index:98;box-shadow:0 1px 1px rgba(0,0,0,0.12);background:#231f20;text-align:left;margin:0 30px;top:80px}
#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{background:#000;color:#fff!important}
.header .nav-menu ul li:hover a{color:#fff!important;background:#000}
.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}
.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:#000}
.header .nav-menu .drop:hover .dropdown{margin-top:0}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:15px 15px 15px 30px;background-color:transparent;border-bottom:none;}
.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{background:#000;color:#fff!important}
.header .nav-menu .drop .dropdown li.active a{background:#000;color:#fff}
ul li,ol li,.icons-list li{font-size:15px}
.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}
.popup-form .popup-info{margin:0}
.header .nav-menu li.spacer{display:none}
#portfolio-grid .portolio-item{width:33.333333333%!important}
.about-img{position:relative;top:0;height:350px}
.about-img .back{height:350px}
.about-img:after{display:none}
.about{margin:0 0 30px}
.about-section{margin-bottom:0;padding:90px 0}
.header-title.left{margin:0 0 30px}
.consult{height:350px}
.footer-info p{margin-bottom:30px}
.social-list.pull-right{float:none!important}
.header-title.left{padding:0}
.footer-info{padding:0}
.drop-menu{right:50px;background:none;top:20px}
.drop-menu a i{color:#fff}
.drop-menu a .nmb{left:auto;right:0}
.header.header-bg  .drop-menu {top:20px;}
.header-3 #toggle-header {left:-80px;top:15px;}
.header.header-bg .header-3 #toggle-header {top:15px}

.demo {padding:0;width:50px;right:30px;text-align:center;top:15px;}
.demo i {display:block;line-height:50px;margin:0}
.demo span {display:none}

.footer-info{padding:0;text-align:center}

.play{right:auto;bottom:-50px;left:15px;top:auto}
.section.about-section{padding-bottom:90px}
.early{margin-top:0}
.icon-box p br{display:none}
.map-section iframe{height:250px}
.icon-box .icon-box-img{width:72px;height:72px;line-height:72px}
.icon-box .icon-box-img i{font-size:24px;line-height:72px}
.icon-box .icon-box-info{padding:0 0 0 92px}
.values ul.nav-tabs{text-align:left;margin:0 0 50px}
.values .nav-tabs > li{width:auto;margin:0}
.values ul.nav-tabs li a{margin:5px 3px;padding:10px 15px;font-size:12px;letter-spacing:0}
.values ul.nav-tabs li a span{display:none}
.analytic hr{display:none}
.analytic ul{margin:0 0 15px 35px}
.analytic{margin:0}
.portfolio-filters{margin:0 0 40px;text-align:left}
.portfolio-filters a{padding:10px 25px;background:#fff;border:1px solid #000}
.type-wrap span{font-size:13px;letter-spacing:1px}
.section-home{padding:200px 0 120px}
.fix{clear:both}
.filter{margin:0 10px}
.filter .title-bold{margin:0 0 30px}
.reports li{width:50%}
.project-list li {width:50%}

.notar{margin-bottom:30px;height:auto}

.notar .dots,.notar.right .dots{width:66.6666666%;right:-15px;left:-15px}
.notar.mb90{margin-bottom:90px}
.notar .linked{right:auto;left:30px;bottom:30px}
.notar .qt,.notar .qt.right {position:relative;bottom:0%;left:0%;width:100%;padding:30px;}

.notar.video {margin-bottom:60px}
.notar.video .play {left: auto;right: 30px;}

.what-box {display:block}
.what-box .what-img .play {top:calc(50% - 50px);}

.cta-button .btn-sys{margin:5px 5px 0 0}
.brands li{width:33.3333333333%}
.image-box{margin-bottom:30px;height:300px}
.image-box img{height:300px}
.image-box .image-box-title{left:30px;bottom:30px;width:85%}
.notes{position:relative;top:0;width:auto;margin:30px 0 0}
.instagram{padding-bottom:0}
.split-section-img {display:block}
.split-section .flex{display:flex;flex-direction:column}
.split-section div[class*='col-md-']:first-child{order:2}
.split-section-info,.split-section-info.right {padding:10%;}
.what-box.half .what-img{width:50%}
.what-box.half .what-info{width:50%}
.what-box .what-info{padding:6%}.
.what-box.half .what-info{padding:6%}
.section-home.landing .btn-sys{margin:15px 0 30px}
.section-home.landing ul{list-style:none}
.section-home.landing ul li{padding:0;display:inline-block}
.hero-logo {top:30px;}
.hero-logo img {max-height:80px;}
.section-home.landing ul li:first-child:before {display:none}
.section-home.landing ul li:before{margin:0 10px;display:inline-block}
.section-home.p0 {padding:0}
.justify-content-between {display:block}
.valign{display:block}
.service-list li {width:50%;}
.furniture li {width:33.3333333%;}
.procurment:before {height: 32%;}

.drs-section {padding:90px 0 0}
.drs li,.drs li.half,.drs li.half {width:25%!important;}
.drs-item img{height:200px;}
.products-section:after {height: 70%;}
.related-section:after {height:78%;}
.header-title.left h2 {padding: 0 0 0 15px;border-left: 2px solid rgba(0, 0, 0, .15);}
.about h2 {padding: 0 0 0 15px;border-left: 2px solid rgba(0, 0, 0, .15);}

.counter-list li{width:50%;}
.counter {margin-bottom:30px}

.section-home img {top: -100px;}
.gallery-list li{width:50%;}
.tel{right:85px;}

}
@media (max-width: 768px) {
.features-section {padding-bottom:120px}
h1{font-size:34px}
h2{font-size:28px}
h3{font-size:20px}
body,p,ul li,ol li,.icons-list li{font-size:16px}
.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}
.certi .title{width:30%}
.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}
#portfolio-grid .portolio-item{width:50%!important}
.service{margin:0 0 30px;height:auto}
.service .service-img h3{display:none}
.service .service-text{position:relative;opacity:1;top:0;margin:0;background:none;padding:0;text-align:left}
.service .service-text h3{color:#0B1F2C;margin-bottom:15px;}
.service .service-text p{color:#231f20}
.bg-wrap.h60 {height: 40%;}
.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}
.copyright-section{text-align:center}
.social-list{float:none;text-align:center}
.consult .consult-text{padding:30px}
.consult i{left:auto;right:30px}
.btn-sys{letter-spacing:0}
.brands li{width:50%}
.section-home .bg-img.mob {display:block}
.section-home .bg-img.desk {display:none}
.services li {width:100%;}
.service .service-img {height:250px;}
.service .service-img img {height:250px;}
.service .btn-sys {background:#231F20;color:#fff}
.jcm {padding:120px 30px 30px;}
.jcm .nmb {position:absolute;top:30px;left:30px;}
.jcm p {opacity:1;display:block!important}
.what-box .what-info{padding:30px;height:auto}
.what-box .what-info h3{margin-bottom:10px}
.what-box .what-info p{font-size:15px;line-height:22px}
.what-box.half .what-info{padding:30px}
.what-box .what-info .btn-sys{margin:0}
.services-menu a{margin:0 0 5px;display:block}
.furniture li {width:50%;}
.procurment:before {height: 20%;}
.process {height: auto;}
.process p {position: relative;bottom: 0;left: 0;right: 0;}
.gallery-list li{width:100%;}
.products-section:after {height: 75%;}
.related-section:after {height: 83%;}
.team .team-text {position: relative;padding: 30px;background:#000;bottom:0;opacity:1}
.team .title {display:none}
}
@media (max-width: 640px) {
.btn-sys{margin:10px 0 0}
#portfolio-grid .portolio-item{width:100%!important}
.reports li{width:100%}
.project-list li {width:100%}
.mt60.clear {margin:0}
.project-box{margin:0 0 30px;height:auto;padding:75px 30px 30px;}
.project-box .title{position:relative;bottom:0;left:0;right:0;margin:0;}
.project-box:hover .title,.project-box.active .title {opacity:1}
.project-box .project-text {position:relative;bottom:0;padding:0;opacity:1}
.project-box  .title {display:none}
.project-box h4,.project-box p{color:#fff;}
.values ul.nav-tabs{display:none}
.tab-content>.tab-pane{display:block}
.fade{opacity:1}
.section.services{padding-bottom:0}
.section.services .container{padding:0}
.section.services .row{margin:0}
.section.services div[class*='col-md-']{padding:0}
.analytic{padding:0 30px}
.image-box{margin-bottom:30px;height:250px}
.image-box img{height:250px}
.notes{background:#eee;padding:30px}
.notes h4{color:#000;font-weight:700}
.notes h4:after{background:#ccc}
.notes p{color:#444;border-left:1px solid #ddd}
.notes p span{color:#000;font-weight:700}
.notes p b{color:#000}
.notes:before{color:#e5e5e5}
.notes .btn-sys{border-color:#000;color:#000}
.what-box .what-img{width:100%}
.what-box .what-info{width:100%}
.what-box.half .what-img{width:100%}
.what-box.half .what-info{width:100%;position:relative}
.what-box.flex{display:flex;flex-direction:column}
.what-box.flex .what-info{order:2}
.flex{display:flex;flex-direction:column}
.flex .col-md-6{order:1}
.what-info.arrow-left:after,.what-info.arrow-right:after,.what-info.arrow-up:after,.what-info.arrow-down:after{content:'';position:absolute;top:0;left:20%;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px;left:50%}
.contact-section{padding-bottom:0}
.map-section .map-icon{display:none}
.map-section iframe{opacity:1}
.cta-button .btn-sys{width:100%;text-align:center}
.brands.absolute {bottom:30px;}
.hero-logo img {max-height:60px;}
.service-list li {width:100%;}
.drs li,.drs li.half,.drs li.half {width:50%!important;}
.drs-item img{height:200px;}
.products-section:after {height: 72%;}
.related-section:after {display:none}
.counter-list li{width:100%;}
}
@media only screen and (max-width: 520px) {
.col-xs-6{width:100%}
.section-home p{font-size:16px;font-weight:400;letter-spacing:0}
.section-home .btn-sys{margin:10px 0 0}
.brands li{width:100%}
.brands a {margin: 0 0 10px;}
.process {padding:30px;}
.process span {bottom: -10px;left: -20px;top:auto}
.finish {margin:7.5px;overflow:hidden}
.gallery-list li{width:100%;}
.drs li,.drs li.half,.drs li.half {width:100%!important;}
.products-section:after {height: 84%;}
.furniture.wt li {width: 100%;}
.procurment:before {display:none}

}
@media only screen and (max-width: 360px) {
.furniture li {width:100%;}
}