@media only screen and (max-width: 1400px) {
    .button-main-np {
        width: 1155px !important;
        left: calc(52% - 1206px / 2) !important;
        top: 901px;
    }

    .Spotlight-main {
        .product-image {
            height: 300px;
            width: 300px;
            object-fit: cover;
        }

        .product-image-container {
            height: 300px;
            width: 300px;
        }

        .Deals-product-title {
            font-size: 25px;
        }

        .rate p {
            font-size: 25px;
        }

        .timer-value {
            font-size: 25px;
        }

        .timer-label {
            font-size: 13px;
        }
    }

    .Explore-np-main {
        .category-img-main img {
            height: 103px;
            width: auto;
        }

    }
}

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

    .Spotlight-main {
        .Deals-product-title {
            font-size: 25px;
        }

        .view-deal-btn {
            margin: 25px 0px 0px 0px;
        }

        .int-deal-btn {
            margin: 25px 0px 0px 0px;
        }

        .product-image {
            height: 300px;
            width: 300px;
        }
    }

    .Explore-np-main {
        .category-img-main img {
            height: 103px;
            width: auto;
        }

    }



}

@media only screen and (max-width: 1200px) {
    .button-main-np {
        width: 982px !important;
        left: calc(52% - 1034px / 2) !important;
        /* top: 865px ; */
    }

    .card-title {
        font-size: 35px;
        line-height: 38px;
    }

    .card-text {
        font-size: 16px;
    }

    .opportunity-card,
    .ready-to-save-card,
    .deals-card {
        flex: 0 0 calc(45.333% - 20px);
    }

    .How-it-mail-2 {
        .how-it-img img {
            height: 432px;
            width: 432px;
            border-radius: 10px;
        }

        .we-nego {
            font-size: 28px;
        }

        .We-Negotiate p {
            font-size: 16px;
        }
    }

    .bulkdealforyou {
        .image-placeholder {
            height: 425px !important;
            width: 425px !important;

            img {
                height: 425px !important;
                width: 425px !important;
            }
        }
    }
    .main-have-np {
        .faq-question {
            font-size: 16px;
        }
        .faq-question::after {
            padding: 7px 10px 7px 10px;
            height: 25px;
            width: 25px;
        }
    }
    
}

@media only screen and (max-width: 1100px) {
    .button-main-np {
        width: 982px !important;
        left: calc(52% - 1034px / 2) !important;
        /* top: 865px !important; */
    }

    .spotlight-title h1 {
        font-size: 39px;
    }

    .Spotlight-main {
        .product-image {
            height: 270px;
            width: 270px;
            object-fit: cover;
        }

        .product-image-container {
            height: 270px;
            width: 270px;
        }

        .Deals-product-title {
            font-size: 21px;
        }

        .brand-section p {
            font-size: 15px;
        }

        .off p {
            padding: 6px 11px;
            font-size: 14px;
        }

        .current-price {
            font-size:16px;
            line-height: 9px;
        }

        .view-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
        }

        .int-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
        }
        .product-title-sp-m {
            font-size: 26px;
        }

    }

    .card-title {
        font-size: 29px;
        line-height: 33px;
    }

    .card-text {
        font-size: 15px;
    }

    .How-it-mail {
        .how-it h1 {
            font-size: 40px;
        }

        .how-it p {
            font-size: 15px;
            line-height: 26px;
        }

        /* .how-it-btn button {
            padding: 10px 14px;
            font-size: 14px;
        } */


    }

    .dont-btn-np button {
        float: none;
    }
}

@media only screen and (max-width:992px) {
    .bulk-deal-np h1 {
        font-size: 35px;
        line-height: 42px;
    }

    .bulk-deal-np p {
        font-size: 17px;
        line-height: 18px;
    }

    .join-the-np button {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 12px;
    }

    .Explotre-deal-np button {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 12px;
    }

    .button-main-np {
        width: 744px !important;
        left: calc(52% - 794px / 2) !important;
        /* top: 830px !important; */
    }
.spo-m-slider {
    gap: 20px;
}
    .Spotlight-main {
        .product-image {
            height: 200px;
            width: 200px;
            object-fit: cover;
        }
        .pro-sd-img{
            display: flex;
            justify-content:center ;
        }

        .product-image-container {
            height: 200px;
            width: 200px;
        }

        .Deals-product-title {
            font-size: 15px;
            line-height: 15px;
        }

        .brand-section p {
            font-size: 15px;
        }

        .off p {
            padding: 6px 11px;
            font-size: 14px;
        }

        .current-price {
            font-size: 17px;
            line-height: 9px;
        }

        .view-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
            height:43px !important;
        }

        .int-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
            height:43px !important;
        }

        .stock-info {
            font-size: 16px;
            line-height: 17px;
        }

        .rate p {
            font-size: 18px;
        }

        .timer-value {
            font-size: 18px;
        }

        .timer-label {
            font-size: 15px;
        }
    }

    .card-title {
        font-size: 23px;
        line-height: 27px;
    }

    .card-text {
        font-size: 13px;
        line-height: 20px;
    }

    .opportunity-card,
    .ready-to-save-card,
    .deals-card {
        min-height: 179px;
    }

    .prev-arrow {
        width: 34px;
        height: 34px;
    }

    .next-arrow {
        width: 34px;
        height: 34px;
    }

    .testimoninal-height-ad {
        height: 100% !important;
    }

    .How-it-mail-2 {
        .how-it-img {
            justify-content: center;
            margin-top: 25px;
        }
    }

    .bulkdealforyou {
        .image-placeholder {
            justify-content: center;
            margin-top: 25px;
        }

        .bulk-right-img {
            display: flex;
            justify-content: center;
        }
    }
    #bulk-dim-m{
        justify-items:center;
      }

}

@media only screen and (max-width:768px) {
    .how-it-btn button {
        float: none;
    }

    .button-main-np {
        width: 562px !important;
        left: calc(55% - 641px / 2) !important;
        /* top: 943px !important; */
    }

    .Spotlight-main {
        .product-card {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .timer {
            display: flex;
            gap: 5px;
        }
    }

    .Explore-np-main {
        .category-img-main img {
            height: 130px;
            width: auto;
        }

    }

    .cate-ex-img-3,
    .cate-ex-img-4 {
        margin-top: 30px;
    }

    .card-title {
        font-size: 17px;
        line-height: 22px;
    }

    .card-text {
        font-size: 13px;
        line-height: 18px;
    }
}

@media only screen and (max-width:576px) {
    .bulk-deal-np h1 {
        font-size: 35px;
        line-height: 42px;
    }
    .button-main-np {
        width: 555px !important;
        left: calc(49% - 540px / 2) !important;
        top: 943px !important;
        display: none !important;
    }

    .opportunity-card,
    .ready-to-save-card,
    .deals-card {
        flex: 0 0 calc(87.333% - 18px);
        min-height: 127px;
    }

    .How-it-mail-2 {
        .how-it-img img {
            height: 350px;
            width: 350px;
        }

        .how-it h1 {
            font-size: 35px;
        }

        .how-it p {
            font-size: 13px;
        }

        .we-nego {
            font-size: 25px;
        }

        .We-Negotiate p {
            font-size: 13px;
        }

        .we-number h1 {
            height: 35px;
            width: 35px;
            font-size: 20px;
        }
    }

    .bulkdealforyou {
        & .image-placeholder {
            justify-content: center;
            height: 350px !important;
            width: 350px !important;

            & img {
                height: 350px !important;
                width: 350px !important;
            }
        }
        ul {
            padding-left: 15px;
        }
    }

    .downdeal {
        .main-title {
            font-size: 30px !important;
            line-height: 40px !important;
        }

        .subtitle {
            font-size: 16px !important;
            line-height: 26px !important;
        }

        .card-title {
            font-size: 25px !important;
            line-height: 27px !important;
        }

        .card-subtitle {
            font-size: 25px !important;
            line-height: 27px !important;
        }

        .feature-text {
            font-size: 15px !important;
            line-height: 20px !important;
        }
    }

    .main-have-np {
        & .faq-answer {
            padding: 10px 0px;
        }
        .faq-question {
            padding: 10px 0px;
        }
        .have-titlemain-np h1 {
            font-size: 31px;
            line-height: 39px;
        }

        .have-titlemain-np p {
            font-size: 15px;
            line-height: 21px;
        }

        .faq-question {
            font-size: 13px;
        }

        .faq-answer {
            display: none;
            font-size: 10px;
            line-height: 19px;
        }
    }
    .what-1{
        width:330px;
    }
    .Spotlight-main {
        padding: 30px 0px;
        .timer-section {
            gap: 0px;
            flex-wrap: wrap;
        }
        .view-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
            height:43px !important;
            width: 100% !important;
        }

        .int-deal-btn {
            padding: 10px 26px;
            margin: 2px 0px 0px 0px;
            font-size: 15px;
            height:43px !important;
            width: 100% !important;
        }
        .rate p{
            margin: 0px;
        }
        .product-title-sp-m {
            font-size: 22px;
        }
        .current-price {
            font-size: 15px;
            line-height: 17px;
        }
    }
    #bulk-dim-m{
        justify-items:center;
      }
}

@media only screen and (max-width:400px) {
    .Spotlight-main {
        .timer-section {
            gap: 9px;
            flex-wrap: wrap;
        }
        
    }

    .Explore-np-main {
        .category-img-main img {
            height: auto;
            width: 100%;
        }
    }

    .cate-ex-img-2 {
        margin-top: 30px;
    }

    .How-it-mail-2 {
        .how-it-img img {
            height: 289px;
            width: 289px;
        }


    }

    .bulkdealforyou {
        & .image-placeholder {
            justify-content: center;
            height: 289px !important;
            width: 289px !important;

            & img {
                height: 289px !important;
                width: 289px !important;
            }
        }
    }
    .faq-question {
        font-size:9px;
    }
    .main-have-np {
        .faq-question {
            font-size: 11px;
        }
        .faq-question::after {
            padding: 6px 9px 7px 9px;
            height: 21px;
            width: 21px;
            font-size: 20px;
        }
    }
    .what-1{
        width:230px;
    }
}