@media (max-width: 991.98px) {

    /*Global*/
    .sections-detail {
        margin: 0 0 30px;
    }

    /*Banner*/
    .main-design-template .banner .top-bar-left a {
        font-size: 17px;
    }

    .main-design-template .banner .banner-content .content-col {
        padding-left: 30px;
    }

    /*Service*/
    .main-design-template .service-section .service-detail > div {
        margin-bottom: 40px;
    }

    .main-design-template .best-class-club .detail-col-club {
        padding-right: 15px;
    }

    /*Class Mind Spa Club*/
    .main-design-template .best-class-club .best-class-club-desc {
        padding: 60px 30px;
    }

    .main-design-template .best-class-club .best-class-club-img {
        padding: 250px 0;
    }

    /*Advantages*/
    .main-design-template .advantages-section {
        padding: 60px 15px;
    }

    .main-design-template .advantages-section {
        background-image: url(/assets/fv/img/advantages-of-yoga-mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .main-design-template .advantages-section .section-title {
        color: #C79D2A;
    }

    .main-design-template .advantages-section .section-title-desc {
        color: #fff;
    }

    .main-design-template .advantages-section .advantages-detail-title {
        color: #C79D2A;
        margin-top: 10px;
    }

    .main-design-template .advantages-section .advantages-detail-desc {
        color: #fff;
    }

    .main-design-template .advantages-section .advantages-detail-soul,
    .main-design-template .advantages-section .advantages-detail-health,
    .main-design-template .advantages-section .advantages-detail-relax,
    .main-design-template .advantages-section .advantages-detail-energy,
    .main-design-template .advantages-section .advantages-detail-mind,
    .main-design-template .advantages-section .advantages-detail-meditat {
        width: 100%;
        text-align: center;
        margin: 0 auto 24px;
    }

    /*Mind Spa Place*/
    .main-design-template .mainDesign-section .mainPlace-Design-col > div {
        margin-bottom: 40px;
    }

    /*Contact us*/
    .main-design-template .contact-section .appointment .appointment-form .box-select::before {
        content: "\f0dd";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 41%;
        right: -0.5%;
        width: 35px;
        height: 38px;
        text-align: center;
        font-size: 14px;
        line-height: 37px;
        color: rgb(255, 255, 255);
        background-color: rgb(123, 108, 213);
        font-weight: 600;
        border-radius: 3px;
        transform: translate(-50%, -50%);
    }

    .main-design-template .contact-section .appointment .appointment-form .appointment-form-col-left {
        padding-right: 15px;
    }

    .main-design-template .contact-section .appointment .appointment-form .appointment-form-col-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Blogs*/
    .main-design-template .blogs-section .blogs-col {
        margin-bottom: 0px;
    }

    .main-design-template .blogs-section .blogs-col > div {
        margin-bottom: 40px;
    }

    /*Copyright*/
    .main-design-template .footer .copyright,
    .main-design-template .footer .copyright .social {
        text-align: center;
    }
}

@media (max-width: 767.98px) {

    /*Banner*/
    .main-design-template .banner .top-bar,
    .main-design-template .banner .top-bar-right {
        text-align: center;
    }

    /*Contact us*/
    .main-design-template .contact-section .appointment .appointment-form .box-select::before {
        content: "\f0dd";
        font-family: "Font Awesome 5 Free";
        position: absolute;
        top: 41%;
        right: -0.6%;
        width: 35px;
        height: 38px;
        text-align: center;
        font-size: 14px;
        line-height: 37px;
        color: rgb(255, 255, 255);
        background-color: rgb(123, 108, 213);
        font-weight: 600;
        border-radius: 3px;
        transform: translate(-50%, -50%);
    }

    .blogs-scroll-container {
        display: flex;
        overflow-x: auto;
        gap: 20px;
        padding-bottom: 10px;
        scrollbar-width: thin;
        scroll-snap-type: x mandatory;
    }

    .blogs-card {
        flex: 0 0 auto;
        width: 250px;
        scroll-snap-align: start;
        border: 1px solid #eee;
        padding: 15px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .scroll-wrapper {
        overflow-x: auto;
        white-space: nowrap;
    }

    .blogs-col {
        display: flex;
        flex-wrap: nowrap !important;
    }

    .blogs-col > .col-lg-3 {
        flex: 0 0 300px;
        max-width: 300px;
    }
}