@media (min-width: 1920px){

    .product-slider-box{padding: 50px 0px 62px 0px}
}
@media (min-width: 1440px){
    .container {max-width: 1440px;}
    .product-detail-content p{font-size: 24px;line-height: 50px;letter-spacing: normal;}
    .hero-banner h1{font-size: 72px;font-weight: 700;line-height: 92px;}
}
@media (max-width: 1800px){
    .hero-banner::after{right: -504px;}
    .hero-banner .swiper-pagination{left: 20px;}
}
@media (max-width: 1440px){
    h1 {font-size: 56px;}
    h2{font-size: 44px;}
    h3{font-size: 30px;line-height: 42px;}
    p{letter-spacing: 0.2px;}
    .navbar .nav-item{ margin-left: 35px;}
    .navbar-light .navbar-nav .nav-link{ font-size: 16px;}
    .navbar{height: 130px;}

    .btn-lg{font-size: 24px;padding: 16px 28px;}

    .product-block{padding: 30px 20px 15px 25px;min-height: 225px;}
    .product-block h3{font-size: 18px;}
    .product-block .img-tag{max-width: 150px;}
    .sample-request{padding: 60px 50px 60px 70px;}
    .sample-request h3{font-size: 26px;}
    .sample-request p{font-size: 18px;}
    .who-we-are p{font-size: 22px;line-height: 40px;}
    .years-business{height: 194px;width: 194px;padding: 28px 18px;}
    .years-business::after{height: 228px; width: 228px;}
    .about-title h3{font-size: 32px;line-height: 66px;}
    .page-topSpace {padding-top: 80px;}
    .about-tl-sm h3{line-height: 54px;}
    .working-us{padding: 80px;}
    .working-us ul li{margin: 25px 0;font-size: 22px;}
    .working-us ul li::before{width: 10px;height: 10px;}
    .gallery-img{height: 430px; padding: 30px;}
    .gallery-block h3{font-size: 22px;}
    .card-box{padding: 32px;}
    .product-list ul li a{font-size: 18px;padding: 12px 0;}
    .product-slider-box .img-block{max-width: 510px;}
    /*.product-slider-box{padding: 32px 110px;}*/
    .product-slider-box{padding: 32px 90px 32px 160px;}
    .product-slider-box .logo-blue{left: 40px;top: 30px; max-width: 97px;}
    .card-box.product-slide-name{padding: 90px 60px 32px 60px;}
    .product-slide-name .swiper-button-prev{left: 20px;}
    .product-slide-name .swiper-button-next{right: 20px;}
    .product-slide-name h3{font-size: 22px;}

    .hero-banner .swiper-pagination{left: 40px;}
    .hero-banner::after{border-width: 140px;right: -634px;}
    .hero-banner .img-block{height: 525px;}

    .top-slider{margin-bottom: -40px;}
}

@media (max-width: 1200px){
    h1 {font-size: 48px;}
    h2{font-size: 36px;}
    h3{font-size: 26px;}
    h5{font-size: 22px;}
    p{font-size: 20px;line-height: 35px;margin: 0 0 25px;}
    .navbar .nav-item{margin-left: 25px;}
    .navbar-brand img{width: 125px;}
    .navbar-light .navbar-nav .nav-link{ font-size: 16px}
    .navbar .dropdown-menu .nav-item .nav-link{font-size: 16px;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{padding: 20px;min-width: 220px;}
    .btn-lg{font-size: 22px;font-weight: 700;padding: 12px 24px;}
    .section-space{padding: 60px 0;}

    .card-box{padding: 24px;}
    .contact-info li{font-size: 16px;}
    .sample-request{padding: 40px 40px 40px 50px;}

    .who-we-are p{ font-size: 20px;line-height: 36px;}
    .about-title h3{font-size: 28px;line-height: 56px;}
    .page-topSpace {padding-top: 50px;}
    .about-tl-sm h3{line-height: 50px;}
    .working-us{ padding: 50px;}
    .working-us h2{font-size: 36px;}
    .working-us ul li{margin: 22px 0;font-size: 20px;}
    .gallery-img{height: 300px; padding: 20px;}
    .gallery-block h3{font-size: 20px;}

    .pagination{padding: 40px 0 0; margin: 60px 0 0;}
    .product-slider-box .swiper-button-prev{ left: 18px;}
    .product-slider-box .swiper-button-next{right: 18px;}
    .product-slider-box{ padding: 24px 70px;}

    .hero-banner p{font-size: 18px;line-height: 32px;}
    .hero-banner .img-block{height: 365px;padding: 20px;}
    .hero-banner::after{ width: 1100px; height: 1100px;right: -590px;}
    .hero-banner .swiper-pagination{left: 20px;}
    .top-slider{margin-bottom: 0;}
}

@media (max-width: 991px){
    h1{font-size: 42px;}
    header{padding: 0;border-bottom: 1px solid rgba(9, 41, 53, 0.2);width: 100%;}
    header .container{max-width: 100%;}
    header .navbar{height: 80px;}
    .navbar-collapse {position: fixed;right: 0;top: 80px; z-index: 99;background-color: #fff;width: 100%;border-top: 1px solid #e7e7e7;}
    .navbar .navbar-nav{width: 100%;overflow-y: auto;height: calc(100vh - 80px);padding: 0 25px 25px;align-items: flex-start;background: #fff;}
    header.nav-open{position: fixed;z-index: 99;width: 100%;}
    .navbar .dropdown-menu .nav-item .nav-link{font-size: 17px}
    .navbar-light .navbar-nav > .nav-item > .nav-link{padding: 15px 0;}
    .navbar .nav-item{margin: 0;width: 100%;border-bottom: 1px solid #EAEAEA;}
    .navbar .nav-item:last-child{border-bottom: 0;}
    .navbar-light .navbar-nav .nav-link{color: #001e45;}
    header.nav-open .navbar-toggler .navbar-toggler-icon span{background-color: #000;}
    .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
    .navbar .nav-item .btn{margin-top: 20px;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{padding: 0;border: none;}
    .navbar .nav-item .dropdown-menu .nav-item{border: none;margin: 0;}
    .navbar .dropdown-menu .nav-item .nav-link{padding: 10px;}
    .navbar .dropdown-menu .mega-menu-title{margin: 0 0 10px}
    .navbar .dropdown-menu .nav-item.mega-menu-title-sm{margin: 10px 0 0;}
    .navbar .nav-item .dropdown-menu .dropdown-menu{padding: 0px 15px 15px 15px;}
    .navbar .navbar-nav .nav-item.show .nav-link::after {
        transform: rotate(180deg) !important;
    }
    .navbar .nav-item.dropdown {cursor: pointer;}
    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
        color: #FBAD18;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav > .nav-item.active > .nav-link{ color: #FBAD18;}
    .navbar-light .navbar-nav > .nav-item > .nav-link:after{display: none;}
    .navbar-expand-lg .navbar-nav .dropdown-menu{box-shadow: none;}
    .navbar .nav-item .dropdown-toggle::after{color: #0E1F37;}
    .overflow_body header{position: fixed;width: 100%;top: 0;left: 0;z-index: 99;}

    .navbar-brand img{width: 78px;}
    p{font-size: 18px; line-height: 33px;margin: 0 0 20px;}
    .copyright{text-align: center;}
    .product-block{padding: 25px 20px 15px 20px;min-height: 200px;}

    .sample-request{padding: 25px;}
    .sample-request p{margin-bottom: 25px;}
    .read-more{font-size: 18px;}
    .read-more::before{ width: 40px;height: 40px;}

    .years-business{bottom: -20px; left: -10px;}
    .who-we-are .img-tag{margin-bottom: 40px;}
    .about-title h3{font-size: 24px;line-height: 46px;}
    
    .gallery-block h3{margin: 12px ​0 ;}
    .product-slider-box .logo-blue{left: 10px;top: 10px;max-width: 68px;}
    .product-slider-box{padding: 64px 40px 24px 40px;}
    .product-slider-box .swiper-button-prev{left: 0;}
    .product-slider-box .swiper-button-next{right: 0;}
    .product-slider-box .swiper-button-next, .product-slider-box .swiper-button-prev{width: 40px; height: 40px;}

    .other-product-nav{top: -70px;}
    .other-product-nav .swiper-button-next, .other-product-nav .swiper-button-prev{width: 40px; height: 40px;}
    .other-product-nav .swiper-button-next::after, .other-product-nav .swiper-button-prev::after{font-size: 15px;}

    .hero-banner::after{ display: none;}
    .hero-banner .img-block{margin: 35px 0;}
    .hero-banner .swiper-container-horizontal>.swiper-pagination-bullets{position: static;margin-top: 30px;}
    .hero-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{display: inline-block;margin: 4px; vertical-align: middle;}
    .hero-banner{text-align: center;}

}

@media (max-width: 767px){
    h1{font-size: 36px;}
    h2{font-size: 34px;}
    h3{font-size: 22px;line-height: 42px;}
    h5{font-size: 20px;}
    p{font-size: 16px; line-height: 28px;margin: 0 0 20px;}
    .section-space{padding: 55px 0;}
    footer .info-middle{float: none;}
    footer .info{justify-content: center;}
    label,.form-control, select.form-control:not([size]):not([multiple]){font-size: 16px;}
    .btn,.btn-lg{font-size: 18px;}
    .sample-request h3{font-size: 24px;}
    .sample-request p{font-size: 16px;}

    .who-we-are p{font-size: 18px; line-height: 34px;}
    .about-tl-sm h3{line-height: 42px;}
    .working-us{padding: 30px;}
    .working-us h2{font-size: 28px;}
    .working-us ul{padding: 0;}
    .working-us ul li{padding-left: 22px;line-height: 32px;font-size: 18px;margin: 16px 0;}
    .working-us ul li::before{width: 8px;height: 8px;top: 11px;}
    .working-us{padding: 25px;}
    .product-list ul li a{font-size: 17px;}
}

@media screen and (max-width: 575px){
    h1{font-size: 32px;}
    h2 {font-size: 30px;}
    h3{font-size: 20px;line-height: 38px;}
    footer .info{flex-direction: column;}
    footer .info li{padding: 0;margin: 3px 0;}

    .years-business{left: 0;width: 165px;height: 165px;border-width: 7px;}
    .years-business::after{width: 190px;height: 190px;top: -19px;left: -19px;}
    .years-business .year{font-size: 24px;}
    .years-business .bu{font-size: 18px;}
    .about-title h3{font-size: 20px;line-height: 36px;}
    .about-tl-sm h3{line-height: 38px;}
    .product-block .img-tag{max-width: 110px;}

    .pagination .page-item{ font-size: 16px;}
    .pagination .page-item a{padding: 2px 9px 0px 9px;}
    .pagination{flex-wrap: wrap;}
    .product-block{min-height: 180px;}
    .other-product-nav{position: static;margin: 0 0 10px;justify-content: flex-end;}

    .hero-banner .img-block{height: 270px;}
}