@media (max-width: 450px) {
    
    
    .counter-5__btn__1 {
    width: 100% !important;
    padding: 05px;
    font-size: 12px;
}

.cart-buttons {
    display: flex;
}

    div#cart-icon {
    justify-content: flex-start !important;
}

      .feature-5-right-img {
        top: 0;
        left: 220px;
        width: 140px;
        height: 145px !important;
    }

       .feature-5-right-img img {
        height: 100% !important;
    }

    .feature-5-card {
    padding: 55px 55px 55px 30px;
    border-radius: 10px;
}

    h3.counter-5__item__title {
  font-size: 2.25rem;
    margin-top: 11px;
    line-height: 2.50rem;
}

    h3.product-title {
    font-size: 2rem;

    padding: 20px;
    text-align: center;
}

    section.text-brand__area {
    margin-bottom: 30px;
}



    ul.steps {
    display: none !important;
}

.option-box {
    margin-bottom: 10px;
}



    .shop-button button {
    width: 50%;
}

.shop-button {
    display: flex !important;
}
  .shop-button button {
        width:100%;
    }
    




.formTable li {
   
    width: 100%;
}

.nav-tabs {
    gap: 1rem;
}

.formTable .nav-tabs .nav-link {
    padding: 10px;
    font-size: 15px;
    margin-bottom: 0px;
    width: 100%;
}

.tab-content {
    padding: 10px;
}

.checkArea label {
    font-size: 18px;
}

.checkArea {
    padding: 10px;
}

.productForm {
    padding: 15px;
}




    
}






@media only screen and (max-width: 1366px) {
    html {
        font-size: 13px;
    }

    .banner-5__content-title {
        font-size: 3rem !important;
        ;
        line-height: 1.25 !important;
    }

    .banner-5__content-dec {
        font-size: 1.25rem;
    }

    h3.counter-5__item__title {
        font-size: 40px;
        line-height: 1.24;
    }

    .counter-5__item p {
        padding: 0;
    }




    .latest-Choose-us__content h2 {
        font-size: 3rem;
        line-height: 1.2;
    }

    .partners__title-wrapper-title {
        font-size: 2.5rem;
    }

    .partners__area .slick-slide .inner img {
        width: 11rem;
    }

    .footer__link ul {
        gap: 10px;
    }
}

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


    .counter-5__thumb__shape-2 {
        width: 25rem;
    }

    .counter-5__thumb__shape-3 img {
        width: 30rem;
    }

    .banner-5__content-title {
        font-size: 2.5rem !important;
    }

    .banner-5__content-title br {
        display: none;
    }

    .banner-5__content-subtitle {
        font-size: 1.5rem;
    }

    .rr-trend-product-5__top-mb {
        margin-bottom: 0;
    }

    .counter-5__bg__shape-2 {
        !;
        !i;
        !;
    }

    .partners__area {
        padding: 4rem 0;
    }

    .footer__link ul li a {
        font-size: 1rem;
    }

    .footer__link ul {
        gap: 5px;
    }

    .footer__content p {
        font-size: 11px;
    }

    .footer__subscribe ul li a {
        font-size: 1rem;
    }

    .footer-bottom-border .footer__bottom .footer__copyright p {
        font-size: 1rem;
    }

    .footer__bottom {
        padding: 12px 0;
    }
}

@media only screen and (max-width: 991px) {
    .header__logo.header__logo-3 .logo-3 img {
        width: 15rem;
    }

    .header__main {
        padding: 12px 0;
    }

    .banner-5__banner-space {
        padding-top: 30px;
    }

    .feature-5-card.feature-first-bg.overflow-hidden.position-relative.mt-30 {}

    .feature-5-card {
        padding: 50px;
    }

    .rr-trend-product-5__btn-wrap .title-5 {
        font-size: 2.5rem;
    }

    .rr-trend-product-5__btn-wrap .button-box .project-filter {
        font-size: 1rem !important;
    }

    .rr-trend-product-5__btn-wrap .button-box .project-filter .list {
        font-size: 1.25rem;
    }

    .section-space {
        padding: 2rem 0;
    }

    h3.counter-5__item__title {
        font-size: 30px;
    }

    .latest-Choose-us__content h6 {
        font-size: 20px;
    }

    .latest-Choose-us__content h2 {
        font-size: 2.25rem;
    }

    .latest-Choose-us__content p {
        font-size: 1rem;
    }

    .latest-Choose-us__content-text-box ul li {
        font-size: 1rem;
        line-height: 1.3;
    }

    .latest-Choose-us__media-experience-box {
        flex-direction: column;
        gap: 0;
        height: auto;
        padding: 1rem;
        text-align: center;
    }

    .latest-Choose-us__media-experience-box .description p {
        font-size: 13px;
        line-height: 1.3;
    }

    section.footer__area-common {
        padding-top: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .cartItemCard {
        margin: 0 0 1rem;
        padding-bottom: 15px;
    }

    .cartItemCard h4 {
        margin: 12px 0;
        font-size: 1.2rem;
    }

    .cartItemCard .price {
        margin-bottom: 10px;
        display: block;
    }

    .cartItemCard .proCounter {
        width: 100%;
        margin-bottom: 20px;
    }

    .cartItemCard .proCounter input {
        width: calc(100% - 100px);
    }

    .accountAccesSec .formStyle .input-group {
        flex-flow: column;
        align-items: center;
    }

    .accountAccesSec .formStyle .btnStyle {
        margin-bottom: 1rem;
    }

    .accountAccesSec h2 span {
        font-size: 30px;
    }

    .accountAccesSec h2 {
        font-size: 22px;
    }
    .flex-parent-shop {
        gap: 1rem 0;
        justify-content: center;
    }

    figure.step-fig img {
        width: 3rem;
    }

    ul.steps li {
        align-items: center;
        padding: 1rem;
    }

    .acc__card {
        margin: 1rem;
    }

    .cat-inner {
        height: auto;
    }

    .pro-desc ul li {
        font-size: 1.25rem;
    }

    .item-var {
        margin: 1rem 0;
    }
}

@media only screen and (max-width: 575px) {
    .header__logo.header__logo-3 .logo-3 img {
        width: 11rem;
    }

    h1.banner-5__content-title {
        font-size: 2rem !important;
    }

    .banner-5__content-subtitle {
        font-size: 1rem;
    }

    .banner-5__content-button-box {
        margin: 1rem 0;
    }

    .banner-5__content-button-box-btn {
        width: 100%;
        text-align: center;
    }

    .feature-5.pt-90 {
        padding-top: 1rem;
    }

    .feature-5-card {
        padding: 20px;
    }



    .feature-5-content h3 {
        padding-bottom: 0;
    }

    .feature-5-content {}

    .rr-trend-product-5__btn-wrap {
        flex-direction: column;
        gap: 0;
    }

    .rr-trend-product-5__area.project-section-4.pb-60.overflow-hidden.pt-60 {
        padding: 2rem 0;
    }

    .counter-5__item h6 {
        font-size: 1rem;
    }

    h3.counter-5__item__title {
        font-size: 25px !important;
        margin: 0 0 10px;
        font-weight: 700;
    }

    .counter-5__btn__1 {
        width: 100%;
        text-align: center;
    }

    .latest-Choose-us__content.mb-40 {
        margin-bottom: 10px;
    }

    .partners__title-wrapper-title {
        font-size: 1.75rem;
    }

    .partners__title-wrapper-subtitle {
        font-size: 1.25rem;
        margin: 0;
    }

    .slick.marquee.mt-40.slick-initialized.slick-slider {
        margin: 1rem 0;
    }

    .text-brand__wrapper.pt-60.pb-60 {
        padding: 20px 0;
    }


    .text-brand__wrapper-text.mb-30 {
        margin: 0;
    }

    .text-brand__wrapper-text h5 {
        font-size: 1.25rem;
    }

    .footer__content p {
        font-size: 1rem;
        line-height: 1.8;
    }

    .footer__widget-title h4 {
        margin-top: 20px;
    }

    /*Order  */

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

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

    @media only screen and (max-width: 1440px) {
        html {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 1366px) {
        html {
            font-size: 13px;
        }

        .banner-5__content-title {
            font-size: 3rem !important;
            ;
            line-height: 1.25 !important;
        }

        .banner-5__content-dec {
            font-size: 1.25rem;
        }

        h3.counter-5__item__title {
            font-size: 40px;
            line-height: 1.24;
        }

        .counter-5__item p {
            padding: 0;
        }




        .latest-Choose-us__content h2 {
            font-size: 3rem;
            line-height: 1.2;
        }

        .partners__title-wrapper-title {
            font-size: 2.5rem;
        }

        .partners__area .slick-slide .inner img {
            width: 11rem;
        }

        .footer__link ul {
            gap: 10px;
        }
    }

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


        .counter-5__thumb__shape-2 {
            width: 25rem;
        }

        .counter-5__thumb__shape-3 img {
            width: 30rem;
        }

        .banner-5__content-title {
            font-size: 2.5rem !important;
        }

        .banner-5__content-title br {
            display: none;
        }

        .banner-5__content-subtitle {
            font-size: 1.5rem;
        }

        .rr-trend-product-5__top-mb {
            margin-bottom: 0;
        }

        .counter-5__bg__shape-2 {
            !;
            !i;
            !;
        }

        .partners__area {
            padding: 4rem 0;
        }

        .footer__link ul li a {
            font-size: 1rem;
        }

        .footer__link ul {
            gap: 5px;
        }

        .footer__content p {
            font-size: 11px;
        }

        .footer__subscribe ul li a {
            font-size: 1rem;
        }

        .footer-bottom-border .footer__bottom .footer__copyright p {
            font-size: 1rem;
        }

        .footer__bottom {
            padding: 12px 0;
        }
    }

    @media only screen and (max-width: 991px) {
        .header__logo.header__logo-3 .logo-3 img {
            width: 15rem;
        }

        .header__main {
            padding: 12px 0;
        }

        .banner-5__banner-space {
            padding-top: 30px;
        }

        .feature-5-card.feature-first-bg.overflow-hidden.position-relative.mt-30 {}

        .feature-5-card {
            padding: 50px;
        }

        .rr-trend-product-5__btn-wrap .title-5 {
            font-size: 2.5rem;
        }

        .rr-trend-product-5__btn-wrap .button-box .project-filter {
            font-size: 1rem !important;
        }

        .rr-trend-product-5__btn-wrap .button-box .project-filter .list {
            font-size: 1.25rem;
        }

        .section-space {
            padding: 2rem 0;
        }

        h3.counter-5__item__title {
            font-size: 30px;
        }

        .latest-Choose-us__content h6 {
            font-size: 20px;
        }

        .latest-Choose-us__content h2 {
            font-size: 2.25rem;
        }

        .latest-Choose-us__content p {
            font-size: 1rem;
        }

        .latest-Choose-us__content-text-box ul li {
            font-size: 1rem;
            line-height: 1.3;
        }

        .latest-Choose-us__media-experience-box {
            flex-direction: column;
            gap: 0;
            height: auto;
            padding: 1rem;
            text-align: center;
        }

        .latest-Choose-us__media-experience-box .description p {
            font-size: 13px;
            line-height: 1.3;
        }

        section.footer__area-common {
            padding-top: 1rem;
        }
    }

    @media only screen and (max-width: 767px) {
        .flex-parent-shop {
            gap: 1rem 0;
            justify-content: center;
        }

        figure.step-fig img {
            width: 3rem;
        }

        ul.steps li {
            align-items: center;
            padding: 1rem;
        }

        .acc__card {
            margin: 1rem;
        }

        .cat-inner {
            height: auto;
        }

        .pro-desc ul li {
            font-size: 1.25rem;
        }

        .item-var {
            margin: 1rem 0;
        }
    }

    @media only screen and (max-width: 575px) {
        .header__logo.header__logo-3 .logo-3 img {
            width: 11rem;
        }

        h1.banner-5__content-title {
            font-size: 2rem !important;
        }

        .banner-5__content-subtitle {
            font-size: 1rem;
        }

        .banner-5__content-button-box {
            margin: 1rem 0;
        }

        .banner-5__content-button-box-btn {
            width: 100%;
            text-align: center;
        }

        .feature-5.pt-90 {
            padding-top: 1rem;
        }

        .feature-5-card {
            padding: 20px;
        }


        .feature-5-content h3 {
            padding-bottom: 0;
        }

        .feature-5-content {}

        .rr-trend-product-5__btn-wrap {
            flex-direction: column;
            gap: 0;
        }

        .rr-trend-product-5__area.project-section-4.pb-60.overflow-hidden.pt-60 {
            padding: 2rem 0;
        }

        .counter-5__item h6 {
            font-size: 1rem;
        }

        h3.counter-5__item__title {
            font-size: 25px;
            margin: 0 0 10px;
            font-weight: 700;
        }

        .counter-5__btn__1 {
            width: 100%;
            text-align: center;
        }

        .latest-Choose-us__content.mb-40 {
            margin-bottom: 10px;
        }

        .partners__title-wrapper-title {
            font-size: 1.75rem;
        }

        .partners__title-wrapper-subtitle {
            font-size: 1.25rem;
            margin: 0;
        }

        .slick.marquee.mt-40.slick-initialized.slick-slider {
            margin: 1rem 0;
        }

        .text-brand__wrapper.pt-60.pb-60 {
            padding: 20px 0;
        }


        .text-brand__wrapper-text.mb-30 {
            margin: 0;
        }

        .text-brand__wrapper-text h5 {
            font-size: 1.25rem;
        }

        .footer__content p {
            font-size: 1rem;
            line-height: 1.8;
        }

        .footer__widget-title h4 {
            margin-top: 20px;
        }



        ul.steps {
            flex-direction: column;
            gap: 1rem 0;
        }

        .counter-5__btn__1 {
            width: 100%;
            display: block;
        }

        .shop-button {
            display: block;
            width: 100%;
        }

        .cat-inner {
            padding: 0;
        }

        .acc__title {
            flex-direction: column;
            gap: 10px 0;
        }

        .acc__card i.fa-solid.fa-caret-down {
            right: 12px;
        }

        .acc__title {
            font-size: 1.25rem;
        }

        .capBox .img-box-product {
            width: auto;
        }

        .acc__panel {
            padding: 0;
        }

        .product-box.var-box {
            margin: 4px 0;
            padding: 0 1rem 1rem;
        }
    }

    @media screen and (min-width: 480px) {
        .inner-step .desc p {
            color: white;
            font-size: 10px;
            line-height: 11px !important;
        }

        .inner-step img {
            width: 25px;
        }
    }