/* ##### MOBILE STYLING FOR ONLINE RESERVATIONS ##### */
body.gomobile > div#wrap{position:fixed;overflow:scroll;}
@media only screen and (max-width: 480px) {

}
@media only screen and (min-width: 320px) and (max-width: 600px) {
    body div#modal{box-shadow:none;}
    body div#modal > div.content{overflow-y:scroll;}
    
    body div#modal > div.content .hl1,
    body div#modal > div.content .hl2,
    body div#modal > div.content .hl3,
    body div#modal > div.content .hl4,
    body div#modal > div.content .sh1,
    body div#modal > div.content .sh2,
    body div#modal > div.content .sh3,
    body div#modal > div.content .sh4 {line-height:100%;}
    
    body div#modal > div.content p{line-height:120%;}
    body div#modal > div.content{width:94vw;margin:3vw;padding:0 3vw;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;}
    body div#modal > div.content div.table.found_trips{width:100%;}
    body div#modal > div.content div.table > div.row{font-size:90%;}
    body div#modal > div.content div.table.checkout > div.row{overflow:hidden;}
    body div#modal > div.content div.table.checkout > div.row > div{margin-bottom:-99999px;padding:.25% .5% 99999px .5% !important;position:relative;}

    body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.gearrental > div:nth-child(1),
    body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row.totals > div:nth-child(1){width:75%;}

    body div#modal > div.content div.blocks.whosgoing{}
    body div#modal > div.content div.blocks.whosgoing span{width:100%;margin:0 0 2% 0;float:left;}
    body div#modal > div.content div.blocks.whosgoing span > label{display:inline-block;}
    body div#modal > div.content div.table.found_trips > div.row > div span.icon.dos{margin:2px 3px 0 -10px;float:left;}

    body div#modal > div.content div.blocks.dates_of_trip{}
    body div#modal > div.content div.blocks.dates_of_trip p{margin:0 0 5px 0;}
    body div#modal > div.content div.blocks.dates_of_trip p > label{width:20%;margin:0 10px 0 0;float:left;text-align:right;}

    body div#modal > div.content div.blocks.table{}
    body div#modal > div.content div.blocks.table > div.row{}
    body div#modal > div.content div.blocks.table > div.row > div{width:100%;}
    body div#modal > div.content div.blocks.table > div.row > div > p > label{width:22%;float:left;text-align:right;}

    body div#modal > div.content input.med, body div#modal > div.content select.med{width:30%;}

    body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div{width:15%;}
    body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(2){width:10%;}
    body div#modal > div.content div.blocks.trip_totals div.table.checkout > div.row > div:nth-child(3){width:40%;}

    body div#modal > div.content div.table.stripeinfo div.StripeElement{width:100%;}

    /* MOVE CRISP CHAT LINK OUT OF WAY */
    body div.crisp-client div#crisp-chatbox{}
    body div.crisp-client div#crisp-chatbox a.cc-1m2mf{right:auto !important;left:45% !important;bottom:6px !important;}


    body div#modal ul.blocks,
    body div#modal ul.blocks > li,
    body div#modal ul.blocks.gridB,
    body div#modal ul.blocks.gridB > li,
    body div#modal ul.blocks.gridC,
    body div#modal ul.blocks.gridC > li,
    body div#modal ul.blocks.gridD,
    body div#modal ul.blocks.gridD > li{width:100%;}
    
    
    body div#modal > div.content div.promo.janfeb25 ul li img.insetimage{width:95%;margin:0;}
    
    body div#modal > div.content div.dayresult span.special.janfeb25{width:auto;margin:-6px 0 10px 0;float:right;transform:rotate(2deg);position:relative;}

}