#spg-navi, #spg-navi-grid, #spg-navi-grid-2 {
	display:none;
}

#spg-navi .wp-pagenavi, #spg-navi-grid .wp-pagenavi, #spg-navi-grid-2 .wp-pagenavi {
	
	text-align:center !important; 
	font-size:20px !important;
}	

#spg-navi .wp-pagenavi, #spg-navi-grid .wp-pagenavi, #spg-navi-grid-2 .wp-pagenavi {
}

#spg-navi ul, #spg-navi-grid ul, #spg-navi-grid-2 ul {
	text-align:center;
}
#spg-navi ul li, #spg-navi-grid ul li, #spg-navi-grid-2 ul li {
	list-style:none;
	display:inline-block;
	padding:3px 7px 3px 7px;
	border:1px solid #ccc;
	margin:5px;
	cursor:pointer;
}

#spg-navi ul li.separator, #spg-navi-grid ul li.separator, #spg-navi-grid-2 ul li.separator {
	border:1px solid #fff;
	cursor:default;
}

#spg-navi ul li.hidden, #spg-navi-grid ul li.hidden, #spg-navi-grid-2 ul li.hidden {
	display:none;
}

#spg-navi ul li.active, #spg-navi-grid ul li.active, #spg-navi-grid-2 ul li.active {
	color:#fff;
	background:#28463b;
}

#spg-list li, #spg-list-2 li {
	display:none;
}

#spg-list li h2, #spg-list-2 li h2 {
	min-height:55px;
}

#spg-list li.active, #spg-list-2 li.active {
	display:block;
}

.spg-price {
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:500;
}

.pagebtnnext {
	border:none !important;
	font-weight:bold !important;
	color:#28463b !important;
}

.pagebtnnext.disabled {
	display:none !important;
}

.spg-price-wrap {
	min-height:55px;
}

.spg-filter-form select{
	
	    height: auto !important;
    min-width:224px;
    font-size: 14px !important;
    text-transform: uppercase !important;
    border: 0px !important;
    background: transparent !important;
    border-bottom: 2px solid #CECDCD !important;
    padding: 0px 0px !important;
    color: #666 !important;
    font-weight: 500 !important;
    margin-left: 10px !important;
    border-radius: 0px !important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
}

.spg-filter-form {
	margin-bottom:20px !important;
}

.spg-filter {
	margin-bottom:20px !important;
	font-size:16px !important;
	margin-right:40px !important;
}
#spg-list-mobile {position: relative;margin: 20px auto 0 auto;border-radius: 4px;}
#spg-list-mobile ul {position: relative;margin: 0;padding: 0;height: 200px;list-style: none;left: 0px;}
#spg-list-mobile ul li {position: relative;display: block;float: left;margin: 0;padding: 0;width: 400px;height: 300px;background: #fff;text-align: center;line-height: 300px;}
a.prev, a.next {position: absolute;top: 40%;z-index: 999;display: block;padding: 4% 3%;width: auto;height: auto;background: #2a2a2a;color: #fff;text-decoration: none;font-weight: 600;font-size: 18px;opacity: 0.8;cursor: pointer;}
a.prev:hover, a.next:hover {opacity: 1;-webkit-transition: all 0.2s ease;}
a.prev {border-radius: 0 2px 2px 0;}
a.next {right: 0;border-radius: 2px 0 0 2px;}

/*.nav{position: relative;margin: 0 auto;width: 300px;}
.nav ul{padding: 0px;margin: 0px auto;width: 34%;background: red;height: 20px;}
.nav ul li{display: inline;float: left;background: grey;margin: 0px 5px;color: transparent;border-radius: 20px;height: 15px;width: 15px;cursor: pointer;}*/

#spg-list-mobile {
	display:none;
}

.mobile-slide {
	padding:10px;
}

.mobile-slide {
	text-align:center;
}

.mobile-slide  h2 {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 18px!important;
    text-align: center;
    padding-bottom: 15px;
	margin-top:20px;
    text-transform: uppercase;
}

.mobile-slide img {
	width:100%;
	box-shadow: -9px -8px 0px -2px rgba(40,70,59,1);
-webkit-box-shadow: -9px -8px 0px -2px rgba(40,70,59,1);
-moz-box-shadow: -9px -8px 0px -2px rgba(40,70,59,1);
}

#spg-list-mobile .slick-prev:before, #spg-list-mobile .slick-next:before {
	font-size: 50px !important;    
    color: black !important;
}

#spg-list-mobile .slick-next:before {
    content: "›" !important;
}

#spg-list-mobile .slick-prev:before {
    content: "‹" !important;
}

@media only screen and (max-width: 1250px) {
	
	ul#spg-list.products.columns-3 .et_shop_image {
		
		padding: 10px;
	}	
	
	ul#spg-list-2.products.columns-3 .et_shop_image {
		
		padding: 10px;
	}	
	
}
@media only screen and (max-width: 768px) {
	
	ul#spg-list.products.columns-3 .et_shop_image {
		
		padding: 6px;
	}	
	
	ul#spg-list-2.products.columns-3 .et_shop_image {
		
		padding: 6px;
	}
	
	ul#spg-list.products.columns-3 h2 {    
		font-size: 12px!important;
	}
	
	ul#spg-list-2.products.columns-3 h2 {    
		font-size: 12px!important;
	}
	
	/*
	#spg-list {
		display:none;
	}
	#spg-navi {
		display:none;
	}
	
	#spg-list-mobile {
		display:block;
	}
	*/
	
	
}

@media only screen and (max-width: 479px) {
	.woocommerce-page ul#spg-list.products li {
	}
	
	.woocommerce ul#spg-list.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul#spg-list.products[class*=columns-] li.product:nth-child(2n) {
		float: right !important;
		clear: none !important!important;
	}

	.woocommerce-page ul#spg-list.products li.product:nth-child(2n) {
		margin-right: 0!important;
	}
	
	.woocommerce-page ul#spg-list.products li.product:nth-child(n) {
		margin: 0 4.5% 9.5% 0!important;
		width: 45.25%!important;
		clear: none !important;
	}
}

@media only screen and (max-width: 290px) {
	
	ul#spg-list.products.columns-3 h2 {    
		font-size: 8px!important;
	}
	
	.woocommerce-page ul#spg-list.products li.product:nth-child(n) {
		margin: 0 1% 9.5% 0!important;
		width: 45.25%!important;
		clear: none !important;
	}
}

 .product-spg #spg-list-2 h2, .product-spg #spg-list-2 h2 {
                min-height: auto !important;
                padding-bottom: 10px;
            }

            .product-spg ul#spg-list-2, .product-spg #spg-list-2 {
                grid-template-columns: repeat(3, 1fr);
                display: grid;
                gap: 40px;
            }

            .product-spg ul#spg-list-2::before, .product-spg ul#spg-list-2::before {
                display: none;
            }

            .product-spg ul#spg-list-2.products li.product:nth-child(n), .product-spg ul#spg-list-2.products li.product:nth-child(n) {
                margin: 0 4.5% 9.5% 0!important;
                width: 100%!important;
                clear: none!important;
            }

            @media only screen and (max-width: 768px) {
                .product-spg ul#spg-list-2, .product-spg #spg-list-2 {
                    grid-template-columns: repeat(2, 1fr);
                    display: grid;
                    gap: 40px;
                }
            }