@media screen and (min-width:1800px) {
   .container {
      max-width: 1500px;
   }
}

@media screen and (max-width:1700px) {
   .rest-banner {
      height: 400px;
      position: relative;
   }
}

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

   .logo img {
      width: 200px;
      padding-left: 3rem;
   }

   .navigation-container ul li a {
      font-size: 14px;
      padding: 4px 8px;
   }

   .dropdown-menu-dark li a {
      padding: 6px 16px !important;
      font-size: 13px;
   }

   .w-number {
      font-size: 14px;

   }

   .rest-banner {
      height: 340px;
      position: relative;
   }

   .banner-content {
      padding-left: 3rem;
   }

   .banner-content .welcome-text {
      font-size: 24px;
   }

   .banner-content .b-heading {
      font-size: 4rem;
   }

   .banner-content .b-content {
      /* padding-top: 1rem; */
      font-size: 14px;
   }


   .knowmore-btn {
      font-size: 14px;
      padding: 12px 1.5rem;
   }

   .ever-heard .ever-heard-s-heading {
      font-size: 24px;
   }

   .ever-heard .ever-heard-heading {
      font-size: 36px;
   }

   .ever-heard .ever-heard-content {
      font-size: 14px;
   }

   .service-content-headings {
      font-size: 36px;
      padding-bottom: 1rem;
   }

   .feature-card p {
      font-size: 14px;
   }

   .service-content p {
      font-size: 14px;
   }

   .feature-card {
      padding: 24px 1rem;
   }

   .view-more a {
      font-size: 14px;
   }

   .client-heading h1 {
      font-size: 36px;
   }

   .testimonial-text {
      color: var(--white-color);
      font-size: 14px;
   }

   /* .footer-section {
      margin-top: 5rem;
   } */

   .footer-logo img {
      width: 200px;
      height: 50px;
   }

   .footer-text {
      font-size: 14px;
   }

   .footer-title {
      font-size: 20px;
   }

   .footer-links {
      font-size: 14px;
      gap: 0.75rem;
   }

   .f-contact {
      font-size: 14px;
   }

   .copy p {
      font-size: 14px;
   }

   /* about page */
   .about-page .about-page-heading {
      font-size: 36px;
      padding-bottom: 1rem;
   }

   .about-page .about-page-content {
      font-size: 14px;
   }

   .our-hotel {
      font-size: 22px;
   }

   .faci-icon {
      font-size: 14px;
   }

   .aboutpage-bottom-content {
      font-size: 14px;
   }

   .family-run-box {
      padding: 1.5rem 1.25rem;
   }

   .family-run-box p {
      font-size: 1.75rem;
   }

   .buffet-menu-header {
      font-size: 1.35rem;
   }

   .buffet-menu-header i {
      font-size: 1.35rem;
   }

   .buffet-menu ul li {
      font-size: 14px;
   }

   .buffet-menu {
      padding: 1.75rem 1.25rem;
   }

   .buffet-menu-footer {
      padding: 1.75rem 1.25rem;
      margin-top: 3rem;
   }

   .buffet-menu-footer-icon {
      height: 40px;
      width: 40px;
   }

   .buffet-menu-footer-icon i {
      font-size: 1.35rem;
   }

   .buffet-menu-footer p {
      font-size: 1.35rem;
   }

   .extra-add-ons h6 {
      font-size: 1.25rem;
   }

   .extra-add-ons p {
      font-size: 15px;
   }

   .award-image {
      height: 450px;
   }

   .award-image img {
      height: 400px;
   }

   .ever-heard-img img {
      height: 450px;
   }

   .color-text {
      font-size: 16px;
   }

   .italic-big {
      font-size: 18px;
   }

   .underline-header h4 {
      font-size: 1.75rem;
   }

   .area-list-ul li {
      font-size: 15px;
   }

   .area-list-card {
      padding: 1.5rem 1.25rem;
   }


   .contact-page-social a {
      height: 42px;
      width: 42px;
   }

   .contact-page-social a img {
      width: 28px;
   }

   .banquet-img {
      height: 800px;
      gap: 20px;
   }

   .testi-swiper {
      padding-bottom: 3.5rem !important;
   }

   .navigation-container {
      padding: 1rem 4px;
   }

   .section-margin-top {
      margin-top: 5rem;
   }

   .section-margin-bottom {
      margin-bottom: 5rem;
   }

   .section-margin {
      margin: 5rem 0;
   }

   .section-padding-top {
      padding-top: 5rem;
   }

   .section-padding-bottom {
      padding-bottom: 5rem;
   }

   .section-padding {
      padding: 5rem 0;
   }

   .p-font {
      font-size: 15px !important;
   }

   .section-header h2 {
      font-size: 2.5rem;
   }

   .text-scroller {
      padding: 0.65rem 0;
   }

   .text-slider-card {
      font-size: 1.5rem;
      padding: 0 2rem;
   }

   .text-slider .swiper-slide img {
      width: 40px;
   }

   .facility-card-icon {
      height: 80px;
      width: 80px;
   }

   .facility-card-icon img {
      width: 50px;
   }

   .facility-card h6 {
      font-size: 1rem;
   }

   .facility-card p {
      font-size: 14px;
   }

   .section-header p {
      font-size: 14px !important;
   }

   .room-services {
      gap: 16px;
      margin-top: 2rem;
   }

   .room-service-card {
      gap: 0.8rem;
   }

   .room-service-card img {
      width: 30px;
   }

   .room-service-card h6 {
      font-size: 13px;
   }

   .rest-banner-text span {
      font-size: 2.5rem;
   }

   .footer-social a {
      font-size: 1.35rem;
   }

   .area-list-ul li {
      padding: 0.75rem;
   }

   .testimonial-card-2 {
      padding: 1.5rem 1rem;
   }

   .testimonial-text {
      font-size: 14px;
   }

   .testi-avatar {
      height: 48px;
      width: 48px;
   }
}

@media screen and (max-width:1200px) {
   .rest-banner {
      height: 294px;
      position: relative;
   }

   .family-run-box p {
      font-size: 1.5rem;
   }

   .buffet-menu-footer {
      padding: 1.5rem 1.25rem;
   }

   .buffet-menu-footer-icon i {
      font-size: 1.25rem;
   }

   .buffet-menu-footer p {
      font-size: 1.25rem;
   }

   .award-image {
      height: 400px;
   }

   .award-image img {
      height: 350px;
   }

   .ever-heard-img img {
      width: 100%;
   }

   .underline-header h4 {
      font-size: 1.5rem;
   }

   .area-list-ul li {
      font-size: 14px;
   }

   .banquet-img {
      height: 750px;
      gap: 16px;
   }

   .section-margin-top {
      margin-top: 4rem;
   }

   .section-margin-bottom {
      margin-bottom: 4rem;
   }

   .section-margin {
      margin: 4rem 0;
   }

   .section-padding-top {
      padding-top: 4rem;
   }

   .section-padding-bottom {
      padding-bottom: 4rem;
   }

   .section-padding {
      padding: 4rem 0;
   }

   .service-content-headings {
      font-size: 28px;
   }

   .section-header h2 {
      font-size: 2.25rem;
   }

   .room-services {
      gap: 16px;
      margin-top: 2rem;
   }

   .rest-banner-text span {
      font-size: 2.25rem;
   }
}

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

   .navigation {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 999;
      transition: 100ms ease;
      background-color: black;
   }

   .banner-nav-section {
      background-image: url(../images/Total-BG.jpg);
      background-repeat: no-repeat;
      background-size: 100% 100% !important;
      padding-bottom: 3rem;
   }

   .w-number {
      display: none;
   }

   .hero-content {
      margin-top: 5rem !important;
   }

   .banner-content {
      padding: 3px;
   }

   .banner-content .b-heading {
      font-size: 4rem;
   }

   .logo img {
      width: 180px;
   }

   .nav-link-container {
      position: fixed;
      top: 0;
      left: -100%;
      width: 100%;
      bottom: 0;
      padding: 2rem 1.5rem;
      background-color: black;
      transition: 500ms ease;
   }

   .nav-link-container ul li {
      width: 100%;
   }

   .nav-link-container ul li a {
      display: block;
      padding: 1rem 10px;
      font-size: 16px;
   }

   .nav-link-container ul li:not(:last-child) a {
      border-bottom: 1px solid var(--white-color);
   }

   .nav-mobile-header {
      display: flex;
   }

   .close-btn {
      height: 30px;
      width: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      border: 1px solid var(--white-color);
      cursor: pointer;
   }

   .close-btn i {
      color: var(--white-color);
   }

   .header-btn-container {
      gap: 1rem;
   }

   .menu-btn {
      height: 34px;
      width: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--white-color);
      border-radius: 100%;
      cursor: pointer;
   }

   .menu-btn i {
      color: var(--white-color);
      font-size: 1.05rem;
   }

   .ever-heard .ever-heard-heading {
      font-size: 3rem;
      padding-bottom: 10px;
   }

   .about .about-heading {
      font-size: 3rem;
   }

   .a-s-heading p {
      font-size: 2rem;

   }

   .a-heading h1 {
      margin-top: 14px;
      font-size: 3rem;
   }

   .our-rooms-s-heading p {
      font-size: 1rem;
   }

   .our-rooms-heading h1 {
      font-size: 3rem;
   }

   .our-rooms-content p {
      margin-top: 1rem;
      font-size: 1rem;
   }

   .custom-dash2 {
      height: 2px !important;
      width: 50px !important;
   }

   .client-heading h1 {
      font-size: 3rem;
   }

   .footer-bottom-heading h1 {
      font-size: 2rem;
   }

   .testimonial-text {
      font-size: 14px;
   }

   .resta-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .faci-icon {
      line-height: 30px;
   }

   .why-choose-content ul li {
      color: var(--white-color);
      font-size: 18px;
   }

   .y-video iframe {
      width: 350px;
   }

   .family-run-box p {
      font-size: 1.25rem;
   }

   .logo img {
      padding-left: 0;
   }

   .award-image {
      height: 350px;
   }

   .award-image img {
      height: 300px;
   }

   .section-header h2 {
      font-size: 2rem;
   }

   .page-margin-top {
      margin-top: 78px;
   }

   .rest-banner {
      height: 275px;
   }

   .rest-banner-text span {
      font-size: 2rem;
   }
}

@media screen and (max-width:768px) {
   .section-header p {
      width: 100%;
   }

   .rest-banner {
      /* height: 360px; */
      position: relative;
      height: 200px;
   }

   /* .ever-heard-img img {
      margin-top: 2.5rem;
   } */

   .total-top {
      margin-top: 0rem;
   }

   .rest-banner-text {
      position: absolute;
      top: 1rem;
      left: 1rem;
      right: 1rem;
      bottom: 1rem;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      z-index: 1;
   }

   .amenities-content {
      margin-top: 3rem;
   }

   .facilities {
      margin-top: 1rem;
   }

   .banner-nav-section {
      background-color: black !important;
      background-image: none;
   }

   .our-rooms-heading h1 {
      font-size: 2rem;
   }

   .client-heading h1 {
      font-size: 2rem;
   }

   .our-rooms {
      margin: 2rem;
   }

   .room-content {
      padding-top: 1rem;
   }

   /* .client-say {
      margin-top: 0rem;
   } */

   .testimonial-card-total-content {
      height: 100%;
      width: 100%;
   }

   /* .footer-section {
      margin-top: 3rem;
   } */

   .footer-title {
      font-size: 22px;
      padding-top: 16px;
   }

   .footer-bottom-heading h1 {
      font-size: 18px;
   }

   .copy p {
      font-size: 16px;
   }

   .buffet-menu-footer {
      flex-direction: column;
      text-align: center;
   }

   .buffet-menu-footer p {
      font-size: 1.15rem;
   }

   .extra-add-ons p {
      font-size: 14px;
   }

   .award-image {
      height: 100%;
   }

   .award-image img {
      height: 100%;
   }

   .section-margin-top {
      margin-top: 3rem;
   }

   .section-margin-bottom {
      margin-bottom: 3rem;
   }

   .section-margin {
      margin: 3rem 0;
   }

   .section-padding-top {
      padding-top: 3rem;
   }

   .section-padding-bottom {
      padding-bottom: 3rem;
   }

   .section-padding {
      padding: 3rem 0;
   }

   .text-slider-card {
      font-size: 1.25rem;
      padding: 0 1.5rem;
   }

   .text-slider .swiper-slide img {
      width: 36px;
   }
}

@media screen and (max-width: 575px) {
   .ever-heard-img img {
      height: 400px;
   }

   .banquet-img {
      height: 700px;
   }

   .room-services {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
   }

   .room-service-card {
      justify-self: center;
   }
}

@media screen and (max-width: 500px) {}

@media screen and (max-width: 400px) {}