/*Dining*/
.mobile .widget-wrapper[data-widget-id="2123884"] .col-xs-12, .mobile .widget-wrapper[data-widget-id="2112158"] .col-xs-12, .mobile .widget-wrapper[data-widget-id="2112162"] .col-xs-12, .mobile .widget-wrapper[data-widget-id="2112160"] .col-xs-12 {
    background-image: url(https://res.cloudinary.com/simplotel/image/upload/x_0,y_0,w_2089,h_4753,r_0,c_crop,q_90,fl_progressive/w_400,f_auto,c_fit/barefoot-at-havelock/Dining_in_Havelock_Barefoot_at_Havelock_Resort_srtuin) !important;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 100px 40px;
}
.mobile .widget-wrapper[data-widget-id="2123884"] .col-xs-12 .img-responsive.image-content, .mobile .widget-wrapper[data-widget-id="2112158"] .col-xs-12 .img-responsive.image-content, .mobile .widget-wrapper[data-widget-id="2112162"] .col-xs-12 .img-responsive.image-content, .mobile .widget-wrapper[data-widget-id="2112160"] .col-xs-12 .img-responsive.image-content {
    display:none;
}

/*spa*/
.mobile .widget-wrapper[data-widget-id="2122065"] {
    background-image: url(https://res.cloudinary.com/simplotel/image/upload/w_2941,h_5000/x_0,y_0,w_2941,h_5000,r_0,c_crop,q_90,fl_progressive/w_400,f_auto,c_fit/barefoot-at-havelock/Spa_Image-01-01_c1jeio_mdsfiu) !important;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 100px 40px;
}
.mobile .widget-wrapper[data-widget-id="2122065"] .col-xs-12 .img-responsive.image-content {
    display: none;
}
.mobile .clearfix.widget-wrapper[data-widget-id="2122065"] .btn.btn-forlink {
    float: none;
    font-weight: 300;
    letter-spacing: 4.8px;
    font-size: 14px;
    border-radius: 7px;
    background-color: white;
    border: none;
    width: 166px;
    padding: 18px 0;
    height: 50px;
    color: rgb(115, 108, 104)!important;
    text-transform: uppercase;
    margin-bottom: 130px;
}
.mobile .clearfix.widget-wrapper[data-widget-id="2122065"] .btn.btn-forlink span {
    color: rgb(115, 108, 104)!important;
}

.mobile .clearfix.widget-wrapper[data-widget-id="2122065"] .col-xs-12.one-col:last-child .btn {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    float: none;
    background-color: white;
    border: none;
    letter-spacing: 4.86px;
    font-size: 18px;
    padding: 50px 35px;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    line-height: 30px!important;
}
.mobile .clearfix.widget-wrapper[data-widget-id="2122065"] .col-xs-12.one-col:last-child .btn:before {
   content: "";
    width: 110%;
    height: 110%;
    display: block;
    position: absolute;
    top: 0;
    left: -5%;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid white;
    border-radius: 50%;
}

/*Grid Css*/
.mobile .boxHolderForImg1 {
    height: 165px;
    width: 40vw;
    background-size: 250%;
}

.mobile .boxHolderForImg2 {
    height: 320px;
    width: 40vw;
    background-size: 450%;
}

.mobile .boxHolderForImg3 {
    grid-column: 1 / 2;
    grid-row: 5 / 7;
    height: 390px;
    background-size: 350%;
}

.mobile .boxHolderForImg4 {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    height: 240px;
    background-size: 390%;
}

.mobile .boxHolderForImg5 {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
    height: 266px;
    background-size: 220%;
}

.mobile .boxHolderForImg6 {
    grid-column: 2 / 3;
    grid-row: 3 / 5;
    height: 304px;
    background-size: 450%;
}

.mobile .boxHolderForImg7 {
    grid-column: 1 / 2;
    grid-row: 7 / 9;
    height: 226px;
    background-size: 350%;
}

.mobile .boxHolderForImg8 {
    grid-column: 2 / 3;
    grid-row: 6 / 8;
    height: 270px;
    background-size: 400%;
}

.mobile .boxHolderForImg9 {
    grid-column: 1 / 2;
    grid-row: 4 / 5;
    height: 160px;
    background-size: 250%;
}

.mobile .boxHolderForImg10 {
    grid-column: 2 / 3;
    grid-row: 8 / 9;
    height: 80px;
}

.mobile .gridClassHolder {
    width: 40vw;
    /*background-size: cover;*/
    background-repeat: no-repeat;
}

.mobile .gridStructureHolder {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: auto auto;
}
.mobile .clearfix.widgetwrapperHolder {
    padding: 100px 0 80px;
}
.mobile .clearfix.widgetwrapperHolder .one-col {
    padding: 0 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile .textContentHolder{
    font-size: 12px;
    letter-spacing: 2.2px; 
}
.mobile .nav-wrap .navBtnBorder .min-price-div{
   display: flex; 
   justify-content: center;
}
.min-price-div .price-msg {
    padding: 0px 3px;
}









.deal-wrap {
    display: none !important;
}