@media only screen and (max-width : 768px) {

#company-header { max-width:500px; margin:0px auto 0 auto; background-color:#fff; height:auto;
					 }
#company	 		{ }
.logo				{padding: 3px; 	}
.company-name		{ margin:2% 0 2px 15%; float:left; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 
					font-size:165%; font-weight:bold; color:#000; position:absolute	}
					

		
/* Images */

img{
	max-width: 65%;
	height: auto;
	margin: 0 0 10px 0;
	
	
}


#social-media		{width:200px; margin:0px 0px 0px 0; float:right;	padding:0;}
#social-media ul 	{	}
#social-media ul li	{ display:inline;	}
#social-media p	{ font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 
					font-size:100%; font-weight:bold; color:#000; margin:2% 7% 1% 0; text-align:right; }
#social-media img	{ width:23px; height:23px; }
/*delete this if it doesnt work */
#tempbanner		{clear:both;  margin:0; width:100%; padding: 10 0; }
#tempvid {width:67%; height:300px;  padding:0;  position:inherit; margin:0% 0 0% 0%;}
/*delete this if it doesnt work */

#subbanner 		{ margin:0 auto; width:100%; }



#subbanner-bg		{ clear:both;  	}

#sliderbanner	{ width:90%; height:300px;  padding:30px 0 5px 0;  position:inherit; margin:11% 0 0% 3%;}
				
#subbanner-right		{ display:none;	font-size:80%}
						
#subbanner-right2		{ clear:both;   display:block;  width:95%; height:auto; 
						background-color:#FFFFFF;  margin:0% 0% 0% 3%;	}/* use to display in notepad */
											
#subbanner-right h1		{ font-size:1.25em; color:#9F5000; padding:1% 0 0 0; margin-top:10%;}

#subbanner-right p{ font-size:.9em}



#content { width:100%; margin:0px auto; background-color:#fff; height:auto;
					 }
#leftside {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left;  margin:1% 0 2% 0%;border-radius:0px;  }
#leftside2 {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left; padding-right:0%; margin:1% 0 4% 1%; border-radius:25px; }
#rtsidecontent {max-width:100%; background-color:#fff; padding-top:1%; padding-right:1%; float:none; padding-left:1%; }
					
#subbanner2 		{ clear:both; margin:0 auto; width:465px; }
#subbanner-bg2		{ clear:both; position:relative; margin:0px auto;	}
#sliderbanner2	{ width:100%; height:auto;  padding:0;  position:relative; margin:0% auto;}




					
.leftside h1		{font-weight:bold; color:#9F5000;
					 font-size: 90%;	padding-left:2%; }
.leftside h2		{color:#9F5000; padding-left:2%; font-size:85%; padding-top:4% }
.leftside p		{padding-left:2%; font-size:70%; padding-right:1%;}



#subcontent {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left; padding-right:1%; margin:1% 0 2% 2.5%; }
.subheading-h3 {color:#9F5000; padding-left:3%; font-size:1.25em; margin-left:15%; }


#acrossallbkgd {clear:both; width:100%; float:left; padding-right:0%;  background-image: url(../images/bckgd4.jpg); margin:0% 0 0% 0%; border-radius:25px; }
#acrossall {clear:both; width:100%; float:left; padding-right:0%; background-color:#E3E5E6; margin:.5%; border-radius:25px; }


#box1 img, #box2 img, #box3 img, #box4 img  {  border:8px #BF6000 solid;	margin-left:15%; margin-top:15px}
#box5 img, #box6 img, #box7 img  	{  border:8px #BF6000 solid;	margin-left:15%; margin-top:20px}



#box1 { width:48%; float:left; margin:5px 0 10px 1.5% ; }

#box2 { width:48%; float:left; margin:5px 0 10px 1.5% ;    }

#box3 {width:48%; float:left; margin:5px 0 10px 1.5% ;   }

#box4 { width:48%; float:left; margin:5px 0 10px 1.5% ; padding-left: 1%;  }

#box5 {width:46%; float:left; margin:5px 0 10px 1.5% ;  padding-left: 1%; }

#box6 { width:46%; float:left; margin:5px 0 10px 1.5% ;    padding-left: 1%;}

#box7 {width:95%; float:left; margin:5px 1% 10px 1.5%;   }



#rightside {max-width:100%; background-color:#fff; padding-top:2%; padding-right:1%; padding-left:2%; float:none;  }
.rightside h1		{font-weight:bold; color:#000; margin-top:8%;
					 font-size: 90%;	 }
.rightside h2		{color:#000; padding-left:2%; font-size: 90%; padding-top:4% }
.rightside h3		{color:#000; padding-left:2%; font-size: 90%; padding-top:4% }
.rightside p		{ font-size:70%; padding-left:2%;}
.rightside li		{ font-size:70%; list-style-type:square; margin:0 0 5px 30px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif;	}


#footer 				{ clear:both; margin:0 auto; text-align:center; 
						border-top:1px #333 dotted; width:100%; background-color:#fff; padding-bottom:20px;  }
						
.footer-h1			{
	font-size: 90%; font-weight:bold; text-align:center; color:red; padding-top:10px;
}						
.footer-h2 {font-size:.8em; font-weight:bold; text-align:center; padding-top:10px;
	
}

.footer-p {font-size:.5em; font-weight:bold; text-align:center; padding-top:40px;
	
}			





	

	
}






@media only screen and (max-width : 600px) {
	
#wrapper 			{ width:100%; margin:0px auto; background-color:#fff; height:auto;
					 }


#company	 		{ }
.logo				{padding: 5px; max-width:27%;	}
.company-name		{ margin:3% 0 2px 35%; float:left; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 
					font-size:118%; font-weight:bold; color:#000; position:absolute	}		
/* Images */

img{
	max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
}

#social-media		{ display:none;	}
#social-media ul 	{	}
#social-media ul li	{ display:none;	}
#social-media img	{ display:none; }

/*delete this if it doesnt work */
#tempbanner		{display:none; }
#tempvid {display:none;}
/*delete this if it doesnt work */


					
#subbanner 		{ display:none;  }

				
#subbanner-right		{ display:none;	}
						
#subbanner-right2		{ display:none;	}/* use to display in mobile - clear:both;   display:block;  width:95%; height:auto; font-size:85%; line-height:85%
						background-color:#FFFFFF;  margin:2% 2% 2% 2%; */
						
						
#tempbanner		{clear:both;  margin:0; width:50%; padding: 10 0; }
#tempvid {width:35%; height:auto;  padding:0;  position:inherit; margin:0% 0 0% 0%;}



#subbanner2 		{ clear:both; margin:0 auto; width:300px; }
#subbanner-bg2		{ clear:both; position:relative; margin:0px auto;	}
#sliderbanner2	{ width:100%; height:auto;  padding:0;  position:relative; margin:0% auto;}


					
					
#content { width:100%; margin:0px auto; background-color:#fff; height:auto;
					 }
					 
#leftside {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left;  margin:1% 0 2% 0%;border-radius:0px;  }
					
					
.leftside h1		{font-weight:bold; color:#9F5000;
					 font-size: 90%;	padding-left:2%; }
.leftside h2		{color:#9F5000; padding-left:2%; font-size:85%; padding-top:4%;}
.leftside p		{padding-left:2%; font-size:70%; padding-right:1%;}



#acrossallbkgd {clear:both; width:100%; float:left; padding-right:0%;  background-image: url(../images/bckgd4.jpg); margin:0% 0 0% 0%; border-radius:0px; }
#acrossall {clear:both; width:100%; float:left; padding-right:0%; background-color:#E3E5E6; margin:1% 1% 1% 1%; border-radius:0px; }

#subcontent {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left; padding-right:0%; margin:0% 0 0 .8%; border-radius:0px; }
#subcontent2 {max-width:100%; background-color:#E3E5E6; padding-top:2%; float:left; padding-right:1%; margin:1% 0 2% 2.5%; }



#box1 img, #box2 img, #box3 img, #box4 img, #box5 img, #box6 img, #box7 img 	{  border:8px #BF6000 solid; margin-left:2%;}

#box1 { width:100%;   }

#box2 { width:100%;      }

#box3 {width:100%;     }

#box4 { width:100%;     }

#box5 { width:100%;     }


#box6 { width:100%; float:left; margin:20px 0 10px 0;   }

#box7 { width:100%; float:left; margin:20px 1% 10px 1%;  }



#rightside {max-width:100%; background-color:#fff; padding-top:2%; padding-right:1%; padding-left:2%; float:none;  }
.rightside h1		{font-weight:bold; color:#000; margin-top:8%;
					 font-size: 90%;	 }
.rightside h2		{color:#000; padding-left:2%; font-size: 90%; padding-top:4% }
.rightside h3		{color:#000; padding-left:2%; font-size: 90%; padding-top:4% }
.rightside p		{ font-size:80%; padding-left:2%;}
.rightside li		{ font-size:90%; list-style-type:square; margin:0 0 5px 30px; font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif;	}

.boxed-text1 { display:none;
}


#footer 				{ clear:both; margin:0 auto; text-align:center; 
						border-top:1px #333 dotted; width:100%; background-color:#fff; padding-bottom:20px;  }
						
.footer-h1			{
	font-size: 90%; font-weight:bold; text-align:center; color:red; padding-top:10px;
}						
.footer-h2 {font-size:.8em; font-weight:bold; text-align:center; padding-top:10px;
	
}

.footer-p {font-size:.5em; font-weight:bold; text-align:center; padding-top:40px;
	
}		


}