@charset "UTF-8";
/* CSS Document - Mobile Styles */
/******** Global Text Styles ********/
/******** Custom Site Styles ********/

@media all and (max-width: 800px) {

}
#offer-cta, #faq-cta, #latest-news-widget { height:auto; margin-bottom:20px; }
@media all and (max-width: 745px) {
    #homer-banner {height:395px !important;}
    #home-banner h1 {font-size: 2.2em !important;}
}

@media all and (min-device-width: 481px) and (orientation:portrait) {
    #home-banner { margin-bottom: 20px; }
    .rslides1 { display: none; }
    #home-video-guide { display: none; }
    #buyingvideonews .videocol { padding: 0; }
}

@media all and (max-width: 1010px) {
    #wizard .step3 p.tsandcs { width: 100%; margin: 0.2rem 0 0 0; }
    #wizard .step3 .nextbutton, #wizard .step3 .backbutton { margin: 0; }
    #feefobutton { clear: none }
    #wizard .step2 span { width: 60%; }
}

@media all and (max-width: 980px) {
    #wizard { height: 650px; }
    #wizard .fiftyperc { width: 100% }
    #wizard .vans select { float: left; margin: 0 0.3rem 0.3rem 0.3rem; }
    #wizard .nextbutton { margin-top: 0.5rem; }
}
@media all and (max-width: 920px) {
    nav .top-bar-section ul li a { padding: 0.7rem 0.8rem 0.7rem 0.7rem }
    #parklist .bottomrow img { display: none; }
    #parklist .bottomrow p { margin-left: 0; border-left-width: 0px }
}

@media only screen and (min-width : 600px) and (max-width : 603px) and (orientation: portrait) {
    h2.homeh2 { width: 222px!important; }
}

@media all and (min-width : 641px) and (max-width : 775px)
{
    #wizard .step2 span { font-size: 0.9em;  }
    #wizard .step2 label { font-size: 0.9em; margin-right: 0.2rem; }
}

@media all and (max-width: 800px) {
    #map p { width: 32%; }
    #feefobutton { clear: none; }
}
@media all and (max-width: 830px) {
    #floatbanner img { display: none; }
}
@media all and (max-width: 873px) {
    #buyingvideonews h2 { font-size: 1.2em; padding-bottom: 3.8rem; }
}
@media all and (max-width: 790px) {
    #buyingvideonews h2 { font-size: 1.0em; padding-bottom: 4.1rem; }
}
@media all and (max-width: 706px) {
    #buyingvideonews h2 { font-size: 0.9em; padding-bottom: 4.3rem; }
}

#map { height: 650px!important; }
#map { background: #23c2e2 url(/CMSTemplates/MyHolidayCaravan3.0/images/home/map-france.png) bottom left no-repeat; }
/******** Foundation Alternations ********/

/* Top Bar */
.contain-to-grid { top: 0; position: absolute; z-index: 999; width: 125px; }

.searchbar { padding: 10px 0; height: 60px; }
.searchbar h2, .homelogo { display: none; }
.userbar { height: 60px; }

nav { width: 100%; }
    nav ul li { display: block; float: none!important; }
        nav ul li a { padding: 0; background: none!important; display: block; color: #777!important; }
nav .top-bar-section ul { font-size:0.9em; }
    nav .top-bar-section ul li { padding: 0.5rem 1.0rem 0.5rem 2.2rem; }
    nav .top-bar-section ul li { padding: 0; }

.notestable td { display: table-row; }
.details tr td div.extrainfoinput { width: 45%; }
.details tr td div.extrainfoinputlast { width: 100%; }
    .details tr td div.extrainfoinputlast select, .details tr td div.extrainfoinputlast input { width: 30%; }
        .details tr td div.extrainfoinputlast select { float: left; margin-right: 20px; width: 45%; }

#banners h1 { font-size: 2.0em; width: 40%; }
#logo img { width: 24%; }

#map { overflow-x: hidden; }
#regionsmap { left: 0; }
#buyersguide-cupoftea { padding-bottom: 8rem; }

#parktabs a, #parktabs a#tabViewCaravans { padding: 1.2rem 1rem 1.2rem 1rem; background-image: none!important; }
#parktabs a#tabViewCaravans { background-image: none!important; }
#parkoverview, #vansforsale { border-top-width: 4px; }
#parktabs span { display: block; }