@media (max-width: 767.99px) {
  .swiper-button-prev {
left: 10%;
right: auto;
top: 30% !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: 10%;
left: auto;
top: 30% !important;
}
}


@media screen and (min-width: 320px) and (max-width: 575px) {
.owl-carousel .nav-btn {
    top: auto;
}

  .owl-carousel .prev-slide {
    left: 35%;
  }

  .owl-carousel .next-slide {
    right: 40%;
  }
        .section-mg {
    margin: 20px 0px;
}
    .price-mdc {
     font-size: 16px;
    }
    .feedback-title {
        font-size: 20px;
    }
    .detail-page {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
    }

    .mdc-blog-img-room .main-image {
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }
    .mdc-main-form label {
        font-size: 13px;
    }
    .addClassroom_images {
        width: 3%;
    }
    .rate {
        font-size: 12px;}

        /* .mdc-blog-img img {
            height: 100%;
        } */
        .owl-theme-new img {
            height: 90px;
        }
        .mdc-room-row .width-30 {
      width: 40%;

 }
 .btn-book-now {

    padding: 5px 10px;
    font-size: small;
}
.btn-show-more, .btn-show-less {
     padding: 5px 10px;
    font-size: small;
}
}
@media screen and (min-width: 575px) and (max-width: 767.98px) {
    .owl-carousel .nav-btn {
    top: auto;
}
     .owl-carousel .prev-slide {
    left: 39%;
  }

  .owl-carousel .next-slide {
    right: 39%;
  }
    .price-mdc {
        font-size: 15px;
       }
       .mdc-blog-img-room .main-image {
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }
    .owl-theme-new img {
        height: 90px;
    }
    .addClassroom_images img {
        display: none;
      }
      .addClassroom_images {
        width: 3%;
    }
    .rate {
        font-size: 13px;
    }
    /* .mdc-blog-img img {
        height: 100%;
    } */
    .mdc-main-form label {
        font-size: 14px;
    }
    .owl-theme-new img {
        height: 95px;
    }
     .btn-book-now {

    padding: 5px 10px;
    font-size: small;
}
.btn-show-more, .btn-show-less {
     padding: 5px 10px;
    font-size: small;
}
 }
@media screen and (min-width: 768px) and (max-width: 992px) {
    .owl-carousel .nav-btn {
    top: auto;
}
     .owl-carousel .prev-slide {
    left: 42%;
  }

  .owl-carousel .next-slide {
    right: 42%;
  }
    .price-mdc {
        font-size: 15px;
       }
       .addClassroom_images img {
        display: none;
      }
      .addClassroom_images {
        width: 3%;
    }
    .rate {
        font-size: 13px;
    }
    /* .mdc-blog-img img {
        height: 250px;
    } */
    .mdc-main-form label {
        font-size: 14px;
    }
    .btn-book-now {

    padding: 5px 10px;
    font-size: small;
}
.btn-show-more, .btn-show-less {
     padding: 5px 10px;
    font-size: small;
}
.mdc-blog-img-room .main-image {
    height: 360px;
}
}
@media screen and (min-width: 993px) and (max-width: 1023px) {
    .price-mdc {
        font-size: 15px;
       }
       .btn-book-now {

    padding: 5px 10px;
    font-size: small;
}
.btn-show-more, .btn-show-less {
     padding: 5px 10px;
    font-size: small;
}
}
@media screen and (min-width: 1023px) and (max-width: 1100px) {
    .price-mdc {
        font-size: 15px;
       }
       .btn-book-now {

    padding: 5px 10px;
    font-size: small;
}
.mdc-room-row .width-30 {
    width: 31%;
    text-align: right;
}
.btn-show-more, .btn-show-less {
     padding: 5px 10px;
    font-size: small;
}
.owl-theme-new img {

    height: 75px;
 }
}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
    .mdc-room-row .width-30 {
    width: 31%;
    text-align: right;
}
.price-mdc {
    font-size: 15px
}
}
@media screen and (min-width: 1201px) and (max-width: 1440px) { }
@media screen and (min-width: 1441px) and (max-width: 1600px) { }
@media screen and (min-width: 1601px) and (max-width: 1919.98px) { }
@media screen and (min-width: 1920px) and (max-width: 2300px) { }
@media screen and (min-width: 2301px) and (max-width: 2560px) {
    .mdc-subpage-title {
        font-size: 20px;
    }
    .mdc-photos {
        font-size: 18px;
    }
 }