/*
    Created on : Apr 21, 2020 11:14:34 am
    Author     : dumidu.kodithuwakku@ebeyonds.com
*/

:root {
    --xxs: 8px;
    --xs: 12px;
    --s: 18px;
    --m: 24px;
    --l: 32px;
    --xl: 48px;
    --xxl: 64px;
    --xxxl: 120px;
}

@media (min-width: 1560px) {
    :root {
        --header-height: 156px;
    }
}







.r2g-contact-options .sm-label {
    display: none;
}







.booking-mask {
    width: 400px;
    display: flex;
    flex-direction: column;
    padding: 24px 36px;
}
.booking-mask .booking-mask-field {
    padding-bottom: 22px;
    margin-bottom: 22px;
}
.booking-mask h3 {
    margin-bottom: 37px;
}
.booking-mask .benifits {
    margin-top: auto;
    margin-bottom: 48px;
}
.booking-mask ul li {
    margin-bottom: 10px;
}







.r2g-rotator-main-strip .rotatorElement .slick-slide {
    margin-left: 25px;
    margin-right: 25px;
}







.main-visual-default .slogan h2 {
    font-size: 4.8rem;
}







.r2g-content-main-strip.text-align-center .content-wrapper {
    width: 955px;
}







.two-col-xlist-1366.without-gap .xlist-strip > .strip-xlist > .xList-item {
    width: calc(50% - var(--flex-items-gap) / 2);
}







.dine-details {
    display: flex;
    /*justify-content: flex-end;*/
}
.dine-details .content-wrapper {
    width: 578px;
}
.dine-details .info-box {
    width: calc(50% - 16px);
}







.slogan-position-bottom .main-visual-default .main-visual-slogan-wrapper {
    bottom: var(--xxxl);
}







.inquiry-with-form-section .xList-item.item-1 {
    width: calc(60% - var(--flex-items-gap)) !important;
}
.inquiry-with-form-section .xList-item.item-2 {
    width: calc(40% - var(--flex-items-gap)) !important;
}
.inquiry-with-form-section .xList-item.item-1 .r2g-form-sub-component {
    padding-right: 48px;
}







.blog-listing-wrapper .blog-items {
    width: calc(65% - 96px);
    padding-right: 96px;
}







.bg-cream {
    padding: var(--xxl) 0 84px;
}







.center-text {
    padding-top: 90px;
}







@media (min-width: 1560px) {
    .r2g-header.header-option-four {
        height: 132px;
    }
    .r2g-header.header-option-four .branding {
        width: 96px;
    }
    .r2g-header.header-option-four .header-bottom-bar {
        top: 23px;
    }
    .r2g-header .branding {
        top: -19px;
    }
    .r2g-header .main-menu .left-menu nav li {
        margin: 0 0 0 50px;
    }
    .r2g-header .main-menu .right-menu nav li {
        margin: 0 50px 0 0;
    }
    .r2g-header .main-menu nav > ul > li {
        padding-top: 27px;
        padding-bottom: 27px;
    }
    
    
    
    
    
    
    
    .full-width-image-xbox .flex-container {
        width: 400px;
    }
    .full-width-image-xbox.full-width-image-xbox-alt .flex-container {
        width: 500px;
    }
}