@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%}
.circle {bottom:30%;left:-15%;width:540px;}
#portfolio-grid .portolio-item{width:20%!important}

}
@media (max-width: 1366px) {
#portfolio-grid .portolio-item{width:25%!important}
.brands li{width:25%}
.brands a{margin:0 10px 10px}
.project-list li {width: 33.333333333%;}
.process {padding: 30px; height: 400px;}
.process img {height: 400px;}
.circle {width:480px;}
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:17px}
.header .header-btn a {width: 50px;padding:0;text-align:center}
.header .header-btn a span {display:none}
.header .header-btn a.book img {margin:0;display:inline-block}
.header .header-btn a.lang {width:auto;}
.header .nav-menu ul > li > a{padding:15px;}
.col-md-5.col-md-offset-1 {margin:0;width:50%;}
.subscribe{width:100%}
.macy-container{column-count:2;}
.services li {width:20%;}
}
@media (max-width: 1200px) {
.service .service-text{bottom:auto}
.reports li{width:33.33333333%}
.gallery-slider img {aspect-ratio: 16 / 9;}
.what-box .what-info,.what-box.half .what-info{padding:40px}


}
@media (max-width: 991px) {

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:17px}
.section.pt0 {padding-top:0}
.about.mt60 {margin:0 0 60px}
.flex-box{display:flex;flex-direction:column}
.flex-box 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{left:80px;}
.header #logo img,.header.light-header #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);z-index:98;box-shadow:0 1px 1px rgba(35, 31, 32,0.12);background:#231f20;text-align:left;margin:0 30px;border-radius:0 0 15px 15px;overflow:hidden}
#header ul{margin:0}
.header{top:0}
.header .nav-menu > ul > li{width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
.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:#e6aa74;color:#fff!important}
.header .nav-menu ul li:hover a{color:#fff!important;background:#e6aa74}
.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{border-bottom:none;}
.header .nav-menu ul li a{padding:15px 30px;color:#fff;text-transform:none}
.header .nav-menu .drop a {display:none}
.header .nav-menu > ul > li.drop:after {display:none}
.header .nav-menu .drop .dropdown a::after {display:none}
.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:#231f20;padding:0;left:0}
.header .nav-menu .drop:hover .dropdown{margin-top:0}
.header .nav-menu .drop .dropdown li {border-bottom:1px solid rgba(255,255,255,0.1);}
.header .nav-menu .drop .dropdown li a{color:#fff;padding:15px 30px;background-color:transparent;border-bottom:none;display:block}
.header .nav-menu li.active .dropdown li a{color:inherit}
.header .nav-menu .drop .dropdown li:hover a{background:#231f20;color:#fff!important}
.header .nav-menu .drop .dropdown li.active a{background:#231f20;color:#fff}
ul li,ol li,p{font-size:17px}
.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}
.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}
.social-list.pull-right{float:none!important}
.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}

.img-box{margin-bottom:60px;}
.img-box .back img{aspect-ratio: 16 / 9;}
.img-box .gallery-slider img {aspect-ratio: 16 / 9;}
.img-box .img-box-title{left:30px;bottom:30px;width:85%}
.img-box .dots {left:-15px;bottom:-30px}
.img-box .play {right:30px;bottom:-50px;top:auto}
.img-box .play .play-icon{height: 100px;line-height: 100px;width: 100px;border-width:5px}
.video-icon-sonar2{width:120px;height:120px;}
.project-list li {width: 50%;}

.circle {display:none}
.section.about-section{padding-bottom:90px}
.services-title {padding:90px 0}
.serv-section {padding:0 0 90px;margin-bottom:-90px}
.cta-buton {top: -90px;}
.sidebar  {display:none}
.early{margin-top:0}
.icon-box p br{display:none}
.map-section iframe{height:300p;}
.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;}
.portfolio-filters a{padding:15px 20px;}
#portfolio-grid .portolio-item{width:33.333333333333%!important}

.type-wrap span{font-size:13px;letter-spacing:1px}
.section-home.page-header{padding:140px 0 60px}
.sub {letter-spacing:1}
.sub:after {margin-left:6px;width:25px;}
.sub:before {margin-right:8px;width:25px;}
.fix{clear:both}
.filter{margin:0 10px}
.filter .title-bold{margin:0 0 30px}
.reports li{width:50%}
.cta-button .btn-sys{margin:5px 5px 0 0}
.brands li{width:33.3333333333%}

.justify-content-between {display:block}
.valign{display:block}
.profile img {height: 640px;}
.profile .qt {position: relative;bottom:0;right:0;width:auto;padding:30px;margin:0 30px -30px ;top:-30px}
.publications li {width:50%;}
.blog .blog-info {padding: 20px 30px 65px;}
.process { height: auto;}
.process .process-text  {position:relative;bottom: 0;left: 0;right: 0;margin:0;padding:0}
.process .process-text .btn-sys {opacity:1}
.gallery-slider {margin-bottom:30px;}

.notar{margin:0 0 30px}
.notar .back{height:350px}
.notar .back img {height:350px}
.notar .qt {position:relative;bottom:0;left:0;padding:30px;width:100%}

.finish{width:200px;height:200px;margin:7.5px;}
.finish span{font-size:16px;font-weight:500;line-height:20px;padding:0 15px;letter-spacing:0;}

.what {margin-bottom:30px}
.what-box.half .what-img{width:50%}
.what-box.half .what-info{width:50%}
.what-box .what-info{padding:30px}
.what-box.half .what-info{padding:30px;}
.justify-content-between {display:block}
.valign{display:block}
.links-section ul li{padding:0 25px 10px 0;vertical-align:top;display:inline-block}
.links-section ul.address li {display:block}
.col-md-5.col-md-offset-1 {width:100%;}
.links-section .btn-sys {margin:0 0 30px;}
.links-section h4 .head-line   {position: relative;display: inline-block;margin-left:10px;top:-4px;}
.links-section h4 {padding-bottom: 0;}
.links-section br {display:none}
ul.social-list li {padding:0}
.copyright-section p a:before {display:none;}
.copyright-section p{line-height:24px;}
.copyright-section p span {display:block;}
.copyright-section p a {padding:0 15px}
.quote-box {padding: 70px 30px 30px;}
.quote-box q {font-size:18px}
.quote-box:before{left:calc(50% - 45px);top:20px;width:90px;height:90px;}
.serv-box .serv-info {padding:30px 30px 25px}
.services-section .bg-wrap {height: 55%;}
.qa{padding:30px;}
.links-section h4 {color: #e6aa74;}
.cta-butons {margin-top:0;}
.option2 .row {display:flex!important}
.option2 .col-md-6 {order:1;}
.option2 .col-md-5 {order:2;}
.location-box {margin:0 0 30px;}
.service-listing {padding:0 0 60px}
.services li {width:33.333333333333%;}
.service-box h5 {min-height:auto;margin-bottom:10px}
.services {margin:-30px 0 0;}
.counter {margin-bottom:30px}
.counter .num-counter{font-size:120px;height:120px;line-height:120px;-webkit-text-stroke: 2px #e6aa74;color:#fff}
.counter:hover .num-counter  {color:#e6aa74}
.counter h4 {margin:0;position:relative;top:0;font-size:30px;letter-spacing:0;}
.counter:hover h4 {opacity:1;filter:none;color:#e6aa74}
.counter span {top:-65px;}
.deliver .deliver-box {display:block;background:#fff;overflow: hidden;}
.deliver .deliver-box:hover {background:#0b172f;}
.deliver .col-md-6{width:100%}
.deliver .deliver-box.flex .deliver-img{float:right}
.deliver .deliver-box.flex .deliver-img.right{float:left}
.deliver .deliver-box.flex .deliver-details {float:right}
.deliver .deliver-box.flex .deliver-img:before {border-left: 15px solid #fff;left:auto;left: 0; border-right: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img:before  {border-left: 15px solid #0b172f;}
.deliver .deliver-box.flex .deliver-img.right:before {right:auto;right: 0; border-right:none; border-right: 15px solid #fff;border-left: 0 solid #fff;}
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-right: 15px solid #0b172f;}
.post{padding:30px;}


}
@media (max-width: 768px) {
.features-section {padding-bottom:120px}
.header-title p br{display:none}
.page-header{padding:160px 0 100px}
.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}
.service .service-img h3{display:none}
.service .service-text{position:relative;opacity:1;top:0;margin:0;background:#f0f0f0;padding:30px;text-align:left}
.service .service-text h3{color:#0B1F2C}
.service .service-text p{color:#231f20}
.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}
.brands li{width:33.33333333%}
.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%}
.service .service-img {height:250px;}
.service .service-img img {height:250px;}
.service .btn-sys {background:#231f20;color:#fff}
.publications li {width:100%;}
.publications li .item {min-height: auto;margin:0 0 30px}
.corporate .pro-carousel{padding:0;}
.corporate a{line-height:60px;height:60px;}
.corporate a img {max-height:60px;max-width:200px;opacity:1;filter:grayscale(0%);}
.corporate a:hover {background:#fff;box-shadow:none}
.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%}
.news-box {margin-bottom:30px}
.news-box .news-box-text{bottom:0;padding:60px 30px 30px;}
.news-box .news-box-text .btn-sys{display:none}
.what-box .what-info{padding:30px}
.what-box .what-info h3{margin-bottom:10px}
.what-box .what-info p{font-size:16px;line-height:22px}
.what-box.full .what-info{padding:30px}
.what-box .what-info .btn-sys{margin:0}
.arrow {bottom:30px}
.location-box {overflow:visible}
.location-box .location {height:auto;border-radius:15px 15px 0 0;background:none}
.location-box .location img {height:120px;width:120px;border-radius:50%;position:absolute;right:10px;top:10px;border:5px solid #fff}
.location-box:hover .location img {opacity:1}
.location iframe {height:340px;border-radius:15px 15px 0 0;position: relative;opacity:1}
.location-box {margin-bottom:30px}
.location-box .location .title {width:100%;padding:50px 30px 30px;display:none}
.location-box .location-address {position:relative;width:100%;right:0;bottom:0;border-radius:0 0 15px 15px}
.location-box .location-address h2{display:block;margin-bottom:10px}
.macy-container{column-count:1;}
.qa {margin:0 0 15px}
.serv-box {margin:0 0 15px}
.quote-box {margin:0 0 15px}
.service-box {padding:0}
.service-box .icon{width:100px;height:100px;line-height:100px;margin:0 auto 10px;}
.service-box .icon img {height:36px;top:calc(50% - 18px);}
.post-meta li{display:block;font-size:16px;}
.post-meta li:after {display:none}
.blog-box {aspect-ratio:unset;background:#fff}
.blog-box img{aspect-ratio:16/9;}
.blog-box .blog-box-text {position: relative;bottom:0;padding:30px;background:#fff;}
.blog-box .blog-box-text h4 {color:#231f20;}
.blog-box .blog-box-text span  {color:#e6aa74;text-shadow:none}
.blog-box .blog-box-text .btn-sys {opacity:1;margin:0}
.blog-box:hover .blog-box-text span {opacity:1}

}
@media (max-width: 640px) {
.btn-sys{margin:10px 0 0}
#portfolio-grid .portolio-item{width:100%!important}
.reports li{width:100%}
.values ul.nav-tabs{display:none}
.tab-content>.tab-pane{display:block}
.fade{opacity:1}
.project-list li {width: 100%;}
.project-box {margin:0 0 30px;height:300px}
.project-box img{height:300px}
.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)}
.cta-button .btn-sys{width:100%;text-align:center}
.profile img {height:400px;}
.profile .qt {padding: 30px;}
.vmap {height:300px;}
.deliver {background:none;box-shadow:none}
.deliver .deliver-box {margin-bottom:30px;border-radius:15px;box-shadow:0 0 15px rgba(11,23,47,.15)}
.deliver .deliver-box .deliver-img{float:none;width:100%}
.deliver .deliver-box .deliver-img {height:250px}
.deliver .deliver-box .deliver-img img {height:250px}
.deliver .deliver-box .deliver-details {float:none;width:100%}
.deliver .deliver-box.flex .deliver-img{float:none;width:100%}
.deliver .deliver-box.flex .deliver-details {float:none}
.deliver .deliver-box {display: flex;flex-direction: column;}
.deliver .deliver-box .deliver-img.right{order: -1;}
.deliver .deliver-box .deliver-img:before,
.deliver .deliver-box .deliver-img.right:before,
.deliver .deliver-box.flex .deliver-img:before,
.deliver .deliver-box.flex .deliver-img.right:before {width:0;height:0;border-top:0 solid transparent; border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid white;right: 0;left:0;top:auto;bottom:0;margin:0 auto}
.deliver .deliver-box:hover .deliver-img:before,
.deliver .deliver-box:hover .deliver-img.right:before,
.deliver .deliver-box.flex:hover .deliver-img:before,
.deliver .deliver-box.flex:hover .deliver-img.right:before {border-bottom: 15px solid #0b172f;border-left: 15px solid transparent;border-right: 15px solid transparent;}
.post-thumb img {height: 250px;}
.widget {margin-bottom: 30px;width: 100%}
.notar {height:auto}
.notar .back{height:250px}
.notar .back img {height:250px}

.form-box{padding:30px;overflow-y:scroll;display:block;position:relative;height:100%}
.what-box .what-img{width:100%}
.what-box .what-img img {height:250px}
.what-box .what-info{width:100%;height:auto;padding:30px;aspect-ratio:initial}
.what-box.half .what-img{width:100%}
.what-box.half .what-info{width:100%;position:relative;height:auto;}
.what-box.flex{display:flex;flex-direction:column}
.what-box.flex .what-info{order:2}
.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:50%;right:0;width:0;height:0;border:15px solid transparent;border-bottom-color:#fff;border-top:0;margin-left:-15px;margin-top:-15px}
.colage {margin: 0 0 30px;}
.img-box .back img{aspect-ratio: 16 / 12;}
.img-box .gallery-slider img {aspect-ratio: 16 / 12;}

}
@media only screen and (max-width: 520px) {
.section-home .btn-sys{margin:10px 0 0}
.links-section .btn-sys {display:none}
.btn-sys.btn-large{padding:15px 25px;}
.btn-sys {width:100%}
.portfolio-filters {align-items: center;flex-wrap: wrap;}
.portfolio-filters a{padding:15px 20px;display:block;margin:0 2px}
.portfolio {margin:0 0 15px}
.portfolio .portfolio-details{top:auto;bottom:0;background:linear-gradient(to bottom,rgba(35, 31, 32,0) 0%,rgba(35, 31, 32,1) 100%);}
.portfolio .portfolio-details h4 {display:block}
.portfolio img {aspect-ratio: 16 / 9;}
.portfolio:hover .portfolio-details {top:auto}
.portfolio:hover img {opacity:1;transform:scale(1.1,1.1);filter:grayscale(0%)}
.portfolio a {top:0;bottom:0;background:none;border-radius:0;width:100%;height:100%}
.portfolio  a i {display:none}
.about-text {padding:0;text-align:center}
.about-text .icon {margin:0 auto 20px;background:#fff;position:relative;left:0;top:0;text-align:center}
.cta-butons a {margin:5px 0}
.cta .header-title .btn-sys {margin:10px 0 0}
.process {padding:40px 30px 30px}
.process:before {width:50px;height: 50px;line-height: 50px;right: 20px;top:20px;opacity: 1;border:1px solid rgba(35, 31, 32,.10);color:#231f20;font-size:16px}
.process.active:before {border:1px solid rgba(255,255,255,.15);color:#fff;top:20px;}
.process span {bottom:-20px;top:auto;}
.news-box {box-shadow:0 0 15px rgba(35, 31, 32,.15)}
.news-box .news-box-text{position:relative;bottom:0;padding:30px;background:#fff;border-radius:0 0 15px 15px;}
.news-box .news-box-text h4,.news-box .news-box-text p{color:#231f20;}
.news-box img{aspect-ratio:16/9;}
.copyright-section{padding:20px 0 100px;}
.copyright-section p {margin:0}
.mobile-cta {position: fixed;bottom: 15px;right: 0;z-index: 100;left:0}
.mobile-cta img {height:24px}
.mobile-cta ul li:first-child a {background:#231f20}
.mobile-cta ul li a{display:flex;height:60px;line-height:60px;width:60px;}
.header .header-btn a{display:none;}
.header .header-btn a:first-child{display:inline-block;}
.header #logo{left:0;right:0;margin:0 auto;text-align:center}
.services li {width:50%;}
}
@media only screen and (max-width: 400px) {
	.services li {width:100%;}
}