﻿/* Landscape phones and down */

@media only screen and (max-width : 639px) {

    #wings {
        width: 100%;
    }

    .hideForMobile {
        display: none;
    }


    iframe {
        display: none;
    }

    .fullPane iframe {
        display: block;
    }

    .grecaptcha-badge iframe {
        display: block!important;
    }
    .grecaptcha-badge {
        z-index: 10000;
    }

    .videos {
        width: 100%;
    }




    #woodPanelInsideWrapper {
        display: none;
    }

    #header {
        display: none;
    }


    #footer {
        display: none;
    }



    .insideSidePane, #dnn_SidePane {
        display: none;
    }

    .topContentPane, .RentNaRVPaneFrame {
        display: none;
    }    

    #searchWrapper {
        display: none;
    }


    #contentWrapperInside table {
        width: 100%;
        margin: 0;
        padding: 0;
    }



    .insideContentPaneWrapper {
        width: auto !important;
    }



    .insideContentPaneWrapper {
        vertical-align: top;
        text-align: left;
        background-color: none;
        padding-bottom: 0;
        width: auto;
        float: none;
    }

        .insideContentPaneWrapper .insideContentPane {
            padding: 0;
        }


            .insideContentPaneWrapper .insideContentPane h3 {
                padding: 20px 0 0 0;
            }

    .page-title {
        float: none;
        width: auto;
        padding: 0 0;
    }

    .page-image {
        float: none;
        width: auto;
        padding: 0 0;
    }

    .insideContentPaneWrapper .insideContentPane .DnnModule-sfLocationssfLocationsList {
        display: none;
    }


    #contentWrapperInside {
        text-align: left;
        border-top: 0 solid #FFF;
        border-right: 0 solid #FFF;
        border-left: 0 solid #FFF;
        position: relative;
        width: 100%;
        background: #FFFFFF;
    }


    #sfShareThis {
        width: 200px;
        display:none;
    }



    .sfCategoriesList td {
        padding: 0;
        margin: 0;
    }



    .RVCategories {
        display: none;
        padding: 0;
    }



    h3.sfCategoriesListName {
        padding: 15px 0 15px 15px;
        text-transform: none;
        color: #fff;
    }

    .RVCategories h4 {
        display: block !important;
        padding: 15px 0 15px 15px;
        margin-top: -20px;
        color: #3b1f13;
        border: none;
        /* Gradient */
        background: #c4bda8;
        background: -moz-linear-gradient(top, #e8e3d0, #c4bda8); /*Mozilla*/
        background: -webkit-gradient(linear, left top, left bottom, from(#e8e3d0), to(#c4bda8)); /*Chrome, Safari:*/
    }



    .categoryListMobile {
        background: #f8f5ee;
        width: 100%;
    }

        .categoryListMobile img {
            text-align: center;
        }



    ul.brownBullet {
        padding: 0;
        margin: 0;
                  /*-moz-box-align: start;
    -moz-box-orient: vertical;
    align-items: flex-start;
    display: flex;
    flex-direction: column;*/
    }

        ul.brownBullet li {
            padding: 0 0 0 0;
            margin: 0;
            background-image: none;
            background-position: 0 10px;
            background-repeat: no-repeat;
            list-style-type: none;
        
        }



        


    /*li.stateSubCategoryId1   {order:1;}
    li.stateSubCategoryId2   {order:2;}
    li.stateSubCategoryId3   {order:3;}*/


    .RVCategories ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid #593424;
    }

    .RVCategories li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .RVCategories li a {
            display: block;
            padding: 12px 20px 12px 20px;
            font-size: 16px;
            color: #301e14;
            text-decoration: none !important;
            border-bottom: 1px solid #593424;
        }

            .RVCategories li a:hover {
                background: #dc2831 url(/Portals/_default/Skins/ElMonte/images/mobile/nav-arrow.png) 95% 50% no-repeat;
                color: #effbe7;
            }


    .categoryImageMobile {
        text-align: center;
        padding: 20px 0;
    }




    .sfCategoriesListName {
    }



    /*Gallery*/
    #sfPurchaseReview_PurchaseReviewGallery {
        margin-top: -20px;
        margin-top: 0;
        background: none !important;
    }

        #sfPurchaseReview_PurchaseReviewGallery #imagesWrapper img {
            width: 305px;
            height: auto;
        }


        #sfPurchaseReview_PurchaseReviewGallery #floorplansContainer img {
            width: 305px;
            height: auto;
        }

    .bottomTabs ul {
        display: none;
    }

    /*Gallery Specs*/
    #sfPurchaseReview_PurchaseReviewSpecs {
        margin-bottom: 30px;
    }

    #sfPurchaseReview_PurchaseReviewSpecs {
        position: relative;
        padding: 0 0;
    }

    .subCategory {
        font-weight: bold;
        font-size: 16px;
        padding: 10px 20px;
        background-color: #e6e0ce;
        margin-top: 1px;
    }

    .subCategoryContainer .subCategoryContainer {
        padding: 0px 20px;
    }

        .subCategoryContainer .subCategoryContainer table.attributeTable {
            padding: 0px 20px;
        }

    .subSubCategory {
        font-weight: bold;
        font-size: 16px;
        padding: 10px 0px;
        margin-top: 1px;
    }

    .imageDescription {
        font-size: 16px;
        padding-top: 0;
        font-weight: bold;
        text-align: center;
        z-index: 99;
        position: relative;
        /*background: #f7f5ee;*/
    }
    .homeDealsPane {
        display:none;
    }

    .attributeTable .attributeValue {
        color: #cc1920;
    }



    .DnnModule-sfPurchaseReviewsfPurchaseReview_PurchaseReviewGallery {
        border-bottom: 1px solid #583420;
    }



    #specTabs ul {
        padding: 0 0 0 10px !important;
        /*border-bottom:5px solid #3b2113;*/
    }

        #specTabs ul li a:link, #specTabs ul li a:visited {
            background: none !important;
            border: none !important;
            color: #392012 !important;
        }

    #specTabs li.ui-state-active {
        background: #392012 !important;
    }

    #specTabs ul li.ui-state-active a:link {
        color: #fff !important;
    }




    /* Component containers
----------------------------------*/
    .ui-widget {
        font-family: 'Segoe UI', Segoe, Helvetica, Arial;
        font-size: 13px;
    }

        .ui-widget .ui-widget {
            font-size: 1em;
        }

        .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
            font-family: 'Segoe UI', Segoe, Helvetica, Arial;
            font-size: 13px;
        }

    #datePicker .ui-widget-content {
        border: 0px solid #BFAF75;
        background: none;
        color: #333333;
    }

    #ui-datepicker-div.ui-widget-content {
        border: 0px solid #BFAF75;
        background: none;
        color: #333333;
    }

    .ui-widget-content a {
        color: #583420;
        text-decoration: none;
    }

    .ui-widget-header {
        border: 0px solid #D3B632;
        background: none;
        color: #583420;
        font-weight: bold;
        height: 29px;
    }

        .ui-widget-header a {
            color: #ffffff;
        }


    /*Locations*/
    .DnnModule-sfLocationListMobile {
        margin-top: -20px;
    }


    .sfLocationsList h3 {
        margin: 0;
        padding: 0;
    }

        .sfLocationsList h3 a {
            display: block;
            background: #fff;
            border-bottom: 1px solid #dc2831;
            text-decoration: none !important;
            padding: 10px 15px;
            font-family: Arial;
        }


            .sfLocationsList h3 a:hover {
                display: block;
                background: #dc2831;
                color: #fff;
            }

    .sfLocationsList ul {
        margin: 0;
        padding: 0 0 10px 0;
        background: #fff;
        border-bottom: 1px solid #dc2831;
    }


    .sfLocationsList li {
        margin: 0;
        padding: 0;
    }

        .sfLocationsList li a {
            padding: 10px 20px;
            display: block;
            text-decoration: none !important;
        }

                .sfLocationsList .region {
           background: #dc2831;
                  color: #fff;
            padding: 10px 15px;
            font-family: Arial;
            font-size:16px;
            cursor:pointer;
        }




    .brownHeadline h4 {
        display: block !important;
        padding: 15px 0 15px 15px;
        margin-top: -20px;
        margin-top: 0;
        color: #3b1f13;
        border: none;
        /* Gradient */
        background: #c4bda8;
        background: -moz-linear-gradient(top, #e8e3d0, #c4bda8); /*Mozilla*/
        background: -webkit-gradient(linear, left top, left bottom, from(#e8e3d0), to(#c4bda8)); /*Chrome, Safari:*/
    }





    /* sfRentAnRV */

    .reservationTabs {
        text-align: center;
        padding: 20px 0 0 0;
        border-bottom: 5px solid #f0d700;
        margin-bottom: 20px;
    }


    .divRangeStart {
        margin: 0 5px 0 0;
    }

    .divEndStart {
        margin: 0 0 0 5px;
    }

    .txtboxHeader {
        background: #c7c1ab;
        background: -moz-linear-gradient(top, #e5e0cd, #c7c0ad);
        background: -webkit-gradient(linear, left top, left bottom, from(#e5e0cd), to(#c7c0ad));
        -webkit-border-radius-: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        width: 100%;
        text-align: center;
        padding: 5px 0;
    }


    .txtRangeDate {
        color: #3c1100;
        background: #fff;
        border: none;
        font-size: 18px;
        font-weight: bold;
        width: 100%;
        text-align: center;
        padding: 15px 0;
        border-radius: 0;
        margin-top: -1px;
    }

    .bigRedButton {
        width: 100%;
    }



    a.citySelection:link, a.citySelection:visited {
        font-family: Arial;
        font-weight: bold;
        font-size: 16px;
        color: #fff;
        text-decoration: underline;
    }

    a.citySelection:hover, a.citySelection:active {
        color: #fff;
        text-decoration: none;
    }


    .stateSelectionTitle {
        padding: 15px;
        font-size: 20px;
    }


    .stateSelectionTableMobile a, .dropOffstateSelectionTableMobile a {
        color: #583420 !important;
        background: #fff;
        font-family: Arial !important;
        font-size: 17px !important;
        font-weight: normal !important;
        padding: 10px 15px !important;
        text-transform: uppercase;
        border-bottom: 1px solid #DC2831;
    }


        .stateSelectionTableMobile a:hover, .dropOffstateSelectionTableMobile a:hover {
            color: #fff !important;
            padding: 10px 15px !important;
            background: #dc2831;
        }

    .stateSelectionTableMobile td, .dropOffstateSelectionTableMobile td {
        border: none;
        margin: 0;
        padding: 0;
    }


    ul.cityLocations li.region {
        font-size: 17px;
        background: #f0d700;
        color: #dc2831;
        cursor:pointer;
        text-transform:uppercase;
    }

    .reserve .ModsfPurchaseReviewsfPurchaseReviewPurchaseReviewRVNotesC {
        display: none;
    }



    .locationsContent ul, .DropOffLocationsContent ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .locationsContent li, .DropOffLocationsContent li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: none;
        color: #fff;
        display: block;
        padding-bottom: 11px;
        padding-left: 30px;
        padding-right: 20px;
        padding-top: 12px;
        font-size: 16px;
        border-bottom-width: 0;
        border-bottom-color: #dc2831;
        border-bottom-style: solid;
        border-bottom: 1px solid #DC2831;
    }

        .locationsContent li:hover, .DropOffLocationsContent li:hover {
            background: none;
            color: #dc2831;
        }


        .locationsContent li a, .DropOffLocationsContent li a {
            color: #fff !important;
            text-decoration: none !important;
            border: none;
            padding: 0 !important;
            background: none;
        }


            .locationsContent li a:hover, .DropOffLocationsContent li a:hover {
                color: #dc2831 !important;
                text-decoration: none;
                padding: 0 !important;
                background: none;
            }



    #DropOffLocationsContent ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #DropOffLocationsContent li {
        margin: 0;
        padding: 0;
        list-style: none;
        background: #fff;
        color: #301E14;
        display: block;
        padding-bottom: 8px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 8px;
        border-bottom-width: 1px;
        border-bottom-color: #dc2831;
        border-bottom-style: solid;
    }

        #DropOffLocationsContent li:hover {
            background: #dc2831;
            color: #fff;
        }


        #DropOffLocationsContent li a {
            color: #301E14;
            text-decoration: none;
        }


            #DropOffLocationsContent li a:hover {
                color: #fff;
                text-decoration: none;
            }


    .normalReservation, .onewayReservation {
        float: none;
        display: inline-block;
        font-family: 'ChunkFiveRegular', 'Segoe UI', Helvetica, Arial;
        font-weight: normal;
        font-size: 16px;
        line-height: 35px;
        color: #fff;
        height: 35px;
        width: 45%;
        border: 0;
        margin: 0;
        margin-top: 0;
        text-align: center;
        cursor: pointer;
        border-radius: 0;
        text-transform: uppercase;
        background-color: #E9E4D2;
        border: 0 solid #D5CFBE;
        /*-webkit-box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.4) inset, 0 3px 0 0 #D5CFBE;*/ /* Safari and Chrome */
        /*box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.5) inset, 0 3px 0 0 #D5CFBE;*/
        background: -moz-linear-gradient(top, #E9E4D2, #C3BCA6);
        background: -webkit-gradient(linear, left top, left bottom, from(#E9E4D2), to(#C3BCA6));
        background: none;
    }

        .divTabSelected, .normalReservation:hover, .onewayReservation:hover {
            background-color: #f0d700 !important;
            color: #5a4025!important;
            border: 0 solid #730B0F;
            -webkit-box-shadow: none; /* Safari and Chrome */
            box-shadow: none;
            background: -moz-linear-gradient(top, #E31B23, #B5161C); /*Mozilla*/
            background: -webkit-gradient(linear, left top, left bottom, from(#E31B23), to(#B5161C)); /*Chrome, Safari:*/
            background: #f0d700 !important;
            -webkit-border-radius-: 5px 5px 0 0;
            -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
        }

            .divTabSelected:hover, .normalReservation:hover, .onewayReservation:hover {
                background-color: #f0d700 !important;
                border: 0 solid #730B0F !important;
                color: #5a4025!important;
                -webkit-box-shadow: none; /* Safari and Chrome */
                box-shadow: none;
                background: -moz-linear-gradient(top, #E31B23, #B5161C); /*Mozilla*/
                background: -webkit-gradient(linear, left top, left bottom, from(#E31B23), to(#B5161C)); /*Chrome, Safari:*/
                background: #f0d700 !important;
                top: 0;
            }


    #rentAnRV_Container .divPickupLocation { /*margin-top:43px;*/
    }

    #rentAnRV_Container .divPickupLocation, #rentAnRV_Container .divDropOffLocation,
    #rentAnRV_Container .divPickupDate {
        height: 42px;
        width: 309px;
        margin-left: 36px;
        margin-bottom: 12px;
    }

    #rentAnRV_Container .divPickupDate {
        margin-bottom: 8px !important;
    }

    #rentAnRVMini_Container .divPickupLocation, #rentAnRVMini_Container .divDropOffLocation {
        margin-top: 0px;
    }

    #rentAnRVMini_Container .divPickupLocation, #rentAnRVMini_Container .divDropOffLocation,
    #rentAnRVMini_Container .divPickupDate {
        height: 42px;
        width: 230px;
        margin-bottom: 10px;
    }

        #rentAnRVMini_Container .divPickupLocation.skinny, #rentAnRVMini_Container .divDropOffLocation.skinny,
        #rentAnRVMini_Container .divPickupDate.skinny, #rentAnRVMini_Container .divDropOffDate.skinny {
            height: 42px;
            width: 219px;
            margin: 0 auto 15px auto;
        }

    .pickUpLocationFloatContainer, .dropOffLocationFloatContainer,
    .pickupDateFloatContainer, .dropOffDateFloatContainer {
        background: none;
        width: 100%;
        min-height: 260px;
    }


    #rentAnRV_Container .divPickupLocation {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txt1.png) top left no-repeat;
    }

    #rentAnRVMini_Container .divPickupLocation {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplain.gif) top left no-repeat;
    }

    #rentAnRV_Container .divPickupDate, #rentAnRV_Container .divDropOffLocation {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txt2.png) top left no-repeat;
    }

    #rentAnRVMini_Container .divPickupDate, #rentAnRVMini_Container .divDropOffLocation {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplain.gif) top left no-repeat;
    }

        #rentAnRVMini_Container .divPickupLocation.skinny, #rentAnRVMini_Container .divDropOffLocation.skinny {
            background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplainSkinny.gif) top left no-repeat;
        }

        #rentAnRVMini_Container .divPickupDate.skinny {
            background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplainSkinny.gif) top left no-repeat;
        }


    #rentAnRV_Container .divPickUpLoationContainer, #rentAnRV_Container #rentAnRV .divPickupDateContainer,
    #rentAnRV_Container .divDropOffLoationContainer, #rentAnRV_Container #rentAnRV .divDropOffDateContainer {
        padding-left: 54px;
        padding-top: 8px;
        height: 42px;
        width: 309px;
        cursor: pointer;
    }

    #rentAnRVMini_Container .divPickUpLoationContainer, #rentAnRVMini_Container #rentAnRV .divPickupDateContainer,
    #rentAnRVMini_Container .divDropOffLoationContainer, #rentAnRVMini_Container #rentAnRV .divDropOffDateContainer {
        padding-left: 10px;
        padding-top: 8px;
        height: 42px;
        width: 220px;
        cursor: pointer;
    }

    #rentAnRV_Container .divPickUpLoationContainer .rentAnRVLabels, #rentAnRV_Container .divPickupDateContainer .rentAnRVLabels,
    #rentAnRV_Container .divDropOffLoationContainer .rentAnRVLabels, #rentAnRV_Container .divDropOffDateContainer .rentAnRVLabels {
        font-family: 'Segoe UI', Segoe, Helvetica, Arial;
        font-weight: bold;
        font-size: 16px;
        line-height: 25px;
        color: #583420;
        height: 25px;
        width: 200px;
        border: 0;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    #rentAnRVMini_Container .divPickUpLoationContainer .rentAnRVLabels, #rentAnRVMini_Container .divPickupDateContainer .rentAnRVLabels,
    #rentAnRVMini_Container .divDropOffLoationContainer .rentAnRVLabels, #rentAnRVMini_Container .divDropOffDateContainer .rentAnRVLabels {
        font-family: 'Segoe UI', Segoe, Helvetica, Arial;
        font-weight: bold;
        font-size: 13px;
        line-height: 25px;
        color: #583420;
        height: 25px;
        width: 170px;
        border: 0;
        display: inline-block;
        overflow: hidden;
        word-break: break-all;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    #rentAnRV_Container .pickUpRentActive, #rentAnRV_Container #rentAnRV .divPickUpLoationContainer:hover {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txt1_on.png) top left no-repeat;
    }

    #rentAnRV_Container .pickUpActive, #rentAnRV_Container #rentAnRV .divPickupDateContainer:hover,
    #rentAnRV_Container .dropOffRentActive, #rentAnRV_Container #rentAnRV .divDropOffLoationContainer:hover {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txt2_on.png) top left no-repeat;
    }

    #rentAnRVMini_Container .pickUpRentActive, #rentAnRVMini_Container #rentAnRV .divPickUpLoationContainer:hover,
    #rentAnRVMini_Container .dropOffRentActive, #rentAnRVMini_Container #rentAnRV .divDropOffLoationContainer:hover {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplainSkinny_on.gif) top left no-repeat;
    }

    #rentAnRVMini_Container .pickUpActive, #rentAnRVMini_Container #rentAnRV .divPickupDateContainer:hover {
        background: url(/Portals/_default/Skins/ElMonte/images/rentAnRV/txtplainSkinny_on.gif) top left no-repeat;
    }

    #rentAnRV_Container #rentAnRV {
        background: none;
        height: auto;
        width: 100%;
        position: static;
        top: 0;
        margin-top: -8px;
        z-index: 100;
        display: block;
        padding: 0 0 30px 0;
    }


    .oneWayBackground {
        height: auto !important;
        background: none !important;
    }





    #rentAnRV .title span, #rentAnRVMini .title span {
        display: block;
        font-family: 'ChunkFiveRegular', 'Segoe UI', Helvetica, Arial;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 28px;
        color: #583420;
        margin-top: 32px;
        margin-left: 48px;
    }

        #rentAnRV .title span.Head#Span1 {
            margin-top: 18px !important;
        }

    #rentAnRVMini_Container a.lilRedButton.medium,
    #rentAnRVMini_Container a.bigRedButton.medium,
    #rentAnRVMini_Container a.lilBrownButton.medium,
    #rentAnRVMini_Container a.bigBrownButton.medium {
        padding-left: 14px;
        padding-right: 14px;
        padding-left: 10px\9;
        padding-right: 10px\9;
    }



    .divPickupDate {
        display: none;
    }


    #datePicker {
        position: absolute;
        background: #fff;
        width: 100%;
        height: 650px;
        top: -73px;
        z-index: 999999999;
    }

    .startRange {
        text-align: center;
    }


    .startRangeClose {
        text-align: center;
        padding: 50px 0 20px 0;
        cursor: pointer;
    }


    .endRangeClose {
        text-align: center;
        padding: 50px 0 20px 0;
        cursor: pointer;
    }


    .locationAddress.red {
        color:#e31b23;
       
    }

     .locationLabel {
        /*display: none;*/
        position:absolute; top:35px;

    }

    #dnn_ctr551_sfLocationsDetail_pnlAddress {
        line-height: 20px;
    }


    a.hlGetDirections {
        line-height: 32px;
    }

    .divAddress {
        padding: 4px 0 0 0;
      
    }


    .divPhones {
        padding: 2px 0;
    }



    /*Full Skin*/

    .fullPane .locationRentMini {
        display: none;
    }


    /*.fullPane .locationMap {
        display: none;
    }*/

    /*Search*/

    .cityWrap {
        background: none;
        padding-bottom: 10px;
        padding-right: 0px;
        padding-left: 0;
    }

    .cityWrapPopular {
        background: none;
        padding-bottom: 10px;
        padding-right: 0px;
        padding-left: 0;
    }
    .insideContentPaneWrapper, .insideContentPaneWrapper .insideContentPane {
        background: none !important;
    }
    .insideSidePane {
        background-image: none!important;
    }
}
