@charset "utf-8";
/* CSS Document */
img{ max-width:100% }

@media screen and (max-width: 320px) {
	header { width:100%; }
	.main { width:96%; }
	.logo img { width:auto; text-align:center;  margin:0; }
	.contact_info{ text-align:center; width:100%;  }
	header.shrink .contact_info{ padding:0; height:0; }
	header.shrink nav{margin-top:-60px;}
	.fright { float:none; }
	.fleft { float:none; }
	.banner { margin:60px 0 0 0; }
	.vision { width:100%; padding:15px 0; margin:0;}
	h1 { font-size:100%; font-weight:bold; }
	.function {background:none; }
	.technologies ul{ margin:0; float:left; }
	.technologies li{margin: 0 15px; }
	.prodess_box{ border: 1px dashed #e6e6e6; float: none; margin: 10px auto; padding: 10px; }
	.prodess_box h1{ text-align:center; }
	.process_area{ background:none; width:96%; height:auto; }
	.process_box{ margin:20px 0 0 0; width:100%; }
	.process_box_finalize{ margin:20px 0 0 0; width:100%; }
	.process_box_alt{ margin:20px 0 0 0 !important; }
	.process_box_alt1{ margin:20px 0 0 0 !important; }
	.services_offered{ width:90%; padding:0 0 0 20px; }
	.clients_container{ border:0; float:none; width:84%; }
	.form_input{ width:85%; }
	.footer ul{ float:none; }
	.social ul{ float:none; padding:20px 0 0 40px;  }
	.social li{  }
	.addarea { width:88%; }
	.add-col { width:100%; }
	.add-col1 { width:100%; margin:0; }
	.contact_form_cont{ width:76%;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
	header { width:100%; }
	.main { width:96%; }
	.logo img { width:auto; text-align:center;  margin:0; }
	.contact_info{ text-align:center; width:100%;  }
	header.shrink .contact_info{ padding:0; height:0; }
	header.shrink nav{margin-top:-60px;}
	.fright { float:none; }
	.fleft { float:none; }
	.banner { margin:60px 0 0 0; }
	.vision { width:100%; padding:15px 0; margin:0;}
	h1 { font-size:100%; font-weight:bold; }
	.function {background:none; }
	.technologies ul{ margin:0; float:left; }
	.technologies li{ }
	.prodess_box{ border: 1px dashed #e6e6e6; float: none; margin: 10px auto; padding: 10px; }
	.prodess_box h1{ text-align:center; }
	.process_area{ background:none; width:96%; height:auto; }
	.process_icon{  }
	.process_box{ margin:20px 0 0 0; width:100%; }
	.process_box_finalize{ margin:20px 0 0 0; width:100%; }
	.process_box_alt{ margin:20px 0 0 0 !important; }
	.process_box_alt1{ margin:20px 0 0 0 !important; }
	.services_offered{ width:90%; padding:0 0 0 20px; }
	.clients_container{width:43%; margin:0; padding:15px 10px; }
	.form_input{ width:96%; }
	.footer ul{ float:none; }
	.social ul{ float:none; padding:20px 0 0 40px;  }
	.addarea { width:92%; }
	.add-col { width:100%; }
	.add-col1 { width:100%; margin:0; }
	.contact_form_cont{ width:82%; }
}
@media screen and (min-width: 481px) and (max-width: 720px) {
	header { width:100%; }
	.main { width:96%; }
	.logo img { width:auto; text-align:center;  margin:0; }
	.contact_info{ text-align:center; width:100%;  }
	header.shrink .contact_info{ padding:0; height:0; }
	header.shrink nav{margin-top:-60px;}
	.fright { float:none; }
	.fleft { float:none; }
	.banner { margin:60px 0 0 0; }
	.vision { width:100%; padding:15px 0; margin:0;}
	h1 { font-size:100%; font-weight:bold; }
	.function {background:none; }
	.technologies ul{ margin:0; float:left; }
	.technologies li{ }
	.prodess_box{ border: 1px dashed #e6e6e6; float: none; margin: 10px auto; padding: 10px; width:80%; }
	.prodess_box h1{ text-align:center; }
	
	.process_area{ background:none; width:96%; height:auto; }
	.process_icon{ margin:0 0 10px 155px; }
	.process_box{ margin:20px 0 0 0; width:100%; }
	.process_box_finalize{ margin:20px 0 0 0; width:100%; }
	.process_box_alt{ margin:20px 0 0 0 !important; }
	.process_box_alt1{ margin:20px 0 0 0 !important; }
	.services_offered{ width:90%; padding:0 0 0 20px; }
	.clients_container{ width:45%; margin:0; padding:15px 10px; }
	.form_input{ width:96%; }
	.footer ul{ float:none; }
	.social ul{ float:none; padding:20px 0 0 40px;  }
	.addarea { width:95%; }
	.add-col { width:100%; }
	.add-col1 { width:100%; margin:0; }
	.contact_form_cont{ width:88%; }
	
}
@media screen and (min-width: 721px) and (max-width: 1020px) {
	header { width:100%; }
	.main { width:96%; }
	header.shrink nav{margin-top:-60px;}

	.banner_area { width:100%; height:auto; margin:60px 0 0 0; }
	.vision { width:100%; padding:15px 0; margin:0;}
	h1 { font-size:100%; font-weight:bold; }
	.function {background:none; }
	.technologies ul{ margin:0; float:left; }
	.technologies li{ }
	.prodess_box{ border: 1px dashed #e6e6e6; margin: 10px; padding: 10px; width:43%; }
	.prodess_box h1{ text-align:center; }
	.finalize_page_box { margin:10px; }
	.process_area{ background:none; width:96%; height:auto; }
	.process_icon{ margin:0 0 10px 120px; }
	.process_box{ margin:20px 0 0 0; width:100%; }
	.process_box_finalize{ margin:20px 0 0 0; width:100%; }
	.process_box_alt{ margin:20px 0 0 0 !important; }
	.process_box_alt1{ margin:20px 0 0 0 !important; }
	.services_offered{ width:90%; padding:0 0 0 20px; }
	.clients_container{ border:0; width:26%; }
	.form_input{ width:96%; }
	.footer ul{ float:none; }
	.social ul{ float:none; padding:20px 0 0 40px;  }
	.addarea { width:45%; }
	.add-col { width:100%; }
	.add-col1 { width:100%; margin:0; }
	.contact_form_cont{ width:40%; }
}