/* Min */
@media screen and (min-width: 481px) {
    .site-content {
        /* padding-top: 104px; */
        padding-top: 0px!important;
    }
}
@media screen and (min-width: 576px) {
    .col-sm-6 {
        width: 50%;
        flex: 0 0 auto;
    }
}
@media screen and (min-width: 768px) {
    .col-md-3 {
        width: 25%;
        flex: 0 0 auto;
    }
    .col-md-4 {
        width: 33.33333%;
        flex: 0 0 auto;
    }
    .col-md-5 {
        width: 41.66666667%;
        flex: 0 0 auto;
    }
    .col-md-6 {
        width: 50%;
        flex: 0 0 auto;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .mb-md-0 {
        margin-bottom: 0;
    }
    .d-md-flex {
        display: flex;
    }
    .ml-md-5 {
        margin-left: 3rem;
    }
    .text-md-start {
        text-align: left;
    }
    .text-md-end {
        text-align: right;
    }
    .d-md-block {
        display: block;
    }
    .pt-md-0 {
        padding-top: 0;
    }
    .pb-md-0 {
        padding-bottom: 0;
    }
    .pt-100 {
        padding-top: 60px;
    }
    .pb-100 {
        padding-bottom: 60px;
    }
    .py-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .flex-md-column {
        flex-direction: column;
    }
    .flex-md-row {
        flex-direction: row;
    }
    .site-header {
        padding-left: 30px;
        padding-right: 30px;
    }
    /* .site-header .site-branding {
        width: 20%;
    } */
    .image-caption-text:before {
        width: 80px;
        margin-right: 20px;
    }
    .amenities-icon {
        width: 60px;
    }
    .property-listing {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .property-detail, .our-team .slick-slide, .story-content  {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .counters .counter-box {
        padding-left: 50px;
        padding-right: 50px;
    }
    .welcome-msg .space70 {
        padding: 0;
    }
    .about-our-story figure, .about-our-story  .content {
        width: 50%;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
    }
    .about-our-story figure  {
        padding-right: 5rem;
    }
    .about-our-story .content p {
        max-width: 860px;
    }    
    .rooms-template-default .room-thumbnails .row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .rooms-template-default .room-thumbnails .col-half {
        padding-left: 4px; 
        padding-right: 4px;
    }
    /* .single-room .room-amenities .entry-detail {
        max-width: 680px;
        padding-right: 150px;
    } */
    .faq-content {
        padding-right: 15px;
    }
    .faq-frame figure img{
        height: 600px;
    }
    .error-404 {
        max-width: 500px;
    }
    .our-story-wrapper .alignwide .our-story-box + .our-story-box {
        padding-top: 5rem;
    }
    .our-story-wrapper .alignwide .our-story-box .left, .our-story-wrapper .alignwide .our-story-box .right {
        display: flex;
    }     
    .our-story-wrapper .alignwide .our-story-box:nth-child(2n) .right{
        order: 1;
    }
    .our-story-wrapper .alignwide .our-story-box:nth-child(2n) .left{
        order: 2;
    }
    .room-thumbnails .slick-slider img {
        height: 840px!important; 
    } 
    .property-listing-slider .slick-slide .property-image img {
        height: 340px;
        object-fit: cover;
    }
}
@media screen and (min-width: 992px) {
    .col-lg-3 {
        width: 25%;
        flex: 0 0 auto;
    }
    .col-lg-4 {
        width: 33.33333%;
        flex: 0 0 auto;
    }
    .col-lg-5 {
        width: 41.66666667%;
        flex: 0 0 auto;
    }
    .col-lg-6 {
        width: 50%;
        flex: 0 0 auto;
    }
    .col-lg-7 {
        width: 58.33333333%;
        flex: 0 0 auto;
    }
    .text-lg-start {
        text-align: left !important;
    }
    .text-lg-end {
        text-align: right !important;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .mb-lg-0 {
        margin-bottom: 0;
    }
    .d-lg-flex {
        display: flex;
    }
    .ml-lg-5 {
        margin-left: 3rem;
    }
    .d-lg-block {
        display: block;
    }
    .d-lg-none {
        display: none;
    }
    .pb-lg-0 {
        padding-bottom: 0;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-bottom: 80px;
    }
    .py-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .mb-80 {
        margin-bottom: 60px;
    }
    .px-lg-5 {
        padding-right: 3rem;
    }
    .site-header .primary-navigation, .site-header .site-action {
        width: 44%
    }
    .image-caption {
        padding-left: 70px;
    }
    .image-caption-text {
        padding-top: 0;
        position: absolute;
        transform: rotate(90deg) translateY(-100%);
    }
    .room-welcome-text {
        margin-right: 0;
        text-align: right;
    }
    .welcome-msg .space70 {
        padding: 0 75px;
    }
    .get-in-touch {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .contact-from {
        padding-left: 50px;
    }
    .get-in-touch img {
        height: 670px;
    }
    .site-header .site-branding {
        width: 12%;
    }
}
@media screen and (min-width: 1024px) {
    .story-content  {
        padding-left: 75px;
        padding-right: 75px;
    }
    .faq-content {
        padding-right: 60px;
    }    
    .rooms-template-default #secondary, .blog-wrapper #secondary {
        flex: 0 0 30%;
        max-width: 30%;
    }
    .rooms-template-default #secondary.sidebar-single-room, .blog-wrapper #secondary.sidebar-blog {
        flex-basis: 370px;
        max-width: 370px;
    }    
    .inner-sidebar {
        -webkit-sticky: sticky;
        position: sticky;
        top: 60px;
    }
}
@media screen and (min-width: 1200px) {
    .pb-xl-0 {
        padding-bottom: 0;
    }
    .col-xl-3 {
        width: 25%;
        flex: 0 0 auto;
    }
    .col-xl-4 {
        width: 33.333%;
        flex: 0 0 auto;
    }
    .pt-100 {
        padding-top: 100px;
    }
    .pb-100 {
        padding-bottom: 100px;
    }
    .py-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /* .slider, .slider-bottom-content {
        padding: 0 70px;
    } */
    .mb-80 {
        margin-bottom: 80px;
    }
    .site-header, .room-and-suite-listing  {
        padding-left: 50px;
        padding-right: 50px;
    }

    .room-and-suite-listing .alignwide {
        max-width: 100%;
    }
    .sidebar-right .inner-sidebar {
        padding-left: 30px;
    }
}
@media screen and (min-width: 1400px) {
    .property-listing-slider .slick-slide .property-image img {
        height: 480px;
    }
}


/* Max */
@media screen and (max-width: 1399px) {
    .award-section .slick-slide {
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .our-story-frame .responsive-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .our-story-frame .responsive-wrapper .image-wrapper {
        width: 50%;
        flex: 0 0 auto;
    }
    .our-story-frame .image-wrapper:first-child .image-wrapper-frame {
        padding-right: 1rem;
    }
    .our-story-frame .image-wrapper:last-child .image-wrapper-frame {
        padding-left: 1rem;
    }
}
@media screen and (max-width: 1199px) {
    .property-detail .property-image img {
        width: 100%;
        height: 420px;
        object-fit: cover;
    }
    .property-meta-description {    
        padding-bottom: 30px;
    }
    .rooms-template-default .property-meta-description {
        padding-bottom: 0;
    }
}
@media screen and (max-width: 991px) {
	.sub-menu {
		width: 100% !important;
		margin: 0 !important;
		padding: 15px !important;
	}
    .site-header .site-action {
        display: none;
    }
    /* .menu-button-container{
        padding-top: 0;
        top: 0;
        padding-bottom: 0;
    } */
    .menu-button-container {
        justify-content: flex-end;
        align-items: center;
    }
    .primary-navigation {
        top: 0;
    }
    .menu-button-container #primary-mobile-menu {
        margin-left: 20px;
    }
    .primary-navigation > .primary-menu-container {
        padding-left: 0;
        padding-right: 0;
        padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 62px + 5px);
    }
    .primary-navigation a {
        padding-left: var(--primary-nav--padding);
        padding-right: var(--primary-nav--padding);
    }
    .primary-navigation a:hover {
        color: var(--global--color-white);
        background-color: var(--color--primary);
    }
    .primary-navigation .sub-menu {
        border: 0;
        background-color: var(--bg-color-offwhite);
        margin-right: var(--primary-nav--padding);
    }
    .image-caption img {
        width: 100%;
        height: 420px;
        object-fit: cover;
    }
    .welcome-msg .space70 {
        padding-bottom: 50px;
    }
    .contact-from {
        padding-top: 50px;
    }
    .room-wrapper .inner-room-wrap {
        padding: 0;
    }
    .room-wrapper .room-detail {
        position: static;
        transform: none;
        -webkit-transform: none;
        max-width: 100%;
        padding: 25px;
    }
    .room-wrapper:nth-child(2n) .inner-room-wrap {
        padding-right: 0;
    }
    .room-thumbnails .large-thumb {
        border-radius: 10px 10px 0 0;
        margin-bottom: 8px;
    }
    .rooms-template-default .room-thumbnails .large-thumb img {
        height: 400px;
    }
    .room-thumbnails  .small-thumb {
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        border-radius: 0 0 10px 10px;
    }
    .rooms-template-default .room-thumbnails .small-thumb .item img {
        height: 200px;
        min-height: auto;
    }
    .slider-inner-content {
        padding: 30px;
    }
    .slider-inner-content .heading {
        font-size: 36px;
    }
    .slider-inner-content .sub-heading {
        font-size: 18px;
    }
    .slider-inner-content .btn-primary {
        font-size: 16px;
        padding: 10px 20px;
    }
}
@media screen and (max-width: 767px) {
    /* .menu-button-container{
        top: -14px;
    } */

   .w-sm-100{
    width: 100%;
   }

    .menu-button-container #primary-mobile-menu {
        margin-right: 12px;
        margin-left: 12px;
    }
    .quick-links, .quick-links .row > * {
        padding-left: 0;
        padding-right: 0;
    }
    .quick-links .row {
        margin-left: 0;
        margin-right: 0;
    }
    .site-footer {
        padding-bottom: var(--global--spacing-vertical);
    }
    .amenities-content {
        flex: none;
        padding-left: 0;
    }
    .amenities-description {
        margin: 0 auto;
    }
    .about-our-story {
        padding-top: 40px;
    }
    .about-our-story .content {
        max-width: var(--responsive--alignwide-width);
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 40px;
    }
    .slider-our-team figure, .slider-our-team .staff-owner, .slider-our-team  .staff-position {
        text-align: center;
    }
    .slider-our-team img {
        display: inline-block;
    }
    .slider-our-team  .staff-position {
        padding-bottom: 15px;
    }
    .our-story-wrapper figure {
        padding-top: 40px;
    } 
    .rooms-template-default .room-thumbnails .large-thumb img {
        height: 300px;
    }
    .rooms-template-default .room-thumbnails .small-thumb .item img {
        height: 100px;
    }
    .room-thumbnails  .small-thumb {
        grid-template-columns: repeat(2,1fr);
    }
    .inner-post-wrap .post-thumbnail {
        flex: 0 0 100%;
    }
    .inner-post-wrap .post-detail {
        padding: 25px;
    }
    .inner-post-wrap .post-thumbnail+.post-detail {
        border: 1px solid #eee;
        padding-right: 25px;
    }
    .error-buttons {
        justify-content: center;
    }
    .error-404 .search-form > label {
        text-align: left;
    }
    .image-caption-text {
        padding-top: 15px;
    }
    .our-story-wrapper .alignwide .our-story-box + .our-story-box {
        padding-top: 50px;
    }
    .slider-inner-content {
        display: block;
        padding: 30px 15px;
        text-align: center;
    }
	.slider-inner-content .heading {
    font-size: 25px;
    }

    .slider-inner-content .heading {
        margin-bottom: 8px;
    }
    .slider-inner-content .sub-heading {
        margin-bottom: 26px;
    }
    .press-card a img{
        width: 100%;
    }
    .page-id-1093 .section-page-title .page-title-cover img {
        object-position: center 58%;
    }
}

@media screen and (max-width:676px) {
    .single-room .room-amenities .list-amenities .grid {
        grid-template-columns: repeat(1,1fr);
    }
}

@media screen and (max-width: 481px) {
    .menu-button-container {
        padding-top: calc(0.72 * var(--global--spacing-vertical));
        padding-bottom: calc(0.72 * var(--global--spacing-vertical));
    }
    .rooms-template-default  #secondary, .rooms-template-default  #primary, .blog-wrapper  #secondary, .blog-wrapper  #primary {
        padding-left: 0;
        padding-right: 0;
    }
    .rooms-template-default .row, .blog-wrapper .row {
        display: block;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row > * {
        padding-left: 0;
        padding-right: 0;
    }
    /* .single-room .room-amenities .list-amenities .grid {
        grid-template-columns: repeat(1,1fr);
    } */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu-button-container .btn-primary {
        padding: 14px 10px !important;
    }
}