@media (max-width: 1920px) {
    .why-use-it-img-box {
        right: -20px;
    }

    .swiper-button-prev {
        left: 0 !important;
    }

    .swiper-button-next{
        right: 0 !important;
    }

    .top-slider-box .swiper-wrapper {
        margin-left: 0;
    }


    .top-slider-box .swiper-slide {
        width: 236px;
        height: 240px !important;
        margin-top: 20px;
    }

    .top-slider-box .swiper-slide-active {
        height: 260px !important;
        margin-top: 0;
        padding-top: 20px;
    }

}


@media (max-width: 1800px) {
    .who-we-are-video-line {
        top: 50px;
        left: 35px;
    }

    .why-use-it-img-box {
        right: -40px;
    }

}

@media (max-width: 1700px) {
    .product-card-img-box {
        aspect-ratio: 254 / 220;
    }
}

@media (max-width: 1600px) {

    /*.top-slider-product-name {*/
    /*    font-size: 70px;*/
    /*    line-height: 88px;*/
    /*}*/
    /*.top-slider-product-info, */
    /*.top-slider-section, .top-slider-section .green-blue-bg {*/
    /*    height: 700px;*/
    /*}*/
    .top-slider-box-section .green-blue-bg {
        height: 282px;
    }

    .top-slider-box-col {
        margin-bottom: 70px;
    }

    .why-use-it-img-box {
        right: -20px;
    }

    .top-slider-box .swiper-slide-card {
        padding: 20px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 210;
    }

    .product-slider-swiper .swiper-slide-active img, .category-product-slider .is-product-active .category-product-slider-card img  {
        transform: scale(1.2);
    }

    .product-slider-swiper .swiper-slide .text-medium-32, .category-product-slider .text-medium-32{
        font-size: 24px;
        line-height: 30px;
    }
}


@media (max-width: 1400px) {

    .why-use-it-box {
        min-height: 450px;
    }

    .text-semi-bold-26 {
        font-size: 24px;
        line-height: 28px;
    }

    .top-slider-box .swiper-slide {
        width: 216px;
        height: 200px !important;
        margin-top: 20px;
    }

    .top-slider-box .swiper-slide-active {
        height: 220px !important;
        margin-top: 0;
        padding-top: 20px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 230;
    }

}

@media (max-width: 1199px) {
    .product-filter-box, .product-single-page, .mobile-product-filter-icon, .product-single-page-slider {
        padding-top: 150px;
    }

    .text-light-32, .text-regular-32, .text-medium-32, .text-semi-bold-32, .top-slider-product-name {
        font-size: 28px;
        line-height: 34px;
    }

    .text-semi-bold-26 {
        font-size: 22px;
        line-height: 26px;
    }

    footer .logo {
        max-width: 70px;
    }

    .top-slider-section, .top-slider-section .green-blue-bg {
        /*height: 800px;*/
    }

    .menu-item, .header-social {
        padding: 12px;
    }

    .menu-item:hover {
        border-radius: 0;
    }

    .nav-search {
        background-color: transparent;
        cursor: pointer;
        padding: 8px;
        margin-right: 12px;
    }

    .select-box-list {
        position: relative;
        /*top: -25px !important;*/
    }

    .navbar-toggler-icon {
        width: 32px;
        height: 32px;
    }

    .header-menu-nav {
        border-radius: 0;
    }

    header {
        background-color: var(--darkBlue);
    }

    .mobile-top-header {
        max-width: 960px;
        margin: 0 auto;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #navbar-nav {
        box-shadow: none;
    }

    /*header .nav-link, header .nav-link:after, header .nav-link.active {*/
    /*    border: 0;*/
    /*    margin-top: 0;*/
    /*}*/
    /*header .nav-link.active {*/
    /*    color: var(--blue);*/
    /*}*/
    /*header .nav-link {*/
    /*    margin-bottom: 8px;*/
    /*}*/
    .search-icon {
        width: 32px;
        height: 32px;
    }

    .why-use-it-box {
        min-height: 380px;
        padding: 40px;
    }

    .why-use-it-img-box {
        top: -35px;
    }

    .text-regular-24, .pagination-box .page-link,
    .text-medium-24 {
        font-size: 20px;
        line-height: 24px;
    }

    /*.top-slider-box-main-img img {*/
    /*    height: 400px;*/
    /*}*/
    .top-slider-box-col {
        margin-bottom: 0;
    }

    .category-product-slider-box {
        height: 600px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 210;
    }

    .product-slider-swiper .swiper-slide, .category-product-slider .splide__slide {
        aspect-ratio: 516 / 780;
    }

    .product-slider-swiper .swiper-slide-active img, .category-product-slider .is-product-active .category-product-slider-card img{
        bottom: 90px;
        margin-bottom: -70px;

    }


}

@media (max-width: 991px) {
    /*.main-container {*/
    /*    max-width: 720px;*/
    /*    padding: 0 20px;*/
    /*    margin: 0 auto;*/
    /*    width: 100%;*/
    /*}*/
    /*#accordionCategory button, #accordionCategory a{*/
    /*    color: var(--black);*/
    /*}*/
    .mobile-top-header {
        max-width: 720px;
    }

    .who-we-are-video-line {
        top: 35px;
        /*left: 35px;*/
    }

    .why-use-it-box {
        min-height: auto;
    }

    .why-use-it-img-box {
        position: relative;
        top: 0;
        right: 0;
    }

    .why-use-it-img {
        width: calc(50% - 12px);
    }

    .why-use-it-img:first-child {
        margin-bottom: 0;
    }

    .category-product-slider-box {
        height: 600px;
    }

    .category-product-slider {
        padding: 110px 0 0;
    }

    .gallery-swiper .swiper-slide {
        width: 300px;
        height: 481px;
    }

    .gallery-swiper .swiper-slide-active {
        width: 300px;
        height: 536px;
    }


    .our-partners-slide-box {
        height: auto
    }

    .swiper-our-partners-left, .swiper-our-partners-right {
        width: 100%;
    }

    .our-partners-section .swiper-slide, .our-partners-button-prev, .our-partners-button-next {
        width: auto;
        height: 150px;
    }

    .our-partners-section .swiper-slide img {
        height: 100%;
    }

    .partners-top-swiper-button-next,
    .partners-top-swiper-button-prev,
    .partners-bottom-swiper-button-next,
    .partners-bottom-swiper-button-prev {
        top: 8px;
    }

    .partners-top-swiper-button-next,
    .partners-bottom-swiper-button-next {
        right: 0;
    }

    .partners-top-swiper-button-prev,
    .partners-bottom-swiper-button-prev {
        right: 48px;
    }


    .contact-us-form-box, .contact-info {
        padding: 40px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 250;
    }

    #mobile-product-filter {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1060;
        width: 100%;
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
        padding: 0;
    }

    #mobile-product-filter > div {
        border-radius: 24px 24px 0 0;
        padding: 24px 20px;
        min-height: 100%;
    }

    .filter-close-btn {
        background: var(--white);
        box-shadow: 0 4px 4px 0 #00000040;
        border-radius: 8px;
        width: 32px !important;
        height: 32px;
        border: 0;
    }

    .content-fixed {
        height: 100vh;
        overflow: hidden;
    }

    .product-slider-swiper .swiper-slide, .category-product-slider .splide__slide{
        aspect-ratio: 516/880;
    }

}

@media (max-width: 767px) {
    .mobile-top-header {
        max-width: 540px;
    }

    .text-light-32, .text-regular-32, .text-medium-32, .text-semi-bold-32, .top-slider-product-name {
        font-size: 24px;
        line-height: 30px;
    }

    .text-light-22,
    .text-regular-22,
    .text-medium-22,
    .text-semi-bold-22, .text-semi-bold-20 {
        font-size: 18px;
        line-height: 22px;
    }

    .text-regular-18, .why-use-it-box p, .why-use-it-box ul,
    .text-medium-18, .text-light-18 {
        font-size: 16px;
        line-height: 20px;
    }

    .navbar-brand-box img, footer .logo {
        max-width: 55px;
        height: auto;
    }

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


    .top-slider-box .splide__slide {
        margin-top: 25px;
    }

    .top-slider-box .splide__slide.is-active.is-visible {
        height: 175px !important;
        padding-top: 25px;
    }


    .category-slider-box .swiper-slide {
        max-width: 330px !important;
    }

    .category-product-slider-box {
        height: 700px;
    }

    .category-product-slider {
        padding-top: 48px;
    }

    .category-swiper-button-next, .category-swiper-button-prev {
        top: -45px;
    }

    .product-slider-swiper .swiper-slide-active img, .category-product-slider .is-product-active .category-product-slider-card img {
        bottom: 45px;
        margin-bottom: -50px;
        transform: none;
        aspect-ratio: 1 / 1;
        object-fit: contain;
    }

    .product-slider-swiper .swiper-slide, .category-product-slider .splide__slide {
        aspect-ratio: 516 / 650;
    }

    .gallery-swiper .swiper-slide {
        width: 260px;
        height: 450px;
    }

    .gallery-swiper .swiper-slide-active {
        width: 260px;
        height: 460px;
    }

    .contact-us-top-section {
        padding: 12px;
    }

    .contact-us-info-box {
        bottom: 24px;
    }

    .contact-us-form-box, .contact-info {
        padding: 24px;
    }

    .contact-us-info-box img {
        height: 24px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 230;
    }

    .our-partners-section .swiper-slide img {
        object-fit: contain;
    }

    .our-partners-section .swiper-slide {
        max-width: 100px;
        width: 100%;
    }

    .our-partners-section .swiper-slide, .our-partners-button-prev, .our-partners-button-next {
        height: 80px;
    }

    .similar-swiper-button-next img,
    .similar-swiper-button-prev img {
        width: 24px;
        height: 24px;
    }

    .partners-top-swiper-button-next svg,
    .partners-top-swiper-button-prev svg,
    .partners-bottom-swiper-button-next svg,
    .partners-bottom-swiper-button-prev svg {
        width: 20px;
        height: 20px;
    }

    /*#mobile-product-filter {*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    z-index: 1060;*/
    /*    width: 100%;*/
    /*    height: 100vh;*/
    /*    overflow-x: hidden;*/
    /*    overflow-y: auto;*/
    /*    outline: 0;*/
    /*    padding: 0;*/
    /*}*/
    /*#mobile-product-filter > div {*/
    /*    border-radius: 24px 24px 0 0;*/
    /*    padding: 24px 20px;*/
    /*    min-height: 100%;*/
    /*}*/
    /*.filter-close-btn {*/
    /*    background: var(--white);*/
    /*    box-shadow: 0 4px 4px 0 #00000040;*/
    /*    border-radius: 8px;*/
    /*    width: 32px !important;*/
    /*    height: 32px;*/
    /*    border: 0;*/
    /*}*/
    /*.search-filters-btn, .delete-filters-btn {*/
    /*    border: 2px solid var(--blue);*/
    /*}*/
    /*.content-fixed {*/
    /*    height: 100vh;*/
    /*    overflow: hidden;*/
    /*}*/
    .single-product-slider-active-img {
        width: 80%;
    }

    .product-single-page .product-main-img img {
        height: auto;
    }

    .download-item img {
        width: 40px;
    }

    .navbar-brand-box {
        padding: 16px 0;
    }

    .product-filter-box, .product-single-page, .mobile-product-filter-icon, .product-single-page-slider {
        padding-top: 120px;
    }

}

@media (max-width: 576px) {
    .who-we-are-video-line {
        top: 30px;
        left: 20px;
    }

    .gallery-swiper-pagination {
        max-width: 280px;
    }

    .gallery-swiper-button-next {
        left: calc(50% + 150px);
    }

    .gallery-swiper-button-prev {
        right: calc(50% + 150px);
    }

    .product-single-page .product-main-img img {
        width: 80%;
    }

    .product-single-page .product-main-img {
        height: 200px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 250;
    }
    .category-product-slider .splide__slide a {
        height: auto;
    }

    .scroll-header .navbar-brand-box{
        padding: 12px 0;
    }
    .scroll-header .navbar-brand-box img {
        max-width: 40px;
    }
}

@media (max-width: 481px) {
    .product-slider-swiper .swiper-slide, .category-product-slider .splide__slide {
        aspect-ratio: 516 / 680;
    }
}

@media (max-width: 400px) {
    .category-product-slider-box {
        height: 520px;
    }

    .product-card-img-box {
        aspect-ratio: 254 / 230;
    }
}

@media (max-width: 380px) {
    .gallery-swiper-pagination {
        max-width: 240px;
    }

    .gallery-swiper-button-next {
        left: calc(50% + 130px);
    }

    .gallery-swiper-button-prev {
        right: calc(50% + 130px);
    }

    .product-slider-swiper .swiper-slide, .category-product-slider .splide__slide {
        aspect-ratio: 516 / 740;
    }
}


@media (min-width: 992px) {
    #collapseCategory, #collapseBrands {
        display: block;
    }

    .product-filter-box {
        min-height: 100vh;
    }

    .product-filter-box {
        background-color: var(--greenBlue);
    }

    #accordionCategory button, #accordionCategory a, #accordionCategory .checkbox-label {
        color: var(--white);
    }

    .checkmark:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 29 29' fill='none'%3E%3Cpath d='M11.9813 21.3287L5.31445 14.6618L6.98118 12.9951L11.9813 17.9953L22.7127 7.26392L24.3794 8.93064L11.9813 21.3287Z' fill='white'/%3E%3C/svg%3E");
    }

    #products {
        padding-top: 150px;
    }


    .product-filter-actions .filter-search-btn {
        background-color: var(--blue);
        border-radius: 8px;
        border: 0;
    }

    .product-filter-actions .delete-filters-btn svg {
        width: 40px;
        height: 40px;
    }

    .product-filter-actions .delete-filters-btn svg path {
        fill: #D9D9D9;
    }
}

@media (min-width: 1200px) {
    .scroll-header .navbar-brand img {
        height: 44px;
    }

    .scroll-header .navbar-brand-box {
        padding: 10px 0;
        background-color: var(--darkBlue);
    }

    .scroll-header .menu-item {
        padding: 12px 6px;
    }


    .scroll-header .nav-search {
        padding: 8px;
    }

    .nav-search {
        padding: 18px;
    }

    .scroll-header .select-box-current {
        padding: 12px;
    }

    .scroll-header .text-regular-16 {
        font-size: 14px;
        line-height: 18px;
    }


    /*.scroll-header .nav-search .search-icon {*/
    /*    width: 20px;*/
    /*    height: 20px;*/
    /*}*/
    .scroll-header .header-social img {
        height: 20px;
    }

    #products {
        padding-top: 200px;
    }


}

@media (min-width: 1300px) {
    .scroll-header .nav-search {
        padding: 8px 8px 8px 70px;
    }

    .nav-search {
        padding: 18px 18px 18px 70px;
    }

}

@media (min-width: 1400px) {
    .scroll-header .menu-item {
        padding: 12px 18px;
    }
}
