@media screen and (max-width: 479px) and (min-width: 320px) {
    .navbar-nav {
      margin-left: 151px;
    }
    .navbar a {
      width: 114px;
    }
    .logo {
      margin-left: 0px;
      max-width: 100%;
    }
    .about-one {
      display: block;
    }
    .about-one p {
      font-size: 12px;
      padding-right: 0px;
    }
    .ab-one {
      display: block;
    }
    .ab {
      width: 25%;
      margin-left: 108px;
    }
    .ab2 p {
      padding: 26px;
    }
    .btn.btn-br {
      margin-left: 80px;
    }
    .amenities h2 {
      color: #2c547b;
      font-size: 25px;
    }
    .amenities-one {
      display: block;
      padding: 37px 0px;
    }
    .unbeatable h2 {
      /* color: #2c547b; */
      color: white;
      font-size: 22px;
    }
    .un {
      display: block;
    }
    .accordion {
      margin-top: 20px;
      margin-left: 0px;
    }
    .contact-one {
      display: block;
    }
    .iframe {
      width: 100%;
    }
    .btn {
      font-size: 14px;
      border-radius: 0px;
      padding: 9px 29px;
      margin-left: 28px;
      width: 86%;
    }
    .footer h5 {
      font-size: 8px;
    }
    p {
      color: white;
      font-size: 10px;
    }
    .footer h6 {
      text-align: center;
      color: white;
      font-size: 13px;
      margin-top: 14px;
    }
    .configuration h6 {
      border-bottom: 2px solid white;
      width: 65px;
      /* padding-bottom: 40px; */
      margin-bottom: 40px;
      margin-left: 125px;
    }
    .one {
      height: 25vh;
    }
    .two {
      height: 25vh;
    }
    .three {
      height: 25vh;
    }
    .about-one h2 {
      font-size: 30px;
    }
    .configuration h2 {
      font-size: 25px;
    }
    .gallery h2 {
      font-size: 25px;
    }
    .contact h2 {
      font-size: 25px;
    }
  }
  @media screen and (max-width: 479px) and (min-width: 425px) {
    .navbar-nav {
      margin-left: 280px;
    }
    .ab {
      width: 25%;
      margin-left: 150px;
    }
    .configuration h6 {
      border-bottom: 2px solid white;
      width: 65px;
      /* padding-bottom: 40px; */
      margin-bottom: 40px;
      margin-left: 175px;
      margin-top: 14px;
    }
    .btn.btn-br {
      margin-left: 127px;
    }
    .one {
      height: 30vh;
    }
    .two {
      height: 30vh;
    }
    .three {
      height: 30vh;
    }
  }
  @media screen and (max-width: 1023px) and (min-width: 768px) {
    .navbar-nav {
      margin-left: 600px;
    }
    .about-one p {
      font-size: 13px;
      letter-spacing: 0.5px;
      padding-right: 15px;
      color: black;
    }
    .ab-one p {
      font-size: 10px;
      text-align: center;
      padding: 9px 0px;
      color: black;
    }
    .ab {
      width: 30%;
      margin-left: 43px;
      margin-top: 23px;
    }
    .configuration h6 {
      border-bottom: 2px solid white;
      width: 65px;
      /* padding-bottom: 40px; */
      margin-bottom: 40px;
      margin-left: 325px;
    }
    .btn.btn-br {
      width: 164px;
      padding: 10px 15px;
      font-size: 13px;
      font-weight: 800;
      border-radius: 0px;
      margin-left: 282px;
    }
    .am-one p {
      font-size: 9px;
      text-align: center;
      font-weight: 500;
      letter-spacing: 0.6px;
      padding: 6px 0px;
      color: black;
    }
    .am {
      width: 40%;
      margin-left: 39px;
    }
    .btn {
      font-size: 15px;
      border-radius: 0px;
      padding: 14px 46px;
      margin-left: 26px;
      width: 89%;
      background-color: #e33838;
      font-weight: 600;
      letter-spacing: 0.6px;
      color: white;
    }
    .footer h5 {
      font-size: 12px;
    }
    .footer p {
      font-size: 11px;
    }
  }
  @media screen and (max-width: 1335px) and (min-width: 1024px) {
    .navbar-nav {
      margin-left: 15px;
    }
    .ab {
      width: 30%;
      margin-left: 56px;
      margin-top: 23px;
    }
    .btn.btn-br {
      margin-left: 401px;
    }
    .configuration h6 {
      margin-left: 448px;
    }
    .am {
      width: 40%;
      margin-left: 50px;
    }
    .ab-one p {
      font-size: 9px;
    }
  }
  @media screen and (max-width: 1439px) and (min-width: 1366px) {
    .ab {
      width: 30%;
      margin-left: 67px;
      margin-top: 23px;
    }
    .configuration h6 {
      margin-left: 537px;
    }
    .navbar-nav {
      margin-left: 376px;
    }
    .btn.btn-br {
      margin-left: 485px;
    }
  }
  @media screen and (max-width: 1910px) and (min-width: 1440px) {
    .navbar-nav {
      margin-left: 459px;
    }
  
    .ab-one p {
      font-size: 10px;
      text-align: center;
      padding: 9px 36px;
      color: black;
    }
    .btn.btn-br {
      margin-left: 581px;
    }
    .configuration h6 {
      margin-left: 623px;
    }
  }