/*************************************************
**************************************************
MOBILE STYLES
**************************************************
*************************************************/
@media screen and (max-width: 1400px) {
	.section_2_module_holder {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-content: space-evenly;
		min-height: 413px;
		background-image: none;
		background-repeat: no-repeat;
		background-position: 98% 0%;
		width: 42%;
		padding: 0 4%;
	}
}
@media screen and (max-width: 1150px) {
	#phone, #info, #tablet_nav {
		display: none;
	}
	#mobile_phone {
		display: block;
		z-index: 501;
		position: absolute;
		top: 40px;
		right: 13px;
	}
	#service_photos li {
		width: 31.5%;
	}
	#resources_2 li {
		width: 45.5%;
	}
	.call_button {
		display: block;
		position: absolute;
		right: 13px;
		top: 44px;
		background-color: var(--primary_color);
		z-index: 503;
	}
	#logo {
		margin: 0 auto;
		left: 0;
		right: 0;
		height: 100px;
		/*top: 21px;*/
		/*bottom: auto;*/
		z-index: 504;
		/*max-width: 50%;*/
	}
	#logo img {
		max-height: 93px;
		max-width: 232px;
	}
}
/*----------------------------------------------
------------------------------------------------
0. Footer < 1100px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 1100px) {
	#footer_wrapper {
		width: 100%;
		min-width: 100%;
		padding-bottom: 30px;
		overflow: hidden;
	}
	#footer {
		padding: 27px 0;
		color: #FFF;
		text-align: center;
		font-size: 11px;
		width: 100%;
		margin: 0 auto;
		clear: both;
		height: 125px;
		position: relative;
	}
	#footer_nav_wrapper {
		float: left;
		left: 15px;
		max-width: 46.36%;
		min-width: 38.90%;
	}
	#footer_nav {
		color: #FFF;
		text-align: center;
		font-size: 11px;
		line-height: 130%;
		max-width: 90.36%;
		min-width: 70.90%;
		margin: 0;
	}
	#info_footer {
		margin-top: 5px;
		float: right;
		color: #FFF;
		text-align: left;
		font-size: 1em;
		max-width: 13.63%;
		min-width: 12.72%;
		margin-right: 9.54%;
	}
	#social_footer {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}
	#video_container .video_item {
		display: inline-block;
		width: 43%;
		margin: 2.2%;
		vertical-align: top;
		text-align: left;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		line-height: 185%;
		font-size: 0.85em;
	}
}
/*----------------------------------------------
------------------------------------------------
1. Header Styles < 940px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 940px) {
	#wrapper {
		margin: 0 auto;
		width: 100%;
	}
	#header_wrapper {
		width: 100%;
		min-width: 100%;
		/*margin: 150px;*/
		margin: 0 auto;
	}
	#header {
		width: 100%;
		margin: 0 auto;
		height: 100px;
		position: relative;
		padding: 10px 0;
	}
	#logo {
	}
	#logo img {
		max-width: 100%;
		max-height: 94px;
		max-width: 205px;
	}
	#phone {
		font-weight: bold;
		margin-top: 0;
		float: none;
		font-family: Sansation_Regular, Arial, Helvetica, sans-serif;
		color: #B70101;
		width: auto;
		text-align: center;
		position: absolute;
		/*important*/
		top: 62px;
		right: 25px;
	}
	#info {
		text-align: center;
		font-size: 0.8em;
		margin: 0px;
		position: absolute;
		/*important*/
		top: 22px;
		right: 25px;
	}
	#phone p {
		font-size: 1.1em;
	}
	#desktop_nav, #slogan {
		display: none;
	}
	#tablet_nav {
		display: block;
		width: 100%;
		height: 25px;
		float: left;
	}
	/*----------------------------------------------
	------------------------------------------------
	2. Home Page Content < 940px 
	------------------------------------------------
	----------------------------------------------*/
	#basic_content {
		width: 100%;
		float: left;
		line-height: 125%;
		font-size: 14px;
		min-height: 220px;
	}
	#service_photos img {
		max-width: 99%;
		height: 100%;
	}
	#resources_2 img {
		max-width: 99%;
		height: 100%;
	}
	#testimonials {
		margin-bottom: 15px;
	}
	#bottom_content {
		float: left;
		background: #FFFFFF;
		padding: 0;
		width: 92.74%;
		padding: 3.63%;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.mid_button {
		font-size: 14px;
		font-family: Sansation_Regular, arial, helvetica, sans-serif;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		padding: 12px 7%;
		font-weight: bold;
		color: #000000;
		background-color: #FFD22E;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd22e), to(#ffeba4));
		background-image: -webkit-linear-gradient(top, #FFD22E, #FFEBA4);
		background-image: -moz-linear-gradient(top, #FFD22E, #FFEBA4);
		background-image: -ms-linear-gradient(top, #FFD22E, #FFEBA4);
		background-image: -o-linear-gradient(top, #FFD22E, #FFEBA4);
		background-image: linear-gradient(to bottom, #FFD22E, #FFEBA4);
		filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffd22e, endColorstr=#ffeba4);
		cursor: pointer;
	}
	.mid_button:hover {
		font-size: 14px;
		font-family: Sansation_Regular, arial, helvetica, sans-serif;
		padding: 12px 7%;
		color: #000000;
		background-color: #FFEBA4;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeba4), to(#ffd22e));
		background-image: -webkit-linear-gradient(top, #FFEBA4, #FFD22E);
		background-image: -moz-linear-gradient(top, #FFEBA4, #FFD22E);
		background-image: -ms-linear-gradient(top, #FFEBA4, #FFD22E);
		background-image: -o-linear-gradient(top, #FFEBA4, #FFD22E);
		background-image: linear-gradient(to bottom, #FFEBA4, #FFD22E);
		filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffeba4, endColorstr=#ffd22e);
	}
	/*----------------------------------------------
	------------------------------------------------
	3. Footer < 940px 
	------------------------------------------------
	----------------------------------------------*/
	#footer_wrapper {
		width: 100%;
		min-width: 100%;
		padding-bottom: 30px;
		overflow: hidden;
	}
	#footer {
		padding: 27px 0;
		color: #FFF;
		text-align: center;
		font-size: 11px;
		width: 100%;
		margin: 0 auto;
		clear: both;
		height: 125px;
		position: relative;
	}
	#footer_nav_wrapper {
		float: left;
		left: 15px;
		max-width: 46.36%;
		min-width: 38.90%;
	}
	#footer_nav {
		color: #FFF;
		text-align: center;
		font-size: 11px;
		line-height: 130%;
		max-width: 90.36%;
		min-width: 70.90%;
		margin: 0;
	}
	#info_footer {
		margin-top: 5px;
		float: right;
		color: #FFF;
		text-align: left;
		font-size: 1em;
		max-width: 13.63%;
		min-width: 12.72%;
		margin-right: 9.54%;
	}
	#social_footer {
		position: absolute;
		right: 15px;
		bottom: 15px;
	}
	/*----------------------------------------------
	------------------------------------------------
	3. Interior Content < 940px 
	------------------------------------------------
	----------------------------------------------*/
	#page_content {
		width: 100%;
		min-height: 500px;
	}
	#interior_content {
		padding: 0;
		width: 100%;
	}
}
@media screen and (max-width: 850px) {
	.news_image {
		width: 99%;
	}
	.interior_news_photo {
		max-width: 100%;
		padding-bottom: 0%;
	}
	.news_date_display {
		width: 99%;
	}
	.news_desc {
		width: 93%;
		text-align: left;
		line-height: 180%;
		font-family: Roboto, Helvetica, sans-serif;
		padding-bottom: 92px;
		text-align: center;
	}
	.news_desc h3, .news_desc_expand h3 {
		font-size: 1.3em;
		padding: 0 0 14px 0;
		line-height: 150%;
	}
	#news_short_container li {
		display: inline-block;
		margin: 2% 0%;
		padding: 10px;
		position: relative;
		vertical-align: top;
	}
}
/*----------------------------------------------
------------------------------------------------
4. Home Content < 800px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 800px) {
	#logo_footer img {
		max-width: 155px;
	}
	#searchwrapper {
		display: none;
	}
}
/*----------------------------------------------
------------------------------------------------
4. Home Content < 716px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 716px) {
	#widgets {
		display: none;
	}
	#header_wrapper {
		position: static;
		width: 100%;
		min-width: 100%;
		margin: 150px;
		margin: 0 auto;
	}
	#header {
		width: 100%;
		margin: 0 auto;
		height: 120px;
		max-height: 120px;
		position: relative;
		padding: 10px 0;
	}
}
/*----------------------------------------------
------------------------------------------------
5. Footer < 660px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 660px) {
	#logo_footer, #footer_nav_wrapper, #info_footer {
		position: static;
		width: 100%;
		margin: 3px 0;
		padding: 0;
		height: auto;
		min-width: 100%;
		max-width: 100%;
		text-align: center;
	}
	#footer_quick_links {
		display: none;
	}
	#footer_nav {
		min-width: 100%;
		max-width: 100%;
	}
	#logo_footer img {
		vertical-align: middle;
		max-width: 100%;
	}
	#info_footer h3, #social_footer {
		display: none;
	}
	.module_holder {
		width: 92%;
		padding: 0% 4% 4%;
	}
	#video_container .video_item {
		display: inline-block;
		width: 99%;
		margin: 2.2%;
		vertical-align: top;
		text-align: left;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		line-height: 185%;
		font-size: 0.85em;
	}
	/*----------------------------------------------
	------------------------------------------------
	5. Home Content < 652px 
	------------------------------------------------
	----------------------------------------------*/
}
@media screen and (max-width: 652px) {
	#basic_content {
		display: none;
	}
	#home_mobile_content {
		display: block;
	}
	.mid_button {
		font-size: 1.31em;
		font-family: Sansation_Regular, arial, helvetica, sans-serif;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		padding: 12px 7%;
		font-weight: bold;
		color: #FFF;
		background-color: initial;
		background-image: none;
		filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffd22e, endColorstr=#ffeba4);
		cursor: pointer;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.mid_button:hover {
		font-size: 1.31em;
		font-family: Sansation_Regular, arial, helvetica, sans-serif;
		padding: 12px 7%;
		color: #FFF;
		background-color: initial;
		background-image: none;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#mid_bar {
		min-height: 100%;
	}
	#mid_bar .midbars {
		float: left;
		border-right: thin #6B6B6B solid;
		width: 27%;
		padding: 0 3%;
		text-align: center;
		margin-top: 0;
		position: relative;
		min-height: 75px;
		display: -webkit-flex;
		display: -moz-flex;
		display: flex;
		justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}
	#mid_bar .midbars:hover {
		background-color: rgba(255, 210, 46, 0.8);
	}
	.midbars a {
		text-align: center;
		align-self: center;
		-moz-align-self: center;
		-webkit-align-self: center;
	}
}
/*----------------------------------------------
------------------------------------------------
6. Interior Content < 615px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 615px) {
	#banner p {
		position: absolute;
		display: block;
		bottom: 8%;
		left: 0;
		right: 0;
		line-height: 117%;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.4em;
		text-shadow: 0px 0px 2px #000000;
		color: #FFFFFF;
		z-index: 100;
	}
}
/*----------------------------------------------
------------------------------------------------
6. Home page Content < 590px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 590px) {
	#phone, #info, #tablet_nav {
		display: none;
	}
	#mobile_phone {
		display: block;
		z-index: 501;
		position: absolute;
		top: 40px;
		right: 13px;
	}
	#service_photos li {
		width: 31.5%;
	}
	#resources_2 li {
		width: 45.5%;
	}
	/*.call_button
	{
		display: block;
		position: absolute;
		right: 13px;
		top: 79px;
		z-index: 503;
	}*/
	#logo {
		margin: 0 auto;
		left: 0;
		right: 0;
		/*top: 20px;*/
		/*bottom: auto;*/
		z-index: 504;
		max-width: 50%;
	}
	#logo img {
		max-height: 93px;
		max-width: 232px;
	}
	#interior_banner_overlay h1 {
		font-size: 1.8em;
		margin: auto;
		line-height: 100%;
		font-family: open sans, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
}
/*----------------------------------------------
------------------------------------------------
6. Home page Content < 430px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 430px) {
	#logo img {
		max-width: 100%;
	}
	.mid_button {
		font-size: 1.1em;
	}
	.mid_button:hover {
		font-size: 1.1em;
	}
	#banner p {
		position: absolute;
		display: block;
		bottom: 8%;
		left: 0;
		right: 0;
		line-height: 117%;
		font-family: Open Sans, Arial, Helvetica, sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		font-size: 1em;
		text-shadow: 0px 0px 2px #000000;
		color: #FFFFFF;
		z-index: 100;
	}
}
@media screen and (max-width: 390px) {
	#page_advanced_content img.interior_news_photo {
		width: 100%;
		max-width: 100%;
		padding: 0 2% 2%;
		margin: 0 auto;
		display: block;
		float: none;
	}
}