@media(min-width:1000px) and (max-width:1250px){
	.logo img 				{ width: 81%}
	#cssmenu > ul 			{margin-right: 0}
	#cssmenu > ul > li > a          {padding: 12px 18px 12px}
	#cssmenu > ul > li.has-sub > a 	{padding-right: 25px}
	#cssmenu > ul > li.has-sub > a::after {right: 9px}
	.infra-img 			{min-height: 320px}
	.home-left img 		{width:100%; margin:10px 0}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
}

@media(min-width:769px) and (max-width:999px){
/************* Home page start here ****************************************/
	#cssmenu > ul > li.has-sub > a 	{padding-right: 25px}
	#cssmenu > ul > li.has-sub > a::after {right: 9px}
	#cssmenu > ul > li > a			{padding: 12px 13px 12px}
	.home-left img 		{width:100%; margin:10px 0}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.infra-img 			{min-height: 320px}
	.logo-text 			{display:none}
}
@media(max-width:768px){
	.logo        			{float:left; display: block; margin: 0 auto}
	
	#cssmenu 			{width: 50%; z-index: 9999; float: right}
	#cssmenu > ul		{margin-right: 0px}
	.footer-bott        	{display:block; width:100%}
	.copy				{ text-align: center; font-size:13px}
	.footer-text 		{ text-align: center !important}
	.footer-bott img  	{width:100%}
	.home-left img 		{width:100%; margin:10px 0}
	.inner-text 			{padding: 0px}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.infra-img 			{min-height: 265px}
	.inner-text 			{min-height: auto}
	.logo-text 			{margin: 0px 0 10px 30px;  top: 50px}
	.logo-text1 			{width: 65.5%}
}
/* ipad potrait */
@media(min-width:641px) and (max-width:767px){
	.logo        			{float:left; display: block; margin: 0 auto}
	.logo-text 			{display:none}
	#cssmenu 			{width: 50%; z-index: 9999; float: right}
	#cssmenu > ul		{margin-right: 0px}
	.footer-bott        	{display:block; width:100%}
	.copy				{ text-align: center; font-size:13px}
	.footer-text 		{ text-align: center !important}
	.footer-bott img  	{width:100%}
	.home-left img 		{width:100%; margin:10px 0}
	.inner-text 			{padding: 0px}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.infra-img 			{min-height: 265px}
	.inner-text 			{min-height: auto}
}
@media(min-width:481px) and (max-width:640px){
	#cssmenu 			{width: 50%; z-index: 9999; float: right}
	#cssmenu > ul		{margin-right: 0px}
	.footer-bott        	{display:block; width:100%}
	.copy				{ text-align: center; font-size:13px}
	.footer-text 		{ text-align: center !important}
	.footer-bott img  	{width:100%}
	.home-left img 		{width:100%; margin:10px 0}
	.inner-text 			{padding: 0px}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.pika-thumbs li 		{height: 158px}
	.subprod-cont ul li img	{width: 100%}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.infra-img 			{min-height: 265px}
	.inner-text 			{min-height: auto}
	.logo-text 			{display:none}
}
/*mobile view */
@media (max-width:480px) {
	.logo        			{float:left; display: block; margin: 0 auto}
	/*.call 				{float:right; margin: 28px 20px}*/
	.call 				{ float: right; margin: 9px 20px 0}
	/*.social 				{float:right; margin: -110px 20px}*/
	.social 				{float: right; margin: -36px 20px}
	.logo-text 			{top: 2px}
	.social1			{ margin:0px 20px}
	.logo img			{position:static !important;}
	#img_msg_area		{top: 370px !important; width:100% !important; font-size:26px !important;}
	.home-heading 		{font-size: 20px;text-align:center;padding-bottom: 10px;}
	.home-text p			{font-size:13px;}
	.footer-bott        	{display:block; width:100%}
	.footer-bott h2 		{text-align:center}
	.footer-bott img  	{width:100%}
	
	#cssmenu > ul		{margin-right: 0px}
	.copy				{ text-align: center}
	.footer-text 		{ text-align: center !important}
	.home-left img 		{width:100%; margin:10px 0}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}	
}
@media(min-width:321px) and (max-width:479px){
	.logo        			{float:none; display: block; margin: 0 auto}
	.call 				{float:none; text-align: center; margin: 28px auto}
	.call ul 				{padding:0}
	.social 				{float: none;margin: 0 auto;display: block;width: 51%}
	.logo img			{position:static !important;}
	#img_msg_area		{top: 370px !important; width:100% !important; font-size:26px !important;}
	.home-heading 		{font-size: 20px;text-align:center;padding-bottom: 10px;}
	.home-text p			{font-size:13px;}
	.footer-bott        	{display:block; width:100%}
	.footer-bott h2 		{text-align:center}
	.footer-bott img  	{width:100%}
	#cssmenu > ul		{margin-right: 0px}
	.copy				{ text-align: center}
	.footer-text 		{ text-align: center !important}
	.home-left img 		{width:100%; margin:10px 0}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}
	.logo-text 			{margin: 0px auto 10px; top: 0; width: 73%}
	.logo-text1 			{display: none;}
}

@media(max-width:320px) {
	.logo        			{float:none; display: block; margin: 0 auto}
	.call 				{float:none; text-align: center; margin: 28px auto}
	.call ul 				{padding:0}
	.social 				{float:none; margin: 0 67px}
	.logo img			{position:static !important;}
	#img_msg_area		{top: 370px !important; width:100% !important; font-size:26px !important;}
	.home-heading 		{font-size: 20px;text-align:center;padding-bottom: 10px;}
	.home-text p			{font-size:13px;}
	.footer-bott        	{display:block; width:100%}
	.footer-bott h2 		{text-align:center}
	.footer-bott img  	{width:100%}
	#cssmenu > ul		{margin-right: 0px}
	.copy				{ text-align: center}
	.footer-text 		{ text-align: center !important}
	.home-left img 		{width:100%; margin:10px 0}
	.pika-stage, .pika-textnav { width: 100% !important}
	.pikachoose 			{ width: 100% !important}
	.subprod-cont ul li 	{width: 33%}
	.subprod-cont ul li img	{width: 100%}
	.prod-text 			{width: 100%; border-right: 0px solid #ae221d}
	.prod-text-ser 		{width: 100%; float: left}
	.prod-text-ser ul li 	{width: 100% !important}
	.logo-text 			{margin: 0px auto 10px; top: 0; width: 73%}
	.logo-text1 			{width: 100%}
}