@media (max-width: 1680px) {
.container{width:100%;padding:0 30px}
.header-title.left{margin:0}
.support{margin:0}
.support .col-md-3{width:50%}
.reports li{width:25%}
.circle {bottom:30%;left:-15%;width:540px;}

}
@media (max-width: 1366px) {
.popup-form{margin:0 2%}
.container{width:100%}
.values li {width:33.33333333%;}

.brands li{width:25%}
.brands a{margin:0 10px 10px}
.project-list li {width: 33.333333333%;}
h1,h2,h3,h4,h5,h6{margin:0 0 10px;}
h1{font-size:46px}
h2{font-size:38px}
h3{font-size:30px}
h4{font-size:24px}
h5{font-size:17px}
body,p,ul li,ol li{font-size:16px}
p{margin:0 0 10px;}
.advantages li {width: 33.333333333%;}
.industries{margin:0 15px 30px;}
.benefit-list li {width: 25%;}
#portfolio-grid .portolio-item{width:33.333333333%!important}
}
@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%}
.pro-carousel.certi{bottom:30px;width:100%;}
.pro-carousel.certi .owl-controls {display:none}
.service-list li {width:33.33333333%}
.macy-container{column-count:2;}


}
@media (max-width: 991px) {
.event-list li {width:33.333333333333%;}
.project-gallery{position:relative;margin:30px 0}
.project-gallery .owl-buttons div.owl-prev{left:0;}
.project-gallery .owl-buttons div.owl-next{right:0;}
.popup-content button {top: 15px;right: 15px;}
.header-title p{padding: 0 ;border-left:none;}	
.smoke-canvas {display:none}
h1{font-size:36px}
h2{font-size:29px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:17px}
p {font-size:16px}
.copyright-section{text-align:center}
.copyright-section p{line-height:30px;}
.copyright-section p a:first-child:before {display:none!important}
.section.pt0 {padding-top:0}
.about.mt60 {margin:0 0 60px}
.sig {margin-bottom:60px}
.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{right:0;margin:0 auto;left:0;text-align:center;}
.header #logo img,.header.header-bg #logo img{max-height:60px}
.header .nav-menu{line-height:normal;margin:0;position:absolute;left:0;top:100px;width:calc(100% - 60px);background:none;z-index:98;text-align:center;margin:0 30px;overflow:hidden;padding:0;}
#header ul{margin:0}
.header{top:0}
.header .nav-menu > ul {padding:0;}
.header .nav-menu > ul > li{width:100%;padding:0;margin:1px 0} 
.header .nav-menu > ul > li:last-child {border-bottom:none}
.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,.header .nav-menu ul li:hover a{color:#fff;background:#a41e22;}
.header .nav-menu ul li.active:hover a,.header.header-bg .nav-menu ul > li.active > a,.header.header-bg .nav-menu ul li:hover a{color:#fff;background:#a41e22}
.header .nav-menu ul li a{padding:12px 25px;color:#fff;background: #000;clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0% 50%);}
.header .nav-menu > ul > li.drop > a i {display:none}
.header .nav-menu > ul > li.drop > a {padding:0;}
.header .nav-menu .drop .dropdown{visibility:visible;position:relative;top:0;opacity:1;filter:Alpha(Opacity=1);width:100%;margin:0;left:0;padding:0;box-shadow:none;background:none;border:none}

.header .nav-menu .drop .dropdown li {border-bottom:1px solid rgba(37, 0, 10,0.1);}
.header .nav-menu .drop .dropdown li a{color:inherit;padding:15px;background-color:transparent;position:relative;font-size:15px;font-weight:600;text-transform:uppercase}
.header .nav-menu .drop .dropdown li:hover a:after {display:none}

.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{color:#e6c576}
.header .nav-menu .drop .dropdown li.active a{color:#e6c576}
.header.light-header {top:0}

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:0}
.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}
.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;margin-top:10px;}
.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}
.footer-info{padding:0;text-align:center}
.play{right:-15px;bottom:-30px;left:auto;top:auto;}
.play .play-icon {height: 110px;line-height: 110px;width: 110px;}
.video-icon-sonar2{top:-10px;left:-10px;width:130px;height:130px;}
.project-list li {width: 50%;}
.counter {margin:0 0 30px}
.counter .num-counter{font-size:90px;height:90px;line-height:90px;}
.counter .char {top:-25px!important;}
.counter h4 {font-size:30px;margin: 0 auto 15px;position: relative;z-index: 0;letter-spacing: 1px;top:-15px}
.counter:hover h4 {filter:none;opacity:1} 
.circle {display:none}
.section.about-section{padding:0}
.services-title {padding:90px 0}
.serv-section {padding:0 0 90px;margin-bottom:-90px}
.cta-butons {top: -90px;}
.cta-buton {top: -90px;}


.sidebar  {top:0!important;height:auto!important;}
.inner-wrapper-sticky {position:relative!important;top: 0!important;left: 0!important;width: auto!important;transform:none!important}
.sidebar__inner {bottom: auto!important;}

.early{margin-top:0}
.icon-box p br{display:none}
.map-section iframe{height:300px;width:100%}
.map-section:hover iframe{height:300px}

.portfolio-filters{margin:0 0 30px;}
.portfolio-filters a{padding:10px 15px;background:#fff;}
.type-wrap span{font-size:13px;letter-spacing:1px}
.section-home, .page-header{padding:200px 0 120px}
.scroll-down-icon {bottom: 40px;}
.fix{clear:both}
.filter{margin:0 10px}
.filter .title-bold{margin:0 0 30px}
.reports li{width:50%}
.brands li{width:33.3333333333%}
.image-box{margin-bottom:30px;height:300px}

#header .cta-btn {padding:0;width:64px;text-align:center;border:none;line-height:64px;height:64px;right:15px;background:#f6a80f;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);top:16px}
#header .cta-btn i {display:block;line-height:50px;margin:0;top:0}
#header .cta-btn span {display:none}
.justify-content-between {display:block}
.valign{display:block}



.img-box {margin:0 0 30px;}
.img-box .img-text,.img-box.right .img-text{right: 0;left:0;bottom:-45px;width:100%;border:none;margin:15px 0 30px;clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);aspect-ratio:unset;padding:30px;}
.img-box .img-text:before {display:none}
.sub {letter-spacing:1px}
.services-title {padding: 90px 0 180px;}
.section-profile {padding:120px 0 90px}
.clents li {width: 33.33333333%;}
.clents a img {max-height: 80px;max-width: 100px;}
.location {margin-top:70px;}
.rotcircle {display:none}
.process { height: auto;padding:50px 30px}
.process p {position:relative;bottom: 0;left: 0;right: 0;margin:0;padding:0}
.process.active:after {margin:15px;}
.text-big{top:-40px;font-size:80px;line-height:80px;}
.what-box.full .what-img{width:50%}
.what-box.full .what-info{width:50%}
.what-box .what-info{padding:6%}
.what-box.half .what-info{padding:6%}
.service-section{padding: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%;}

.flex{display:flex;flex-direction:column}
.flex div[class*='col-md-']:first-child{order:2}

.footer-info ul li a {padding: 10px;}

.benefit-list li {width: 33.3333333333%;}
.pricing-table {padding:30px;margin-bottom:30px}
.pricing-table .pricing-body ul {min-height:auto}
.pricing-table:before {margin:15px;}
.popup-overlay {padding:0%}
.popup-content {padding:30px;}
.popup-content:before {margin:15px;}
.popup-content img {height:100px;margin-bottom:20px;}
.reviews {padding:120px 0;}
.testimonials-carousel{padding:30px;}
.testimonials-carousel .item:before {margin:15px;}
.testimonials-carousel .quote-content q{font-size:20px;line-height:25px;min-height:125px}
#portfolio-grid .portolio-item{width:50%!important}
}
@media (max-width: 768px) {

.address{height:auto}
.address .text{position:relative;padding:0}
.macy-container{column-count:1;column-gap:30px;}
.drinks {background: #fff;}
.features-section {padding-bottom:120px}
.header-title p br{display:none}

.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}
.testimonials q{font-size:18px;line-height:26px;font-weight:600}

.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}
.social-list{float:none;text-align:center}

.btn-sys {letter-spacing:0}
.brands li{width:50%}

.publications li {width:100%;}
.publications li .item {min-height: auto;margin:0 0 30px}

.services-title {padding: 90px 0;}
.corporate .pro-carousel{padding:0;}
.pro-carousel.serv-carousel {position:relative;top:-90px;padding:0}
.pro-carousel.serv-carousel .owl-buttons div{margin:0;top:auto;bottom:auto;top:40%}
.pro-carousel.serv-carousel .owl-buttons div.owl-prev {left: -25px;}
.pro-carousel.serv-carousel .owl-buttons div.owl-next {right: -25px;}
.service-list li {width:50%}
.drinks-list {padding: 30px 15px;}
.event-box .date {display: block;}
.event-box .date li{display: block;}
.event-box .date li:after {display:none}
}
@media (max-width: 640px) {
.btn-sys{margin:10px 0 0}
#portfolio-grid .portolio-item{width:100%!important}
.cigar {display:block;margin:0 0 15px;padding:30px;height:auto;}
.cigar .type {position:relative;padding:0}
.reports li{width:100%}
.values ul.nav-tabs{display:none}
.tab-content>.tab-pane{display:block}
.fade{opacity:1}
.analytic{padding:0 30px}
.image-box{margin-bottom:30px;height:250px}
.image-box img{height:250px}
.contact-section{padding-bottom:0}
.map-section{margin:0 }
.map-section .map-icon{display:none}
.map-section iframe{opacity:1;filter:grayscale(0%);width:100%;}
.cta-button .btn-sys{width:100%;text-align:center}
.profile img {height:320px;}
.profile .qt {padding: 30px;}


.form-box{padding:30px;overflow-y:scroll;display:block;position:relative;height:100%}
.location .round-1 {display:none}
.location {height:200px;width:200px;}
.location .main-img{height:200px;}
.location iframe{height:200px;}
.finish{width:180px;height:180px; aspect-ratio: 1 / 1;margin:7.5px;}
.finish img{width:180px;}
.appointment {margin-top:30px;}
.appointment ul li {padding:0}
.appointment ul li h4 {margin:0;font-size:16px;text-align:center;}
.appointment .btn-sys {margin:10px 5px 0}
.appointment .icon {height: 80px;width: 80px;padding:25px}
.contact {padding:30px 20px;}
.cta-top a:last-child{display:none}
.service-list  {margin:30px auto 0;}
.service-list li {width:100%;}
.project-box{margin:0 0 15px;height:auto;padding:15px;aspect-ratio:unset;display:table;width:100%;min-height:105px}
.project-box .title{display:none}
.project-box .project-text {position:relative;bottom:0;padding:0 0 0 85px;opacity:1;display:table-cell;vertical-align:middle;min-height:105px}
.project-box  .title {margin-bottom:15px}
.project-box h4,.project-box p{color:#fff;}
.project-box:hover .project-text h4,.project-box.active .project-text p{color:#000;}
.project-box span {top:15px;left:15px;right: auto;}
.clip1 {height:25px;}
.clip2 {height:25px;}
.benefit-list li {width:50%;}
.address {padding: 50px 30px 30px;}
.address .icon {width:72px;height:72px;line-height:72px;top:-36px;}
.address .icon img{height:24px;}
.project-gallery .gallery-top .item img {object-fit:cover;aspect-ratio:16/14;}
.img-box .img-text,.img-box.right .img-text{padding:15px;position:relative;bottom:0;background:none}
.img-box .img-text p {color: #a41e22;}
.img-box:hover .img-text {background:none}
.event-list li {width:50%;}
.event-box {display:block}
.event-box .event-img img {max-width:100%}
.event-box.active .event-title {padding:30px;}


}
@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}
.location {margin:0}
.location {height:100%;width:100%; aspect-ratio: 1 / 1}
.location .main-img{height:auto; aspect-ratio: 1 / 1}
.location iframe{height:auto; aspect-ratio: 1 / 1}
.cta-top a {height:44px;line-height:44px;width:44px;border-radius:22px;margin:0}
.instagram a img {height: 350px;}
.advantages li {width: 100%;}
.industries p,.industries h4 {min-height: auto;}.industries {margin: 0 0 30px;}
.pro-carousel {padding:0}
.news-box {margin: 0;}
.news-box img {height: 300px;}
.news-box {height:300px;}
.values li {width:100%;}
.section-home .caption h1{font-size:40px}
.product ul li{display:block;text-align:left}
.cta-section .btn-sys {margin:5px 0 0}
.brands a {margin:0}
.brands a img{max-height:60px;max-width:120px;}
.section-home .since {letter-spacing: 0;}
.section-home .since:before {border-width: 1px 30px 1px 0;}
.section-home .since:after {border-width: 1px 0 1px 30px;}
.benefit-list li {width:100%;}
.benefit {padding:30px;margin: 0 0 15px;aspect-ratio:unset;}
.benefit .icon {margin: 0 0 10px;}
.benefit .icon img{height:32px;}
.benefit .text {position:relative;padding:0;}
.brands li{width:100%}
.brands a {margin:0;line-height:75px;height:75px;padding:0}
.brands a img{max-height:60px;max-width:120px;}
.progress-wrap {display:none}
.testimonials-carousel{padding:50px 15px 30px;}
.contact{padding:0;}
.contact:before {display:none}
.contact:hover {background:none}
.footer-logo {top: -60px;}
.footer-logo img {height:120px}
.sign {top: -48px;width: 90px;height: 90px;line-height: 90px;}
.sign img {max-height: 24px;}
.address{height:auto;padding:50px 15px 15px;margin:30px 0 15px}
.address.hours {padding:50px 15px 30px;margin:30px 0 45px}
.address.hours .status-badge{position:absolute;bottom:-60px;text-transform:uppercase;color:#fff}
.hours-list {margin-bottom:15px}
.project-gallery .gallery-top .item img {object-fit:cover;aspect-ratio:12/14;}
.copyright-section {margin:0 0 75px;}
.phone{bottom:15px;right:0;left:0;margin:0 auto}
.sig {background: url(../images/bar.jpg) center center local no-repeat;}
.footer-info ul li a {line-height:30px}
.event-list li {width:100%;}
.event-box {margin:0 0 15px;}

}