/* @media only screen and (max-width: 2300px) {
  .rectangle1 {
    width: 200%;
  }
} */

@media only screen and (max-width: 1600px) {
  .rectangle1 {
    width: 100%;
    clip-path: polygon(50% 0%, 100% 0, 100% 100%, 4% 99%, 0 0);
  }

  .overfloww{
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
   }
}

@media only screen and (max-width: 1400px) {
  section.banner .banner_content h1 {
    font-size: 45px;
  }

  .nav-items {
    gap: 50px;
  }

  .top-header {
    width: 834px;
  }

  section.services .nav-pills .nav-link{
    width : 20rem;
  }

  .btn-container {
    position: absolute;
    top: 0;
    left: 295px;
}
}

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

  /* Banner */
  section.banner .banner_content h1 {
    font-size: 35px;
  }

  .btn2 {
    padding: 8px 20px;
    font-size: 14px;
  }

  .nav-items {
    gap: 30px;
  }

  .nav-total {
    gap: 30px;
  }

  .top-header {
    width: 750px
  }
  .rectangle1 {
    left: 136px;
}

.btn-container{
  display: none;
}

.overfloww{
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
 }

}

@media only screen and (max-width: 1025px) {
  .top-header {
    width: 660px;
  }

}

@media only screen and (max-width: 992px) {
  section.banner .banner_content h1 {
    font-size: 35px;
  }

  section.banner img {
    height: 65vh;
    object-fit: cover;
    object-position: 10%;
  }

  section.banner .banner_content p {
    width: 80%;
  }

  .navmenu {
    display: none;
  }

  .menu {
    display: block;
  }

  .top-header,
  .rectangle1 {
    display: none;
  }

  .owl-nav button.owl-prev {
    left: 0px;
  }

  .owl-nav button.owl-next {
    right: 0px;
  }

  section.why-choose img {
    height: 470px;
    object-fit: cover;
    object-position: 0%;
  }

  .fixed-top .nav-total{
    margin-top: unset !important;
  }
  .fixed-top .img{
    width: 145px !important;
  }

  section.services .nav-pills .nav-link span{
    display: none;
  }

  section.services .nav-pills .nav-link {
    width: max-content;
}
.overfloww{
  height: 450px;
  overflow-y: auto;
 }
 .otherbanner{
  margin-top: 0px !important;
 }


}


@media only screen and (max-width: 768px) {

  /* Banner */
  section.banner .banner_content {
    width: 80%;
  }

  section.banner .banner_content p {
    width: 100%;
  }


  section.banner .banner_content h1 {
    width: 350px;
  }

  section.banner img {
    height: 65vh;
    object-fit: cover;
  }

  #testimonial .quote img {
    width: 20px;
  }

  #testimonial .quote .left {
    position: absolute;
    top: -10px;
    left: -10px;
  }

  section.blogs .owl-carousel.owl-drag .owl-item {
    margin-right: 10px !important;
  }

  .border-d {
    padding-bottom: 10px;
    border-bottom: 1px solid #2222225d
  }


 .overfloww{
  height: 450px;
  overflow-y: auto;
 }


}



@media only screen and (max-width: 600px) {
  p {
    font-size: 14px;
    line-height: 26px;
  }

  .download-div {
    position: fixed;
    top: unset;
    bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    writing-mode: initial;
    transform: rotate(0) translateY(0);

  }

  .download-div a{
    width: 100%;
    padding: 10px 0 !important;
    font-size: 14px;
    text-align: center;
    color: #222222;
    background-color: #EFEAE8;
    border-radius: 0;
  }

  section.banner .banner_content {
    filter: drop-shadow(2px 2px 5px #333);
  }

  section.banner .banner_content p {
    font-size: 13px;
    line-height: 22px !important;
  }

  .btn2 {
    font-size: 13px;
    padding: 6px 15px;
    font-size: 14px;
  }

  .common {
    padding: 6px 15px !important;
    font-size: 14px !important;
  }

  section.banner .banner_content {
    left: 0%;
  }

  .btn1 {
    padding: 6px 22px;
  }

  #detail .product-images .main-img-slider img {
    height: 234px;
  }

  #detail .product-images .thumb-nav li img {
    height: 75px;
  }

  #detail .product-images .thumb-nav {
    padding: 9px 0px;
  }

  body {
    overflow-x: hidden !important;
  }

  section.room-details .amen {
    flex-direction: column;
  }
 
  .overfloww{
    height: 500px;
    overflow-y: auto;
   }

   .caption-s h4{
    text-align: right;
    padding-left: 30px;
  }
  .caption-s h6{
    text-align: right;
    padding-left: 30px;
  }
}


@media only screen and (max-width:490px) {

  .font-recoz {
    font-size: 16px;
  }

  .deg-name {
    width: 120px;
  }

  .overfloww{
    height: 470px;
    overflow-y: auto;
   }


}


@media only screen and (max-width:390px) {


  .overfloww{
    height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
   }

   .facili img{
    height: 360px;
    object-fit: cover;
  }

  }