
@media handheld, only screen and (max-width: 1480px), only screen and (max-device-width: 1480px) and (orientation:portrait)
{
}

@media handheld, only screen and (max-width: 1360px), only screen and (max-device-width: 1360px) and (orientation:portrait)
{
}

@media handheld, only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) and (orientation:portrait)
{
}

@media handheld, only screen and (max-width: 1023px), only screen and (max-device-width: 1010px) and (orientation:portrait)
{
	#welcome .wrapper > .news{ margin: 30px 0px 0px; }
	#product-carousel,
	#categories{ margin: 60px 0px 0px; }
	#categories .product-box{ width: 31%; margin-right: 3.5%; }
	#categories .product-box:nth-child(4n){ margin-right: 3.5%; }
	#categories .product-box:nth-child(3n){ margin-right: 0px; }
	#why-us .wrapper .service .content{ padding: 0px 0px 0px 10px; }
}

@media handheld, only screen and (max-width: 767px), only screen and (max-device-width: 767px) and (orientation:portrait)
{
	.homepage#main-content{ padding: 0px 0px 30px; }
	#product-carousel,
	#categories{ margin: 30px 0px 0px; }

	#welcome .wrapper > .image{ order: 1; margin: 0px -15px; }
	#welcome .wrapper > .news{ order: 2; }
	#welcome .wrapper > .image img { height: auto; width: auto; max-width: 100%; }	
	#categories .wrapper{ justify-content: space-between; }
	#categories .product-box{ width: 48%; margin: 0px 0px 30px !important; }
}

@media handheld, only screen and (max-width: 639px), only screen and (max-device-width: 639px) and (orientation:portrait)
{
}

@media handheld, only screen and (max-width: 479px), only screen and (max-device-width: 479px) and (orientation:portrait)
{
	#welcome .wrapper > .image .layer h1 { font-size: 24px; line-height: 28px; }
	#welcome .wrapper > .image .layer h1:before{ margin: 0px auto 10px; }
	#welcome .wrapper > .image .layer h1:after{ margin: 10px auto 0px; }
	#welcome .wrapper > .image .layer p{ font-size: 13px; line-height: 16px; max-width: 90%; }
}

@media handheld, only screen and (max-width: 319px), only screen and (max-device-width: 319px) and (orientation:portrait){
}
