@media only screen and (max-width: 767px) {
  article.aheto-cpt-article.aheto-cpt-article--grid.aheto-cpt-article--static.aheto-cpt-article--skin-1.filter-blog {
    margin-bottom: 40px;
  }

  #testimonial .item p {

    text-align: justify;
  }

  h2.logo-one {
    color: white;
    font-size: 25px;
}

h2.logo-two {
  font-size: 25px;
}

  .main_text p {
    padding: 0;
  }

  .main_icon {

    margin-top: 120px;
  }

  #navbar {

    padding: 8px 10px;

  }

  footer {
    padding: 35px 0 40px 0;
}

  ul.client {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    gap: 25px;
  }

  ul.client li {
    list-style: none;
    margin-bottom: 40px;
  }

  .main_three-h {
    text-align: justify;
    padding: 0px 0px;
  }

  ul.main_icon_fist {
    display: flex;
    gap: 18px;
    padding-left: 0px;

  }

  .uk-position-center-left {
    left: -170px !important;
  }

  .uk-heading-bullet {
    position: relative !important;
    left: -105px !important;
  }

  .main_box {
    margin-left: 25px;
  }

  .main_box {
    margin-left: 2px;
    margin-top: 171px;
  }

  div#careless {
    margin-top: 517px;
  }

  .seven {

    padding: 20px 0 20px;

  }

  button[type="submit"] {

    margin-left: 7px;
  }

  .main_two_about {
    margin-bottom: 40px;
  }

  .main_bg p {
    padding: 16px 55px;
    font-weight: 60;
  }

  .main_box-pix {

    margin-left: 30px;
    width: 83%;
    margin-top: 64px;
  }

  .main_bigg.box p {
    padding: 0% 10% 0% 10%;

  }

  p.aheto-heading__d {

    padding: 0px 30px;
  }

  .main_box-img {
    margin-top: 30px;
  }

  .box_img {
    margin-top: 20px;
  }

  section.slider {
    margin-top: 64px;
  }

  button.navbar-toggler {
    position: relative;
    margin-top: 0px;
  }

  .spa {
    gap: 30px;
    flex-wrap: wrap;
  }

  .swiper-slide-overlay {
    margin-top: -390px;
  }

  .video-description {
    left: 0px;
  }

  .video-description h1 {
    font-size: 35px;
  }

  .play-button {

    width: 60px;
    height: 60px;

  }

  .play-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 28px solid #a87e72;
  }

  .video-description {
    top: 60%;

  }

  .carousel-control-next,
  .carousel-control-prev {
    height: 245px;
  }
  .carousel {
    position: relative;
    top: 75px;
}

 .carousel-item img {
    height: 310px;
}

  section.massage-info::after {
    content: '';
    background-image: url(../images/rela-2.png);
    width: 100%;
    position: absolute;
    height: 553px;
    top: -235px;
    background-repeat: no-repeat;
    background-size: 287px;
    z-index: -4;
    right: 0px;
    left: -21px;
  }

  section.massage-info::before {
    content: "";
    background-image: url("../images/rela-3.png");
    width: 100%;
    position: absolute;
    height: 400px;
    background-repeat: no-repeat;
    background-size: 438px;
    z-index: -4;
    left: 0px;
    bottom: 0;
    top: 300px;
  }

  .let {
    margin-bottom: 30px;
  }

  .main_three {
    margin-bottom: 30px;
  }

  .main_thre {
    margin-bottom: 30px;
  }

  .main_thr {
    margin-bottom: 30px;
  }

  .main_new_four {
    margin-bottom: 50px;
  }

  h2.home {
    font-size: 21px;
  }

  h2.respite {
    font-size: 28px;
  }

  li.nav-item a {
    font-size: 18px;
    color: #000;
    font-weight: 500;
  }

  .massage-info-box {
    margin-bottom: 20px;
  }

  .about_one {
    margin-top: 50px !important;
}

  .main_pic {
    margin-top: 110px;
  }


  .main_box {
    padding: 0px 17px;
}

  section.h--timeline.js-h--timeline.h--timeline--loaded {
    padding: 16px 0 0;
}

  .about_one {
    background-image: url(../images/our-spa_bg.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    overflow: hidden;
    margin-top: -82px;
}
  h1.aheto-heading__ti {
    font-size: 49px;
    padding-top: 30px;
}
  .main_bg {
    margin-top: 120px;
  }

  section.servies_three {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 110px;
}
  .main_bg p {
    padding: 16px 20px;
    font-weight: 500;
  }

  .blog_one {
    height: 240px;
    margin-top: 61px;
}

  .servies-one {

    height: auto;
    margin-top: 0;

  }

  .contact_one {
    height: auto;
    margin-top: 70px;
}
  .widget_one {
    display: block;
    margin-top: 5px;
  }

  h2.aheto-heading__title {
    font-size: 25px;
  }


  form.quote-form {
    box-shadow: 0px 0px 10px 3px #aeacac;
    padding: 10px;

  }

  .blog-right-form {
    margin-bottom: 30px;
  }

  nav.navbar.navbar-expand-lg {
    background-color: #ffffff;
  }

  section.blog_two {

    padding: 40px 0px 0;

  }

  h1.aheto-heading__title {
    font-size: 35px;
  }

  .h--timeline-line {
    width: 880px !important;
  }

  .video-img video {
    width: 100%;
  }

  .membership-card {

    margin-bottom: 30px;
  }

  .Branch {
    margin-bottom: 30px;
}

}

@media only screen and (max-width:1024px) and (min-width:769px) {



  .carousel-caption::after {
    content: '';
    background-image: url(../images/huge_banner_logo.webp);
    width: 100%;
    position: absolute;
    height: 600px;
    top: -190px;
    background-repeat: no-repeat;
    z-index: 65;
    background-size: 530px;
    left: 0;
    right: 0;
  }

  .massage-info-box {
    display: block;
    text-align: center;
  }

  .massage-info-img {

    margin: 0 auto 20px;

  }

  section.massage-info .container {
    max-width: 850px;
  }

  section.video .container {
    max-width: 850px;
  }

  h2.respite {
    font-size: 40px;
    margin-bottom: 25px;
  }

  .main_text p {
    font-size: 15px;
    padding: 0px 100px 0px 100px;
  }

  section.two .container {
    max-width: 850px;
  }

  section.three .container {
    max-width: 850px;
  }

  section.four .container {
    max-width: 850px;
  }

  .content {

    width: 100%;

    bottom: 0px;
  }

  .main_new_four {
    margin-bottom: 25px;
  }

  img.content-image {
    width: 200px;
    height: 200px;
  }

  .content .content-overlay {
    width: 200px;
    left: 0px;
  }

  .under_text {
    position: relative;
    bottom: 0;
  }

  .main_icon {
    height: 480px;
  }

  ul.client {
    gap: 70px;
  }

  footer .container {
    max-width: 910px;
  }

  footer {
    padding: 85px 15px 0px;
  }

  .about_one {
    background-image: url(/images/our-spa_bg.jpg);
    background-repeat: no-repeat;
    height: 586px;
    background-position: bottom;
    background-size: cover;
    overflow: hidden;
    margin-top: -82px;
  }

  .main_two_about {
    text-align: center;
    background-color: transparent;
  }

  .main_two_about img {
    width: 100%;
    height: 200px;
    padding: 15px 0;
  }

  h5.aheto-heading__title {
    font-size: 18px;
    font-weight: 500;
  }

  section.about_two {
    padding-bottom: 45px;
  }

  .main_three-h h3 {
    font-size: 29px;

  }

  .social-links ul {
    gap: 20px;
  }

  .slid img {
    width: 100%;
    height: 320px;
  }

  .Skin_Care_container {
    height: 370px;
  }

  .fuul h2 {
    font-size: 18px;
  }

  .fuul p {
    font-size: 14px;
  }

  .main_bg p {
    padding: 16px 195px;
    font-weight: 500;
  }

  .widget_one {
    display: block;
    gap: 0px;
    margin-top: 40px;
  }

  section.contact_two .container {
    max-width: 810px;
  }

  .contact_one {

    height: auto;
    margin-top: 0;
  }

  li.nav-item a {
    font-size: 18px;
    color: #000;
    font-weight: 500;
  }

  .about_one {
    margin-top: 0px;
  }

  .servies-one {
    height: auto;
    margin-top: 0;
  }

  .blog_one {
    height: 240px;
    margin-top: 0px;
  }














}


@media only screen and (max-width:1199px) and (min-width:1025px) {

  img.content-image {
    width: 250px;
    height: 250px;
  }


  footer {
    padding: 85px 15px 0;
  }


  .main_two_about {
    text-align: center;
    background-color: transparent;
  }

  .main_two_about img {
    width: 100%;
    height: 250px;
    padding: 15px 0;
  }




















































































































}