@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 2200px) {
	body.archive div.cf_api_main_content ul.products li.product,
	ul.products li.product,
	ul.products li.product.status-publish {
		min-height: 488px;	
	}
    
    ul.products.columns-4 {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1600px) {
    ul.products.columns-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1400px) {
	body.archive div.cf_api_main_content ul.products li.product,
	ul.products li.product,
	ul.products li.product.status-publish {
		min-height: 470px;
	}
}

@media screen and (max-width: 1100px) {
    ul.products.columns-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 480px) {
    .widget-title {
        font-size: 14px !important;
        display: block;
        padding: 10px 0 0 10px;
        margin-top: 50px;
    }
    
    .cf_api_legal {
        padding: 0 0 0 30px;
    }
    
    ul.products.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    ul.product-categories .cat-item a {
        padding: 18px 30px 12px 10px;
        max-width: 300px !important;
    }
    
    .cf_api_catopen {
        margin-top: 10px;
    }
    
    ul.products li.product a.cf_api_product_tipti, ul.products li.product a.cf_api_product_whatsapp, div.slide li.product a.cf_api_product_tipti, div.slide li.product a.cf_api_product_whatsapp, .summary.entry-summary a.cf_api_product_tipti, .summary.entry-summary a.cf_api_product_whatsapp, .slick-slide li.product a.cf_api_product_tipti, .slick-slide li.product a.cf_api_product_whatsapp {
        margin-top: 4px;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
	.cf_api_filter_button {
		top: 60px;
	}
	
	.cf_api_baner_shop {
		margin-bottom: 0;
	}
	
	div.cf_api_main_content {
		width: 100%;
	}
	
	ul.products li.product h2.woocommerce-loop-product__title {
		font-size: 14px !important;
		line-height: 16px;
	}
	
	body.archive ul.products li.product a.woocommerce-loop-product__link h2.woocommerce-loop-product__title {
		min-height: 68px;
	}
	
	ul.products li.product a.cf_api_product_tipti, ul.products li.product a.cf_api_product_whatsapp, .summary.entry-summary a.cf_api_product_tipti, .summary.entry-summary a.cf_api_product_whatsapp {
		margin-top: 6px;
	}
	
	body.archive div.locales div.cf_api_available_local img.cf_api_available_local_icon, div.locales div.cf_api_available_local img.cf_api_available_local_icon {
		width: 12px !important;
	}
	
	.woocommerce-products-header {
		padding: 10px 6px;
	}
	
	.woocommerce-products-header .woocommerce-products-header__title {
        padding-right: 80px !important;
    }
		
	div.widget-area, aside.widget-area, .widget-area {
		width: 100% !important;
	}
	
	ul.product-categories .cat-item ul.children {
    	left: 100%;
		width: 100%;
	}
	
	.cf_api_show_subcat {
		transform: translateX(-100%);
	}
	
	section.cf_api_woo_wrapper aside#secondary {
        margin: 0px auto;
		display: none;
    }
	
	body.archive .post-type-archive .site-main, .tax-product_cat .site-main,
	body.single .post-type-archive .site-main, .tax-product_cat .site-main {
		margin: 0px auto 20px !important;
	}
	
	body.product-template-default.woocommerce-page div.product div.summary {
		width: 100%;
	}
	
	.woocommerce-breadcrumb {
		padding: 0 20px !important;
	}
	
	body.single div.cf_api_main_content .site-main {
		padding: 0px 0 0 !important;
	}
	
	.summary.entry-summary {
		padding: 0 20px;
	}
	
	.summary.entry-summary .product_title.entry-title {
		margin: 0 0 12px !important;
	}
	
	body.archive main#main.site-main, 
	body.single main#main.site-main {
		margin: 5px auto 20px !important;
	}
	
	body.archive .cf_api_filter_button {
		display: block;
	}
	
	body.single .cf_api_filter_button {
		display: none !important;
	}
	
	
	ul.products li.product img.attachment-woocommerce_thumbnail, ul.products li.product img.woocommerce-placeholder, ul.products li.product a.woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail img {
		max-height: 130px !important;
	}
	
	.woocommerce ul.products.columns-4 li.product {
       
    }
}

@media screen and (max-width: 340px) {
    ul.products.columns-4 {
        grid-template-columns: repeat(1, 1fr);
    }
}