@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%}#portfolio-grid .portolio-item{width:25%!important}.brands li{width:25%}.brands a{margin:0 10px 10px}.project-list li{width:33.333333333%}.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:16px}}@media (max-width:1200px){header .container{width:100%!important}.service .service-text{bottom:auto}.reports li{width:33.33333333%}.counter .num-counter{font-size:90px;height:90px;line-height:90px}.counter .char{top:-25px!important}}@media (max-width:991px){h1{font-size:36px}h2{font-size:30px}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:24px}.copyright-section p span{display:block}.copyright-section p a:first-child:before{display:none!important}.section.pt0{padding-top:0}.about.mt60{margin:0 0 60px}.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:40px;top:40px;transform:translateY(-50%)}.header #logo img{max-height:50px}.header.header-bg #logo img{max-height:34px}.header .nav-menu{line-height:normal;position:absolute;top:80px;left:15px;right:15px;width:auto;background:#fff;z-index:98;box-shadow:0 0 15px rgba(11,23,47,0.12);text-align:left;margin:0;border-radius:15px;overflow:hidden;padding:15px}#nav-menu.collapse{display:none !important}#nav-menu.collapse.in{display:block !important;height:auto !important;overflow:visible !important}#nav-menu.collapsing{display:block !important;overflow:hidden !important}#header ul{margin:0}.header{top:0}.header .nav-menu>ul{height:auto;max-height:70vh;overflow-y:auto;padding-right:0}.header .nav-menu>ul::-webkit-scrollbar{width:1px}.header .nav-menu>ul::-webkit-scrollbar-track{background:#fff}.header .nav-menu>ul::-webkit-scrollbar-thumb{background:#dec58f}.header .nav-menu>ul::-webkit-scrollbar-thumb:window-inactive{background:#fff}.header .nav-menu>ul>li{width:100%;border-bottom:1px solid rgba(11,23,47,0.1);padding: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{color:#d3a15d}.header .nav-menu ul li:hover a{color:#d3a15d}.header .nav-menu ul li.active:hover a{color:#0b172f}.header.header-bg .nav-menu ul>li>a{color:#0b172f}.header .nav-menu ul li a{padding:15px;color:#0b172f}.header .nav-menu .drop .dropdown{display:none;position:relative;top:0;width:100%;margin:0;left:0;padding:0;box-shadow:none}.header .nav-menu .drop.open .dropdown{display:block}.header .nav-menu .drop .dropdown li a{color:inherit;padding:10px 15px 10px 35px;background-color:transparent;position:relative}.header .nav-menu .drop .dropdown li a:before{left:15px;top:15px;position:absolute;width:0px;content:"";height:0px;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #d3a15d transparent;transform:rotate(0deg)}.header .nav-menu .drop .dropdown li a:before{display:block}.header .nav-menu .drop .dropdown li:hover a:after{display:none}.header .nav-menu .drop a{padding-bottom:0}.header .nav-menu li.active .dropdown li a{color:inherit}.header .nav-menu .drop .dropdown li:hover a{color:#d3a15d}.header .nav-menu .drop .dropdown li.active a{color:#d3a15d}.header.light-header{top:0}ul li,ol li,.icons-list li{font-size:15px}.section{padding:90px 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}.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}.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}.circle{display:none}.section.about-section{padding-bottom:90px}.services-title{padding:90px 0}.serv-section{padding:0 0 90px;margin-bottom:-90px}.cta-butons{top:-90px}.cta-buton{top:-90px}.notar .dots{left:-30px}.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{overflow:hidden}.map-section iframe{height:250px;width:100%}.map-section:hover 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 #0b172f}.type-wrap span{font-size:13px;letter-spacing:1px}.section-home,.section-home.page-header{padding:180px 0 90px}.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%}.image-box{margin-bottom:30px;height:300px}.image-box img{height:300px}.image-box .image-box-title{left:30px;bottom:30px;width:85%}#header .cta-btn{position:static;width:100%;padding:0;margin-top:15px;text-align:center;border:none;line-height:50px}#header .cta-btn i{display:none}#header .cta-btn span{display:inline-block}.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:-60px}.profile .qt h4{margin:0}.publications li{width:50%}.blog .blog-info{padding:20px 30px 65px}.vmap{height:400px;margin-bottom:30px}.jqvmap-zoomin,.jqvmap-zoomout{left:0}.jqvmap-zoomin{bottom:34px}.jqvmap-zoomout{bottom:0}.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}.related-projects .project-box{margin:0 0 30px}.gallery-slider img{height:400px}.notar{margin:0 0 30px}.notar .back{height:350px}.notar .back img{height:350px}.notar .qt{bottom:0;left:0;padding:30px;width:100%}.notar.testimon .notar .back{height:500px}.notar.testimon .back img{height:500px}.services-title{padding:90px 0 180px}.section-profile{padding:120px 0 90px}.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{padding:90px 45px}.notar .dots{left:-15px}.notar.testimon .dots,.notar.right .dots{right:-15px}.notar .call{padding:30px;text-align:center}.notar .call{left:30px;bottom:-30px;width:calc(100% - 60px);right:30px}.location{margin-top:70px}.rotcircle{display:none}.process{height:240px}}@media (max-width:768px){.features-section{padding-bottom:120px}.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;overflow:hidden;border-radius:25px}.service .service-img h3{display:none}.service .service-text{position:relative;opacity:1;top:0;margin:0;background:linear-gradient(to bottom,#ffffff 0%,#fbf5ee 100%);padding:30px;text-align:center}.service .service-text h3{color:#0B1F2C}.service .service-text p{color:#0b172f}.service .service-img{height:250px}.service .service-img img{height:250px}.service .btn-sys{background:#0b172f;color:#fff}.service .icon,.service.active .icon{background:#fff;top:220px;left:0;right:0;margin:0 auto;color:#dec58f}.service .icon img,.service.active .icon img{height:32px;filter:brightness(0) saturate(100%) invert(99%) sepia(48%) saturate(1593%) hue-rotate(313deg) brightness(98%) contrast(77%)}.service.active .service-img img{-ms-transform:scale(1,1);-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%)}.service.active .service-img h3{opacity:0;bottom:0}.service.active .service-text{opacity:1;bottom:10px}.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%}.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}.corporate a{background:none}.corporate a img{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0%)}.corporate a:hover{box-shadow:none}.notar .gallery-slider img{height:350px}.method{position:relative;min-height:auto}.method .metod-text{height:auto}.method img{height:190px}.method h4{padding:30px}.method p{padding:30px}.process,.process.amen{height:auto}.process p,.process.amen p{position:relative;bottom:0;left:0;right:0;margin:0}}@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%);width:100%}.cta-button .btn-sys{width:100%;text-align:center}.profile img{height:320px}.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}.gallery-slider img{height:250px}.post-thumb img{height:250px}.widget{margin-bottom:30px;width:100%}.notar{height:auto}.notar .back{height:350px}.notar .back img{height:350px}.notar.testimon .back{height:500px}.notar.testimon .back img{height:500px}.notar.testimon .logo{display:none}.notar .testimonials-carousel{position:absolute!important;padding:30px 30px 60px;bottom:0;right:0;display:block;border-radius:20px;overflow:hidden;transition:all .4s ease-in-out;left:0;background:linear-gradient(to bottom,rgba(11,23,47,0) 0%,rgba(11,23,47,1) 100%);text-align:center;transition:all .3s ease-in-out}.counter .num-counter{font-size:70px;height:70px;line-height:70px}.counter .char{top:-20px!important}.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;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}.notar .ex-box{right:-15px;bottom:-15px}.address-box .address-box-text p span{width:100%;display:block}.contact{padding:30px 20px}.cta-top a:last-child{display:none}}@media only screen and (max-width:768px){html,body{overflow-x:hidden;max-width:100%}}@media only screen and (max-width:480px){.col-xs-6{width:100%}.header #logo{left:0}.header #logo img{max-height:34px}.header .navbar-toggle{right:15px;top:40px;transform:none}.header .nav-menu{left:10px;right:10px}}@media (min-width:992px) and (max-width:1200px){.navbar-toggle{display:block !important}.header .navbar-toggle{display:block !important}#nav-menu.collapse{display:none !important}#nav-menu{margin-left:0 !important}#nav-menu.collapse.in{display:block !important;height:auto !important;overflow:visible !important}#nav-menu.collapsing{display:block !important;overflow:hidden !important}.header .nav-menu{line-height:normal;position:absolute;top:80px;left:0;right:0;width:100%;background:#fff;z-index:98;box-shadow:0 8px 20px rgba(11,23,47,0.12);text-align:left;margin:0;border-radius:0 0 15px 15px;overflow:hidden;padding:15px 20px;box-sizing:border-box}.header .nav-menu>ul{height:auto;max-height:70vh;overflow-y:auto;padding-right:0}.header .nav-menu>ul>li{width:100%;border-bottom:1px solid rgba(11,23,47,0.1);padding:0;display:block !important}.header .nav-menu>ul>li:last-child{border-bottom:none}.header .nav-menu ul li a{padding:15px;color:#0b172f}.header .nav-menu ul>li>a{font-size:16px;padding:15px;letter-spacing:.5px}.header .nav-menu .drop .dropdown{display:none;position:relative;top:0;width:100%;margin:0;left:0;padding:0;box-shadow:none}.header .nav-menu .drop.open .dropdown{display:block}.header .nav-menu li.spacer{display:none}.header .cta-btn{position:relative;top:auto;right:auto;display:block;width:calc(100% - 30px);margin:10px 15px;text-align:center;border-radius:15px;padding:0}}@media (min-width:1201px) and (max-width:1492px){.header .nav-menu ul>li>a{font-size:13px;padding:10px 8px;letter-spacing:0}.header .nav-menu>ul>li.drop{padding:0 6px 0 0}.header .nav-menu>ul>li.drop:after{right:4px;top:13px}.header .nav-menu li.lang-drop>a{padding:10px 8px!important}.lang-label{font-size:13px!important}.header .cta-btn{padding:0 20px;right:10px}.header #logo{left:10px}.header #logo img{max-height:30px}}@media (min-width:1492px) and (max-width:1600px){.header .nav-menu ul>li>a{font-size:14px;padding:10px 10px;letter-spacing:0}.header .nav-menu>ul>li.drop{padding:0 8px 0 0}.header .nav-menu>ul>li.drop:after{right:5px;top:14px}.header .nav-menu li.lang-drop>a{padding:10px 10px!important}.lang-label{font-size:14px!important}.header .cta-btn{padding:0 22px;right:10px}.header #logo{left:10px}}@media (min-width:768px){.pro-carousel.products .owl-controls .owl-pagination,.pro-carousel.products .owl-pagination{display:none !important}}@media (max-width:767px){.pro-carousel.products .owl-controls .owl-buttons,.pro-carousel.products .owl-buttons,.pro-carousel.products .owl-buttons .owl-prev,.pro-carousel.products .owl-buttons .owl-next{display:none !important}.pro-carousel.products{padding-bottom:44px}.pro-carousel.products .owl-pagination{bottom:8px !important;display:block !important}}
@media(max-width:991px){
  /* Align logo with container left padding (container has padding:0 30px on mobile) */
  .header #logo{left:0!important}
  /* Button is full-width — push it behind the logo via z-index, disable pointer events so
     only the icon inside is clickable (handled in JS) */
  #header .navbar-toggle{z-index:-1!important;pointer-events:none!important}
  #header .navbar-toggle i{pointer-events:auto!important;cursor:pointer}
  /* Hide the CSS :after drop-arrow on mobile — mob-sub-toggle handles it */
  .header .nav-menu>ul>li.drop:after{display:none!important}
  /* Flex layout: link fills row, chevron button pushed to right */
  .header .nav-menu>ul>li.drop{display:flex!important;align-items:center;flex-wrap:wrap}
  .header .nav-menu>ul>li.drop>a{flex:1;min-width:0}
  /* Submenus: collapsed by default, open on .open class */
  .header .nav-menu .drop>.dropdown{display:none!important;width:100%;flex-basis:100%}
  .header .nav-menu .drop.open>.dropdown{display:block!important}
  /* Submenu item hover / active color */
  .header .nav-menu .drop .dropdown li a:hover,.header .nav-menu .drop .dropdown li:hover a,.header .nav-menu .drop .dropdown li.active a{color:#09C3F4!important}
  .header .nav-menu .drop .dropdown li a:before{border-color:transparent transparent #09C3F4 transparent!important}
  /* Chevron button — CSS triangle matching desktop down-arrow */
  .mob-sub-toggle{background:none;border:none;cursor:pointer;margin-left:auto;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
  .mob-sub-toggle::after{content:'';display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #0b172f;transition:transform .25s ease}
  .header .nav-menu .drop.open>.mob-sub-toggle::after{transform:rotate(180deg)}
}