/* Responsive adjustments */


/*
-
-
-
-    Create By Abdessamad ELMAZGHY
-    www.luzinelab.com
-    juin 2024
-
-    Je tiens a me remercier pour ce travail
-
 */



/* Responsive adjustments */
@media (max-width: 768px) {

    .mb-mobile {
        margin-bottom: 20px;
    }
    .main-header{
        height: auto;
    }
    .title-box h3 {
        font-size: 1.75rem;
    }

    .stats {
        flex-direction: column;
        align-items: center;
    }

    .stat-item {
        flex: 1 1 100%;
        margin-bottom: 20px;
    }


    .spa-prv-pk .card img {
        max-height: 200px;
        min-height: 200px;
    }

    .spa-reviews .card {
        margin-bottom: 20px;
    }

    .owl-nav .owl-prev {
        left: 15px;
    }

    .owl-nav .owl-next {
        right: 15px;
    }
    .pres_section .spa-btn{
        margin-bottom: 20px;
    }
    .follow-us-container{
        display: block;
    }
    .concept-section .stats {
        gap: 20px;
    }
    .spa-btn{
        width: auto !important;
    }



    /* massage juin 2024 */
    .fauteuil-page #about {
        padding: 15px 0 !important;
        text-align: center;
    }
    .fauteuil-page .main-img {
        text-align: center;
        margin-bottom: 20px;
    }
    .fauteuil-page .ai-place {
        display: none;
    }
    .fauteuil-page .play-btn {
        left: 40%;
    }
    .fauteuil-page .about-txt h4, #event h3, .organize-text h3 {
        font-size: 1.5rem !important;
        line-height: 32px !important;
    }
    .fauteuil-page .about-txt p {
        padding-bottom: 0px !important;
        padding-right: 0px !important;
    }
    .fauteuil-page .about-s {
        padding-top: 50px !important;
    }
    #event {
        padding: 50px 0 !important;
        text-align: center !important;
    }
    .organize-text p {
        padding: 0px !important;
    }
    .gallery-pa {
        padding-top: 0px !important;
    }
    /* end massage juin 2024 */


} /* end 768 */

@media (max-width: 576px) {
    .title-box h3 {
        font-size: 1.5rem;
    }

    .concept-section .video-container {
        max-width: 100%;
        height: auto;
    }

    .owl-carousel .item {
        padding: 5px;
    }

    .owl-nav .owl-prev {
        left: 10px;
    }

    .owl-nav .owl-next {
        right: 10px;
    }
}

@media (max-width: 991px) {

    .navbar-collapse {
        left: 0;
        width: 100%;
        background-color: rgb(237, 230, 222);
        overflow-y: auto;
        transition: all 0.3s ease;
        z-index: 999;
        position: fixed;
        top: 129px;
        border-top: 1px solid #d0d0d0;
    }
    .scrolled .navbar-collapse {
        left: 0;
        width: 100%;
        background-color: rgb(237, 230, 222);
        overflow-y: auto;
        transition: all 0.3s ease;
        z-index: 999;
        position: fixed;
        top: 80px;
    }
    .navbar-nav {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .navbar-nav .nav-item {
        margin: 0;
    }

    .navbar-toggler {
        margin-left: auto;
    }
}