/*************************************************
**************************************************
MOBILE STYLES
**************************************************
*************************************************/
/*----------------------------------------------
------------------------------------------------
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;
	}
	/*section_1*/
	#banner_bg {
		background: #188585;
		padding: 5px 0px;
		z-index: 2;
		max-height: 298px;
		width: 250px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	#section_1_border {
		width: 74%;
		padding-left: 0%;
		padding-right: 0%;
		border: 10px solid #DADADB;
		background: #FFFFFF;
		position: relative;
		top: 5px;
		right: 0%;
		text-align: center;
		z-index: 1;
		clear: both;
		margin: 217px auto auto;
	}
	#section_1_border h1 {
		color: #1B5478;
		font-size: 1.5em;
		line-height: 157%;
		padding: 43px 6% 3px;
	}
	#section_1_border p {
		color: #1B5478;
		font-size: 1em;
		line-height: 200%;
		padding: 20px 6% 34px;
	}
	#section_1_deadline {
		background: #EC633E;
		color: #FFFFFF;
		width: 88%;
		padding: 9px 6% 10px;
		font-size: 1.1em;
		line-height: 176%;
	}
	#section_1_deadline span {
		font-size: 0.8em;
	}
	/*section_3*/
	#home_grands_projects_center {
		background: #5E85A0;
		text-align: center;
		width: 82%;
		max-width: 633px;
		margin: 50px auto auto;
		padding: 47px 37px 32px;
		color: #FFFFFF;
	}
	#home_grands_projects_left {
		display: none;
	}
	#home_grands_projects_right {
		display: none;
	}
	#home_grands_projects_mobile {
		display: block;
		position: relative;
		bottom: 17px;
		margin: auto;
		text-align: center;
	}
	#home_grands_projects_mobile li {
		width: 40%;
		margin: auto auto 11px auto;
		display: inline-block;
		list-style: none;
	}
	#home_grands_projects_container .home_grands_projects_link {
		background: #FFFFFF;
		color: #EB633E;
		border: 2px solid #EB633E;
		padding: 13px 20px;
		display: block;
		width: 148px;
		margin: auto;
		text-align: center;
	}
	#home_grands_projects_container .home_grands_projects_link:hover {
		background: #EB633E;
		color: #FFFFFF;
		border: 2px solid #FFFFFF;
	}
}
@media screen and (max-width: 1000px) {
	#slogan {
		margin-top: 25px;
		float: left;
		font-size: 1em;
		font-weight: 500;
		text-align: center;
		position: absolute;
		top: 21px;
		bottom: 45px;
		left: 245px;
		width: 40%;
	}
}
/*----------------------------------------------
------------------------------------------------
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;
		height: 139px;
	}
	#header {
		width: 100%;
		margin: 0 auto;
		height: 107px;
		position: relative;
		padding: 0px 0;
	}
	#logo {
		height: auto;
		top: 14%;
		margin: auto;
	}
	#logo img {
		max-width: 51%;
		max-height: 98px;
		max-width: 255px;
	}
	#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;
	}
	#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 
	------------------------------------------------
	----------------------------------------------*/
	#midcolumn, #rightcolumn {
		width: 96%;
	}
	#leftcolumn {
		display: none;
	}
	#basic_content {
		width: 100%;
		float: left;
		line-height: 125%;
		font-size: 14px;
		min-height: 220px;
	}
	#service_photos img {
		padding: 5px 25px;
		font-size: 1.1em;
		position: absolute;
		top: -55px;
		left: 0;
		right: 0;
		margin: auto;
	}
	#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);
	}
	#home_social_media_container h1 {
		width: 82%;
	}
	/*----------------------------------------------
	------------------------------------------------
	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 
	------------------------------------------------
	----------------------------------------------*/
	#left_nav {
		display: none;
	}
	#page_content {
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;
		min-height: 500px;
	}
	#interior_content {
		padding: 0;
		width: 100%;
	}
}
/*----------------------------------------------
------------------------------------------------
4. Home Content < 800px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 875px) {
	#section_3_list li {
		display: inline-block;
		position: relative;
		width: 40%;
		margin: 0 1% 56px;
		padding: 3% 2% 5%;
		border: 0px solid #FFFFFF;
		background: #FFFFFF;
		text-align: center;
		color: #1C5379;
		-moz-box-shadow: 2px 2px 10px #808080;
		-webkit-box-shadow: 2px 2px 10px #808080;
		box-shadow: 2px 2px 15px #808080;
		vertical-align: top;
		min-height: 329px;
	}
	#secton_4_links {
		display: none;
	}
	#home_contact_form {
		width: 107%;
		color: white;
		font-size: 1em;
		padding: 0%;
		border-right: 0px solid #FDFDFD;
	}
	#home_social_media_container {
		border: 2px solid #1C5379;
		width: 66%;
		margin: auto;
		padding: 0px 8% 37px;
		text-align: center;
	}
	.module_holder {
		width: 97%;
		padding: 0% 1% 1%;
		text-align: center;
		display: inline-block;
		margin: auto;
	}
}
@media screen and (max-width: 800px) {
	#logo_footer img {
		max-width: 155px;
	}
	#service_photos li {
		display: inline-block;
		width: 65%;
		margin: 0 2% 102px 1%;
		padding: 2%;
		border: 2px solid #FFFFFF;
		text-align: center;
		color: #FFFFFF;
		position: relative;
		vertical-align: top;
	}
	#service_photos li:last-of-type {
		margin: 0 2% 24px 1%;
	}
	#service_photos a {
		bottom: -25px;
	}
	#monthly_newletters_list li {
		width: 47%;
	}
	#flipthepharmacy_feed_container li {
		width: 95%;
		margin: 0 2.5% 50px;
		display: inline-block;
		float: left;
		text-align: center;
		/*background: #24658D;*/
	}
}
/*----------------------------------------------
------------------------------------------------
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_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: 4%;
	}
	/*----------------------------------------------
	------------------------------------------------
	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) {
	#page_mobile_content {
		display: block;
	}
	/*Vision, Mission, Goals*/
	#service_photos_2 li {
		width: 79%;
		margin: 0px 2% 56px 1%;
	}
	/*Goals*/
	#service_photos_3 li:first-of-type {
		display: inline-block;
		width: 89%;
		margin: 6% 2% 0 1%;
		padding: 2%;
		text-align: center;
		color: #E5E5E5;
		position: relative;
	}
	#service_photos_3 li:last-of-type {
		display: inline-block;
		width: 84%;
		margin: 0 2% 0 1%;
		padding: 2%;
		text-align: left;
		color: #E5E5E5;
		position: relative;
		vertical-align: top;
		min-height: 223px;
	}
	#service_photos_3 h2 {
		padding: 0px 15px 13px;
		text-transform: uppercase;
		color: #333333;
	}
	.full_form li {
		list-style: none;
		width: 95%;
		padding: 7px 4%;
		float: left;
		/*clear: left;*/
	}
}
/*----------------------------------------------
------------------------------------------------
6. Home page Content < 590px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 590px) {
	#phone, #tablet_nav, #interior_banner {
		display: none;
	}
	.social_header_sm_icon {
		display: none;
	}
	#mobile_phone {
		display: block;
		z-index: 501;
		position: absolute;
		top: 40px;
		right: 13px;
	}
	#resources_2 li {
		width: 45.5%;
	}
	.call_button {
		display: block;
		position: absolute;
		right: 13px;
		top: 39px;
		z-index: 503;
	}
	#logo {
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 8px;
		bottom: auto;
		z-index: 504;
		max-width: 50%;
	}
	#logo img {
		max-height: 93px;
		max-width: 232px;
	}
	#home_grands_projects_container .home_grands_projects_link {
		background: #FFFFFF;
		color: #EB633E;
		border: 2px solid #EB633E;
		padding: 13px 0px;
		display: block;
		width: 149px;
		margin: auto;
		text-align: center;
	}
	#home_grands_projects_container .home_grands_projects_link:hover {
		background: #EB633E;
		color: #FFFFFF;
		border: 2px solid #FFFFFF;
	}
	#newsletter_form li {
		display: inline-block;
		width: 55%;
		padding: 15px 4% 7px 0%;
		text-align: left;
		vertical-align: top;
	}
	#newsletter_form li {
		display: inline-block;
		width: 42%;
		padding: 15px 4% 7px 0%;
		text-align: left;
		vertical-align: top;
	}
	#newsletter_form li#home_captcha_code_container {
		width: 64%;
	}
	#newsletter_form li#home_captcha_box_container {
		width: 36px;
	}
	#newsletter_form li#home_submit_btn_container {
		margin: 9px 0px 7px 27px;
		padding: 0px;
	}
	#newsletter_form li.full_width {
		width: 89%;
		padding: 7px 0%;
		float: left;
		/*clear: left;*/
	}
	#section_3_list li {
		display: inline-block;
		position: relative;
		width: 55%;
		margin: 0 1% 56px;
		padding: 5% 10%;
		border: 0px solid #FFFFFF;
		background: #FFFFFF;
		text-align: center;
		color: #1C5379;
		-moz-box-shadow: 2px 2px 10px #808080;
		-webkit-box-shadow: 2px 2px 10px #808080;
		box-shadow: 2px 2px 15px #808080;
		vertical-align: top;
		min-height: 329px;
	}
	#home_contact_form li {
		display: inline-block;
		width: 42%;
		padding: 15px 4% 7px 0%;
		text-align: left;
		vertical-align: top;
	}
	#home_contact_form li#home_captcha_code_container {
		width: 64%;
	}
	#home_contact_form li#home_captcha_box_container {
		width: 36px;
	}
	#home_contact_form li#home_submit_btn_container {
		margin: 9px 0px 7px 27px;
		padding: 0px;
	}
	#captchacode_container {
		width: 10%;
	}
	#home_submit_btn {
		color: #FFFFFF;
		background: #EB633E;
		padding: 8px 32px;
		font-size: 1em;
		border: 0px solid #EB633E;
	}
	#home_contact_form li.full_width {
		width: 89%;
		padding: 7px 0%;
		float: left;
		/*clear: left;*/
	}
	#header_wrapper {
		position: static;
		width: 100%;
		min-width: 100%;
		margin: 150px;
		margin: 0 auto;
		border-bottom: 20px solid #1B5478;
		background: ;
		height: 108px;
	}
	#header {
		width: 100%;
		margin: 0 auto;
		height: 110px;
		/*max-height: 150px;*/
		position: relative;
		padding: 10px 0;
	}
	#section_1 {
		margin-top: 0px;
	}
}
@media screen and (max-width: 500px) {
	#home_social_media_container {
		border: 2px solid #1C5379;
		width: 89%;
		margin: auto;
		padding: 0px 3% 37px;
		text-align: center;
	}
	.module_holder {
		width: 97%;
		padding: 0% 0% 1% 0%;
		text-align: center;
		display: inline-block;
		margin: auto;
	}
	#monthly_newletters_list li {
		width: 94%;
		text-align: center;
	}
}
/*----------------------------------------------
------------------------------------------------
6. Home page Content < 430px 
------------------------------------------------
----------------------------------------------*/
@media screen and (max-width: 460px) {
	.social_header_icon {
		display: block;
		padding: 0px 4px 9px;
	}
}
@media screen and (max-width: 430px) {
	#logo img {
		max-width: 100%;
	}
	.mid_button {
		font-size: 1.1em;
	}
	.mid_button:hover {
		font-size: 1.1em;
	}
	#home_grands_projects_mobile li {
		width: 49%;
		margin: auto auto 11px auto;
		display: inline-block;
		list-style: none;
	}
	#home_social_media_container h1 {
		width: 95%;
	}
}
@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;
	}
	#home_contact_form li {
		display: inline-block;
		width: 42%;
		padding: 15px 4% 7px 0%;
		text-align: left;
		vertical-align: top;
	}
	#home_contact_form li#home_captcha_code_container {
		width: 41%;
	}
	#home_contact_form li#home_captcha_box_container {
		width: 36px;
	}
	#home_contact_form li#home_submit_btn_container {
		margin: 9px 0px 7px 27px;
		padding: 0px;
	}
	#captchacode_container {
		width: 10%;
	}
	#home_submit_btn {
		color: #FFFFFF;
		background: #EB633E;
		padding: 8px 32px;
		font-size: 1em;
		border: 0px solid #EB633E;
	}
	#home_contact_form li.full_width {
		width: 89%;
		padding: 7px 0%;
		float: left;
		/*clear: left;*/
	}
	#logo {
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 24px;
		bottom: auto;
		z-index: 504;
		max-width: 50%;
	}
	#logo img {
		max-height: 93px;
		max-width: 131px;
	}
}
@media screen and (max-width: 350px) {
	#home_grands_projects_mobile li {
		width: 91%;
		margin: auto auto 11px auto;
		display: inline-block;
		list-style: none;
	}
}