@charset "utf-8";
/* CSS Document */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media only screen and (min-width: 768px) and (max-width: 1004px) {
	
		/* nav */
		.nav
		{
			display:none; 
		}
		nav ul li{
			margin-left:12px;
		}nav select {
			width:100%; 
			display:block;
			padding:10px 30px; 
			margin:auto; 
			cursor:pointer;
			background:#FFF;
			border:2px solid #09F;
			color:#434343;
		}
			
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 480px) and (max-width:768px) {

		/* nav menu ul & select */
		.nav
		{
			display:none;
		}
		nav select {
			width:100%;
			display:block;
			padding:10px 30px; 
			margin:auto; 
			cursor:pointer;
			background:#FFF;
			border:2px solid #09F;
			color:#434343;
		}
			
}
	/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 320px) and (max-width:480px) {

		/* nav menu ul & select */
		.nav
		{
			display:none;
		}
		nav select {
			width:100%;
			display:block;
			padding:10px 30px; 
			margin:auto; 
			cursor:pointer;
			background:#FFF;
			border:2px solid #09F;
			color:#434343;
		}
			
}
@media only screen and (min-width: 240px) and (max-width:320px) {

		/* nav menu ul & select */
		.nav
		{
			display:none;
		}
		nav select {
			width:100%;
			display:block;
			padding:10px 30px; 
			margin:auto; 
			cursor:pointer;
			background:#FFF;
			border:2px solid #09F;
			color:#434343;
		}
			
}

@media only screen and (max-width:1004px)
{
	img
	{
		max-width:100%;
	}
	table, tr, td
	{
		width:auto;
	}

	.top, .nav, .banner_bg, .submain, .logos, .foot, .products_range_margin
	{
		width:auto; padding:0 20px;
	}
	.navbar
	{
		padding:10px 20px;
	}
	.top h1, .top h1 span, .top_r
	{
		text-align:center; float:none; width:auto;
	}
	.submain_l, .product
	{
		width:auto; float:none;  margin:30px 0;
	}
	.product
	{
		background:#530913; border-radius:30px 0 30px 0; text-align:center;
	}
	.product p, .submain_l p
	{
		float:none; 
	}
	.logos
	{
		padding:30px 0;
	}
	.logos a 
	{
		width:auto; float:none; margin-top:10px; text-align:center;
	}
	.logos a:first-child
	{
		margin-left:13px;
	}
	.foot_l, .social, .foot_r
	{
		float:none; width:auto; margin:0px;
	}
	
	.products_range_margin ul li
	{
		float:none; width:auto; margin-left:0px; margin-top:20px;
	}
	.products_range_margin ul li:first-child
	{
		margin-left:0;
	}
	.products_range_margin ul li a
	{
		 float:none; margin-bottom:20px;
	}
	.specification ul li
	{
		float:none; width:auto; margin-left:0;
	}
	.specification ul li:first-child
	{
		margin-left:0;
	}
	.cont_l, .cont_r
	{
		width:auto; float:none; 
	}
	.input, .textarea, .textarea1
	{
		width:85%;
	}
	select
	{
		width:100%;
	}

}