@media (max-width: 991px) {
    span.ablock {
        position: relative;
        display: inline-flex;
        width: 76%;
    }
    .whats-float {
        bottom: 6%;
    }
    .mmb20 {
        margin-bottom: 20px !important;
    }
    .mmb30 {
        margin-bottom: 30px;
    }
    .mmb50 {
        margin-bottom: 50px;
    }
    .whats-float i {
        line-height: 50px;  
    }
    .whats-float a span {
        padding: 8px 0;
    }
    .room_facilities_list ul li {
        width: 100%;
        display: flex;
        align-items: center;
    } 
    .pricebox h1 {
        margin-bottom: 10px;
    } 
    img.pkg {
        margin-bottom: 30px;
    } 
}
@media (max-width: 1199px) {
.pricebox span.min {
    display: inline-block;
    margin-bottom: 11px;
}
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .pricebox {
        display: block;
    }
    .pricebox span.min {
    display: inline-block;
    margin-bottom: 11px;
}
}    
@media (min-width: 768px) and (max-width: 991px) {
    /*.pricebox {
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: space-between;
    }*/
    .pright {
        text-align: right;
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: flex-end;
        float: right;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pricebox {
        display: block;
    }
    .home a.box_contents {
        min-height: 490px;
    }
    .home a.box_contents {
        min-height: 400px;
    }
}    

@media (min-width: 768px) {
    

}    
@media (min-width: 992px) {
    img.itinerary {
        width: 60%;
        margin:  0 20px 0 0;
        display: block;
    }


    .whats-float a span {
        padding:14px 0;
    }    
    .whats-float i {
        line-height: 60px;  
    }
    .sheight {
        height: 100%;
    }    
  
    .whats-float {
        bottom: 15%;
    }
    .nwrapper h2 {
        min-height: 50px;
        margin-bottom: 10px !important;
    }

    .room_facilities_list ul li{
        width: 100%;
        display: flex;
        align-items: center;
    }

    .pright {
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: flex-end;
        flex-flow: row;
    }
}

@media (min-width: 1200px) {
    .home a.box_contents {
        min-height: 500px;
    }
    .home2 a.box_contents {
        min-height: 410px;
    }
}

@media (min-width: 1400px) {
    .pricebox {
        display: block;
    }
    .pright {
        text-align: right;
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: flex-end;
        float: right;
    }    
}

@media (max-width: 767px){
    .pright {
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: flex-end;
        flex-flow: row;
    }

    .action_div{
        flex-flow: column;
    }

    .flex-option-text{
        display: flex;
        flex-flow: column;
    }

    .font-small{
        font-size: 12px;
        font-weight: 450;
    }

    .flex-option-text > div.float-left{
        font-size: 14px;
    }

    .checkout_form input{
        margin-bottom: 0;
    }
}

@media (max-width: 575px){
    .ttd-carousel .owl-nav{
        width: 110px;
        right: -10px;
    }

    .ttd-carousel .owl-nav button.owl-next, 
    .ttd-carousel .owl-nav button.owl-prev, 
    .ttd-carousel button.owl-dot {
        border: none;
    }

    .ttd-carousel .owl-nav button.owl-next:hover, 
    .ttd-carousel .owl-nav button.owl-prev:hover, 
    .ttd-carousel button.owl-dot:hover {
        border: none;
    }

    .ttd-carousel .owl-nav button.owl-next.disabled:hover, 
    .ttd-carousel .owl-nav button.owl-prev.disabled:hover, 
    .ttd-carousel button.owl-dot.disabled:hover {
        border: none;
    }

    .grid-option-radio{
        grid-template-columns: repeat(1, auto);
    }

    label.radio-card .card-content-wrapper{
        grid-auto-flow: column;
        justify-content: flex-start;
        gap: 1rem;
    }

    label.radio-card .card-content{
        text-align: left;
    }
    label.radio-card .card-content h4{
        margin-bottom: 0;
    }

    .card-content small{
        text-align: center;
        display: block;
        margin-top: 10px;
    }
}