@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1200px) {
#map_page_container{ width:100%}	
#map_page_listing_container{ width:100%; margin-left:0px; padding-left:0px}
#filter{ margin-left:0px}
#premium_listing_container{ width:100%}
#premiun_listing_title{ width:100%}
#premium_listing_box_cont{ width:100%}
.premium_listing_cont{ width:44%}
.premium_box_title{ width:100%}
.premium_box_text_cont{ width:76%}
#basic_listing_container{ width:100%}
#basic_listing_title, #campground_title{ width:100%}
#basic_listing_box_cont{ width:100%}
#basic_listing_title, #campground_title{ width:100%!important}
.premium_listing_cont:hover{ width:44%}
.basic_listing_box, #campground_box{ width:32%!important}
}

@media screen and (max-width: 1024px) {
	#navigation{ max-width:620px;}
	#navigation li { width:24%}
	#navigation a img{ width:100%}
	iframe{ width:98%}
	#slides{ width:100%}
	.slides_container{ width:100%}
	
	#main_container_inner #section_middle{ max-width:660px}
	#home_banner_img_cont{ max-width:450px}
	#home_banner_img_cont img{ height:auto}
	#banner_map_mid img{ height:auto}
	#white_pass_cont{ max-width:450px}
	.slide{ width:100%; float:left}
	.slides_control{ width:auto!important}
	#footer_right{ max-width:268px;}
	#footer_logo{ width:95%}
	#footer_logo img{ width:100%; height:auto}
	#main_container_inner #section_middle_inner{ max-width:660px}
	#section_middle_inner #banner_inner img{ width:100%; height:auto}
	.premium_box_text_cont{ width:69%}
	.basic_listing_box, #campground_box{ width:48%!important}
	.map_select_option{ width:100%}
	.map_other_fields{ width:100%}
	.map_form_button{ width:100%}
	.map_checkbox_field{ width:50%}
	.bywaycomuniities_sec .left_sec{ max-width:370px}
	.eventCalender_sec_right{max-width:400px}
.roadtrip_sec_right{ max-width:none; text-align:center; margin-top:15px; margin-bottom:15px; float:none; margin:auto}
.caption-right2{ float:none; text-align:left; margin:auto}
.img_sec img{ width:100%; margin:0px}
.hiking_res_image .fll{ float:none}
.roadtrip_sec_left{max-width:none!important}
.hiking_res_image{ width:100%; float:left; text-align:center}
#bywaymap_img_shadow img{ width:auto}
#bywaymap_img_shadow{ text-align:left}
#photoGallery-picWrapper .photoGallery-picCon { width:100%!important}
	}

@media screen and (max-width: 800px) {
	#byway_map_img img{ width:100%}
	
	#main_container_inner #section_middle{ margin-left:0px; max-width:none}
	#navigation{ display:none;}
	#logo_container{ top:50px; float:none; margin:auto}
	#footer{ height:auto; background-size:cover}
	#footer_left{ background-image:none; max-width:none}
	#footer_right{ float:none; margin:auto; text-align:center}
	#footer_address{ text-align:center; padding-left:10px}
	#main_container_inner #section_left{ padding-top:90px; float:none; margin:auto; max-width:none; width:98%}
	#logo_container img{ width:100%}
	#left_menu .top{ width:200px}
	#media_buzz_top #title{ background-position:left bottom}
	#media__buzz_links ul li{ background-position:left bottom}
	#media_buzz_cont{ margin-top:6px}
	#home_banner_img_cont{ display:none}
	#banner_map{ display:none}
	#weather_graphic{ display:none}
	#white_pass_cont{ margin:auto; float:none; margin-top:10px}
	#main_container_inner #section_right{ text-align:center; max-width:none; margin-left:0px; padding-top:42px}
	#section_right_inner{text-align:center!important; max-width:none!important; margin-left:0px!important; display:none!important}
	.home_search_in{ width:201px; margin:auto; float:none}
	.main_cont{ padding-right:8px}
	.res_deactivate_menu{ display:block}
	.display_none{ display:none}
	.pagination{ float:none; margin:auto; padding-left:0px}
	.vid_iframe{ float:left}
	#left_menu{ float:none; margin:auto; width:310px; margin:10px auto; border:0px; background-color:transparent!important}
	#readmoreone{ display:block;}
	#readmoresecond{ display:block}
	#readmorethird{ display:block}
	.readmore1{ display:none}
	.readmore2{ display:none}
	.readmore3{ display:none}
	#main_container_inner #section_middle_inner{ width:100%; max-width:none; margin-left:0px}
	 #section_middle_inner{ padding-top:0px!important}
	 
	 .roadtrip_sec_left{ max-width:440px}
	 	.bywaycomuniities_sec .left_sec{ max-width:440px}
		#main_container_inner #section_right{ display:none}
		.img_sec img{ width:auto}
		.main_cont_detail #bywaymap{ margin-left:0px; max-width:none; float:left; margin-bottom:0px; margin-top:20px}
		#bywaymap_download_btn{ text-align:left}
		.leftright_images{ width:100%; float:left; text-align:center}
		.app_btn{ width:50%}
	
	.donate_today{ float:none;}
	}
@media screen and (max-width: 640px) { 
	#footer_left ul{ width:100%; text-align:center}
	.vid_iframe{ margin-left:0px}
	#footer_right{ float:none; margin:auto}
	#footer_address{ text-align:center}
	.premium_listing_cont{ width:100%}
	.premium_listing_cont:hover{ width:100%}
	.premium_box_title{ background-position: left bottom}
	.basic_listing_box, #campground_box{ height:auto!important}
	#map_page_container{ margin-left:0px!important}
	.image_gallery_box_cont{ width:60%}
	.divider_responsive img{ width:100%}
	.bywaycomuniities_sec .left_sec{ max-width:none}
	.bywaycomuniities_sec .right_sec{ max-width:none; text-align:center}
	.eventCalender_sec_right{max-width:none; border-bottom:dashed 1px #454545; padding-bottom::10px; margin-bottom:10px}
	.eventCalender_sec_left{ display:none}
	.main_cont_detail #bywaymap{ max-width:none; margin-left:0px; margin-bottom:0px}
	 .roadtrip_sec_left{ max-width:none;}
	 
	 #campground_title{ margin-top:20px}
	 	.full_wid_table table{ width:100%; margin:0px!important; text-align:center}
		.full_wid_table p{ float:left; width:100%}
		.press_class{ width:100%; float:left}
.press_class2{ width:100%; float:left}
.press_class2 img{ width:100%!important}
.contact_us_form table input[type="text"]{ width:100%}
.contact_us_form  textarea{ width:100%}
#logo_container{ top:0px}
#logo_container img{ position:static}
.activties_sec{ width:100%; margin-bottom:10px}
.activties_sec .discriptins_sec{ text-align:center}
.caption-right2{ float:none}
.img_sec{ display:block; clear:both; width:100%; text-align:center; max-width:none;}
.img_sec img{ float:none}
.slides_container img{ width:100%; height:112px}
	.plan_table{ width:100%;}
		.plan_table p{ float:left; width:100%}
		.plan_table .img_res{float:left; width:100%; text-align:center}
		.plan_table .img_res img{ margin:auto; float:none!important}
		.image_res_sec{ width:100%; float:left; text-align:center}
		.image_res_sec img{ float:none; margin:auto}
		.winter_links a{ word-wrap:break-word}

.hiking_res_image .fll{ float:none; margin:auto}
.images_375 img{ margin:auto!important; float:none; height:auto}
.caption-right{ width:100%}
		.caption-left{ width:100%}
		.issuuembed{ float:left; width:100%!important; margin:15px 0px}
		.roadtrip_sec_left strong a{ float:left; width:100%; line-height:30px}
		.ul_left{ float:left; width:100%}
		.activties_sec{ padding-right:0px}
}
@media screen and (max-width: 480px) {
	.image_gallery_box_cont{ width:100%}
	.newsletter_sec{ width:100%!important}
	.img_res{ width:100%; margin:0px; height:auto}
.images_375{ max-width:none}
	/*.caption-right2{ float:none}*/
	#logo_container img{ width:100%; height:auto}
	.app_mobile_sec{ width:100%; text-align:center}
	}

@media screen and (max-width: 360px) {
	.map_checkbox_field{ width:100%}
	#logo_container{ left:8px}
	.full_wid_table table img{ width:100%}
	#logo_container{ width:90%}
	 }
@media screen and (max-width: 320px){
	.image_gallery_box_cont .image_sec img{ width:100%}
	
	.app_mobile_sec img{ width:100%; height:auto}
	.bottom_app_btn img{ width:95%}
	#left_menu{ width:auto}
	.app_btn img{ width:95%}
	}
	
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .display_none { display:none} /* your css rules for ipad portrait */
  #main_container_inner #section_left #search input[type="submit"]{ margin-left:-5px}
  #logo_container{ top:0px}
  #logo_container img{ position:static}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .display_none {display:none } /* your css rules for ipad landscape */
  #main_container_inner #section_left #search input[type="submit"]{ margin-left:-5px}

}