/* Responsive CSS For all Standard Breakpoints */

@media
only screen and (max-width : 479px) {
	  img[style="float: right; margin: 0 0 10px 10px;"], img.right20, div[style="text-align: right; float: right; margin: 0 0 10px 20px;"] img { width: 100%; }
	  .three-images > li { width: 100% !important; margin: 0 !important; }
	  #right_col_inner img { max-width: 100% !important; }
		.location-list > .neighborhood-links { width: 100%; float: none; margin-bottom: 30px; }
		.general-store-item { width: 100%; }
	  .general-store-item dt { width: 88%; }
	  .general-store-item dd { width: 12%; }
	  .general-store-item .long-price dt { width: 80%; }
	  .general-store-item .long-price dd { width: 20%; }
	#history_slider, #history_slider .orbit-wrapper, #history_slider #featured, #history_slider #featured .content { width: 100% !important; height: 200px !important; }

	}
	/* Tablet & Mobile CSS */
	@media only screen and (max-width : 991px) {

	#main, #footer, .center_width, #main_nav .center_width { width: 100%; }
	.center_width { padding: 0 15px; }
	#left_col { display: none; visibility: hidden; }
	#right_col { width: 100%; border: none; padding: 30px 30px 0 30px; }
	#right_col_inner { margin: 0; }
	.left_nav_box { margin: 0; text-align: left; }

	#p7menubar li ul { background: #FFF; z-index: 501; border-bottom: solid 3px #c8ad5c; margin-top: -1px; display: block; }
	#p7menubar li ul li a { padding: 2px 5px; margin: 0; line-height: 1.5; }
	#p7menubar li:last-child ul, #p7menubar li:last-child .dropdown-menu { right: 0; }

	#arch_images { width: 100%; }

	#bottom_link { width: 100%; margin: 4px 0 !important; }

	.btn-gold {
		margin-bottom: 10px;
		}



}



@media
only screen and (min-width : 480px) (max-width : 767px) {
#history_slider, #history_slider .orbit-wrapper, #history_slider #featured, #history_slider #featured .content { width: 100% !important; height: 350px !important; }
}

/* XS - Extra Small Devices */
@media
only screen and (max-width : 767px) {
/* Styles */

.visible-xs { visibility: visible !important; display: inline-block; }
.visible-xs-block { visibility: visible !important; display: block; }
.hidden-xs { visibility: hidden !important; display: none; }
img { max-width: 100%; height: auto; }
img[style="float: right; margin: 0 0 10px 10px;"], img.right20, div[style="text-align: right; float: right; margin: 0 0 10px 20px;"] { float: none !important; margin: 0 0 10px 0 !important; text-align: center !important; }
img.left20 { float: none !important; margin: 0 10px 0 0 !important; text-align: center !important; max-width: 100% !important; }
	img.left20[style="max-width: 250px;"] {  }

h1 br { display: none; }

.mobile-menu-button { display: block !important;  visibility: visible; width: 100%; text-align: center; color: #FFF; text-decoration: none !important; }

#reserve-btn { width: 100%; left: 0; top: 0 !important; background: #c8ad5c; text-align: center; }
#reserve-btn:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
#reserve-btn > a { height: 36px; vertical-align: top; line-height: 36px; border-right: solid 1px #ffe8a3; margin: 0 !important; padding-left: 5px; padding-right: 5px; }
#reserve-btn > a.pull-left { float: none; }
#reserve-btn .btn { display: inline-block; text-align: center; line-height: 1; padding: 5px 14px; margin-bottom: 0; }
#reserve-btn > a:last-child { line-height: 26px; border-right: none; }
#reserve-btn .fa:hover { text-decoration: none; color: #FFF !important; }
a#logo { width: 100%; margin-top: 35px; background-position: top center; /*background-image: url('https://www.generalwarren.com/images/gw-275-years.png'); height: 142px;*/ }
#header { background-size: cover; }
#testimonials { display: none; }

.black-button-above-nav {
	display: block;
	color: #FFF;
	background-color: #000;
	padding: 8px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

#main_nav { height: auto; padding: 8px 0; }
#main_nav .center_width { padding: 0; }
#p7menubar { display: none; width: 100%; background: #CCC; }
#p7menubar > li { display: block; width: 100%; border-bottom: solid 1px #EEE; }
#p7menubar > li.nav_pipe { display: none; }
	#p7menubar a { font-size: 15px; line-height: 2.2; }
	#p7menubar a:hover { background: none; color: #777; }
	#p7menubar li ul li a:hover { background: none; color: #c8ad5c; }
#p7menubar li ul { width: 100%; position: relative; padding-top: 15px; }
#p7menubar > li > .dropdown-menu { position: relative; width: 100%; }
	#p7menubar > li > .dropdown-menu:before { top: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #ccc;
	border-width: 10px;
	margin-left: -10px;
	z-index: 600;
	}
.left_nav_box { text-align: center; }

#right_col { padding-left: 15px; padding-right: 15px; }

#bottom_links > div, #bottom_links #events_lrg { width: 100%; margin: 0 0 15px 0; }

#reserve_table {
	height: auto !important;
}

#main { margin-bottom: 0; }
#footer { height: auto; padding-top: 20px; }
#footer:after { content: ""; clear: both; height: 0; overflow: hidden; display: block; }
#footer_left, #footer_right { float: none; width: 100%; }
#footer_left { margin-top: 0; text-align: center; }
#push { display: none; }


.suite_box_inner { margin: 0 10px; }
.suite_box_left, .suite_box_right { float: none; width: 100%; }
.suite_box_left { min-height: 1px; padding-bottom: 20px; }
.suite_box_right a { width: 48%; display: inline-block; float: left; }
.suite_box_right a:nth-child(1), .suite_box_right a:nth-child(4) { margin-right: 4%; }
.suite_box_right a img { float: none; }
.suite_box_right a img.suite_img2 { margin: 0; }

.menus p { margin: 0 0 6px 0; }
 #top_menu .item {
	width: 100%;
	float: none;
	padding-right: 0;
  margin-bottom: 20px;
}

div.right, div.left { float: none; width: 100% !important; margin: 0 !important; }
  div.right:after, div.left:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }

#lwd-gallery a.thumb { width: 48% !important; margin: 0 0 20px 0 !important; position: relative; display: inline-block; text-align: center; }

  #lwd-gallery a.thumb:nth-child(odd) { float: left; }
  #lwd-gallery a.thumb:nth-child(even) { float: right; }

  #lwd-gallery .row-gap { display: none; visibility: hidden; }
  #lwd-gallery .thumbs-container a.thumb { margin: 0 0 20px 0; }
/*
#lwd-gallery a.thumb:nth-child(2), #lwd-gallery a.thumb:nth-child(4), #lwd-gallery a.thumb:nth-child(7), #lwd-gallery a.thumb:nth-child(9) { margin-right: 0 !important; }
*/
	#lwd-gallery a.thumb .overlay { width: 94% !important; }
	#lwd-gallery a.thumb:nth-child(2n+3) { clear: both; }
	#lwd-gallery a.thumb img { width: 100% !important; height: auto !important; position: relative !important; }
	#lwd-gallery a.thumb .overlay { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 97% !important; margin: 0 !important; }

#virtual_tour_box, #virtual_tour_box > div { width: 100% !important; height: 215px; }
#tour_legend ul { margin: 0 !important; }

#contact_form_box { width: 100%; }
#contact_form_box tr, #contact_form_box th, #contact_form_box td { display: block; }
  #contact_form input, #contact_form textarea { width: 100%; }
div[style="width: 365px; float: left; border: solid 1px #e1d6c9; background: #faf1e6;"], div[style="width: 330px; float: left;"] { width: 100% !important; }
.field-group input { max-width: 100%; }

	#bios .left { margin-bottom: 20px !important; }
	#bios .left img { width: 100%; }
	#bios .h20 { display: none; }
	#gift-card-form select, #gift-card-form input[type="email"] { width: 100%; }

	.general-store-item { margin-top: 15px; }
	.general-store-item dt span.sm:after, .general-store-item dt span.md:after, .general-store-item dt span.lg:after { content: " ........................starting at........................................................................................"; }
	.general-store-item dt span.m-sm:after { content: " .............starting at..................................................................................................."; }
	.general-store-item dt span.m-md:after { content: " ..............................starting at.................................................................................."; }
	.general-store-item dt span.m-lg:after { content: " .....................................................starting at..........................................................."; }


	.image-1910 {
		float: none;
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}


}


@media only screen and (min-width : 768px) {
.black-button-above-nav {
	display: none;
}

	#lwd-gallery a.thumb { width: 23% !important; margin: 0 2.5% 20px 0 !important; position: relative; display: inline-block; text-align: center; }
	#lwd-gallery.main-level-gallery a.thumb { width: 30.5% !important; }
	#lwd-gallery a.thumb.no-margin { margin-right: 0 !important; }
	#lwd-gallery.main-level-gallery a.thumb.no-margin { margin-right: 2.5% !important; }
	#lwd-gallery a.thumb:nth-child(4n+5) { clear: both; }
	#lwd-gallery.main-level-gallery a.thumb:nth-child(4n+5) { clear: none; }
	#lwd-gallery.main-level-gallery a.thumb:nth-child(3n+4) { clear: both; }
	#lwd-gallery a.thumb img { width: 100% !important; height: auto !important; position: relative !important; }
	#lwd-gallery a.thumb .overlay { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 97% !important; margin: 0 !important; }
}

/* SM - Small Devices */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
/* Styles */

#testimonials, #testimonials .content { width: 450px !important; }
#testimonials .content.lwd_slider_3 br, #testimonials .content.lwd_slider_4 br {  }
.tagline em { font-size: 17px; }

#bottom_links { text-align: center; }
#bottom_links > div, #bottom_links #events_lrg { width: 19%; margin: 0 1% 0 0 !important; float: left; display: inline-block; }
	#bottom_links #gift_cards { margin-right: 0 !important; }
#bottom_links a { font-size: 10px; }

#p7menubar a { padding: 0 5px; font-size: 12px; }

#top_menu th { width: 20%; }
#top_menu .item {
	width: 50%;
	float: left;
	padding-right: 30px;
  margin-bottom: 20px;
}
  #top_menu .item:nth-child(2n+3) {
    clear:both;
  }

  div.right:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; }
  /*
  #history_slider, #history_slider .orbit-wrapper, #history_slider #featured, #history_slider #featured .content { width: 100% !important; height: 500px !important; }
  #history_slider img { width: 100%; }
  */
  #bios .left { width: 30%; margin-right: 5%; }
  #bios .left img { width: 100%; }
  #bios .left:nth-child(3), #bios .left:nth-child(8) { margin-right: 0; }

  #virtual_tour_box, #virtual_tour_box div { width: 100% !important; height: auto !important; }
  #virtual_tour_box img { width: 100%; }

  #gift-card-form { width: 50%; }
  #gift-card-form select, #gift-card-form input[type="email"] { width: 100%; }

}


/* MD - Medium Devices */
@media only screen
and (min-width : 992px)
and (max-width : 1199px) {
/* Styles */



}


/* LG - Large Devices */
@media
only screen and (min-width : 1200px) {
/* Styles */



}
