@media (min-width: 1400px) {}

@media (max-width: 1440px) {}

@media (max-width: 1199px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {

    figure.home-coupons-logos {
        height: 250px;
    }

    .social-media-parent {
        display: none;
    }

    figure.coupons-logos {
        width: 100%;
    }

    .top-header {
        display: none;
    }

    figure.coupons-logos {
        width: 100%;
        height: 100%;
    }

    .banner-section.index-three {
        height: auto;
    }

    .banner-section.index-one {
        height: auto;
    }
}

@media (max-width: 575px) {

    section.banner-section {
        height: 160px;
        margin-bottom: 1rem;
    }

    .section-sidebar.details-section {
        margin-top: 0px;
    }

    a,
    p,
    span,
    button,
    label,
    li {
        font-size: 12px;
        line-height: normal;
    }

    figure.coupons-logos {
        position: absolute;
        top: 8px;
        right: 10px;
        width: 105px;
        height: 70px;
    }

    .single-box.customCoupons {
        position: relative;
        z-index: 0;
    }

    .single-box.customCoupons .fw-mid {
        font-size: 12px;
        padding: 0px 2px !important;
        gap: 1px !important;
    }

    .single-box.customCoupons span.d-center.f5-bg-color.rounded-circle.n1-color.p-1 {
        font-size: 8px;
        padding: 2px !important;
    }

    figure.coupons-logos img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .single-box.customCoupons button.text-start.get-deal {
        width: 222px;
    }

    .single-box.customCoupons .end-area {
        width: 100%;
        padding: 0 !important;
        margin-top: 10px;
    }

    .single-box.customCoupons h2.fs-four {
        font-size: 16px;
    }

    .banner-section.index-three {
        height: auto;
    }

    .banner-section.index-one {
        height: auto;
    }

}