/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE CSS */
/*//////////////////////////////////////////////////////////////////////////////////////////*/

.example {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9999;
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .example {background: red;}
  
    #contact-form dl dd {
        padding-bottom: 0px !important;
    }

    #contact-form label.error {
        right: 10px;
        left: auto !important;
        top: 10px !important;
    }


    .menuzord-brand img {
        height: 65px !important;
    }

    .contact-block li {
        float: right;
        padding: 0;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap {
        width: 100%;
        margin-bottom: 15px;
        border: none;
    }

    .services-wrap {
        margin-top: 60px;
    }

    .direct-bookings {
        margin-top: 60px;
    }

    .subheader-section .container {
        display: none;
    }

    .header-section {
        position: absolute;
        padding: 0;
    }

    .book-now-btn {
        margin-right: 0;
        font-size: 12px !important;
        padding: 12px 18px !important;  
    }
  
    .direct-bookings .booking-benefits-wrap .offer-wrap .image-icon {
        width: 40px;
        height: 40px;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap h4 {
        font-size: 12px;
      }

      .work-intro .tour-title {
		height: auto;
	}

    .work-intro .tour-title h2 {
        line-height: 18px;
    }

    .work-intro .room-size-wrap .midd-wrap {
        font-size: 13px;
        padding-left: 10px;
        width: 136px;
    }

    .work-intro .room-size-wrap .room-size {
        font-size: 14px;
        padding-right: 10px;
    }

    .work-intro .room-size-wrap .room-size span {
        font-size: 10px;
    }

    .work-intro .room-size-wrap {
        padding: 10px;
    }

    .room-size-arrow i {
        line-height: 0px;
    }

    .subheader-section article h1 {
        font-size: 32px !important;
        line-height: 32px !important;
        margin-bottom: 10px;
        letter-spacing: 2px !important;
    }

    .dining-menu-gallery {
        overflow: hidden;
        padding-bottom: 40px;
        margin: 60px 0;
    }

    .subheader-section article h4 {
        font-size: 14px !important;
    }

    .featured .icon-block .block {
        flex-basis: calc(100% / 1);
        margin-bottom: 15px;
    }

    .featured .icon-block .block .icon svg {
        width: 26px;
        height: 26px;
    }

    .featured .block .right-con .lable {
        font-size: 12px;
    }

    .featured .block .right-con .val {
        font-size: 12px;
    }

    .featured {
        margin-bottom: 1160px;
    }

    .features h1 {
        padding-top: 18px;
        font-size: 30px;
        margin-bottom: 0px;
    }

    .features .features-list-wrapper {
        padding: 0px;
        margin-top: 18px;
        flex-flow: row wrap;
    }

    .features .features-list-wrapper ul li {
        font-size: 13px;
        line-height: 14px;
        text-align: left;
    }

    .features .features-list-wrapper ul {
        padding: 0
    }

    .container .work-grid-3 .work-item {
        width: 100% !important;
    }

    .work-intro .room-size-wrap .room-size-arrow {
        top: 26px;
    }

    .g-main .slick-prev::before, .g-main .slick-next::before {
        font-size: 56px;
    }

    .contact-block li {
        border: none;
    }

    .g-main .slick-prev {
        left: -92px;
        top: 150px;
    }

    .g-main .slick-next {
        top: 150px;
        right: 100px;
    }

    .g-main {
        margin-left: 22%;
        position: relative;
    }

    .parallax-cover-image-text h2 {
        font-size: 30px;
    }

    .gitem {
        height: 130px !important;
    }

    .slideCount .slideCountItem {
        font-size: 40px;
        width: 40px;
    }

    .slideCount {
        font-size: 18px;
    }
    
    .slideCount::after {
        top: 3px;
        left: 22px;
    }

    .g-main .slideCount {
        line-height: 10px;
        height: 25px;
        width: 60px;
        left: -48px;
        top: 144px;
    }

    .experiences {
        overflow: hidden;
        margin-top: 60px;
    }

    .side-menu-wrapper {
        padding: 40px 0px 0 0px !important;
        width: 100% !important; 
    }

    .side-menu-wrapper > ul > li > a {
        font-size: 18px !important;
        margin: 0 0 10px 0 !important;
        padding: 10px 4px 10px 10px !important;
    }

    .experiences .g-main .content-wrap h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .g-main .slick-slide {
        height: 328px;
    }

    footer .top-wrap {
        display: none;
    }

    .dining-text-wrap .parallax-cover-image-text {
        width: 80%;
        margin-right: 0;
        padding: 20px;
    }

    #contact-box .content-wrap .content {
        height: 950px;
    }

    #contact-box .content-wrap .image-wrap {
        height: 250px;
    }

    #contact-box iframe {
        height: 550px;
    }

    .gallery-section .left-section .portfolio-item {
        height: 300px;
    }

    .gallery-section .portfolio-item {
        height: 150px;
    }

    .gallery-section .portfolio-item .portfolio-description {
        display: none;
    }

    .bottom-image .bottom-image-text {
        top: 10%;
    }

    .bottom-image .bottom-image-text h1 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 4px;
    }

    section .section-title h2 span.sm-text {
        line-height: 14px;
        font-size: 10px;
        letter-spacing: 2px;
    }

    .bottom-image .bottom-image-text p {
        font-size: 12px;
    }

    footer .f-bottom-wrap ul.copyright li {
        padding: 2px 0;
        text-align: left;
    }

    footer .f-bottom-wrap ul.copyright li ul {
        float: left;
    }

    footer .f-bottom-wrap ul.copyright li ul {
        padding-left: 0;
    }

    footer .f-bottom-wrap ul.copyright li ul li a {
        padding-left: 0;
        padding-right: 20px;
    }

    footer .f-bottom-wrap ul.copyright {
        padding-left: 0;
    }

    section .section-title h2 {
        font-size: 22px;
        line-height: 26px;
    }

    section .section-title h2 span.line i {
        top: -17px;
    }

    .main-content {
        padding: 20px 0px;
    }

    .breadcrumbs ol li::after {
        width: 4px;
        height: 4px;
        position: relative;
        top: -2px;
        margin: 0 10px;
    }

    .main-content p {
        font-size: 13px;
        line-height: 20px;
    }

    .acco-details .block {
        float: left;
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
    }

    .acco-details {
        margin-top: 0;
    }

    #accommodation-type .content-wrap .content {
        padding: 40px 20px;
        height: auto;
    }

    #accommodation-type .content-wrap .content .text h3 {
        font-size: 24px;
        line-height: 26px;
    }

    .first-img-carousel .slick-prev::before, .first-img-carousel .slick-next::before {
        font-size: 60px;
        color: #000;
    }

    .first-img-carousel .slick-next {
        right: 0px;
        left: 120px;
        top: auto;
        bottom: -88px;
    }

    .first-img-carousel .slick-prev {
        right: 0px;
        left: 10px;
        top: auto;
        bottom: -88px;
    }

    .first-img-carousel .slideCount {
        right: auto;
        top: auto;
        left: 70px;
        bottom: -20px;
    }

    .first-img-carousel .slick-prev, .first-img-carousel .slick-next {
        height: 52px;
    }

    .featured .icon-block .icon-block-wrap {
        padding: 20px;
    }

    .featured .icon-block {
        margin: 50px auto 0 auto;
        padding: 120px 20px 0px 20px;
        height: 220px;
    }
  
  }

  
  /* // Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    .example {background: green;} 
    
    .contact-block li {
        float: right;
        padding: 0;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap {
        width: 50%;
        margin-bottom: 15px;
    }

    .subheader-section .container {
        display: none;
    }

    .header-section {
        position: absolute;
    }

    .book-now-btn {
        margin-right: 0;
    }
  
    .direct-bookings .booking-benefits-wrap .offer-wrap .image-icon {
        width: 40px;
        height: 40px;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap h4 {
        font-size: 12px;
      }

      .work-intro .tour-title {
		height: auto;
	}

    .work-intro .tour-title h2 {
        line-height: 18px;
    }

    .work-intro .room-size-wrap .midd-wrap {
        font-size: 13px;
        padding-left: 10px;
        width: 136px;
    }

    .work-intro .room-size-wrap .room-size {
        font-size: 14px;
        padding-right: 10px;
    }

    .work-intro .room-size-wrap .room-size span {
        font-size: 10px;
    }

    .work-intro .room-size-wrap {
        padding: 10px;
    }

    .room-size-arrow i {
        line-height: 0px;
    }

    .subheader-section article h1 {
        font-size: 50px !important;
        line-height: 48px !important;
    }

    .subheader-section article h4 {
        font-size: 18px;
    }

    .featured .icon-block .block {
        flex-basis: calc(100% / 2);
    }

    .featured {
        margin-bottom: 758px;
    }

    .features h1 {
        padding-top: 40px;
    }

    .features .features-list-wrapper {
        padding: 0px;
        margin-top: 50px;
    }

    .features .features-list-wrapper ul li {
        font-size: 13px;
        line-height: 14px;
        text-align: center;
    }

    .features .features-list-wrapper ul {
        padding: 0
    }

    .container .work-grid-3 .work-item {
        width: 100% !important;
    }

    .work-intro .room-size-wrap .room-size-arrow {
        top: 26px;
    }

    .g-main .slick-prev::before, .g-main .slick-next::before {
        font-size: 56px;
    }

    .contact-block li {
        border: none;
    }

    .g-main .slick-prev {
        left: -16%;
        top: 41%;
    }

    .g-main .slick-next {
        top: 41%;
    }

    .parallax-cover-image-text h2 {
        font-size: 30px;
    }

    .gitem {
        height: 130px !important;
    }

    .slideCount .slideCountItem {
        font-size: 40px;
        width: 40px;
    }

    .slideCount {
        font-size: 18px;
    }
    
    .slideCount::after {
        top: 3px;
        left: 22px;
    }

    .g-main .slideCount {
        line-height: 10px;
        height: 25px;
        width: 60px;
        left: 7%;
    }

    .experiences .g-main .content-wrap h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .g-main .slick-slide {
        height: 328px;
    }

    footer .top-wrap {
        display: none;
    }

    .dining-text-wrap .parallax-cover-image-text {
        width: 80%;
        margin-right: 0;
    }

    #contact-box .content-wrap .content {
        height: 950px;
    }

    #contact-box .content-wrap .image-wrap {
        height: 250px;
    }

    #contact-box iframe {
        height: 550px;
    }

    .gallery-section .left-section .portfolio-item {
        height: 400px;
    }

    .gallery-section .portfolio-item {
        height: 200px;
    }

    .gallery-section .portfolio-item .portfolio-description {
        display: none;
    }

    .bottom-image .bottom-image-text {
        top: 10%;
    }

    .bottom-image .bottom-image-text h1 {
        font-size: 26px;
        line-height: 26px;
    }

    footer .f-bottom-wrap ul.copyright li {
        padding: 2px 0;
        text-align: left;
    }

    footer .f-bottom-wrap ul.copyright li ul {
        float: left;
    }

    footer .f-bottom-wrap ul.copyright li ul {
        padding-left: 0;
    }

    footer .f-bottom-wrap ul.copyright li ul li a {
        padding-left: 0;
        padding-right: 20px;
    }

    footer .f-bottom-wrap ul.copyright {
        padding-left: 0;
    }

    section .section-title h2 {
        font-size: 30px;
        line-height: 35px;
    }

    section .section-title h2 span.line i {
        top: -25px;
    }

    .main-content {
        padding: 20px 0px;
    }

    .acco-details .block {
        float: left;
        display: block;
        width: 50%;
        margin: 0;
    }

    .acco-details {
        margin-top: 0;
    }

    #accommodation-type .content-wrap .content {
        padding: 40px 20px;
        height: auto;
    }

    #accommodation-type .content-wrap .content .text h3 {
        font-size: 28px;
        line-height: 32px;
    }

    .first-img-carousel .slick-prev::before, .first-img-carousel .slick-next::before {
        font-size: 60px;
        color: #000;
    }

    .first-img-carousel .slick-next {
        right: 0px;
        left: 120px;
        top: auto;
        bottom: -88px;
    }

    .first-img-carousel .slick-prev {
        right: 0px;
        left: 10px;
        top: auto;
        bottom: -88px;
    }

    .first-img-carousel .slideCount {
        right: auto;
        top: auto;
        left: 70px;
        bottom: -20px;
    }

    .first-img-carousel .slick-prev, .first-img-carousel .slick-next {
        height: 52px;
    }

    .featured .icon-block .icon-block-wrap {
        padding: 20px;
    }

    .featured .icon-block {
        margin: 50px auto 0 auto;
        padding: 120px 20px 0px 20px;
        height: 220px;
    }
  
  }

  
  /* // Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) { 
    .example {background: blue;}

    .direct-bookings .booking-benefits-wrap .offer-wrap .image-icon {
        width: 3vw;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap h4 {
        font-size: 12px;
      }

      .work-intro .tour-title {
		height: 75px;
	}

    .work-intro .room-size-wrap .midd-wrap {
        font-size: 13px;
        padding-left: 10px;
        width: 136px;
    }

    .work-intro .room-size-wrap .room-size {
        font-size: 14px;
        padding-right: 10px;
    }

    .work-intro .room-size-wrap .room-size span {
        font-size: 10px;
    }

    .work-intro .room-size-wrap {
        padding: 10px;
    }

    .room-size-arrow i {
        line-height: 0px;
    }

    .subheader-section article h1 {
        font-size: 65px !important;
        line-height: 58px !important;
    }

    .featured .icon-block .block {
        flex-basis: calc(100% / 3);
    }

    .featured {
        margin-bottom: 510px;
    }

    .features .features-list-wrapper ul li {
        font-size: 13px;
    }

    .container .work-grid-3 .work-item {
        width: 100% !important;
    }

    .work-intro .room-size-wrap .room-size-arrow {
        top: 26px;
    }

    .g-main .slick-prev::before, .g-main .slick-next::before {
        font-size: 56px;
    }

    .g-main .slick-prev {
        left: -14%;
        top: 41%;
    }

    .g-main .slick-next {
        top: 41%;
    }

    .slideCount .slideCountItem {
        font-size: 40px;
        width: 40px;
    }

    .slideCount {
        font-size: 18px;
    }
    
    .slideCount::after {
        top: 3px;
        left: 22px;
    }

    .g-main .slideCount {
        line-height: 10px;
        height: 25px;
        width: 60px;
        left: 7%;
    }

    .experiences .g-main .content-wrap h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .g-main .slick-slide {
        height: 328px;
    }

    footer .top-wrap {
        display: none;
    }

    .dining-text-wrap .parallax-cover-image-text {
        width: 60%;
    }

    #contact-box .content-wrap .content {
        height: 950px;
    }

    #contact-box .content-wrap .image-wrap {
        height: 950px;
    }

    #contact-box iframe {
        height: 550px;
    }

    
  
  }

  
  /* // Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) { 
    .example {background: orange;}

    .direct-bookings .booking-benefits-wrap .offer-wrap .image-icon {
        width: 3vw;
    }

    .direct-bookings .booking-benefits-wrap .offer-wrap h4 {
        font-size: 1.2vw;
      }

      .work-intro .tour-title {
		height: 75px;
	}

    .work-intro .room-size-wrap .midd-wrap {
        font-size: 13px;
        padding-left: 10px;
        width: 136px;
    }

    .work-intro .room-size-wrap .room-size {
        font-size: 14px;
        padding-right: 10px;
    }

    .work-intro .room-size-wrap .room-size span {
        font-size: 10px;
    }

    .work-intro .room-size-wrap {
        padding: 10px;
    }

    .room-size-arrow i {
        line-height: 0px;
    }

    .subheader-section article h1 {
        font-size: 65px !important;
    }

    .featured .icon-block .block {
        flex-basis: calc(100% / 3);
    }

    .featured {
        margin-bottom: 510px;
    }

    .features .features-list-wrapper ul li {
        font-size: 13px;
    }

  }

  
  /* // Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) { 
    .example {background: pink;}


   }