/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}
@media only screen and (max-width: 3000px) {
		.product-desktop {display: inline-block;}
	.product-mobile-1 {display: none;}
	.product-mobile-2 {display: none;}
	.mobile {display: none;}
		.desktop {display: inline-block;}
}
@media only screen and (max-width: 2000px) {
		.product-desktop {display: inline-block;}
	.product-mobile-1 {display: none;}
	.product-mobile-2 {display: none;}
	.mobile {display: none;}
		.desktop {display: inline-block;}
}
@media only screen and (max-width: 1200px) {
		.product-desktop {display: inline-block;}
	.product-mobile-1 {display: none;}
	.product-mobile-2 {display: none;}
	.mobile {display: none;}
		.desktop {display: inline-block;}
}
@media only screen and (max-width: 1054px) {
		.product-desktop {display: inline-block;}
	.product-mobile-1 {display: none;}
	.product-mobile-2 {display: none;}
	.mobile {display: none;}
		.desktop {display: inline-block;}
}
 @media (max-width: 850px) {
    .menu{display:none;}
		 .product-desktop {display: inline-block;}
     .product-mobile-1 {display: none;}
		 .product-mobile-2 {display: none;}
		.mobile {display: none;}
		.desktop {display: inline-block;}
		.mobile-pits {display: none;}
.desktop-pits {display: inline-block;}
    }

@media only screen and (max-width: 800px) {
	.span_2_of_2{
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
.product-desktop {display: inline-block;}
.product-mobile-1 {display: none;}
.product-mobile-2 {display: none;}
	.desktop {display: none;}
.mobile {display: inline-block;}
}

@media only screen and (max-width: 600px) {
.product-desktop {display: none;}
.product-mobile-1 {display: none;}
.product-mobile-2 {display: inline-block;}
	.desktop {display: none;}
.mobile {display: inline-block;}
}
@media only screen and (max-width: 582px) {
.product-desktop {display: none;}
.product-mobile-1 {display: none;}
.product-mobile-2 {display: inline-block;}
	.desktop {display: none;}
.mobile {display: inline-block;}
}
@media only screen and (max-width: 480px) {
	.product-desktop {display: none;}
	.product-mobile-1 {display: inline-block;}
	.product-mobile-2 {display: none;}
	.desktop {display: none;}
.mobile {display: inline-block;}
}
@media only screen and (max-width: 320px) {
	.product-desktop {display: none;}
		.product-mobile-1 {display: inline-block;}
		.product-mobile-2 {display: none;}
	.desktop {display: none;}
.mobile {display: inline-block;}
}