@media(min-width:1700px) {

    section,
    .custom-container,
    .container-fluid,
    .main-header {
        max-width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }

    .card {
        z-index: 1;
    }

    /* .hero-banner {
        padding-top: 0;
    } */

    .hero-banner .hero-banner-wrapper {
        max-width: 1450px;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-img {
        border-radius: 0;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content {
        left: 50%;
        width: 1480px;
        transform: translateX(-50%);
    }
}

@media(max-width:1700px) {

    .container,
    .main-header,
    .container-fluid {
        max-width: 1440px !important;
        padding: 0 12px;
        margin-left: auto;
        margin-right: auto;
    }

    .card {
        z-index: 1;
    }

    .login-dropdown-content {
        height: calc(100vh - 130px);
    }
}

@media(max-width:1580px) {
    .hero-banner .hero-banner-wrapper {
        max-width: 1400px;
    }
}

@media(max-width:1500px) {
    .custom-center-left {
        margin-left: 18.2rem;
    }

    .hero-banner .hero-banner-wrapper {
        max-width: 1280px;
    }
}

@media(max-width:1440px) {

    .container,
    .main-header,
    .container-fluid {
        max-width: 1360px !important;
    }

    .header .search-area {
        margin-left: 3rem;
    }

    .custom-width-fourth .footer-heading {
        margin-left: 1.7vw;
    }

    .comming-soon .comming-soon-sticker::after {
        bottom: 150px;
        right: -51px;
    }

    .search-content {
        max-width: 486px;
        margin-left: 46px;
    }

    .buy-now .track-setup-first {
        padding-left: 7rem;
    }

    .track-setup-second.buy-now {
        padding-right: 1.2rem;
    }

    .track-setup-second.pay-now {
        padding-right: .25rem;
    }

    .custom-center-left {
        margin-left: 17.2rem;
    }

    .header.fixed-header .search-area {
        margin-left: 2rem;
    }

    .sidebar {
        width: 20%;
    }

    .contentpart {
        width: 80%;
    }

    .comman-design {
        padding: 1rem;
        border-radius: 20px;
    }

    .progress-bar {
        height: 12px;
    }

    .progress-bar .percentage .value {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 11px;
    }

    .whislist-img {
        width: 90px;
        height: 71px;
    }

    /* .circle-icon {
        width: 24px;
        height: 24px;
        margin-top: 0px;
    } */

    .height-same-big {
        height: 300px;
    }

    .sidebar-item {
        padding: 0px 1.25rem;
    }

    .sidebar-item .text {
        font-size: 16px;
    }

    .hero-banner .hero-banner-wrapper {
        max-width: 1180px;
    }

}

@media(max-width:1280px) {

    .container,
    .main-header,
    .container-fluid {
        max-width: 1200px !important;
    }

    .custom-width-fourth .footer-heading {
        margin-left: 2vw;
    }

    .footer-heading {
        font-size: 14.5px !important;
    }

    .comming-soon .comming-soon-sticker::after {
        bottom: 145px;
        right: -26px;
    }

    .product-details-wrapper .thumbail .thumbail-img {
        width: 13.78%;
    }

    .buy-now .track-setup-first {
        padding-left: 7rem;
    }

    .track-setup-second.buy-now {
        padding-right: .2rem;
    }

    .track-setup-second.pay-now {
        padding-right: 0;
    }

    .custom-center-left {
        margin-left: 19.2rem;
    }

    .header.fixed-header .middle-header .custom-margin-left {
        padding-left: 19.2rem;
    }

    .testimonial-card {
        width: 31%;
    }

    .testimonial-card .d-flex .badge {
        font-size: 13px;
    }

    .affiliate-sign-up-content p.fs-14,
    .affiliate-sign-up-content li.fs-14 {
        font-size: 12px !important;
        line-height: 20px !important;
    }

    .header.affiliate .top-header {
        height: 41px;
    }

    .hero-banner .hero-banner-wrapper {
        max-width: 1180px;
    }

}

@media (min-width:1000px) and (max-width:1200px) {
    .header .nav-header .text-sm {
        font-size: 9px;
    }

    .header .top-header .nav-header .icon {
        width: 9px;
    }

    .custom-center-left {
        margin-left: 20.2rem;
    }

    .header .search-area {
        margin-left: 0rem;
    }
}

@media (max-width:1050px) {
    body {
        overflow-x: hidden;
    }

    .header .nav-header {
        gap: 5px;
    }

    /* .login-dropdown-content {
        height: calc(100vh - 526px);
    } */

    .popular-deals-on .pb-3.w-fit {
        width: 100% !important;
    }

    .popular-deals-on .pb-3.w-fit .banner-img {
        width: 100%;
    }

    .feature-card {
        height: 100% !important;
    }

    .feature-heading {
        font-size: 15px;
        line-height: 22px;
    }

    .feature-text {
        font-size: 12.5px;
        line-height: 17px;
        margin-top: 4px;
    }

    .hot-deals .hot-deals-wrapper {
        height: 100%;
    }

    .hot-deals-badge {
        font-size: 24px;
        line-height: 24px;
        padding: 15px 8px;
    }

    .price-box {
        font-size: 19px;
        line-height: 29px;
        padding: 15px 9px;
        top: 24px;
        right: -69px;
    }

    .tour-deals .tour-deals-wrapper .card.product-card .card-header {
        height: 318px;
    }

    .tour-deals .tour-deals-wrapper .card.product-card {
        height: 468px;
    }

    .card .card-body .user-review-wrapper img {
        width: 9.95px;
        height: 9.95px;
    }

    .tour-deals .fix-height {
        height: 48px;
    }

    .product-card .heading {
        font-size: 14px;
        line-height: 18px;
    }

    .find-the-best-deals-clip {
        height: 791px;
        padding-top: 105px;
    }

    /* .testimonial {
        margin-top: -242px;
    } */

    .testimonial-slider {
        gap: 4px;
        padding-left: 0;
    }

    .testimonial-card {
        width: 350px;
    }

    .bottom-search.search .search-area-section {
        padding-left: 0px;
    }

    .bottom-search.search .search-area-section p {
        text-align: start;
        font-size: 13.4px !important;
        letter-spacing: 0px;
        padding-right: 0px;
    }

    .custom-width-first {
        width: 25%;
    }

    .custom-width-second {
        width: 30.3%;
    }

    .custom-width-third {
        width: 23%;
    }

    .custom-width-fourth {
        width: 21%;
    }

    .custom-width-five {
        width: 36%;
        margin-top: 34px;
    }

    .brand-section {
        margin-top: 18px;
    }

    .popular-deals-on {
        margin-top: 45px;
    }

    .comman-heading {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    .comman-heading.data-count {
        font-size: 36px;
        line-height: 20px;
    }

    p.count-text {
        font-size: 20px;
    }

    .product-details-wrapper .product-details-img {
        width: 100%;
    }

    .product-details-wrapper .thumbail .thumbail-img {
        width: 20%;
        height: 116px;
    }

    .product-details-text-area {
        margin-left: 15px;
    }

    .about-us-left {
        margin-left: 12rem 192px;
    }

    .our-partners .card {
        width: 248px;
        height: 140px;
    }

    .contentpart {
        width: 100%;
    }

    .content-header .logo {
        width: 129px;
    }

    .content-header .logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .content-header .search-area {
        width: 365px;
    }

    .comming-soon .comming-soon-sticker::after {
        bottom: 154px;
        right: 10px;
    }

    .comming-soon-sticker .btn.bg-purple.notify-btn {
        margin-left: -67px;
    }

    .product-details-wrapper {
        margin-top: 0;
    }

    .breadcrumb-icon-img {
        width: 22px;
        height: fit-content;
    }

    .breadcrumb-icon-arrow {
        width: 20px;
    }

    .breadcrumb {
        font-size: 18px !important;
    }

    .whislist-text {
        font-size: 14px !important;
    }

    .whislist-img {
        width: 100px;
        height: 70px;
    }

    .affiliate-text {
        font-size: 20px !important;
    }

    .affiliate-text-sm {
        font-size: 18px !important;
    }

    .custom-width-fourth .footer-heading {
        margin-left: 3.3vw 29.856px;
    }

    .categoy-dropdown {
        transform: translate3d(-433px, 36.8px, 0px) !important;
    }

    .buy-now .track-setup-first {
        text-align: center;
    }

    .buy-now .track-setup-second {
        text-align: center;
    }

    .search-content#search-content-2 {
        top: 86px;
    }

    .header.fixed-header .middle-header .custom-margin-left {
        padding-left: 7.5rem;
    }
    .hero-banner-logo {
        width: 80px;
    }
}

@media (min-width:768px) and (max-width:1050px) {
    .tour-card-wrapper {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .tour-card-wrapper .col-md-auto {
        width: 45% !important;
    }
}

@media (max-width:1023px) {
    .hero-banner .hero-banner-wrapper {
        height: 22.365rem;
        max-width: calc(100% - 3rem);
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-banner-content-body {
        padding: 3.5rem;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-heading {
        font-size: 2.25rem;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-paragraph {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .header .nav-header {
        padding-right: 4px;
    }

    .login-dropdown-content {
        height: calc(100vh - 400px);
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-banner-cartoon {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        height: 20.365rem;
    }
}

@media(max-width:765px) {
    body {
        overflow-x: hidden;
    }

    .header {
        height: 165px;
    }

    .header .bottom-header .dropdown.custom-dropdown {
        margin-left: 15px;
    }

    .header .search-area {
        margin-left: 10px;
    }

    .header .top-header {
        height: 29px;
    }

    .header .top-header .logo {
        width: 103px;
        height: 33px;
    }

    .height-same-big {
        height: 100%;
    }

    .custom-center-left {
        margin-left: 0;
    }

    .search-area {
        height: 37px;
        width: 94%;
    }

    .comman-heading {
        font-size: 28px;
        line-height: 39px;
    }

    .footer {
        padding: 0 1rem;
    }

    .custom-width-first {
        width: 100%;
    }

    .custom-width-first .logo {
        width: 54%;
    }

    .custom-width-second {
        width: 70%;
        margin-top: 20px;
    }

    .custom-width-third {
        width: 48%;
        margin-top: 20px;
    }

    .custom-width-fourth {
        width: 49%;
        margin-top: 20px;
    }

    .custom-width-five {
        width: 100%;
        margin-top: 20px;
    }

    .find-the-best-deals-clip .logo {
        top: -11%;
        left: 22%;
    }

    .find-the-best-deals-clip {
        height: 725px;
        padding-top: 222px;
    }

    /* .testimonial {
        margin-top: -106px;
    } */

    .find-the-best-deals-clip .first-offer-item .best-deals-card {
        width: 1px;
    }

    .bottom-search.search .search-area-section {
        padding-bottom: 28px;
        padding-top: 28px;
    }

    .bottom-search.search .search-area-section p {
        padding-bottom: 25px;
        text-align: start !important;
    }

    .offcanvas {
        z-index: 1050;
        height: 100vh;
    }

    .banner-text-wapper {
        top: 31px;
        left: 30px;
    }

    .banner-text-wapper .heading {
        font-size: 24px;
        line-height: 28px;
        margin-top: -2px;
    }

    .offcanvas .offcanvas-header .offcanvas-title .logo {
        width: 100%;
        height: 100%;
    }

    .offcanvas .offcanvas-header .offcanvas-title .logo img {
        width: 60%;
        height: 60%;
        object-fit: contain;
    }

    .offcanvas .offcanvas-header .btn-close {
        flex: 0 0 auto;
    }

    .feature-icon-1,
    .feature-icon-2,
    .feature-icon-3,
    .feature-icon-4 {
        width: 46px;
        height: fit-content;
        margin-right: 10px;
    }

    .brand-section {
        margin-top: 7px;
    }

    .popular-deals-banner {
        height: 243px;
    }

    .popular-deals-on {
        margin-top: 30px;
    }

    .hot-deals-badge {
        font-size: 20px;
        line-height: 20px;
        padding: 10px 4px;
        top: .5rem;
    }

    .hot-deals-footer p {
        font-size: 12px;
    }

    .hot-deals-wrapper .text-end a.fs-4 {
        font-size: 16px !important;
    }

    .hot-deals-wrapper .text-end a.fs-4 img {
        width: 16px;
    }

    .price-box {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 5px;
        top: 42px;
        right: 11px;
        background-color: #b28edcf4;
    }

    .comman-heading.data-count {
        font-size: 28px;
        line-height: 34px;
    }

    p.count-text {
        font-size: 22px;
        line-height: 18.6px;
    }

    .find-the-best-deals {
        margin-top: 3px;
    }

    .find-the-best-deals .comman-heading {
        margin-bottom: 20px;
    }

    .bottom-search .search-area {
        width: 93%;
        height: 33px;
        margin-left: 10px;
    }

    .btn#loginDropdown {
        height: 37px;
        width: 102px;
        line-height: 34px;
        padding: 0 19px;
        font-size: 15px;
    }

    .btn.toggle::after,
    .dropdown-toggle::after {
        right: 19px;
    }

    .faq .accordion-button {
        font-size: 15.6px;
        padding-bottom: 20px;
    }

    .product-details-wrapper .thumbail .thumbail-img {
        width: 20%;
        height: 48px;
    }

    .product-details-wrapper .comman-heading-sm {
        font-size: 20px;
        line-height: 30px;
    }

    .about-us-left {
        margin-left: 0rem;
    }

    .about-us-2 {
        height: 308px;
    }

    .about-us-deals-txt {
        padding: 0;
    }

    .about-us-deals-txt .comman-section-p-sm {
        padding: 1rem 0;
    }

    .our-partners .card {
        width: 160px;
        height: 135px;
    }

    .header.affiliate {
        padding-bottom: 1.5rem;
    }

    .comman-design {
        padding: .75rem;
    }

    .search-area input {
        background: var(--light-4);
    }

    .sidebar-item {
        height: 56px;
        padding: 0px 1.5rem;
    }

    .custom-pagination .page-link {
        width: 27px !important;
        height: 27px;
        line-height: 18px;
    }

    .hot-deals-slider {
        height: 278px;
    }

    .hot-deals-img-wrapper {
        width: 80% !important;
        display: flex;
        align-items: center;
        height: 228px;
        margin: 0 auto;
    }

    .hot-deals-img-wrapper img {
        width: 100%;
        object-fit: contain;
    }

    .category-product {
        height: 100%;
    }

    .comman-tabs .nav {
        gap: 10px !important;
    }

    .comman-tabs .nav .nav-item .nav-link {
        font-size: 12px;
        padding: 9px 7px;
    }

    .category-card-section .product-details-wrapper,
    .category-card-section .product-details-wrapper h2.deals-heading,
    .category-card-section .product-details-wrapper p.text-light,
    .category-card-section .product-details-wrapper .icon {
        margin-left: 0;
        padding-left: 0;
    }

    .accordion-button p.fs-18 {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    .category-card-section .category-items-wrapper .card .card-body {
        padding-top: 0;
    }

    .comming-soon .comming-soon-sticker::after {
        bottom: 64px;
        right: -144px;
    }

    .comming-soon .comming-soon-sticker {
        height: 126px;
    }

    .comming-soon-sticker .btn.bg-purple.notify-btn {
        margin-left: -0px;
    }

    .related-deals .comman-heading {
        line-height: 0;
    }

    .product-details-text-area {
        margin-left: 0px;
    }

    .breadcrumb-icon-img {
        width: 18px;
        height: fit-content;
    }

    .breadcrumb-icon-arrow {
        width: 16px;
    }

    .breadcrumb {
        font-size: 14px !important;
    }

    .product-details-wrapper .icon {
        margin-top: -13px;
    }

    .table thead tr th {
        font-size: 12px;
        padding: 12px 12px;
    }

    .contentpart .content {
        padding-right: 0;
    }

    .whislist-text {
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .whislist-img {
        width: 80px;
        height: 50px;
    }

    .affiliate-card {
        padding: .5rem 1rem;
    }

    .affiliate-text {
        font-size: 14px !important;
    }

    .affiliate-text-sm {
        font-size: 12px !important;
    }

    .custom-width-fourth .footer-heading {
        margin-left: 30px;
    }

    .notificationDropdown {
        width: 300px;
    }

    .category-card-section .product-details-wrapper {
        margin-top: 40px;
    }

    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .search-content {
        top: 98px;
    }

    .contentpart .content {
        padding-left: 0;
    }

    .buy-now .track-setup-first {
        text-align: start;
        padding: 0;
    }

    .buy-now .track-setup-second {
        text-align: end;
    }

    .search-content {
        max-width: 337px;
        margin-left: 14px;
    }

    .search-content .search-product {
        height: 88px;
    }

    .search-content .card {
        height: 170px;
    }

    .header.fixed-header {
        height: 122px;
    }

    .header .middle-header {
        padding-right: 0px;
    }

    .header.fixed-header .middle-header .custom-margin-left {
        padding-left: 12px;
    }

    .header .search-area {
        width: 100%;
        margin: -5px 16px;
    }

    .header.fixed-header .top-header {
        height: 42px;
        margin-top: 0;
    }

    .header.fixed-header .search-area {
        width: 100%;
        margin-left: 0;
    }

    .search-content#search-content-2 {
        top: 105px;
    }

    .tour-deals .tour-deals-wrapper .card.product-card .card-header {
        height: 351px;
    }

    .tour-deals .tour-deals-wrapper .card.product-card {
        height: 515px;
    }

    .login-dropdown-content {
        height: calc(100vh - 172px);
    }
}

@media (max-width: 440px) {
    .comming-soon .comming-soon-sticker::after {
        bottom: 66px;
        right: -170px;
    }
}

@media(max-width:380px) {
    .comming-soon .comming-soon-sticker::after {
        bottom: 64px;
        right: -121px;
    }
}

@media(max-width:340px) {
    .comming-soon .comming-soon-sticker::after {
        bottom: 59px;
        right: -81px;
    }

    .whislist-text {
        font-size: 12px !important;
        font-weight: 600 !important;
    }
}

@media (min-width:1050px) and (max-width:1280px) {
    .sidebar-item {
        height: 48px;
        padding: 0px 1rem;
        line-height: 12px;
    }

    .sidebar-item .icon {
        width: 18px;
        height: 18px;
        position: relative;
    }

    .sidebar-item .icon img {
        height: 100%;
        height: 100%;
        object-fit: contain;
    }

    .sidebar-item .text {
        font-size: 14px;
        margin-top: 1px;
    }
}

@media (max-width:767px) {
    .hero-banner .hero-banner-wrapper {
        height: 28.365rem;
        max-width: calc(100% - 3rem);
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-banner-content-body {
        padding: 2.5rem;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-heading {
        font-size: 1.5rem;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-paragraph {
        font-size: 1rem;
        margin-bottom: 0;
    }

    .hero-banner .hero-banner-wrapper .hero-banner-content .hero-banner-cartoon {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        height: 21.365rem;
    }

    .container,
    .main-header,
    .container-fluid {
        max-width: 92% !important;
        padding: 0 0 !important;
    }

    .deals-it-will-end-soon .slider-section {
        margin-top: -7px;
        padding-left: 0;
    }

    .tour-deals .tour-deals-wrapper {
        border-radius: 22px;
    }

    .search-area input {
        height: 100%;
        padding-left: 28px;
        padding-right: 71px;
    }

    .categoy-dropdown {
        transform: unset !important;
        margin: 10px auto 0 !important;
        width: 100% !important;
        height: 216px !important;
        right: 30px !important;
        top: 0 !important;
        inset: unset !important;
        left: -30px !important;
        padding: 10px 18px !important;
    }

    .header .search-area {
        margin: -5px auto;
    }

    .search-area .dropdown.custom-dropdown button {
        font-size: 10px !important;
        font-weight: bold !important;
        color: #111827;
        padding-top: 0px !important;
        padding-bottom: 7px !important;
        font-family: "Lexend";
        width: 96px;
        height: 27px;
        line-height: 27px;
        margin-right: -5px;
        border-radius: 10px !important;
        padding: 0 20px 0 0 !important;
    }

    .search-area .dropdown.custom-dropdown button::after {
        right: 5px;
        top: 14px;
    }

    .select-country#locationDropdown {
        font-size: 14px;
        padding-right: 40px;
    }
    .hero-banner .hero-banner-image{
        clip-path: none;
    }
    .hero-banner-logo {
        display: none;
    }
}