@media only screen and (max-width: 1399px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }

    .hero-1 {
        padding: 250px 0 170px;
    }

    .hero-1 .hero-content h1 {
        font-size: 70px;
    }
    .product-details-wrapper .product-image-items .nav .nav-link img {
    width: 105px; 
}
.header-main .main-menu ul li { 
    margin-inline-end: 15px;
}
.header-main .main-menu ul li a { 
    font-size: 15px; 
}


}

@media screen and (max-width: 1280px) and (max-height: 800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }

    .header-main .main-menu ul li a {
        font-size: 13px;
        padding: 10px 0;
    }

    .header-main .main-menu ul li {
        margin-inline-end: 15px;
    }

    .cart-title .theme-btn {
                padding: 13px 0px;
        font-size: 11px;
    }

    .hero-1 .hero-content h1 {
        font-size: 40px;
    }
        .header-1 .header-right {
        gap: 10px;
    }

    .hero-1 .hero-content p {
        font-size: 16px;
    }

    .hero-1 .hero-thumb {
        margin-bottom: -110px;
        width: 515px;
        margin-left: -74px;
    }

    p {
        font-size: 15px;
    }

    h2 {
        font-size: 32px;
    }

    .about-wrapper .about-content p {
        font-size: 16px;
    }

    .about-wrapper .about-content .icon-box-items {
        padding: 22px 18px;
        ;
    }

    .theme-btn {
        font-size: 15px;
        padding: 14px 34px;
        min-width: 140px;
        border-radius: 50px;
    }

    .section-title {
        margin-bottom: 0px;
    }

    .service-card-items .service-cotent h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .service-card-items .service-cotent p {
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        margin-top: 7px;
    }

    .service-card-items .service-btn {
        margin-top: 6px;
        padding: 17px 42px;
    }

    .link-btn {
        font-size: 15px;
    }

    .link-btn i {
        font-size: 10px;
    }

    .work-process-box-items .content h3 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .work-process-box-items .content p {
        font-size: 14px;
        margin-bottom: 20px;
        font-weight: 400;
        line-height: 1.6;
    }

    .product-header .nav {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .product-box-items .product-content h6 {
        font-size: 15px;
        padding: 0px 30px;
    }

    .faq-wrapper .faq-content .accordion-item .accordion-header .accordion-button {
        padding: 20px 27px;
        font-size: 17px;
    }

    .faq-wrapper .faq-content .accordion-item .accordion-collapse .accordion-body {
        /* padding-right: 115px; */
        /* margin-top: -25px; */
        padding-left: 25px;
        padding-top: 33px;
        font-size: 16px;
        font-weight: 400;
    }

    .faq-sec {
        padding-top: 55px;
    }

    .scrolll-down,
    .scrolll-up {
        height: 120vh;
    }

    .brand-wrapper {
        padding: 50px 0;
    }

    .cta-wrapper .section-title h2 {
        padding-bottom: 10px;
    }

    .footer-bottom .footer-wrapper p {
        font-size: 13px;
    }

    .footer-widgets-wrapper .single-footer-widget .list-items li a {
        font-size: 15px;
    }
    .product-details-wrapper .product-image-items .nav .nav-link img {
    width: 95px; 
}
.header-top-wrapper p,
.header-top-wrapper  a{
    font-size: 14px;
}
}


@media (max-width: 1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }
    .header-top-wrapper p, .header-top-wrapper a {
        font-size: 11px;
    }



}

@media (max-width: 991px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }








}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1386px;
    }

}

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1550px;
    }


}


@media (min-width: 1920px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1700px;
    }
}