/* Media queries preserved in original order; rules within each sorted alphabetically. */


/* ------- New updates here -------------------- */


#CampingFilters{
		width:100%
}

#left_col_list {
    width:33%;
    max-width:250px;
    float:left;
}

.lft_information_col {
    width:220px;
    display:block;
    font-size:12px;
    white-space:normal;
    margin:8px;
}

.right_content {
    width:66%;
    float:right;
}

/* ------- New updates here -------------------- */


@media (max-width:1500px) {
	body{background-color:lightblue;
	.content-box, footer {
			position: relative;
			max-width: 70em;
			padding-right:55px;
			margin: 0 auto;
			display:block;
   }
}

@media (max-width:1390px) {
	body{background-color:pink;
	#SitesSlideOut{
    		right:0px;
    		top:247px;
    }
}

@media (max-width:1245px) {
    body{background-color:orange;
  
    .mapGridBox_grid {
        width:auto;
    }

    .mapGridBox_map {
        width:auto;
    }
}

@media (max-width:1041px) {
	body{background-color:violet;
		 .right_content {
    width:41em;

}
    .google_map {
        width:41em;
    }
}    
    

@media (max-width:1015px) {
		 body{background-color:teal;
 		.google_map {
        width:37em;
    }
		
		#marquee_tile_1 {
        display:none;
    }

    #marquee_tile_2, #marquee_tile_3 {
        display:inline-block;
    }

    .marqueeTileContainer {
        display:inline-block;
    }
}

@media (max-width:994px) {
body{background-color:green;
   

    .desk_page_top {
        height:100px;
    }

    .ghosted_fat_title {
        font-size:33px;
    }
}

@media (max-width:992px) {

    body{background-color:yellow;
    .responsive-right-col {
        display:inline-block;
        vertical-align:top;
    }
}

@media (max-width:985px) {
body{background-color:gray;
    #ico_nav_camping, #ico_nav_day_use, #ico_nav_facility {
        width:85px;
    }

    .date_cell {
        font-size:.5em;
    }

    .nav_btn_circle {
        width:85px;height:85px;margin-right:0px;
    }

    .navBar {
        margin:auto;
        width:550px;
        font-size:13px;
        text-align:center;
    }

    .SBCtitles {
        font-size:14px;width:125px;
    }

    .thin-open-med {
        font-size:12px;
    }
}

@media (max-width:930px) {
body{background-color:brown;
    #SitesSlideOut{
    		right:8px;
    }
    		
    #left_col_list {
       width:170px;
       max-width:170px;
       min-width:170px;
       overflow:hidden;
    }
    
    #currentOrderPageTitle {
        height: 110px;
        padding-left: 40px;
        background: url(/assets/images/ico_cart_basket_white.png ) no-repeat;
        background-position: left;
        background-size: 30px 30px;
    }

    #marquee_tile_1 {
        display:none;
    }

    #marquee_tile_2 , #marquee_tile_3 {
        display:inline-block;
    }

    #searchBtn {
        display:none;
    }

    #topBarDiv {
        width: 260px;
        margin: auto;
        position: absolute;
        right: 20px;
        text-align: left;
        padding: 30px 22px;
        border-radius: 22px;
        border: 2px solid #FFFFFF;
        top: 70px;
        z-index:999999;
        font-size: 1.2em;
        vertical-align: middle;
    }

    #topBarDiv>img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
        width: 45px;
    }

    #topBarDiv>label {
        font-size: 15px;
    }

    .big-class-price {
        font-size:22px;
    }

    .BigBtn {
        margin:6px;
    }

    .card-col-img {
        width:300px;
        display:inline-block;
    }

    .central-body {
        display:block;
        width:100%;
    }

    .columns_two {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    .content-box {
        background: none;
        margin: 8px auto;
    }

    .custom_mbl_foreground {
        color:#FFFFFF;
    }

    .da-slide p {
        width: 100%;
    }

    .da-slider {
        width: 100%;
        max-width:1259px;
        min-width: inherit;
        min-height: 254px;
        margin-bottom: 8px;
    }

    .faq_body {
        color:white;
    }

    .faq_container {
        color:white;
        border-radius:10px;
        margin-bottom:20px;
    }

    .ghost_title {
        font-size:20px;
    }

    .ghost_title_lg {
        font-size:30px;
    }

    .ghost_title_med {
        font-size:17px;
    }

    .gutter {
        padding-right: 0px;
    }

    .liteBackground {
    }

    .liteBackground TR>TD {
        color: #000000;
        font-size: 11px;
        white-space: normal;
    }

    .mapCard .card-col {
        border-bottom:8px solid #AADE79;
    }

    .marqueeTileContainer {
        display:inline-block;
    }

    .mbl_white {
        color:white !important;
    }

    .mblDetailsBtn {
        display: block;
    }

    .modal-width {
        width:90% !important;
    }

    .mousetrail-Desk {
        display: block;
    }

    .mousetrail-MBL {
        display: none;
    }

    .nav-mbl {
        margin-bottom: 8px;
    }

    .nav-mbl-action>img {
        width: 45px;
    }

    .nav-mbl>img {
        vertical-align: middle;
        margin-right: 7px;
    }

    .navBar i {
        display:none;
    }

    .online-price {
        font-size:22px;
    }

    .pannel_programs_list {
        width:100%;
    }

    .placeStyle {
        top:0px;
    }

    .placeStyle {
        line-height:60px;
        font-size:32px;
    }

    .prodGrid3 {
        width:100vw;
        margin-right:0px;
        margin-bottom:0px;
    }

    .responsive-right-col {
        width:255px;
        display:inline-block;
        vertical-align:top;
    }

    .sameAsNextField {
        	-webkit-transform: rotate(90deg);
        	-moz-transform: rotate(90deg);
        	-o-transform: rotate(90deg);
        	-ms-transform: rotate(90deg);
        	transform: rotate(90deg);
    }

    .siteNameStats {
        max-width:100%;
    }

    .td_label, .td_label_manditory {
        min-width:88px;
    }

    .top_info_bar {
        float:none;
        width:200px;
    }

    .varibleWidtSlider, .responsive-left-content {
        max-width:580px;
        display:inline-block;
        vertical-align:top;
    }

    .varibleWidtSlider, .responsive-left-content {
        width:475px;
        display:inline-block;
        vertical-align:top;
    }

    .welcome_msg_div {
        display:none;
    }

    .welcome_msg_div {
        display:none;
    }
}


@media (max-width:864px) {
	body{background-color:red;
    #SitesSlideOut{
    		right:-40px;
    		top:190px;	
    }
    
    .google_map {
        width:100vw;
        height:500px;
    }
    
     
		#left_col_list {
        display:none;
    }
    .right_content {
        float:none;
        width:97vw;
        margin:auto;
    }
    #marquee_tile_1 {
        display:none;
    }

    #marquee_tile_2 {
        display:none;
    }

    #marquee_tile_3 {
        display:inline-block;
    }

    .marqueeTileContainer {
        display:inline-block;
    }

    .pannel_programs_list {
        width:50%
    }
}

@media (max-width:780px) {
body{background-color:green;
    #marquee_tile_1 {
        display:none;
    }

    #marquee_tile_2 {
        display:none;
    }

    #marquee_tile_3 {
        display:inline-block;
    }

    .marqueeTileContainer {
        display:none;
    }
}

@media (max-width:750px) {
		body{background-color:blue;
    #mbl-footer-bar {
        border-top:1px solid #000000;
        position:fixed;
        bottom:0px;
        height:58px;
        width:100vw;
        background-color:#FFF;
        display:block;
        padding-top:10px;
    }

    .BigBtn, .btn {
        font-size:20px;
    }

    .card-col-img {
        width:100%;
        display:block;
        border-radius:16px;
    }

    .columns_two {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    .responsive-right-col {
        width:100%;
        display:inline-block;
        vertical-align:top;
    }

    .ui-datepicker, .ui-datepicker table {
        width:auto;
        max-width:366px;
        font-size: 1.7em;
        z-index:999999;
    }

    .varibleWidtSlider, .responsive-left-content {
        width:100%;
        display:inline-block;
        vertical-align:top;
    }
}

@media (max-width:700px) {
    body{background-color:silver;
    #parkNameBox{
				font-size:1.2rem;
		}
    #cal_date_selectors {
        margin-top:30px;
    }

    #left_col_list {
        display:none;
    }

    #mbl_page_name {
        display:inline-block;	
    }

    #mblParkName {
        display:block;
    }

    #parksMblBox {
        display:block;
        width:300px;
        margin:auto;
        text-align:center;
        margin-bottom:100px;
    }

    #program_activies_toc {
        display:none;
    }

    .custom_date_start {
        font-size:20px !important;
    }

    .da-slide {
        position:relative;
    }

    .desk_content {
        margin-bottom:10px;
    }

    .ghosted_fat_title {
        display:none;
    }

    .minorMenuDiv {
        display:none;
    }

    .navBar {
        display:none;
    }

    .pub_parkarea_label {
        display:inline-block;	
    }

    .pub_parkarea_tabs {
        top:0px;
        left:0px;
        height:170px;
        display:block;
        position:relative;
        width:300px;
        margin:auto;
    }

    .pub_parkarea_tabs_grid {
        left:170px;
        top:0px;
    }

    .pub_parkarea_tabs_map {
        left:8px;
        top:0px;
    }
    
    .ui-datepicker {
        margin-top: 12px; 
        margin-left: 0px; 
    }

    .ui-datepicker table {
        font-size:.9em;
    }
}

@media (max-width:650px) {
body{background-color:orange;
    .BigBtn, .btn {
        font-size:14px;
    }

    .left-col {
        width:100%
    }

    .pannel_programs_list {
        width:100%
    }
}

@media (max-width:643px) {
body{background-color:pink;
    .right_content {
        width:97vw;
    }
}

@media (max-width:634px) {
body{background-color:blue;
		#SitesSlideOut{
			top:248px;
		}	
		.logo{
			display:none;
		}	

}
@media (max-width:480px) {
body{background-color:purple;
    #mbl-footer-bar {
        display:block;
        border-top:1px solid #000000;
        position:fixed;
        bottom:0px;
        height:58px;
        width:100vw;
        background-color:#FFF;
        padding-top:10px;
    }

    .desk_page_top {
        height:80px;
        margin-bottom:0px;
    }

    .left-col {
        width:100%
    }

    .MBL_header_title {
        color:#0F869B;
        font-size:18px;
    }

    .pannel_programs_list {
        width:100%
    }
}