/**
 * Created by Sushant Gauchan
*/
/*------------------------------------ Site Wide Starts -----------------------------------*/
/*------------------------------------- Site Wide Ends ------------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*--------------------------------- Header Wrapper Starts ---------------------------------*/
/*-------------------------------- Content Wrapper Starts ---------------------------------*/
/*--------------------------------- Content Wrapper Ends ----------------------------------*/
/*--------------------------------- Footer Wrapper Starts ---------------------------------*/
/*---------------------------------- Footer Wrapper Ends ----------------------------------*/
/*----------------------------------- Components Starts -----------------------------------*/
/*------------------------------------ Components Ends ------------------------------------*/
/*---------------------------------- Slick Slider Starts ----------------------------------*/
/*----------------------------------- Slick Slider Ends -----------------------------------*/
/*------------------------------------- Mcustom Starts ------------------------------------*/
/*-------------------------------------- Mcustom Ends -------------------------------------*/
@media all and (max-width: 1600px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 120px 120px; }
    .custom-container.small-medium-container {
      max-width: 1240px; }

  .remove-padding-bottom {
    padding-bottom: 0; }

  .remove-padding-top {
    padding-top: 0; }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  body #header-wrapper .nav-section .custom-container {
    padding: 10px 120px; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li {
      padding-right: 49px; }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .common-banner .common-banner-slider .slides {
    height: calc(100vh - 126px); }
  #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
    padding-right: 25px; }
  #content-wrapper #home-page .rooms .rooms-container .room .name-price {
    padding-top: 25px; }
  #content-wrapper #home-page .map-section iframe {
    height: 450px; }
  #content-wrapper #rooms-single-page .common-banner .banner-inner {
    padding-left: 120px; }
  #content-wrapper #rooms-single-page .common-banner .banner-image {
    margin-left: 408px; }
  #content-wrapper #rooms-single-page .services .service-container .service-thumb {
    padding-left: 25px; }
    #content-wrapper #rooms-single-page .services .service-container .service-thumb .section-title {
      padding-right: 25px;
      padding-bottom: 30px; }
    #content-wrapper #rooms-single-page .services .service-container .service-thumb .thumb-items-container .thumb-items {
      padding: 25px 25px; }
      #content-wrapper #rooms-single-page .services .service-container .service-thumb .thumb-items-container .thumb-items .thumb-img img {
        padding-bottom: 25px; }
      #content-wrapper #rooms-single-page .services .service-container .service-thumb .thumb-items-container .thumb-items .title {
        padding-bottom: 10px; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-banner .common-floating-booking {
    bottom: -78px; }
    .common-banner .common-floating-booking .custom-container {
      padding: 40px 50px; }
      .common-banner .common-floating-booking .custom-container .booking-container .list-items {
        padding-right: 62px; }
        .common-banner .common-floating-booking .custom-container .booking-container .list-items .items {
          padding-right: 35px; }
          .common-banner .common-floating-booking .custom-container .booking-container .list-items .items:nth-child(3) {
            width: 180px; }
            .common-banner .common-floating-booking .custom-container .booking-container .list-items .items:nth-child(3) .dropdown:after {
              right: 0;
              top: 10px; }

  .common-gallery .content .galler-container .gallery-inner {
    margin: -15px; }
    .common-gallery .content .galler-container .gallery-inner .img-container {
      padding: 15px; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 1399px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  h1 {
    font-size: 50px; }

  h2 {
    font-size: 36px; }

  h3 {
    font-size: 22px; }

  .btn-karwan {
    padding: 9px 20px; }

  .custom-container {
    padding: 90px 120px; }
    .custom-container.small-medium-container {
      max-width: 1040px; }
    .custom-container.small-width-container {
      max-width: 940px; }

  .add-padding-bottom {
    padding-bottom: 60px; }

  .add-padding-top {
    padding-top: 60px; }

  .add-padding-top-medium {
    padding-top: 30px; }

  .remove-padding-bottom {
    padding-bottom: 0; }

  .remove-padding-top {
    padding-top: 0; }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  body.opaque #content-wrapper {
    padding-top: 98px; }
  body #header-wrapper .nav-section .custom-container {
    padding: 10px 120px; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
      width: 57%; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container .nav ul li {
      padding-right: 50px; }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .common-banner .common-banner-slider .slides {
    height: calc(100vh - 221px); }
  #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
    padding-right: 25px; }
  #content-wrapper #home-page .rooms .rooms-container .room .name-price {
    padding-top: 25px; }
  #content-wrapper #home-page .map-section iframe {
    height: 450px; }
  #content-wrapper #rooms-page .room-text-image .text-image-container {
    margin: -25px; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item {
      padding: 25px; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .img-container .inner-zoomed {
        padding-bottom: 72%; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .img-container .inner-zoomed img {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text {
        padding: 30px; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc {
          padding-bottom: 10px; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .desc {
          padding: 25px 0; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul {
          margin: 25px 0; }
          #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul li {
            width: 37px; }
  #content-wrapper #rooms-single-page .common-banner .banner-inner {
    padding-left: 120px; }
    #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text {
      padding-bottom: 60px; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 {
        padding-bottom: 30px; }
  #content-wrapper #rooms-single-page .common-banner .banner-image {
    margin-left: 408px; }
  #content-wrapper #rooms-single-page .services .service-container {
    margin: -30px; }
    #content-wrapper #rooms-single-page .services .service-container .img-container {
      padding: 30px; }
    #content-wrapper #rooms-single-page .services .service-container .service-content {
      padding: 30px; }
      #content-wrapper #rooms-single-page .services .service-container .service-content .section-title {
        padding-bottom: 40px; }
      #content-wrapper #rooms-single-page .services .service-container .service-content .thumb-items-container .thumb-items .thumb-img {
        width: 50px; }
      #content-wrapper #rooms-single-page .services .service-container .service-content .thumb-items-container .thumb-items .title {
        padding-left: 35px; }
  #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed {
    padding-bottom: 79%; }
  #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item {
    padding: 17px 0; }
    #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item .image-container {
      width: 100px; }
      #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item .image-container img {
        width: 40px; }
    #content-wrapper #services-page .services.large-image .service-container .service-content .service-items-container .service-item:nth-child(2) .image-container img {
      width: 27px; }
  #content-wrapper #explore-page .explore-text-image .text-image-container {
    margin: -20px; }
    #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item {
      padding: 20px; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text {
        padding: 30px; }
        #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .service-icons ul li {
          width: 35px; }
          #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .service-icons ul li:not(:last-of-type) {
            margin-right: 20px; }
  #content-wrapper #explore-page .partners .partners-container .partners-slider .img-partners {
    width: 22%; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .services-gallery .content .galler-container .gallery-inner {
    padding: 15px; }
    .services-gallery .content .galler-container .gallery-inner .img-container {
      height: 300px; }
    .services-gallery .content .galler-container .gallery-inner:nth-of-type(even) {
      margin: -15px 0; }
      .services-gallery .content .galler-container .gallery-inner:nth-of-type(even) .img-container {
        padding: 15px 0; }
    .services-gallery .content .galler-container .gallery-inner:nth-of-type(odd) .img-container {
      height: calc(285px * 2); }

  .common-banner .common-floating-booking {
    bottom: -78px; }
    .common-banner .common-floating-booking .custom-container {
      padding: 35px 50px; }
      .common-banner .common-floating-booking .custom-container .booking-container .list-items {
        padding-right: 62px; }
        .common-banner .common-floating-booking .custom-container .booking-container .list-items .items {
          padding-right: 35px; }
          .common-banner .common-floating-booking .custom-container .booking-container .list-items .items:nth-child(3) {
            width: 180px; }
            .common-banner .common-floating-booking .custom-container .booking-container .list-items .items:nth-child(3) .dropdown:after {
              right: 0;
              top: 10px; }

  .common-gallery .content .galler-container .gallery-inner {
    margin: -10px; }
    .common-gallery .content .galler-container .gallery-inner .img-container {
      height: 260px;
      padding: 10px; }
      .common-gallery .content .galler-container .gallery-inner .img-container:first-of-type {
        height: calc(260px * 2); }

  .common-text-container .section-title p {
    padding-left: 85px; }
    .common-text-container .section-title p:before {
      width: 55px; }
  .common-text-container .desc-text {
    padding-left: 75px; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .common-banner-slider.slick-slider .slick-dots {
    bottom: 100px; }

  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 1199px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  h1 {
    font-size: 46px; }

  h2 {
    font-size: 30px; }

  h3 {
    font-size: 20px; }

  .btn-karwan {
    padding: 8px 18px;
    font-size: 16px; }

  .custom-container {
    padding: 60px 70px; }
    .custom-container.small-medium-container {
      max-width: 940px; }
    .custom-container.small-width-container {
      max-width: 740px; }

  .add-padding-top {
    padding-top: 40px; }

  .add-padding-top-medium {
    padding-top: 25px; }

  body {
    font-size: 16px; }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  body #header-wrapper .nav-section .custom-container {
    padding: 8px 70px; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
      width: 60%; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li {
      padding-right: 18px; }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper {
    padding-top: 0px; }
    #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
      padding-right: 20px; }
    #content-wrapper #home-page .rooms .rooms-container .room .name-price {
      padding-top: 20px; }
    #content-wrapper #home-page .map-section iframe {
      height: 400px; }
    #content-wrapper #rooms-single-page .common-banner .banner-inner {
      padding-left: 70px; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text {
        padding-bottom: 30px; }
        #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 {
          padding-bottom: 25px; }
    #content-wrapper #rooms-single-page .common-banner .banner-image {
      margin-left: 335px; }
    #content-wrapper #story-page .text-image .text-image-cotainer .text {
      padding-right: 25px; }
    #content-wrapper #story-page .text-image .text-image-cotainer .img-container {
      padding-left: 25px; }
      #content-wrapper #story-page .text-image .text-image-cotainer .img-container .inner-zoomed {
        padding-bottom: 100%; }
    #content-wrapper #explore-page .explore-text-image .text-image-container {
      margin: -15px; }
      #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item {
        padding: 15px; }
        #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text {
          padding: 30px 0 0; }
          #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item .inner .text .desc {
            padding: 15px 0; }
    #content-wrapper #explore-page .partners .partners-container .desc {
      padding: 30px 0; }
    #content-wrapper #explore-page .partners .partners-container .partners-slider .img-container {
      width: 20%; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container {
      margin: -20px; }
      #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper {
        padding: 20px; }
        #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .desc {
          padding-bottom: 35px; }
        #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group {
          padding-bottom: 15px; }
          #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group .form-control {
            padding: 18px 16px; }
          #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group textarea {
            height: 110px; }
      #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details {
        padding: 20px; }
        #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details .contact-info ul li {
          padding-bottom: 15px; }
        #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details .maps iframe {
          height: 320px; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul li {
      margin-bottom: 10px; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .top-footer .footer-menu ul li:not(:last-of-type) {
    padding-right: 40px; }
  #footer-wrapper .top-footer .footer-menu ul li a {
    font-size: 16px; }
  #footer-wrapper .top-footer .social ul {
    padding-top: 30px; }
    #footer-wrapper .top-footer .social ul li {
      height: 45px;
      width: 45px; }
      #footer-wrapper .top-footer .social ul li a {
        padding: 11px 11px; }
  #footer-wrapper .bottom-footer .custom-container {
    padding: 30px 70px; }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-text-container .desc-text {
    padding-left: 50px; }

  .common-gallery .content .gallery-container .gallery-inner {
    margin: -10px; }
    .common-gallery .content .gallery-container .gallery-inner .img-container {
      padding: 10px; }

  .section-title.title-with-underline {
    padding-bottom: 30px; }
    .section-title.title-with-underline h2:before {
      width: 45px; }

  .common-text-container .section-title h2 {
    padding-bottom: 20px; }
  .common-text-container .section-title p {
    padding-left: 80px; }

  .transparent .common-banner.dark-background .banner-image {
    position: relative;
    padding-bottom: 45%; }
    .transparent .common-banner.dark-background .banner-image img {
      height: 100%;
      width: 100%;
      position: absolute;
      object-fit: cover;
      object-position: center; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .common-banner-slider.slick-slider .slick-dots {
    bottom: 87px; }

  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 991px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  .custom-container {
    padding: 40px 50px; }

  .add-padding-top {
    padding-top: 30px; }

  .modal-dialog {
    max-width: 80vw; }
    .modal-dialog .modal-content .modal-body .modal-loading-gif {
      height: 130px; }
    .modal-dialog .modal-content .modal-body .modal-loading-area figure {
      height: 300px; }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  body #header-wrapper .nav-section .custom-container {
    padding: 8px 0 0; }
    body #header-wrapper .nav-section .custom-container .nav-logo-container {
      display: inline-block;
      width: 100%;
      position: relative; }
      body #header-wrapper .nav-section .custom-container .nav-logo-container .logo {
        width: 100%;
        z-index: 99; }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
          width: 9%;
          margin-left: 50px; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img {
            filter: invert(1); }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle {
          display: block;
          position: absolute;
          top: 24px;
          right: 50px;
          margin-right: 0; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
            background: #000; }
      body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        visibility: hidden;
        max-height: 0;
        transition: all 0.5s ease;
        opacity: 0; }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul {
          display: none; }
        body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu.open {
          visibility: visible;
          opacity: 1;
          max-height: 100vh;
          transition: all 0.5s ease; }
          body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu.open ul {
            display: flex;
            width: 100%;
            height: 100vh;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            background: #fff; }
            body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu.open ul li {
              display: block;
              padding-left: 0px;
              padding-right: 0;
              padding-bottom: 10px; }
              body #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu.open ul li:last-of-type {
                display: block; }
      body #header-wrapper .nav-section .custom-container .nav-logo-container .action {
        display: none; }
  body.transparent #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a, body.home #header-wrapper .nav-section .custom-container .nav-logo-container .nav-menu ul li a {
    color: #000; }
  body.menu #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container img {
    filter: invert(1); }
  body.menu #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle .icon-bar {
    background: #000; }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .follow-us .image-container .img-container {
    width: 25%; }
  #content-wrapper #home-page .testimonials {
    padding-bottom: 25px; }
  #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
    padding-right: 20px; }
  #content-wrapper #home-page .rooms .rooms-container .room .name-price {
    padding-top: 20px; }
  #content-wrapper #home-page .gallery .content .galler-container .img-container:first-of-type {
    height: 407px; }
  #content-wrapper #home-page .gallery .content .galler-container .img-container img {
    padding: 10px; }
  #content-wrapper #home-page .map-section iframe {
    height: 400px; }
  #content-wrapper #rooms-page .room-text-image .text-image-container {
    margin: -15px; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item {
      padding: 15px; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text {
        padding: 20px 15px; }
  #content-wrapper #rooms-single-page .common-banner .banner-image {
    margin-left: 0;
    position: relative; }
    #content-wrapper #rooms-single-page .common-banner .banner-image:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.25); }
  #content-wrapper #rooms-single-page .common-banner .banner-inner {
    padding-left: 0;
    width: 100%; }
    #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text {
      padding: 20px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 {
        padding-bottom: 10px; }
        #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text h1 span {
          color: #fff; }
      #content-wrapper #rooms-single-page .common-banner .banner-inner .banner-text p {
        color: #fff; }
  #content-wrapper #rooms-single-page .services .service-container {
    margin: -20px; }
    #content-wrapper #rooms-single-page .services .service-container .img-container, #content-wrapper #rooms-single-page .services .service-container .service-content {
      padding: 20px; }
  #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item {
    width: 50%; }
  #content-wrapper #contact-page .form-contact-details .form-contact-details-container {
    margin: 0; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper {
      width: 100%;
      padding: 0 0 40px; }
    #content-wrapper #contact-page .form-contact-details .form-contact-details-container .contact-details {
      width: 100%;
      padding: 0; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .bottom-footer .custom-container {
    padding: 20px 50px; }
    #footer-wrapper .bottom-footer .custom-container .copy p {
      font-size: 14px; }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .common-text-container .desc-text {
    padding-left: 40px; }

  .common-text-container .section-title p {
    padding-left: 70px;
    font-size: 18px; }

  .thumb-items-container ul li {
    padding-bottom: 10px; }
    .thumb-items-container ul li i.karwan {
      height: 45px;
      width: 45px;
      margin-right: 30px; }
      .thumb-items-container ul li i.karwan.karwan-cafe, .thumb-items-container ul li i.karwan.karwan-ac, .thumb-items-container ul li i.karwan.karwan-parking, .thumb-items-container ul li i.karwan.karwan-hair-dryer, .thumb-items-container ul li i.karwan.karwan-luggage-storage, .thumb-items-container ul li i.karwan.karwan-wifi, .thumb-items-container ul li i.karwan.karwan-laundry {
        background-size: 35px 35px; }

  .common-gallery .content .gallery-container .gallery-inner .img-container {
    height: 218px; }
    .common-gallery .content .gallery-container .gallery-inner .img-container:first-of-type {
      height: calc(218px * 2); }

  .title .title-with-underline h1:before, .title .title-with-underline h2:before, .title .title-with-underline h3:before {
    bottom: -8px; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .common-banner-slider.slick-slider .slick-dots {
    bottom: 87px; }

  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 767px) {
  /*------------------------------------ Site Wide Starts -----------------------------------*/
  h1 {
    font-size: 40px; }

  h2 {
    font-size: 26px; }

  h3 {
    font-size: 18px; }

  .custom-container {
    padding: 40px 30px; }

  .add-padding-top {
    padding-top: 30px; }

  .add-padding-top-medium {
    padding-top: 20px; }

  /*------------------------------------- Site Wide Ends ------------------------------------*/
  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
    width: 15%;
    margin-left: 30px; }
  body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle {
    right: 30px;
    top: 21px; }

  /*--------------------------------- Header Wrapper Starts ---------------------------------*/
  /*-------------------------------- Content Wrapper Starts ---------------------------------*/
  #content-wrapper #home-page .common-banner .banner-image {
    position: relative;
    padding-bottom: 20%; }
    #content-wrapper #home-page .common-banner .banner-image img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
  #content-wrapper #home-page .rooms .rooms-container {
    flex-wrap: wrap; }
    #content-wrapper #home-page .rooms .rooms-container .room:not(:last-of-type) {
      padding-right: 0;
      padding-bottom: 25px; }
  #content-wrapper #home-page .follow-us .image-container .img-container {
    width: 50%; }
  #content-wrapper #rooms-page .room-text-image .text-image-container {
    margin: -20px 0; }
    #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item {
      width: 100%;
      padding: 20px 0; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .room-desc .desc-items .icon {
        width: 27px; }
      #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul {
        margin: 18px 0; }
        #content-wrapper #rooms-page .room-text-image .text-image-container .text-image-item .inner .text .service-icons ul li {
          width: 35px; }
  #content-wrapper #explore-page .explore-text-image .text-image-container .text-image-item {
    width: 100%; }
  #content-wrapper #explore-page .partners .partners-container .partners-slider .img-container {
    width: 30%; }
  #content-wrapper #contact-page .form-contact-details .form-contact-details-container .form-wrapper .fields .form-group {
    padding-bottom: 10px; }
  #content-wrapper #rooms-single-page .common-banner .banner-image {
    margin-left: 0; }
  #content-wrapper #rooms-single-page .services .service-container {
    margin: 0; }
    #content-wrapper #rooms-single-page .services .service-container .img-container {
      padding: 0;
      width: 100%;
      padding-bottom: 30px; }
    #content-wrapper #rooms-single-page .services .service-container .service-content {
      width: 100%;
      padding: 0; }
  #content-wrapper #story-page .text-image .text-image-cotainer {
    flex-wrap: wrap; }
    #content-wrapper #story-page .text-image .text-image-cotainer .text {
      width: 100%;
      padding-right: 0;
      padding-bottom: 30px; }
    #content-wrapper #story-page .text-image .text-image-cotainer .img-container {
      width: 100%;
      padding-left: 0; }

  /*--------------------------------- Content Wrapper Ends ----------------------------------*/
  /*--------------------------------- Footer Wrapper Starts ---------------------------------*/
  #footer-wrapper .top-footer .footer-menu ul {
    flex-wrap: wrap; }
    #footer-wrapper .top-footer .footer-menu ul li:not(:last-of-type) {
      padding-right: 0; }
      #footer-wrapper .top-footer .footer-menu ul li:not(:last-of-type) a {
        font-size: 14px; }
  #footer-wrapper .top-footer .social ul {
    padding-top: 25px; }
    #footer-wrapper .top-footer .social ul li {
      height: 40px;
      width: 40px; }
      #footer-wrapper .top-footer .social ul li:not(:last-of-type) {
        margin-right: 17px; }
      #footer-wrapper .top-footer .social ul li a {
        padding: 8px 11px; }
  #footer-wrapper .bottom-footer .custom-container .copy {
    text-align: center; }
    #footer-wrapper .bottom-footer .custom-container .copy p {
      font-size: 12px; }

  /*---------------------------------- Footer Wrapper Ends ----------------------------------*/
  /*----------------------------------- Components Starts -----------------------------------*/
  .thumb-items-container ul li {
    width: 100%; }

  .transparent .common-banner.dark-background .banner-image {
    padding-bottom: 73%; }

  .common-banner .dark-background .banner-text h1 {
    padding-bottom: 15px; }

  .common-text-container .section-title p {
    padding-left: 60px; }
    .common-text-container .section-title p:before {
      width: 45px; }

  .common-gallery .content .gallery-container .gallery-inner .img-container {
    width: 100%;
    float: none; }

  .common-text-container {
    flex-wrap: wrap; }
    .common-text-container .section-title {
      width: 100%;
      padding-bottom: 30px; }
      .common-text-container .section-title h2 {
        padding-bottom: 10px;
        padding-right: 0; }
    .common-text-container .desc-text {
      width: 100%;
      padding-left: 0; }

  .title.title-with-underline h1:before, .title.title-with-underline h2:before, .title.title-with-underline h3:before {
    width: 40px;
    bottom: -8px; }

  /*------------------------------------ Components Ends ------------------------------------*/
  /*---------------------------------- Slick Slider Starts ----------------------------------*/
  .testimonials-slider .slick-prev {
    top: 25%;
    left: 10px;
    height: 35px;
    width: 35px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%; }
    .testimonials-slider .slick-prev:after {
      left: 3px;
      top: 7px; }
  .testimonials-slider .slick-next {
    top: 25%;
    right: 10px;
    height: 35px;
    width: 35px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%; }
    .testimonials-slider .slick-next:after {
      left: 6px;
      top: 7px; }

  /*----------------------------------- Slick Slider Ends -----------------------------------*/
  /*------------------------------------- Mcustom Starts ------------------------------------*/
  .modal-dialog {
    margin: 0 auto; }
    .modal-dialog .modal-content {
      height: 100vh;
      overflow: auto; }
      .modal-dialog .modal-content .modal-header {
        padding-bottom: 0; }
      .modal-dialog .modal-content .modal-body {
        padding: 30px 25px; }
        .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .booking-info .form-group-item .form-group, .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info .form-group-item .form-group {
          margin-right: 7px; }
        .modal-dialog .modal-content .modal-body .common-floating-booking .booking-container .list-items .personal-info-title h3 {
          margin: 25px 0; }

  /*-------------------------------------- Mcustom Ends -------------------------------------*/ }
@media all and (max-width: 374px) {
  body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .img-container {
    width: 18%; }
  body #header-wrapper .nav-section .custom-container .nav-logo-container .logo .navbar-toggle {
    top: 18px; }

  /* ------------------------common-css-start-------------------------- */
  .thumb-items-container ul li {
    width: 100%; }

  /* ------------------------common-css-end-------------------------- */ }

/*# sourceMappingURL=responsive.css.map */