@media only screen and (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1600px) {
    .header-logo img {
        max-width: 80%;
    }

    .header-grid {
        grid-template-columns: 29% 61%;
    }

    .skew-box .skew-content ul.gap-5 {
        gap: 2rem !important;
    }

    /* content-font-size */

    .fs-32 {
        font-size: 1.7rem;
    }
    /* heading font-size */
    .head-xxxl {
        font-size: 4.25rem;
    }

    .big-letter {
        font-size: 13.5rem;
    }

    .head-xs {
        font-size: 1.5rem;
    }

    .head-xxl {
        font-size: 3rem;
    }

    .fs-sm {
        font-size: 1rem;
    }

    .fs-xs {
        font-size: .95rem;
    }

    .fs-md {
        font-size: 1.3rem;
    }

    .fs-xxs {
        font-size: 0.9rem;
    }
    /*  about page */
    .aboutus-sixth-section .triangle-wrapper::before {
        content: none;
    }

    .actinrs-slide {
        margin: 0 13px;
    }

    .fifth-slide {
        padding: 0rem 1rem;
    }

    .activities-banner-img {
        width: 63%;
    }

    .activities-banner-right {
        width: 37%;
    }

    .activities-banner-vertical {
        left: -66px;
        padding: 9px 23px;
        font-size: 12px;
    }

    .activities-banner-right h4 {
        font-size: 37px;
        margin-bottom: 26px !important;
    }

    .activities-banner-right p {
        font-size: 18px
    }

    .atbr-coupon {
        display: block !important;
        font-size: 18px;
        margin-bottom: 20px !important
    }

    .activities-banner-right {
        padding: 0 45px;
    }

    .dashboard-sidebar {
        width: 260px;
        padding: 16px 16px;
        top: 0
    }

    .dashboard-main-container {
        margin-left: 260px;
    }

    html {
        box-sizing: border-box;
        font-size: 13px;
    }

    .header-link-wrapper li a {
        font-size: 1.2rem;
    }

    .ctosw-float {
        right: -53px;
        top: -13px;
        transform: scale(.7);
    }

    .slider-card-four {
        padding: 6px 15px 21px 16px;
    }

    .contact-us .d-grid {
        grid-template-columns: 38% 33% 29%;
    }

    .contact-us-middle {
        padding: 40px;
    }

    .dsmtw-left {
        width: 100%;
    }

    .detail-second .nav-tabs .nav-link {
        padding: 29px 15px 29px 32px;
    }

    .login-form-wrapper {
        padding: 30px 30px;
    }

    .homepage-seventh .card-3::after {
        left: 95px;
        width: 119px;
        bottom: -44px;
        height: 3.5rem;
    }

    .homepage-third-right::before {
        left: 15px;
    }

    .homepage-third-wrapper::before, .homepage-third-wrapper::after {
        left: 59%
    }

    .icon-slide {
        padding: 0 20px;
    }

    .pencil-men::after {
        right: -48%;
        bottom: -47px;
        transform: scale(.8);
    }

    .hiw-tag.card-2, .hiw-tag.card-5, .hiw-tag.card-8, .hiw-tag.card-10 {
        left: 237px;
    }

    .hiw-tag.card-3, .hiw-tag.card-6, .hiw-tag.card-9 {
        right: 60px;
    }

    .partnership-third .step-2::before {
        left: -256px;
        top: -20px;
        transform: scale(0.6);
    }

    .partnership-third .step-2::after {
        right: -307px;
        bottom: -28px;
        transform: scale(0.6);
    }

    .product-one-right-second-overlay {
        width: 399px;
        height: 214px;
        top: 16px;
    }

    .noti-two-content-wrapper input:checked + .slider:before {
        transform: translateX(17px);
    }

    .dashboard-right {
        padding: 24px 10px 40px 50px;
    }

    .career-banner-left img {
        max-width: 34.25rem;
        margin-bottom: -226px;
    }
}

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


    .header-grid {
        grid-template-columns: 29% 68%;
    }

    .category-one-fourth-search-wrapper a {
        width: 100% !important
    }
}

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


    .skew-box .skew-content ul.gap-5 {
        gap: 1.2rem !important;
    }
}

@media (max-width: 1024px) {
    html {
        box-sizing: border-box;
        font-size: 13px;
    }

    .container-1920 {
        width: 96%;
        margin: 0 auto;
    }

    .header-logo img {
        max-width: 67%;
    }

    .header-link-wrapper li a {
        font-size: .9rem;
    }
    /*  font classes */
    .head-xxxl {
        font-size: 3.25rem;
    }

    .big-letter {
        font-size: 13.5rem;
    }

    .head-lg {
        font-size: 2.4rem;
    }

    .head-xl {
        font-size: 2.7rem;
    }

    .head-md {
        font-size: 2.2rem;
    }

    .head-sm {
        font-size: 1.8rem;
    }

    .fs-36 {
        font-size: 1.8rem;
    }

    .fs-xxl {
        font-size: 1.2rem;
    }

    .fs-xxxl {
        font-size: 1.1rem;
    }

    .fs-26 {
        font-size: 1.3rem;
    }

    .fs-30 {
        font-size: 1.5rem;
    }

    .fs-sm {
        font-size: 1rem;
    }

    .fs-md {
        font-size: 1.2rem;
    }

    .fs-xl {
        font-size: 1.3rem;
    }

    .skew-box::after {
        width: 21px;
        right: -16px;
    }

    .header-grid {
        grid-template-columns: 27% 75%;
    }

    .aboutus-sixth-section .triangle-wrapper::before {
        content: none;
    }

    .footer-grid {
        grid-template-columns: 23% 48% 23%;
    }

    .sidebar-two-card {
        padding: 16px;
        margin-bottom: 38px;
        border-radius: 5px;
    }

    .activities-banner-right {
        width: 46%;
    }

    .activities-banner-img {
        width: 54%;
    }

    .activities-banner-right h4 {
        font-size: 32px;
        margin-bottom: 16px !important;
    }

    .activities-banner-right span {
        font-size: 13px;
    }

    .atbr-coupon {
        display: block !important;
        font-size: 15px;
        margin-bottom: 11px !important;
        margin-right: 44px;
    }

    .activities-banner-right p {
        font-size: 14px;
    }

    h2.fs-90 {
        font-size: 3rem;
    }

    .slider-card-sixth {
        padding: 18px 9px 18px;
    }

    .slider-card-sixth-strip {
        padding: 6px 21px;
    }

    .dashboard-right {
        padding: 25px 10px 40px 20px;
        height: 100%;
    }

    .dashboard-sidebar {
        width: 234px;
        top: 0;
    }

    .dashboard-main-container {
        margin-left: 234px;
    }

    .dashboard-sidebar ul li {
        margin-bottom: 32px;
        padding-left: 5px;
    }

    .dashboard-sidebar .logo img {
        width: 168px;
        height: 51px;
    }

    .header-link-icon {
        width: 50px;
        height: 46px;
    }

    .app-main-right::before, .app-main-right::after {
        content: none
    }

    .app-main-right .list-one, .app-main-right .list-three {
        transform: translateX(0px);
    }

    .app-main {
        padding: 5rem 0rem 0rem;
    }

    .app-main-inner {
        padding-bottom: 2rem;
    }

    .brand-detail-main-right-two {
        padding: 1.4rem 1rem;
        background: transparent linear-gradient(181deg, #e5f3fc00 0%, #fbf1eb 100%);
        margin-top: 2.6rem;
    }

    .left-sidebar-one {
        padding: 46px 16px 20px 14px;
    }

    .brand-side-bar-faq .accordion-button::after {
        top: 0;
        right: -2px
    }

    .brand-side-bar-faq .accordion-button:not(.collapsed)::after {
        right: 4px
    }

    .bdmrt-card {
        padding: 20px 16px 21px 16px;
        margin-bottom: 16px;
    }

    .left-sidebar-one::after {
        transform: scale(.8);
    }

    .brands-banner h3 {
        margin-top: 24px
    }

    .brands-section-three .grid-columns-5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .brands-six-slider-wrapper .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .career-banner-left img {
        max-width: 100%;
    }

    .career-fourth .d-grid-2 {
        grid-template-columns: 25% 25% 25%;
    }

    .career-fourth-circle.circle-one::after, .career-fourth-circle.circle-three::after {
        width: 6.6875rem;
    }

    .career-fourth-circle.circle-three::before {
        left: -89%;
    }

    .career-fourth-circle.circle-two::after {
        width: 2.625rem;
        right: -52%;
        transform: rotate(-59deg);
    }

    .career-fourth-circle.circle-four::after {
        width: 2.875rem;
        right: -44%;
        bottom: 33px;
        transform: rotate(57deg);
    }

    .career-fourth-circle.circle-five::after {
        width: 41px;
        left: -47px;
        bottom: 40px;
        transform: rotate(-61deg);
    }

    .career-third .container-1920 {
        padding: 2.3rem 2rem 3rem;
    }

    .case-study-inner {
        width: 70%;
    }

    .detail-main-content {
        padding: 30px 24px 64px 24px;
    }

    .detail-section-four-wrapper .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .carousel-slider .slick-next-arrow {
        position: absolute;
        right: -55px;
    }

    .faq-link-box {
        box-shadow: inset 0px 2px 10px #00000029;
        padding: 24px 15px 24px 15px;
        height: 155px;
    }

    .faq-img-box img {
        max-width: 67px;
    }

    .login-form-wrapper {
        padding: 30px 30px;
    }

    .hmp-sixth-slider-wrapper {
        bottom: 61px;
    }

    .homepage-carousel-section .single-slide {
        padding: 0 1rem;
    }

    .homepage-carousel-section .card-brand-line {
        bottom: -17px;
        padding: 0px 4px !important;
    }

    .homepage-seventh .card-1::after {
        height: 1.6rem;
    }

    .homepage-seventh .card-1::before {
        top: -26px;
        left: 10px;
        border-top: 50px solid #d5d9f0;
        border-right: 70px solid transparent;
    }

    .hmp-banner-right::after {
        right: 17px;
    }

    .location-third .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .location-fourth .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ocinfs-slide .d-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .occasion-inner-third .grid-columns-5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .occasion-inner-fourth .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sclc-one.d-grid {
        grid-template-columns: 47% 23% 10%;
    }

    .sclc-two.d-grid {
        grid-template-columns: 50% 37%;
    }

    .partnership-third .step-2::before {
        left: -223px;
    }

    .partnership-third .step-2::after {
        right: -282px;
        bottom: -33px;
        transform: scale(0.5);
    }

    .product-one-right-fs-slider .d-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem !important;
    }

    .por-three-slider .d-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-one-right-second-overlay {
        width: 411px;
        height: 152px;
        top: 11px;
    }

    .cmj-left {
        padding-left: 1rem;
    }

    .skew-box2::after {
        top: -1px;
        left: -23px;
        height: 104%;
    }

    .slick-prev-arrow {
        transform: scale(.8);
    }

    .slick-next-arrow {
        transform: scale(.8)rotate(180deg);
    }

    .registration-stepper li {
        padding: 0px 36px;
    }

    .login-form-wrapper {
        padding: 30px 30px;
    }

    .sclc-sp.d-grid {
        grid-template-columns: 44% 21% 24%;
    }

    .scm-header {
        margin-bottom: 49px;
    }

    .ord-grid.d-grid {
        grid-template-columns: 58% 38%;
    }

    .modal.shoping-cart-modal .modal-dialog {
        width: 605px;
    }

    .splc-card-left {
        width: 112px;
        height: 118px;
    }

    .modal.shoping-cart-modal .modal-content {
        padding: 29px;
    }

    .scrt-slider-wrapper .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sbcr-three-float {
        padding: 17px 16px 8px;
    }

        .sbcr-three-float h4::before {
            width: 53px;
            height: 53px;
            left: -19px;
        }

        .sbcr-three-float h4 {
            margin-bottom: 18px;
        }

    .sub-category-right-four .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .ticket-icon {
        width: 66px;
        height: 62px;
    }

    .voucher-detail-main-right {
        margin-left: 1rem;
    }

    .voucher-detail-tc {
        padding: 24px 31px;
    }

    .voucher-detail-steps-wrapper .d-grid {
        grid-template-columns: 33% 33% 33%;
    }

    .vcd-steps-card {
        padding: 0 29px;
        height: 202px;
    }

    .wallet-head p::before {
        width: 45px;
        height: 45px;
    }

    .modal-xl {
        max-width: 90%
    }

    .skew-box .skew-content.gap-5 {
        gap: 1rem !important;
    }

    .career-banner-left img {
        max-width: 21.25rem;
        margin-bottom: 0px;
    }

    .csd-cust-p {
        width: max-content;
    }

    .faq-main-right button {
        font-size: 1.5rem;
    }

    .skew-box .skew-content ul.gap-5 {
        gap: 1rem !important;
    }
    .homepage-seventh .translate-card-2 {
        transform: translateY(-53px);
    }
    .occasion-banner-float {
        display: none
    }
    .grid-columns-5 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 991px) {

    .container-1920 {
        width: 96%;
        margin: 0 auto;
    }
    /* about us */
    .big-letter {
        display: none;
    }

    .banner-right-after::after {
        content: none;
    }

    .about-third-left::after {
        right: 16px;
        bottom: -79px;
        width: 29.125rem;
        height: 39rem;
    }

    .about-secton p {
        width: 95% !important;
    }

    .about-third-left img {
        height: 500px;
    }

    .about-third-right {
        margin-top: 108px;
    }

    .activity-inner-main .after-dashed-right {
        border: none
    }

    .dashboard-sidebar {
        position: absolute;
        left: -100%;
        transition: all .3s ease-in-out;
        width: 295px;
        padding: 45px 27px;
    }

        .dashboard-sidebar.active {
            position: absolute;
            left: 0;
            transition: all .3s ease-in-out;
        }

    .dashboard-main-container {
        margin-left: 0px;
    }

    .dashboard-hearder-wrapper::after {
        content: none
    }

    .app-main-inner .d-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .app-main {
        padding: 1rem 0rem 0rem;
    }

    .app-main-inner .circle-after::before {
        left: 25%;
        top: 50%;
        width: 65px;
        height: 65px;
        transform: translate(-50%,-50%);
    }

    .app-main-middle {
        background: linear-gradient(to top, #e1f1fa 0%, white 60%);
    }

    .blog-inner-main-left {
        border-right: none;
    }

    .blog-main-left ul {
        display: flex;
        overflow: scroll
    }

        .blog-main-left ul li::after {
            content: none
        }

        .blog-main-left ul li.active::after {
            content: '';
            height: 0;
            left: 0;
            top: 121%;
            width: 100%
        }

        .blog-main-left ul li {
            margin-right: 20px
        }

            .blog-main-left ul li a {
                white-space: nowrap
            }

    .blog-main-left ul {
        padding-left: 0rem;
    }

    .blog-card {
        display: flex;
        background: #ECECEB 0% 0% no-repeat padding-box;
        align-items: center;
        padding: 16px;
        border-radius: 8px;
    }

        .blog-card img {
            width: 40%;
            margin-right: 16px
        }

    .brand-detail-main-right-one {
        padding: 0px !important;
        border: none
    }

    .brand-detail-main-right-two .sidebar-two-search {
        width: 100%
    }

    .brands-sixth .mob-w-100 {
        width: 100%
    }

    .career-fourth-circle.circle-three::before, .career-fourth-circle.circle-one::after, .career-fourth-circle.circle-three::after, .career-fourth-circle.circle-five::after, .career-fourth-circle.circle-five::after {
        content: none
    }

    .career-fourth .d-grid {
        grid-template-columns: 25% 25% 25%;
    }

    .contact-us .d-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact-us-middle {
        padding: 24px;
        border: 2px dashed #BBBBBB;
        border-radius: 0px 6px 0px 6px;
        border-right: 3px solid #464646;
        border-bottom: 3px solid #464646
    }

    .video-wrapper::after, .video-wrapper::before, .homepage-third-right::before, .homepage-seventh .card-1::after, .homepage-seventh .card-2::before, .homepage-seventh .card-3::after {
        content: none
    }
    .play-btn {
        width: 5rem;
        height: 5rem;   
        bottom: 84%;
        left: 79%     
    }
    .homepage-seventh .translate-card-2 {
        transform: translateY(0px);
    }
    .seventh-card.card-2 {
        padding: 1.625rem 1.875rem 1rem!important;
    }
    .occation-banner-inner-wrapper {
         padding:  0px; 
    }

    .occation-banner-inner-wrapper {
        background-color:transparent!important;
        border:none
    }
    .occasion-banner-right h2::after{
        content:none
    }
    .grid-columns-5 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .fs-sm {
        font-size: 1rem;
    }

    .about-banner-right img {
        height: 159px;
    }

    .skew-box::after {
        content: none
    }

    .fs-32 {
        font-size: 1.4rem;
    }

    .aboutus-sixth-section ul {
        margin-bottom: 3rem;
    }

    .common-join-us {
        margin-top: 1rem;
    }

    .common-join-us-img-outside {
        margin-top: 20px
    }

    .common-join-us .container-1920 {
        padding-top: 30px
    }

    .activity-inner-right-second {
        padding: 1.875rem 1.5rem 5rem;
    }

    .activities-five .d-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .activities-banner-img {
        width: 100%;
    }

    .activities-banner-right {
        width: 96%;
        margin: 0 auto;
        margin-top: -71px;
    }

    .activities-banner-vertical {
        display: none
    }

    .activities-banner-right::before, .activities-banner-right::after {
        content: none
    }

    .activities-banner-wrapper {
        flex-wrap: wrap
    }

    .activities-banner-right {
        position: static;
        border-radius: 16px;
        border: 1px dashed var(--color-grey-1);
        padding: 48px 35px
    }

        .activities-banner-right h4 {
            font-size: 46px;
            margin-bottom: 16px !important;
        }

        .activities-banner-right span {
            font-size: 21px;
        }

        .activities-banner-right p {
            font-size: 29px;
        }

    h2.fs-90 {
        font-size: 5rem;
    }

    .dashboard-header-logo {
        width: 240px;
        margin-left: 15px
    }

    .dashboard-right {
        padding: 0px 0px 40px 0px;
        height: 100%;
    }

    .voucher-over-list ul li {
        padding: 0.7rem 1rem 0.7rem 1rem;
    }

    .voucher-over-list {
        overflow: scroll
    }

    .coupon-wallet-accordian .status-flag {
        padding-left: 0
    }

    .header-link-icon {
        width: 30px;
        height: 30px;
    }

    .dashboard-main {
        margin-top: 102px;
    }

    .voucher-wallet-card {
        padding: 15px 20px 20px 15px;
    }

        .voucher-wallet-card .w-75 {
            width: 100% !important
        }

    .voucher-wallet-count {
        right: 6px;
        top: 7px;
    }

    .voucher-wallet-card.wallet-card-two .voucher-wallet-count {
        right: 6px;
    }

    .blog-banner-content {
        padding: 2.25rem 0rem;
    }

    .brand-detail-main-right-two .sidebar-two-search {
        width: 100%
    }

        .brand-detail-main-right-two .sidebar-two-search.right::before {
            left: 94%;
        }

        .brand-detail-main-right-two .sidebar-two-search input {
            padding: 10px 15px 10px 16px !important;
            border: 1px solid #757575;
            border-radius: 500px
        }

    .brands-section-three .grid-columns-5 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem !important
    }

    .brands-six-slider-wrapper .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem !important
    }

    .brands-six-slider-wrapper {
        padding-right: 35px
    }

    .alphabatic-list-wrapper ul {
        border: 1px solid #dedede;
        padding: 5px 2px;
        flex-direction: column;
        height: 100%
    }

    .alphabatic-list-wrapper {
        position: absolute;
        right: -4px;
        margin-bottom: 0 !important;
        height: 92%
    }

    .brands-fifth-wrapper {
        display: none
    }

    .career-banner-left img {
        max-width: 16.25rem;
        margin-bottom: 0px;
    }

    .career-fourth .d-grid {
        grid-template-columns: 25% 25% 25%;
    }

    .category-one-fourth-search-wrapper {
        width: 100% !important
    }

    .search-second::before {
        left: 92%;
    }

    .detail-main .slick-next-arrow {
        right: 2px;
    }

    .detail-main .slick-prev-arrow {
        left: 3px;
    }

    .detail-second .nav-tabs .nav-link {
        padding: 16px 15px 15px 16px;
        font-size: 1.5rem;
    }

    .dsmtw-right {
        padding: 0px;
    }

    .detail-second-main-tab-wrapper {
        margin-bottom: 30px
    }

    .dsmtw-left {
        margin-bottom: 20px
    }

    .detail-second .nav-tabs::before {
        content: none;
    }

    .detail-second .nav-tabs .nav-link.active::before {
        position: absolute;
        content: "";
        left: 0%;
        top: 85%;
        height: 2px;
        border: 1px solid #252F4B;
        padding: 0px;
        width: 100%;
        border-radius: 0px;
        z-index: 10;
    }

    .detail-second .nav-tabs {
        justify-content: space-between
    }

        .detail-second .nav-tabs .nav-link.active {
            color: #13A3F3 !important
        }

    .faq-main-right .accordion-button:not(.collapsed)::after {
        top: 26px;
    }

    .faq-main-right .accordion-button::after {
        top: 17px;
    }

    .faq-main-right button {
        font-size: 1.5rem
    }
    .homepage-banner-section {
        padding: 5.2rem 0rem 3rem;
    }
    .homepage-carousel-section::after, .homepage-carousel-section::before {
        content: none
    }
    .homepage-fourth-section .slick-next-arrow, .homepage-fourth-section .slick-prev-arrow{
        top:70%!important
    }
    .homepage-third-wrapper {  
        padding: 0rem;
    }
    .hmp-sixth-slider-wrapper {
     width:100%
    }
    .hmp-sixth-slider-card {
        margin: 0 12px 12px !important;
    }
    .hmp-sixth-slider .d-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .homepage-sixth-section .container-1920 {
        padding-bottom: 16rem !important;
    }
    .hiw-second .hiw-second-left {     
        padding: 6rem 0rem 6rem;
    }
    .hiw-banner-right img {
        height: 12rem
    }
    .ocinfs-slide .d-grid {
        grid-template-columns: repeat(3, 1fr);

    }
    .grid-columns-5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .head-md {
        font-size: 2rem;
    }

    .head-xs {
        font-size: 1.3rem;
    }

    .head-lg {
        font-size: 2.1rem;
    }

    .fs-lg {
        font-size: 1rem;
    }

    .fs-md {
        font-size: 1rem;
    }

    .bg-gradient-fifth {
        background: linear-gradient(to right, #ffffff 0%, #f8f2ef 100%);
        padding: 3rem 0rem;
    }

    .aboutus-sixth-section ul {
        margin-bottom: 2rem;
    }

    .container-1920 {
        width: 94%;
        margin: 0 auto;
    }

    .about-third-left img {
        height: 256px;
    }

    .about-third-left::after {
        right: 9px;
        bottom: -26px;
        width: 16.125rem;
        height: 17rem;
    }

    .about-third-right {
        margin-top: 55px;
    }

        .about-third-right h2 {
            margin-bottom: 2rem;
        }

    .activity-inner-banner-overlay {
        background: linear-gradient(100deg, rgba(0, 123, 191, 0.95) 0%, rgba(0, 123, 191, 0.9) 20%, transparent 63%);
        padding: 3rem 0;
    }

    .activity-inner-banner-wrapper img {
        height: 245px;
    }

    .activity-inner-banner-content {
        padding-left: 16px !important
    }

    .sidebar-two-card {
        padding: 0px;
        border: none
    }

    .act-inner-left-box {
        margin-bottom: 1.8rem;
    }

    .activity-inner-right-second {
        padding: 1.875rem 1rem 5rem;
    }

    .slick-dots li button:before {
        font-size: 44px;
        opacity: 1;
        color: white;
        top: 1px;
        left: 0px;
        width: 13px;
        height: 13px;
        line-height: 14px;
    }

    .slick-dots li button {
        width: 15px;
        height: 15px;
    }

    .activities-five .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem !important
    }

    .activities-banner-right h4 {
        font-size: 35px;
    }

    .activities-banner-right span {
        font-size: 16px;
    }

    .activities-banner-right p {
        font-size: 24px;
    }

    h2.fs-90 {
        font-size: 4rem;
    }

    .activities-banner-img img {
        transform: scaleY(1);
    }

    .activities-third-wrapper {
        padding: 3.15rem 1rem;
    }

    .activities-third .d-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }

    .dashboard-header-logo {
        width: 152px;
        margin-left: 15px;
    }

    .voucher-over-list ul {
        max-width: 100%
    }

    .log-sec-container {
        padding: 13px;
    }

    .oohl-left {
        width: 60px;
        height: 60px;
    }

    .overview-one-head {
        padding: 1rem .85rem;
    }

    .fs-30 {
        font-size: 1.2rem;
    }

    .notification-content-wrapper {
        padding: 13px 11px;
    }

    .blog-inner-main-left .head-md {
        font-size: 1.7rem;
    }

    .fs-xxl {
        font-size: 1rem;
    }

    .brand-detail-main-right-two .sidebar-two-search.right::before {
        left: 92%;
    }

    .brand-detail-main-right-three {
        background-size: 147% 100%;
    }

    .brands-six-slider-wrapper .d-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .alphabatic-list-wrapper {
        right: -8px;
    }

    .featured-card-two-strip {
        margin-left: -17px;
    }

    .head-xxl {
        font-size: 2.4rem;
    }

    .featured-card-two img {
        width: 20%
    }

    .career-fourth .d-grid {
        grid-template-columns: 30% 30% 30%;
    }

    .career-fourth-circle.circle-one, .career-fourth-circle.circle-three, .career-fourth-circle.circle-five {
        width: 4.6875rem;
        height: 4.6875rem;
    }

    .fs-xl {
        font-size: 1.2rem;
    }

    .head-xl {
        font-size: 2.5rem;
    }

    .career-banner-left img {
        max-width: 13.25rem;
    }

    .cs-slider-item {
        padding: 6px 0px;
    }

    .fifth-slider .slick-slide:nth-child(odd) {
        transform: translateY(0px);
    }

    .homepage-fifth-section.category-one-fifth {
        padding-bottom: 4rem;
    }

    .homepage-fifth-section .slick-dots {
        bottom: -5rem;
    }

    .category-banner-slides.slick-current .icon-wrapper {
        max-width: 46%;
    }

    .category-card .icon-wrapper {
        top: -91px;
    }

    .cat-ots-content-wrapper div {
        border: none
    }

    .cat-ots-content-wrapper {
        width: 75%
    }

    .head-xxxl {
        font-size: 2.85rem;
    }

    .detail-section-four-wrapper .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem !important
    }

    .detail-main-inner {
        margin-top: 1.5rem;
    }

    .detail-main-content {
        padding: 21px 10px 35px 10px;
    }

        .detail-main-content h2 {
            font-size: 2rem;
        }

    .detail-second .nav-tabs .nav-link {
        padding: 16px 3px 15px 0px;
        font-size: 1rem;
    }

    .detail-sixth p {
        width: 95% !important
    }

    .faq-main-right button {
        font-size: 1.3rem;
    }

    .faq-main-right .accordion-body p {
        font-size: 1.2rem;
    }
    .play-btn {
        width: 3rem;
        height: 3rem;
        bottom: 76%;
        left: 79%;
    }
    .homepage-sixth-section .container-1920 {       
        padding-bottom: 16rem!important;
    }
    p.w-50, p.w-75 {
        width: 95% !important
    }
    .hiw-second .hiw-point.point-3 {
        right: 122px;
        top: 10%;
    }
    .hiw-second .hiw-point.point-1 {
        top: 43%;
        left: 8px;
    }
    .hiw-second .hiw-point.point-2 {
        left: 50%;
        bottom: 14%;
        transform: translateX(17%);
    }
    .featured-destination-card img {
        width: 15%;
    }
    .location-third .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap:1.5rem!important
    }
    .location-fourth .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap:1.5rem!important
    }
    .ocinfs-slide .d-grid, .occasion-inner-third .grid-columns-5, .occasion-inner-fourth .d-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem !important
    }
    .ctosw-float {
        right: -45px;
        top: -20px;
        transform: scale(.6);
    }
    .occasion-banner-right h3{
        font-size:1.8rem
    }
    .occasion-banner-left img {
        height: 239px;
    }
}

@media (min-width: 576px) {

    .shoping-cart-modal .modal-dialog {
        max-width: 690px !important;
    }
}