@media only screen and (max-width: 1689px) {
  .booknow-modal .booknow-modal-inner img {
    height: 45px;
  }
}

@media only screen and (max-width: 1399px) {
  :root {
    --bigcontainer: 90%;
    --font-40: 36px;
    --font-34: 30px;
    --font-24: 22px;
    --font-22: 20px;
    --font-20: 18px;
    --font-18: 16px;
    --font-16: 14px;
  }

  .herophotos img {
    width: 100%;
  }
}

@media only screen and (max-width: 1199px) {
  .flexright {
    min-width: 176px;
    text-align: right;
  }

  .loopanimities ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 18px 20px;
  }

  .booknow-modal.modal .modal-dialog {
    min-width: 765px;
  }

  .booknow-modal .modal-body {
    padding: 60px 50px 35px 50px;
  }

  .booknow-modal .booknow-modal-inner>div {
    height: 160px;
  }

  .booknow-modal .booknow-modal-inner img {
    height: 40px;
    max-width: 220px;
  }
}

@media only screen and (max-width: 991px) {
  .outerfooter {
    padding: 60px 0 50px 0;
  }

  .animitiesouter,
  .faqs,
  .roomrates {
    padding: 60px 0;
  }

  .roominner {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }

  .flexicon {
    margin-bottom: 20px;
  }

  .flexroom {
    flex-direction: column;
    align-items: flex-start;
  }

  .flexright {
    min-width: auto;
    text-align: left;
    margin-top: 20px;
  }

  .flexright p {
    text-align: left;
  }

  .menutoogle {
    display: block;
  }

  .menuitems,
  .contactuscta .coman-cta {
    display: none;
  }

  .offcanvas-header .btn-close {
    opacity: 1;
    box-shadow: none;
    background: url(../images/cross.svg) no-repeat center center;
    background-size: 16px;
  }

  .offcanvas-header {
    border-bottom: 2px solid var(--dark-888);
  }

  .contactuscta .mobliectabook.coman-cta {
    display: block;
    margin-top: 20px;
  }

  .booking-form {
    flex-wrap: wrap;
  }

  .form-select {
    width: 100px;
  }

  .booknow-modal.modal .modal-dialog {
    min-width: calc(100% - 50px);
  }

  .booknow-modal .modal-body {
    padding: 50px 50px 25px 50px;
  }

  .booknow-modal .booknow-modal-inner img {
    height: 36px;
    max-width: 190px;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --font-40: 30px;
    --font-34: 24px;
    --font-24: 22px;
    --font-22: 20px;
    --font-20: 18px;
    --font-18: 16px;
    --font-16: 14px;
  }

  .animitiesouter,
  .faqs,
  .roomrates {
    padding: 40px 0;
  }

  .loopanimities ul {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
  }

  button.accordion-button {
    padding: 15px;
  }

  .accordion-body {
    padding: 0 15px 15px 15px;
  }

  .innecopyflex {
    grid-gap: 20px;
    flex-direction: column;
  }

  .titleitself h2 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
  }

  .titleitself h2 img {
    width: 220px;
  }

  .booknow-modal .modal-body {
    padding: 40px 15px 25px 15px;
  }

  .modal .modal-dialog {
    min-width: 100%;
    padding: 0;
    margin: 0;
  }
}

@media only screen and (max-width: 575px) {
  :root {
    --font-22: 18px;
  }

  .booknow-modal .modal-content {
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  .booknow-modal .booknow-modal-inner {
    grid-template-columns: auto;
    grid-gap: 20px;
  }

  .booknow-modal .booknow-modal-inner>div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--dark-888);
    padding-bottom: 20px;
  }

  .booknow-modal .booknow-modal-inner>div {
    height: auto;
    padding: 0 50px;
    width: fit-content;
    margin: 0 auto;
  }

  .booknow-modal .booknow-modal-inner img {
    height: 33px;
    max-width: 173px;
  }
}

@media only screen and (max-width: 480px) {
  :root {
    --font-40: 26px;
    --font-34: 22px;
    --font-24: 20px;
    --font-22: 18px;
    --font-20: 16px;
    --font-18: 16px;
    --font-16: 14px;
  }

  .roomimg img {
    width: 100%;
  }

  .locationinner iframe {
    height: 280px;
  }

  .maincontentcontact p {
    margin-bottom: 20px;
  }

  .bgcontact {
    height: 280px;
  }

  .innecopyflex p {
    max-width: 255px;
    text-align: center;
  }

  .formrowinner {
    padding: 20px;
  }
}

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

  .main-header .logo img,
  .logosec img {
    width: 150px;
  }

  .titlenew h2 {
    margin-bottom: 20px;
  }

  .titleitself h2 img {
    width: 160px;
  }

  .footeritems ul {
    grid-gap: 18px;
  }

  .booknow-modal .booknow-modal-inner>div {
    padding: 0 10px;
  }
}