@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/* larger desktop */
/* standard desktop */

@media(min-width:1000px) and (max-width:1250px){
	.logo								{margin: 0px 0px 14px; width: 100%; }	
	.social 								{margin: 0px 40px 6px}		
	.home-heading						{font-size: 24px; margin-top: 10px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{text-align: center !important }
	#cssmenu > ul > li 					{padding: 12px 0px 12px 39px}
	#cssmenu > ul > li > a 				{font-size: 16px}
	/*.contact-img 						{ width: 100%}*/
	.contact-section .form-group 		{ margin-top: 4px}
	.contact-section button 				{padding: 5px 15px; line-height: 17px; margin-bottom: -26px !important}
	.contact-bg p 						{font-size: 13px}
	.contact-bg h3 						{font-size: 26px}
	.contact-section .form-group textarea {height: 61px}
}

@media(min-width:769px) and (max-width:999px){
/************* Home page start here ****************************************/
	.logo								{margin: 0px 0px 14px; width: 100%; }	
	.social 								{margin: 0px 40px 6px}		
	.home-heading						{font-size: 24px; margin-top: 10px}
	.contact-img 						{ width: 100%; height: 513px}
	#cssmenu > ul > li 					{padding: 12px 0px 12px 18px}
	#cssmenu > ul > li > a 				{font-size: 16px}
	.footer p 							{font-size: 12px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer h2 							{font-size: 12px}
	.footer-text 						{text-align: center !important }
	.download-bro a 						{padding: 0}
	.footer ul li 							{font-size: 13px}
}
/* ipad potrait */
@media(min-width:641px) and (max-width:768px){
	.logo								{margin: 0px 0px 14px; width:100%}
	.call ul 							{margin:0 0 0 -30px}
	.call ul li 							{margin: 0px 11px 0px}
	/*	.home-client 						{text-align: left}
	.heading-bg							{display:none}*/
	.home-heading						{font-size: 24px; margin-top: 10px}
	/*.home-text1 							{margin: 25px 0}
	.inner-content h2					{font-size: 16px; margin-bottom: 20px; color: #5E6D77}	*/
	.contact-img 						{width: 100%; height: 513px;}
	.social 								{margin: 0px 0px 6px}	
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{text-align: center !important}
	.footer h2 							{font-size: 13px; border-bottom:2px solid #FFF;}
	.footer ul li 							{font-size: 12px }
	.footer h4 							{font-size: 13px}
	.footer p 							{font-size: 12px}
	.demo-3 								{margin: 18px 5px 18px -4px}
	#cssmenu							{margin:25px 0 0 0 !important}
	/*
	#cssmenu > ul 						{float: left; margin-left: 0px}	
	.inner-content						{padding-top: 20px}
	.breadcrumb1 h2						{color: #002E5E}
	.breadcrumb1 span a  					{color: #002E5E}
	.inner-block img						{width:100%}
	.inner-back 							{margin: 0px 0px 0px}
	.inner-back3 						{margin: 0px 0px 0px}
	.inner-back2 						{margin: 0px 0px 0px}
	.inner-back1 						{margin: 0px 0px 0px}*/	
	}
/* small view i.e. tablet and mobile */
@media(min-width:481px) and (max-width:640px){
	.logo								{margin: 0px 0 14px }	
	.call ul 							{margin:0 0 0 -30px}
	.call ul li 							{margin: 0px 11px 0px}
	.social 								{margin:0px 19px 13px}
	.social 								{margin: 0px 10px 6px}
	
	
	.home-heading						{font-size: 24px; margin-top: 20px}
	
	.footer  h2  							{border-bottom:2px solid #FFF; margin-top: 20px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{text-align: center !important }		
}	
/*mobile view */
@media (max-width:480px) {
	.logo								{margin: 0px 81px 14px  }
	.call ul 							{margin:0 0 0 -30px}
	.call ul li 							{margin: 0px 11px 0px}
	.social 								{margin:0px 19px 13px}
	.home-heading						{font-size: 24px; margin-top: 20px}
	.footer  h2  							{border-bottom:2px solid #FFF; margin-top: 5px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{ text-align: center !important }
	#cssmenu > ul 						{float: left; margin-left: 0px}	
	/*.home-text1 							{margin: 25px 106px }
	.hori-scr 							{margin: 24px 0 40px; text-align: center}
	#cssmenu > ul 						{float: left; margin-left: 0px}
	.inner-content h2					{font-size: 16px; margin-bottom: 20px; color: #5E6D77}
	.inner-bg img						{width:100%}
	.inner-content						{padding-top: 20px}
	.breadcrumb1 h2						{color: #002E5E}
	.breadcrumb1 span a  					{color: #002E5E}
	.inner-block img						{width:100%}
	.inner-back 							{margin: 0px 0px 0px}
	.inner-back3 						{margin: 0px 0px 0px}
	.inner-back2 						{margin: 0px 0px 0px}
	.inner-back1 						{margin: 0px 0px 0px}
	.bx-controls-direction a				 { position: absolute; top: 95% }
	
	.contact-section1 .form-group 		{ width: 100% }							
	.newform-row1 .leftcol				{width: 97%}
	.newform-row .leftcol  				{ width: 84%}	*/		
}
@media(min-width:321px) and (max-width:479px){
	.logo								{margin: 0px 16px 14px  }
	.social 								{margin: 0px 46px 14px}	
	#cssmenu > ul 						{float: left; margin-left: 0px}	
	/*.home-cont p 						{font-size: 15px}
	.head-text 							{font-size: 21px}
	.head-inn span 						{display:none; height: 4px; width: 45%; margin: 0px 82px}
	.head-client 						{margin: 0px 0px}
	.home-text1 							{margin: 25px 0px }
	.home-client 						{text-align: left}
	.contact-inner p 					{ font-family: Century Gothic; font-size: 15px; text-align: left }	
	.inner-content h2					{font-size: 16px; margin-bottom: 20px; color: #5E6D77}
	.inner-bg img						{width:100%}
	.inner-content						{padding-top: 20px}
	.breadcrumb1 h2						{color: #002E5E}
	.breadcrumb1 span a  					{color: #002E5E}
	.inner-block img						{width:100%}
	.inner-back 							{margin: 0px 0px 0px}
	.inner-back3 						{margin: 0px 0px 0px}
	.inner-back2 						{margin: 0px 0px 0px}
	.inner-back1 						{margin: 0px 0px 0px}	
	.bx-controls-direction a 			{ position: absolute; top: 98% }	*/
	.footer  h2  							{border-bottom:2px solid #FFF; margin-top: 5px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{ text-align: center !important }	
}

@media(max-width:320px) {
	/*img{width:100%}*/
	.logo								{margin: 0px 0 10px }	
	.call ul 							{margin:0 0 0 -30px}
	.call ul li 							{margin: 0px 11px 0px}
	.social 								{margin: 0 95px 7px}
	.social-icon 						{margin: 4px 2px 0px}
	
	.home-heading						{font-size: 19px;    margin-top: 20px}
	.contact-bg h3 						{font-size: 25px}
	.contact-bg p 						{font-size: 13px}
	.footer p 							{font-size: 14px}
	.footer  h2  							{border-bottom:2px solid #FFF; margin-top: 5px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{text-align: center !important }	
	#cssmenu > ul > li                                   { padding: 12px 0px 12px 0px !important}
	/*.heading-bg							{display:none}
	
	.home-text1 							{margin: 25px 26px }
	.hori-scr 							{margin: 24px 0 40px; text-align: center}
	.bx-controls-direction a 			{position: absolute; top: 20% }
	.bx-next							{right:50px}
	.bx-prev							{left:50px}
	.footer  h2  							{border-bottom:2px solid #FFF; margin-top: 5px}
	.copy								{margin: 0px 0 0; text-align:center; width:100%}
	.footer-text 						{text-align: center !important }								
	#cssmenu > ul 						{float: left; margin-left: 0px}									
	.newform-row1 .leftcol				{width: 97%}
	.newform-row .leftcol  				{ width: 84%}											
	.inner-content h2					{font-size: 16px; margin-bottom: 20px; color: #5E6D77}
	.inner-bg img						{width:100%}
	.inner-content						{padding-top: 20px}
	.breadcrumb1 h2						{color: #002E5E}
	.breadcrumb1 span a  					{color: #002E5E}
	.inner-block img						{width:100%}
	.inner-back 							{margin: 0px 0px 0px}
	.inner-back3 						{margin: 0px 0px 0px}
	.inner-back2 						{margin: 0px 0px 0px}
	.inner-back1 						{margin: 0px 0px 0px}	*/
}