@charset "UTF-8";
@media (max-width:1400px){
    header{width:calc(100% - 0px);margin:0;border-radius:0}
    header nav > ul > li, header nav > ul > li > a{min-height:70px;font-size:18px}
    header.scrolled nav > ul > li, header.scrolled nav > ul > li > a{min-height:70px}
    .product .swiper-button-next, .projects-area .swiper-button-next, .announcement-news-area .swiper-button-next{right:calc(((100% - 1280px) / 2) + 10px);top:calc(var(--swiper-navigation-top-offset, 50%) - 33px)}
    .product .swiper-button-prev, .projects-area .swiper-button-prev, .announcement-news-area .swiper-button-prev{left:calc(((100% - 1280px) / 2) + 10px);top:calc(var(--swiper-navigation-top-offset, 50%) - 33px)}
    .animation-area-banner .swiper-button-next{right:calc(((100% - 1280px) / 2) - 30px)}
    .animation-area-banner .swiper-button-prev{left:calc(((100% - 1280px) / 2) - 30px)}
    .main-content{padding:130px 0 150px}
    section.main-banner{margin-top:70px;}
}
@media (max-width:1300px){
    .product .swiper-button-next, .projects-area .swiper-button-next, .announcement-news-area .swiper-button-next{right:calc(((100% - 1280px) / 2) + 15px);top:calc(var(--swiper-navigation-top-offset, 50%) - 33px)}
    .product .swiper-button-prev, .projects-area .swiper-button-prev, .announcement-news-area .swiper-button-prev{left:calc(((100% - 1280px) / 2) + 15px);top:calc(var(--swiper-navigation-top-offset, 50%) - 33px)}
    .animation-area-banner .swiper-button-next{right:calc(((100% - 1280px) / 2) + 30px)}
    .animation-area-banner .swiper-button-prev{left:calc(((100% - 1280px) / 2) + 30px)}
}
@media (min-width:1200px){
    /*section.main-banner, section.main-banner .swiper, section.main-banner .swiper img{height:auto !important;min-height:740px}*/
}
@media (max-width:1199.98px){
    .cm-pagination a{order:9}
    .cm-pagination a.first-page{order:1}
    .cm-pagination a.last-page{order:4}
    .cm-pagination a.previous-page{order:2}
    .cm-pagination a.next-page{order:3}
    .cm-pagination a:last-child{border-right:none}
}
@media (max-width:1200px){
    .pc{display:none}
    .m{display:block}
    header{width:100%;margin:0;padding:10px 15px;border-radius:0;height:50px}
    .logo{min-width:150px}
    /*.logo img{height:30px;max-height:30px}*/
    nav{position:fixed;width:300px;right:0;top:0;height:100%;background:#002e55;overflow-x:hidden;overflow-y:scroll;right:-300px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;padding-top:60px}
    nav.m_open{right:0}
    nav.m_open::after{position:fixed;background-color:#000;opacity:.4;width:100%;height:100%;left:0;display:block;top:0;content:"";z-index:-2;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s}
    nav::after{display:none}
    nav > ul{width:100%;display:flex;flex-direction:column;align-items:flex-start;font-family:inherit;color:inherit;justify-content:normal}
    header nav > ul > li, header nav > ul > li > a{width:100%;min-height:60px}
    header nav > ul > li{border-bottom:solid thin #0e3453}
    .menu_arrow{position:absolute;z-index:99;width:30px;height:30px;right:15px;top:0;height:60px;color:#fff;z-index:-1;width:40px;display:flex;align-items:center;z-index:9999}
    .menu_arrow svg{transform:rotate(90deg);width:40px;height:40px;-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s;background-color:#152d40;border-radius:8px}
    .menu_arrow.open svg{transform:rotate(270deg);-webkit-transition:all 200ms linear 0s;-moz-transition:all 200ms linear 0s;-ms-transition:all 200ms linear 0s;-o-transition:all 200ms linear 0s;transition:all 200ms linear 0s}
    nav > ul > li > ul{position:relative;display:block;width:100%;top:auto;opacity:0;padding:0;box-shadow:none;background-color:#fff0;min-width:auto;visibility:hidden;border-radius:0;left:0;height:0}
    nav > ul > li{color:#fff;display:flex;justify-content:flex-start;text-align:left;min-height:100px;width:100%;flex-direction:column}
    nav > ul > li:hover > ul{height:0;opacity:0;visibility:hidden}
    nav ul li ul li a{display:block;font-size:16px;padding:0 15px;color:#c1c1c1}
    nav ul li ul li{min-height:40px}
    nav > ul > li > ul.open{height:auto;opacity:1;visibility:visible}
    nav > ul > li.digital-tools > a{padding:0}
    .digital-tools a span{padding:10px 15px;border-radius:0;height:60px;display:flex;align-items:center;width:100%}
    nav > ul > li.digital-tools svg path{fill:#002e55}
    nav > ul > li.digital-tools svg{background-color:#efefef}
    nav > ul > li.digital-tools > ul.open{margin-top:20px}
    .language > a > svg{display:none}
    label.hmenu{display:flex;flex-direction:column;width:40px;cursor:pointer;z-index:999999;zoom:.8;right:28px;position:absolute}
    label.hmenu span{background:#fff;border-radius:10px;height:3px;margin:4px 0;transition:.4s cubic-bezier(.68, -.6, .32, 1.6)}
    .hmenu span:nth-of-type(1){width:50%}
    .hmenu span:nth-of-type(2){width:100%}
    .hmenu span:nth-of-type(3){width:75%}
    .hmenu input[type="checkbox"]{display:none}
    .hmenu input[type="checkbox"]:checked ~ span:nth-of-type(1){transform-origin:bottom;transform:rotatez(45deg) translate(5px, 0)}
    .hmenu input[type="checkbox"]:checked ~ span:nth-of-type(2){transform-origin:top;transform:rotatez(-45deg)}
    .hmenu input[type="checkbox"]:checked ~ span:nth-of-type(3){transform-origin:bottom;width:50%;transform:translate(18px, -6px) rotatez(45deg)}
    section.main-banner{margin-top:50px;}
    /*section.main-banner, section.main-banner .swiper, section.main-banner .swiper img{height:auto !important;min-height:400px}*/
    section.values{padding:50px 0;min-height:auto}
    .values-content{row-gap:40px}
    .values-content{align-items:center}
    .values-items{align-items:center;gap:20px}
    h1, h2{font-size:46px}
    .values-items-content span{font-size:30px}
    .values-items-content span{font-size:50px}
    .swiper-button-next, .swiper-button-prev{zoom:.6}
    .banner-captions-title{font-size:34px}
    .banner-captions{max-width:80%}
    .swiper-pagination.m{margin-top:30px;position:relative}
    .m .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-1)}
    .m.bullet2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1}
    .m.bullet2 .swiper-pagination-bullet{background-color:#fff;opacity:.5}
    .animation-banner-text-content{max-width:80%}
    .social-media-area-content{transform:scale(1);flex-direction:column;padding:30px}
    .social-media-area-content > div{width:100%;max-width:100%;text-align:center;font-size:20px}
    .social-media-area-content-icon a{min-width:40px;min-height:40px}
    .social-media-area-content-icon svg{width:34px;height:34px}
    .swiper-button-next, .swiper-button-prev{display:none}
    .complementary-products-thumb .swiper-button-next, .complementary-products-thumb .swiper-button-prev{display:block}
    .product-feature-area .swiper-button-next, .product-feature-area .swiper-button-prev{display:block}
    .footer-content-area h3, .footer-content-area h3 a{font-size:1.2rem}
    .footer-content-area .footer-menu a{font-size:1rem}
    .footer-bottom-area a{font-size:13px;text-align:center}
    .cm-tabs .row{overflow-x:scroll;overflow-y:hidden;width:auto;flex-wrap:nowrap;padding-bottom:10px;margin-left:15px;margin-right:15px}
    .main-content{padding:100px 0 80px}
    .product-slider{width:100%;margin-left:0}
    .product-detail-slider{height:auto}
    .project-detail-text{margin-bottom:40px;margin-top:40px}
    .project-detail-page-area .product-slider-thumb{width:100%}
    .complementary-products-content{width:100%;margin-top:50px;padding:15px}
    .complementary-products-content-items{flex-direction:column-reverse}
    .complementary-products-content-items > div{width:100% !important;max-width:100% !important;align-items:center !important}
    .complementary-products-content-items .complementary-products-image{max-height:300px;text-align:center;width:100%}
    .complementary-products-content-items .complementary-products-image img{height:300px;max-height:100%}
    .complementary-products-area{min-height:auto;padding-top:60px;padding-bottom:60px !important}
    .other-projects{background:unset}
    .product-detail-area .product-detail-slider{height:300px;margin-bottom:60px}
    .product-feature-slider, .complementary-products-slider{margin-top:0}
    .product-feature-content table td:first-child{padding-left:15px}
    .complementary-products-content{margin-bottom:250px}
    .contact-address{margin-bottom:40px}
    .main-content{padding:100px 0 180px}
    .social-media-area-content-icon a:hover svg{width:30px;height:30px}
    .about-tab-bg{background-image:none !important}
    .contact-address-map iframe{height:250px}
    .contact-address-map{height:250px}
    .footer-content-area h3, .footer-content-area h3 a, .footer-content-area .footer-sub-tittle, .footer-content-area .footer-sub-tittle a{font-size:1rem;letter-spacing:0;}
}
@media (min-width:1920px){
    /*section.main-banner, section.main-banner .swiper, section.main-banner .swiper img{height:auto !important;min-height:860px}*/
}