/***** COLORS *****

19618f dk blue
418dbf lt blue
d1d1d1 border grey
fafafa background lt grey
85d223 green
fc6500 orange

/*******************/


/* #Media Queries
================================================== */

/* Smaller than 1024 (ipad Air) */
@media only screen and (max-width: 1024px) {

	
	#wide_shadow
	{
	bottom: -36px;	/* for wide shadow */
	}
	
	#static_banner_image
	{
	border-top: 2px solid #8FA4CF;
	border-bottom: 2px solid #8FA4CF;
	}
	
	/*** MENU SWITCH ***/
		#nav_container
		{
		display: none !important;
		}
		
		#mobile_nav_bar, 
		#nav-menu-mobile,
		#nav_container_mobile_wrapper
		{	
		display: block;
		}
		
		#container_1
		{
		margin-top: 40px !important;	/* make room for drop down nav */
		}
	/*******************/

}

/* Tablet Portrait size to standard 1000 (devices and browsers) */
/*@media only screen and (min-width: 768px) and (max-width: 999px) {*/
@media only screen and (max-width: 999px) {

.entry-content img, .wp-caption.alignright, .wp-caption.alignleft, #main_content img, #main_content img.alignright, #main_content img.alignleft  /* center all floated images in content areas */
{
float: none !important;
display: block;
margin: 0 auto;
margin-bottom: 25px;
}

#header_1 /* make header a bit taller to fit the horizontal menu UNDER the logo */
{		
height: 80px;	
}
	
	#vcard
	{
	right: 20px;	
	display: none;
	}
	
	#social_buttons_2
	{
	/*right: 230px;*/
	}

	#logo
	{
	left: 0px;
	margin: 0 auto;
	top: 13px;
	position: relative;	
	border: 0px solid black;
	}
	
		#logo, #logo img
		{
		width: 200px;
		height: 59px;	
		}

	#social_buttons_2
	{
	/*right: 60px;
	display: block;	*/
	}	
	
			#social_buttons_2 #facebook_link
			{
			/*position: absolute;
			left: 2px;
			top: 0px*/
			}
			
			#social_buttons_2 #twitter_link
			{
			/*position: absolute;
			top: 50px;*/
			}
	
	
	#wide_shadow
	{
	display: none;	
	}
	
	
	#anything-slider 
	{	
	position: relative;
	border-top: 2px solid #8FA4CF;	
	}
	
	#container_1, .home #container_1 
	{	
	/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
	}
	
	#content_container_2 /* to place a padding on left and right of containers when on mobile (single column) */
	{	
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.home #content_container
	{
	/*margin-top: 110px;*/
	}
	
	#social_buttons_2 #linked_in_link, #social_buttons_2 #facebook_link, #social_buttons_2 #twitter_link, #social_buttons_2 #youtube_link, #social_buttons_2 #instagram_link
	{	
	margin-right: 5px;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


#nadca_logo
{
float: none;
display: block;
margin: 0 auto;
padding: 0px;
margin-top: 10px;
margin-bottom: 20px;
}


#header_1_container
{			
margin-bottom: 0px;
border-bottom: 0px;
}	
		
	#vcard
	{
	display: none;	
	right: 20px
	}	
	
	#devices_image	
	{
	display: none;	
	}
	
	#anything-slider-wrapper
	{
	width: 100%;
	}
	
	#anything-slider
	{	
	margin-top: 0px;		
	}	
	
	#static_banner_image /* change slider image to a different size image for mobile */
	{
   content:url("https://www.orsanairservices.com/wp-content/uploads/2020/02/Lets-Clear-the-Air.jpg");
	
	/*#anything-slider img#slider_image_2 /* change slider image to a different size image for mobile;
	
	content:url("http://caerleonsecurity.com/wp-content/themes/responsive_1/images/banner_images_1450_3.jpg");*/	
	}
	
	#home_page_content_container
	{
	margin-top: 0px;			
	
	border-top: 1px solid #ccc;
	
	}

		#home_page_content
		{
		Max-width: 1200px;
		/*margin-bottom: 35px;*/				
		font-size: 18px;
		line-height: 26px;
		margin: 0 auto;				
		}
		
			#home_page_content_padding
			{
			padding: 10px 10px 10px 10px;	
			}
		
	#banner_box
	{
	display: none;
	}
	
	#container_3 
	{
   /*margin-top: 0px;*/
	}
	
	#search
	{
	display: none;	
	}
	
	#email_button, #phone_button
	{
	display: block;	
	}
	
	#quote_1
	{
	display: none;	
	}
	
	#quote_2
	{	
	display: block;
	margin: 0 auto;	
	}
	
	#container_1, .home #container_1 
	{	
	/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
	}
	
	#content_container_2 /* to place a padding on left and right of containers when on mobile (single column) */
	{	
	padding-left: 20px;
	padding-right: 20px;
	}

	.home #content_container
	{
	/*margin-top: 110px;*/
	}
	
	#main_content_padding
	{
	padding-left: 20px;
	/*padding-top: 28px;*/
	padding-right: 20px;
	/*padding-bottom: 30px;*/
	}					

	
	#arrow_skinny_1, #arrow_skinny_2	
	{
	display: none;
	}
	
	#content_container
	{	

	}	

	#content_container_2
	{	
	max-width: 650px;	
	/*padding-left: 20px;
	padding-right: 20px;*/
	}	
	
	#footer
	{
	/*display: none;*/
	}
	
	#footer_logo
	{
	position: relative;	
	right: 0px;
	top: 0px;	
	margin: 0 auto;
	margin-bottom: 10px;
	}

	#social_buttons_2
	{	
	position: relative;
	top: 0px;			
	right: 0px;	
	border: 0px solid black;				
	}
	
				
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	#vcard
	{
	display: none;	
	}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#header_1 /* make header smaller as logo is also getting smaller */
{		
/*height: 61px;*/
}

	
	#social_buttons_2
	{	
	/*display: none;*/
	}	
	
	#footer_logo
	{
	right: 2px;
	/*display: none;*/
	}

}