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



#company-header { max-width:786px; 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	}
					
					
,analysis-examples-list-container  {width:85%;}
					
.analysis-example { width: 85%; display:flex; flex-direction: colum; border:2px #f75 solid; gap: 20px; margin-bottom: 20px; }

.analysis-example-image1 { background-color: #fff;  width:225px;}

.analysis-example-image2 { background-color: #fff; width: 500px;  }

.analysis-example-text-container { height:240px; margin: 0px 10 0 0;  }

.analysis-examples-text h2		{  margin: 0px 10 0 0; gap:10px;}

.analysis-examples-text p {  margin: 0px 10 0 0; gap:10px;  }

		

/* 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; }





#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;	}

						

#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:80%; 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%; }





#industry				{	}

#industry .application		{ width:200px; float:left; margin:15px 25px 15px 0px; }

#industry h2			{ font-size:38px; padding-bottom:10px; margin-bottom:20px;

						border-bottom:1px #0B4B8B dotted; text-transform:uppercase; }

#industry h3			{ font-size:22px; margin:10px 0 5px 0;

						text-transform:lowercase; }

#industry P				{ margin-top:-30px; font-size:15px;    }







#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:90%; 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;	}





#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 : 500px) {


	

#wrapper 			{ width:100%; margin:0px 0; background-color:#ecf7f9; height:auto; padding:0px; position:relative;

					 }
					 
#company-header { max-width:95%; margin:0px auto 0 auto; background-color:#ecf7f9; height:160px;

					 }					 
					 
#banner 			{ margin:5px 0; width:92%; clear:both;    }
#banner p			{  font-size:12px;  width:100%;  }
#company-header    {margin:5px 2px ; height:auto; }
#company	 		{ }
.logo				{padding: 6px; max-width:20%;	}
.company-name		{ font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 
					font-size:78%; font-weight:bold; color:#000; text-align:center;	padding: 20px;}	
.sub-name           { font-family :'Open Sans Condensed', Arial, Helvetica, sans-serif; 
					font-size:80%; font-weight:bold; color:#000; text-align:center; padding: 15px; 	}					
	
	
					

/* Images */



img{

	max-width: 100%;

	height: auto;

	margin: 0px 0 0px 0;

}




#top	 		{ margin:0px 0 0px -10; width:100%;  padding:0px;   }

#top h1		{ margin-top:-10px;  margin-bottom:10px; font-size:17px; float:left;  width:100%; padding:0px;}





#company	 		{ }

#logo			{ float:left; margin: 0px 0 -20px 0; width:20%;	}





.bx-wrapper {

	position: relative;

	margin: 0px 0 60px 0;

	padding: 0;

	

	*zoom: 1;

}





.bx-wrapper .bx-caption span {

	color: #fff;

	font-family: Arial;

	display: block;

	font-size: 10px;

	padding: 4px;

}




#intro-banner {display:inline-block; width: 100%; margin:0;}
.intro-banner-imagebox {width: 90%; height:auto; position:relative; margin: 0; }
.intro-banner-right  { text-align:left; position:relative; width: 90%; margin: 0 0 0 10px;}
.intro-banner-right h1 { font-size: medium; padding:0px 5px;}



#summary {margin:10px 10px; width:85%; font-size:70%;  }
  
.summary h1 {font-weight: bold; font-size: medium; padding:0px 15px; }

.summary p {font-size: small; }


.analysis-type {margin:10px 10px; width:85%; font-size:70%; }
.analysis-type h2 {font-weight: bold; font-size: medium; padding:0px 15px;}
.analysis-type p {font-size: small;}

.analysis-examples-list-container {margin:0% 3% 0% 3%;  width:85%;
  padding: 10px; gap:20px; font-size:70%; }


.analysis-example {display:inline;  border:2px #f75 solid;  gap: 20px; margin-bottom: 20px;}


.analysis-example-image1 { background-color: #fff;  width:300px;}

.analysis-example-image2 { background-color: #fff; width: 300px;  }

.analysis-example-text-container { display:inline; flex-direction: row; justify-content: center; height:auto; margin: 0px 10 0 0; gap:10px; }

.analysis-examples-text h2		{ display:inline; flex-direction: row; height:auto;  margin: 0px 10 0 0; gap:10px; font-weight: bold; font-size: medium;}

.analysis-exampes-text p {display:inline;  height:auto;  margin: 0px 10 0 0; gap:10px; font-size: small;  }



.analysis-examples-image{background-color: #fff; height: 250px; width:40%; padding: 10px}


 


#social-media		{ display:none;	}

#social-media ul 	{	}

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

#social-media img	{ display:none; }



					

#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%; */







#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;}





					

					

					 

					 

					 

#industry				{margin:0px ;	}

#industry .application		{  width:50%; float:left; margin:0px 0px 0px 0px; text-align:center;}

#industry h2			{ font-size:38px; padding-bottom:10px; margin-bottom:20px;

						border-bottom:1px #0B4B8B dotted; text-transform:uppercase; }

#industry h3			{ font-size:22px; margin:0px 0 5px 0;

						text-transform:lowercase; }

#industry P				{ margin-top:-30px; font-size:15px;  }





#main-services				{ clear:both; width:100%; margin:0px 0; 	}

#main-services h2			{ font-size:25px; padding-bottom:10px; margin-bottom:20px;

						border-bottom:1px #0B4B8B dotted;  }

#main-services h3			{ font-size:22px; margin:10px 0 5px 0;

						text-transform:lowercase;

						 }

#main-services p			{ font-size:15px; padding:10px 0; }

.main-service-button		{ margin:0px 0 35px 0; display:block; width:200px;

						  }

#main-services a			{ font-size:14px; padding:5px 10px; text-align:center;

						border-radius:4px;	}						

#main-services a:link		{ color: #000;  }

#main-services a:visited	{ color: #000;  }

#main-services a:active	{ color: #000;  }

#main-services a:focus		{ color: #fff; background-color:#900;  }

#main-services a:hover    	{ color: #fff; background-color:#900;  }

					 

					 

					 

#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:80%; 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:90%; 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;

	

}