/* 📱 **Responsive pour mobile** */





@media (min-width: 768px) and (max-width: 1199px) {
    .main-menu-two__left {
        position: relative;
        display: block;
        margin: 18px;
    }

}


/* slider mobile**/
@media (max-width: 480px) {
    .main-menu-two__left {
        position: relative;
        display: block;
        margin-left: 18px;
    }


    .main-slider-two .container {
        position: relative;
        padding-top: 240px;
        padding-bottom: 180px;
        z-index: 30;
    }

    .main-slider-two__sub-title {
        font-size: 10px;
        color: var(--mellis-white);
        font-weight: 500;
        line-height: 20px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
    }

    .main-slider-two__title {
        font-size: 22px !important;
    margin-bottom: 50px !important;
    line-height: 34px !important;
    margin-top: 28px !important;
    margin-right: 20px !important;
    }

    .thm-btn {
        padding: 5px 20px 4px;
        font-size: 13px;
    }
}



    /*apropos de nous mobile*/
    @media (max-width: 768px) {
        .about-one__right .section-title__title {
          font-size: 22px;
        }
      
        .about-one__right .section-title__tagline {
          font-size: 14px;
        }
      
        .about-one__text {
          font-size: 14px;
          line-height: 1.4;
        }
      
        .about-one__points h4 {
          font-size: 16px;
        }
      
        .about-one__points p {
          font-size: 12px;

            line-height: 18px;

        }
      
        .about-one__btn {
          padding: 10px 20px;
          font-size: 14px;
        }
      
        .about-one__call-number {
          font-size: 16px;
        }
      
        .about-one__call-sub-title {
          font-size: 12px;
        }
      
        .about-one__img-box img {
          width: 100%;
          height: auto;
        }
      }

      
      /* nos services */
      @media (max-width: 768px) {
        .three-points__wrap {
          padding: 20px;
        }
      
        .three-points__list {
          display: block;
          text-align: center;
        }
      
        .three-points__list li {
          margin-bottom: 20px;
        }
      
        .three-points__icon {
          font-size: 30px;
          margin-bottom: 10px;
        }
      
        .three-points__title {
          font-size: 22px;
        }
      
        .three-points__text {
          font-size: 13px;
          line-height: 1.5;
        }
      
        .three-points__shape-1 {
          display: none;
        }
      }

      /*nos services*/
      @media (max-width: 768px) {
        .services-three__top .row {
          display: block;
          text-align: center;
        }
      
        .services-three__left, .services-three__right {
          margin-bottom: 20px;
        }
      
        .services-three__title {
          font-size: 20px;
          line-height: 1.3;
        }
      
        .services-three__text {
          font-size: 14px;
          line-height: 1.5;
        }
      
        .services-three__bottom .row {
          display: block;
          text-align: center;
        }
      
        .services-three__single {
          margin-bottom: 20px;
        }
      
        .services-three__icon {
          font-size: 40px;
          margin-bottom: 15px;
        }
      
        .services-three__title a {
          font-size: 16px;
        }
      
        .services-three__text {
          font-size: 13px;
          line-height: 1.5;
        }
      
        .services-three__btn-box {
          text-align: center;
        }
      
        .services-three__btn {
          font-size: 16px;
          padding: 12px 25px;
        }
      
        .services-three__shape-1 {
          display: none;
        }
      }

    /* prices */
    @media (max-width: 768px) {
        .services-two__inner {
          text-align: center;
        }
      
        .services-two__shape-1 {
          display: none;
        }
      
        .services-two__title {
          font-size: 22px;
          margin-bottom: 20px;
        }
      
        .services-two__list {
          padding-left: 0;
        }
      
        .services-two__services-name h3 {
          font-size: 16px;
          margin-bottom: 5px;
        }
      
        .services-two__services-name p {
          font-size: 11px;
          margin-bottom: 10px;
        }
      
        .services-two__services-price h4 {
          font-size: 18px;
        }
      
        .services-two__single {
          margin-bottom: 20px;
        }
      
        .services-two__btn-box {
          text-align: center;
          margin-top: 20px;
        }
      
        .services-two__btn {
          font-size: 16px;
          padding: 12px 25px;
        }
      
        .row {
          display: block;
        }
        
        .col-xl-6 {
          width: 100%;
          margin-bottom: 20px;
        }
      }


    /*rdv */
    @media (max-width: 768px) {
        .process-one__text {

            line-height: 1.4;
    margin-bottom: 70px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 16px;
        }
    }

    /*contacter nous */
    @media (max-width: 768px) {

        .contact-one {
            position: relative;
            display: block;
            padding: 120px 0 2px;
            overflow: hidden;
            z-index: 1;
        }

        .section-title__tagline {
            font-size: 13px;
        }

        .section-title__title {
            font-size: 24px;
            line-height: 30px;
            margin-right: 20px;
        }

        .contact-one__text {
            line-height: 1.4;
            font-size: 15px;
            margin-right: 10px;

        }


        .timingOpen{
            margin-right: 70px !important;
        }
    }
































/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .welcome-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .welcome-one__right {
        max-width: 600px;
        margin: 120px auto 0;
    }

    .welcome-one {
        padding: 190px 0 120px;
    }

    .services-one__single-inner {
        padding: 60px 30px 56px;
    }

    .video-one__right {
        margin-left: 0;
    }

    .counter-one__single::before {
        right: 88px;
    }

    .counter-one__single-2::before {
        display: none;
    }

    .testimonial-one__right {
        margin-left: 0;
    }

    .testimonial-one__left .section-title__title {
        font-size: 40px;
    }

    .blog-one__content {
        padding: 31px 15px 29px;
    }

    .footer-widget__links {
        margin-left: 0;
    }

    .footer-widget__timing {
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
    }

    .footer-widget__social-box {
        text-align: left;
        margin-top: 40px;
    }

    .site-footer__social {
        justify-content: flex-start;
    }

    .about-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .about-one__right {
        max-width: 600px;
        margin: 50px auto 0;
    }

    .feature-one__single-two {
        padding: 35px 30px 26px;
    }

    .why-choose-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .why-choose-one__left-title h2 {
        font-size: 90px;
    }

    .why-choose-one__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .why-choose-one {
        padding: 120px 0 120px;
    }

    .team-one__content {
        padding: 327px 0 28px;
        margin-top: -300px;
    }

    .cta-one__img {
        display: none;
    }

    .cta-one__left {
        margin-left: 0;
        text-align: center;
    }

    .cta-one__right {
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }

    .cta-one {
        padding: 98px 0 100px;
    }

    .opening-hour__inner {
        flex-direction: column;
    }

    .opening-hour__left {
        margin-bottom: 40px;
    }

    .our-intro__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .our-intro__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .services-three__right {
        margin-left: 0;
    }

    .services-three__left .section-title__title {
        font-size: 42px;
    }

    .promotions-one__discount {
        right: 80px;
    }

    .three-points__inner {
        padding: 54px 20px 40px;
    }

    .three-points__list li {
        max-width: 290px;
    }

    .three-points__list li+li {
        margin-left: 10px;
    }

    .contact-one__right {
        margin-left: 0;
    }

    .contact-one__content {
        padding: 60px 30px 60px;
    }

    .client-issues {
        padding: 120px 0 113px;
    }

    .treatment-result {
        padding: 120px 0 111px;
    }

    .pricing-plan__top {
        padding: 50px 20px 30px;
    }

    .pricing-plan__bottom {
        padding: 40px 20px 60px;
    }

    .spa-special__left {
        max-width: 600px;
        margin: 0 auto 60px;
    }

    .spa-special__right {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .offer-one__content {
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        padding: 33px 20px 30px;
    }

    .services-details-one__benefits {
        padding-top: 104px;
    }

    .process-three {
        padding-top: 110px;
    }













}



























/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .welcome-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .welcome-one__right {
        max-width: 600px;
        margin: 120px auto 0;
    }

    .welcome-one {
        padding: 190px 0 120px;
    }

    .video-one__right {
        margin-left: 0;
        margin-top: 52px;
    }

    .video-one {
        padding: 120px 0 115px;
    }

    .counter-one__single::before {
        right: 32px;
    }

    .counter-one__single-2::before {
        display: none;
    }

    .process-one__shape-1 {
        display: none;
    }

    .testimonial-one__right {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 41px;
    }

    .testimonial-one__left .section-title {
        margin-bottom: 33px;
    }

    .testimonial-one__single {
        padding: 60px 30px 60px;
    }

    .footer-widget__links {
        margin-left: 0;
    }

    .footer-widget__timing {
        margin-left: 0;
        margin-right: 0;
        margin-top: 40px;
    }

    .footer-widget__social-box {
        text-align: left;
        margin-top: 40px;
    }

    .site-footer__social {
        justify-content: flex-start;
    }

    .about-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .about-one__right {
        max-width: 600px;
        margin: 50px auto 0;
    }

    .why-choose-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .why-choose-one__left-title h2 {
        font-size: 90px;
    }

    .why-choose-one__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .why-choose-one {
        padding: 120px 0 120px;
    }

    .testimonial-two__shape-1 {
        display: none;
    }

    .cta-one__img {
        display: none;
    }

    .cta-one__left {
        margin-left: 0;
        text-align: center;
    }

    .cta-one__right {
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }

    .cta-one {
        padding: 98px 0 100px;
    }

    .opening-hour__inner {
        flex-direction: column;
        padding: 56px 40px 59px;
    }

    .opening-hour__left {
        margin-bottom: 40px;
    }

    .our-intro__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .our-intro__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .services-three__right {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .services-three__left .section-title {
        margin-bottom: 33px;
    }

    .three-points__list li+li {
        margin-left: auto;
    }

    .three-points__list li {
        margin-right: auto;
        margin-left: auto;
    }

    .contact-one__right {
        margin-left: 0;
        margin-top: 40px;
    }

    .client-stories__inner {
        padding: 74px 14px 53px;
    }

    .client-stories__name {
        font-size: 20px;
    }

    .client-issues {
        padding: 120px 0 113px;
    }

    .client-issues__right {
        margin-top: 60px;
    }

    .treatment-result__left {
        margin-bottom: 50px;
    }

    .contact-page__left {
        margin-bottom: 50px;
    }

    .spa-special__left {
        max-width: 600px;
        margin: 0 auto 60px;
    }

    .spa-special__right {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .spa-special__offer {
        left: 0;
    }

    .offer-one__content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .process-three {
        padding-top: 110px;
    }

    .services-details-one__massages-left {
        margin-bottom: 40px;
    }

    .services-details-one__benefits-right {
        margin-top: 40px;
    }

    .services-details-two__right {
        margin-top: 60px;
    }

    .product__sidebar {
        margin-bottom: 60px;
    }

    .product-details__top {
        margin-top: 52px;
    }

}



@media screen and (max-width: 1024px) {
    .mapsection{
        display: none;
    }
}

























/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .section-title__title {
        font-size: 30px;
        line-height: 40px;
    }

    .section-title__title br {
        display: none;
    }

    .welcome-one__left {
        margin-right: 0;
    }

    .welcome-one__right {
        margin-left: 0;
        margin-top: 120px;
    }

    .welcome-one__points {
        flex-direction: column;
        align-items: baseline;
    }

    .welcome-one__points li+li {
        margin-left: 0;
        margin-top: 30px;
    }

    .welcome-one {
        padding: 190px 0 120px;
    }

    .services-one__single-inner {
        padding: 60px 30px 56px;
    }

    .video-one__right {
        margin-left: 0;
        margin-top: 52px;
        flex-direction: column;
        align-items: baseline;
    }

    .video-one__points-2 {
        margin-left: 0;
        margin-top: 10px;
    }

    .video-one {
        padding: 120px 0 115px;
    }

    .counter-one__single::before {
        display: none;
    }

    .counter-one__single {
        justify-content: center;
    }

    .process-one__shape-1 {
        display: none;
    }

    .testimonial-one__right {
        margin-top: 0;
        margin-left: 0;
        margin-bottom: 41px;
    }

    .testimonial-one__left .section-title {
        margin-bottom: 33px;
    }

    .testimonial-one__single {
        padding: 60px 30px 60px;
    }

    .spa-center__title br {
        display: none;
    }

    .google-map__opening-hours {
        top: 20px;
        left: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog-one__content {
        padding: 31px 15px 29px;
    }

    .footer-widget__links {
        margin-left: 0;
        margin-top: 50px;
        margin-bottom: 40px;
    }

    .footer-widget__timing {
        margin-left: 0;
        margin-right: 0;
    }

    .footer-widget__social-box {
        text-align: left;
        margin-top: 41px;
    }

    .site-footer__social {
        justify-content: flex-start;
    }

    .site-footer__bottom-inner {
        flex-direction: column;
    }

    .about-one__left {
        margin-right: 0;
    }

    .about-one__img-2 {
        display: none;
    }

    .about-one__right {
        margin-left: 0;
        margin-top: 50px;
    }

    .about-one__btn-call-box {
        flex-direction: column;
        align-items: baseline;
    }

    .about-one__call-box {
        margin-left: 0;
        margin-top: 20px;
    }

    .feature-one__single-two {
        padding: 55px 30px 46px;
    }

    .why-choose-one__left {
        margin-left: 0;
        margin-right: 0;
    }

    .why-choose-one__left-title {
        display: none;
    }

    .why-choose-one__right {
        margin-top: 60px;
    }

    .why-choose-one {
        padding: 120px 0 120px;
    }

    .team-one__content {
        padding: 327px 0 28px;
        margin-top: -300px;
    }

    .testimonial-two__shape-1 {
        display: none;
    }

    .testimonial-two__text {
        font-size: 25px;
        line-height: 40px;
        padding-bottom: 40px;
    }

    #testimonial-two__thumb {
        position: relative;
        top: 0;
        margin-bottom: 60px;
    }

    .cta-one__img {
        display: none;
    }

    .cta-one__left {
        margin-left: 0;
        text-align: center;
    }

    .cta-one__right {
        margin-left: 0;
        margin-top: 0;
        text-align: center;
    }

    .cta-one .section-title__title {
        font-size: 30px;
        line-height: 40px;
    }

    .cta-one {
        padding: 98px 0 100px;
    }

    .opening-hour__inner {
        flex-direction: column;
        padding: 56px 20px 59px;
    }

    .opening-hour__left {
        margin-bottom: 40px;
    }

    .opening-hour__single {
        flex-direction: column;
        align-items: baseline;
        text-align: center;
    }

    .opening-hour__single li+li {
        padding-left: 0;
        margin-left: 0;
        margin-top: 20px;
    }

    .opening-hour__single li::before {
        display: none;
    }

    .our-intro__left {
        margin-right: 0;
    }

    .our-intro__right {
        margin-top: 60px;
    }

    .our-intro__points-and-spa-center {
        flex-direction: column;
        align-items: baseline;
    }

    .our-intro__person-name h3 {
        font-size: 45px;
    }

    .services-three__right {
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 40px;
    }

    .services-three__left .section-title {
        margin-bottom: 33px;
    }

    .services-three__single {
        padding: 49px 30px 44px;
    }

    .promotions-one__discount {
        display: none;
    }

    .testimonial-three__client-info {
        margin-left: 0;
        flex-direction: column;
    }

    .testimonial-three__client-content {
        margin-left: 0;
        margin-top: 50px;
    }

    .testimonial-three__client-text {
        font-size: 25px;
        line-height: 40px;
    }

    #testimonial-three__thumb {
        position: relative;
        bottom: 0;
        margin-left: 0;
        margin-bottom: 50px;
    }

    .three-points__list li+li {
        margin-left: auto;
    }

    .three-points__list li {
        margin-right: auto;
        margin-left: auto;
    }

    .three-points__inner {
        padding: 54px 15px 40px;
    }

    .contact-one__img-and-counter {
        flex-direction: column;
        align-items: baseline;
    }

    .contact-one__counter {
        top: 0;
        margin-left: 0;
        margin-top: 30px;
    }

    .contact-one__right {
        margin-left: 0;
        margin-top: 20px;
    }

    .contact-one__content {
        padding: 60px 20px 60px;
    }

    .client-stories__inner {
        padding: 74px 15px 53px;
    }

    .client-stories__name-and-date {
        flex-direction: column;
        align-items: baseline;
    }

    .client-stories__name {
        margin-bottom: 15px;
    }

    .client-issues {
        padding: 120px 0 113px;
    }

    .client-issues__right {
        margin-top: 60px;
    }

    .treatment-result__left {
        margin-bottom: 50px;
    }

    .contact-page__left {
        margin-bottom: 50px;
    }

    .get-free__inner {
        margin-left: 0;
    }

    .get-free__title br {
        display: none;
    }

    .pricing-plan__top {
        padding: 50px 20px 30px;
    }

    .pricing-plan__bottom {
        padding: 40px 20px 60px;
    }

    .spa-special__left {
        margin-right: 0;
        margin-top: 0;
    }

    .spa-special__right {
        margin-left: 0;
        margin-top: 60px;
    }

    .spa-special__offer {
        display: none;
    }

    .offer-one__content {
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        padding: 33px 20px 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .process-three {
        padding-top: 110px;
    }

    .services-details-one__massages-left {
        margin-bottom: 40px;
    }

    .services-details-one__benefits-right {
        margin-top: 40px;
    }

    .services-details-two__right {
        margin-top: 60px;
    }

    .services-details-two__category-list li a {
        padding: 15px 80px 15px;
        padding-right: 20px;
    }

    .product__sidebar {
        margin-bottom: 60px;
    }

    .product__showing-result {
        flex-direction: column;
    }

    .product__showing-text-box {
        margin-bottom: 15px;
    }

    .product-details__top {
        margin-top: 52px;
    }

    .product-details__buttons {
        flex-direction: column;
        align-items: baseline;
    }

    .product-details__buttons-2 {
        margin-left: 0;
        margin-top: 10px;
    }

    .product-details__social {
        flex-direction: column;
        align-items: baseline;
    }

    .product-details__social-link {
        margin-left: 0;
        margin-top: 15px;
    }

    .comments-area .comment {
        flex-direction: column;
        align-items: baseline;
    }

    .review-one__content {
        padding-left: 0;
        margin-top: 20px;
    }

    .review-one__content-top {
        flex-direction: column;
        align-items: baseline;
    }





}
















@media only screen and (min-width: 1300px) and (max-width: 1500px) {}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {}

@media only screen and (min-width: 1200px) and (max-width: 1320px) {}

@media only screen and (min-width: 1200px) and (max-width: 1560px) {}






/*--------------------------------------------------------------
# Slider All Responsice Css
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-slider-two #main-slider-pagination {
        max-width: 960px;
    }
}






@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-two #main-slider-pagination {
        max-width: 720px;
    }

    .main-slider-two__title {
        font-size: 50px;
    }

    .main-slider-three__title {
        font-size: 100px;
        line-height: 100px;
    }
}



@media only screen and (max-width: 767px) {
    .main-slider__title {
        font-size: 55px;
        line-height: 55px;
    }

    .main-slider-two #main-slider-pagination {
        max-width: 540px;
    }

    .main-slider-two__title {
        font-size: 40px;
        line-height: 50px;
    }

    .main-slider-two__title br {
        display: none;
    }

    .main-slider-three__title {
        font-size: 44px;
        line-height: 44px;
    }

    .main-slider-three__sub-title {
        font-size: 18px;
    }
}





@media only screen and (min-width: 1200px) and (max-width: 1450px) {}

@media only screen and (min-width: 1200px) and (max-width: 1750px) {}






/*--------------------------------------------------------------
# Main Menu All Responsice Css
--------------------------------------------------------------*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }

    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header__top {
        display: none;
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }


    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }
}

@media screen and (min-width: 768px) {
  .langbtnFone {
    display: none !important;
  }
}



@media (max-width: 767px) {
    .main-header__top {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu__right {
        display: none;
    }

    .main-menu .mobile-nav__toggler {
        padding: 35px 0;
    }



    .main-menu-two__wrapper-inner {
        padding: 0 20px 0;
    }

    .main-menu-two__right {
        display: none;
    }

    .main-menu-two .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }



    .main-menu-three .mobile-nav__toggler:hover {
        color: var(--mellis-white);
    }

    .main-menu-three .mobile-nav__toggler {
        padding: 22px 0;
    }









}







@media only screen and (min-width: 1200px) and (max-width: 1449px) {}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {}

@media only screen and (min-width: 1300px) and (max-width: 1499px) {}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {}