@media(min-width: 800px){.woocommerce-shop  #primary{

    flex: 0 0 75% !important;
    max-width: 75% !important;
}
.woocommerce-shop  #secondary{

    flex: 0 0 25% !important;
    max-width: 25% !important;
}}

.single-product table  tbody  th{
background: transparent !important;}

#footer-socials.menu {display: none !important;}



.yith-wcwl-add-to-wishlist {margin-top: 2px; margin-bottom: 20px !important;}
.variable {width: 70% !important;}
.order-tracking-link {display: none !important;}

.woocommerce div.product form.cart .variations select {background-color: #f2f2f2 !important;}

@media only screen and (min-width: 768px) {.value {width: 200px !important;}}

.logo img {height: 150px !important;}
.header-v3 .site-branding, .header-v5 .site-branding {
    margin-bottom: 10px;
margin-top: -10px  !important;
}

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.button-shop{
background: #fff;
    border-radius: 50px;
    padding: 15px 25px;
    font-weight: 700;
    margin-left: 20px;
}



.woocommerce ul.products li.product .button{
border-radius: 50px !important;
    padding: 15px 25px !important;
    font-weight: 700 !important;
	font-size: 0.8rem !important; 
    margin-bottom: 30px !important;}

.woocommerce .button{
	border-radius: 50px !important;
    padding: 15px 25px !important;
    font-weight: 700 !important;
	font-size: 0.8rem !important; 
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	    box-shadow: 1px 1px 7px #00000012 !important;
}



@media(min-width: 800px){.woocommerce ul.products li.product a img{
height: 300px !important;
width: auto !important;}}

.woocommerce table.cart td.actions .input-text{
	    width: 221px !important;
    height: 42px !important;
    border-radius: 43px !important;
    padding-left: 20px !important;
}

.coupon .button{margin-left: -40px !important;}
.creativesplanet-sidebar .widget {
	background-color: #fff !important;}

@media(max-width: 768px){
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width:100% !important;
	}

	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
		float: left !important;
	}}

.widget_product_categories ul li span{
float: right;
    right: 0;
    top: -2px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    background-color: #222;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 12px;
	font-weight: 400;}


/*SIDEBAR ORDER MOBILE*/
@media(max-width: 990px){
.woocommerce .site-content>.row{
	display: flex !important;
	flex-direction: row !important;}

#primary{order: 2 !important; -webkit-order: 2 !important;}
	#media_image-2{display: none !important;}
	
.widget-area.col-md-3{padding: 0px 20px !important;
	margin-bottom: -100px !important;}
}

/*HEADER*/

.cspt-header-style-3 .cspt-header-overlay{position: relative !important;}
.cspt-header-style-3 .cspt-pre-header-wrapper{display: none !important;}
.cspt-header-style-3 .site-branding{margin-left: 0px !important;}

.cspt-header-style-3 .cspt-search-cart-box .cspt-cart-wrapper .cspt-cart-count {
    top: 20px !important;
	left: 26px !important;
background: #9bbcf2 !important;}

@media(max-width: 1200px){
	.cspt-responsive-icons .cspt-cart-wrapper .cspt-cart-count {
    top: -8px !important;
		left: 25px !important;}
}

.cspt-cart-icon i{font-size: 28px !important;}



/*FOOTER*/
.site-footer.cspt-color-white, .footer-wrap.cspt-color-white {
    color: rgb(234, 223, 223) !important;
    padding-top: 50px !important;
	margin-top: 50px !important;
}

.cspt-footer-copyright-text-area{text-align: left !important;}