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


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


#CampingFilters{
		width:100%
}

#left_col_list {
    vertical-align:top;
    max-width:220px;
		display:inline-block;
}

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


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


@media (max-width:1500px) {
	test-body{background-color:lightblue}
	.content-box, footer {
			position: relative;
			max-width: 88em;
			margin: 0 40px;
			display:block;
   }
   .centered-content{
		  max-width:var(--vw1500-page-width);
	}
}

@media (max-width:1390px) {
		test-body{background-color:pink;
		
}

@media (max-width:1289px) {
    test-body{background-color:orange}
  	
    #SitesSlideOut {
        top: -50px;
        right: 10px;
        display: none;
    }
		#SitesSlideOutTab{
  		right:-30px;
  	}
  	.centered-content {
    	margin-left: 6%;
    }
  	.data_table{
  		font-size:1em;
  	}
		
    .mapGridBox_grid {
        width:auto;
    }

    .mapGridBox_map {
        width:auto;
    }
}

@media (max-width:1060px) {
	test-body{background-color:violet}
		
		/*#SitesSlideOut{
			top:192px;
		}*/
		.centered-content{
  			margin-left:8px;
  	}

}    
    

@media (max-width:1015px) {
		 test-body{background-color:teal}
 		
		#left_col_list {
				width:190px;
				max-width:190px;
				min-width:190px;
		}
}

@media (max-width:994px) {
test-body{background-color:green}
   
    .ghosted_fat_title {
        font-size:33px;
    }

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

@media (max-width:985px) {
test-body{background-color:gray}

    .right_content {
        width:66vw;
        margin:auto;
    }

    .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;
    }

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

@media (max-width:930px) {
test-body{background-color:brown}
   
   	#leftColPrograms{
			display:none;
		}
    #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: 0px 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;
    }
}


@media (max-width:864px) {
	test-body{background-color:red}

    .right_content {
        width:90vw;
        margin:auto;
    }

		#left_col_list {
    		display:none;
    }	
     
    .google_map {
        width:95Vw;
        height:500px;
    }
    
   

    .pannel_programs_list {
        width:100%
    }
}

@media (max-width:780px) {
test-body{background-color:green}
    
   
}

@media (max-width:750px) {
		test-body{background-color:blue}

 

    .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) {
    test-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) {
test-body{background-color:orange}
    .BigBtn, .btn {
        font-size:14px;
    }
    
    .pannel_programs_list {
        width:100%
    }
}

@media (max-width:643px) {
test-body{background-color:pink}
    
}

@media (max-width:634px) {
test-body{background-color:blue}
		
		#CampingFilters, .park_name{
				margin-top:0;
		}

}
@media (max-width:480px) {
test-body{background-color:purple}
    
    
   
    .desk_page_top {
        height:40px;
        margin-bottom:0px;
    }

    .left-col {
        display:none;
    }

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

    .pannel_programs_list {
        width:100%
    }
}