Delifarm CSS

<link rel="apple-touch-icon" sizes="180x180" href="/user/documents/upload/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/user/documents/upload/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/user/documents/upload/favicons/favicon-16x16.png">

<link rel="stylesheet" type="text/css" href="/user/documents/upload/res/Deli_farm_main.css"/>
<style>
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
* {font-family: 'IBM Plex Sans', sans-serif !important;}

.btn.cart-count::before, a.btn.cart-count::before {margin-right: 10px !important;margin-top: -10px;
background-image: url(/user/documents/upload/res/icons_cart_1.svg);}
.btn.cart-count.full::before, a.btn.cart-count.full::before {
background-image: url(/user/documents/upload/res/icons_cart_full_1.svg);}

@media (max-width: 767px) {
.top-navigation-bar {background-color: #fff;padding: 10px 0;border-bottom: solid 2px #843330;}
.responsive-tools>a[data-target="navigation"]::before {color: #fff;background-color: #843330;}
#header .site-name {top: -40px;}
#header .cart-count {top: -29px;}
.navigation-in {
display: flex;
flex-direction: column;
padding: 50px;
background: #fff;
justify-content: center;
}
.navigation-in>ul>li {border-color: #fff;}
.navigation-in a {color: #222;}
.navigation-in > ul > li.ext.exp > a {color:#843330;}
.navigation-in > ul > li.ext > ul > li > div > a {
text-transform: none;
color: #222;
font-weight: 400;
}
.responsive-tools>a[data-target="search"] {margin-right: 85px;}
}
@media (min-width: 480px) {
.products-block > div {margin: 1%;}
}
.products-block.products > div {
margin-bottom: 30px;
}

.subcategories.with-image li a .image {
width: 25%;
min-width: 75px; padding: 3px;
}
.subcategories.with-image li a .image img {
max-height: unset;
}
.subcategories li a {
height: auto;
}
@media (max-width: 479px) {
.subcategories li {
width: 100%;
padding: 5px 10px;
}
}
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
color: #fff;
border-color: #000;
background-color: #000;
}
#header label[class="for-search"] {display: none;}

@media (max-width: 767px) {
.responsive-tools>a[data-target="login"] {
display: none;
}
#header .site-name {
top: -69px;
left: 10px;
position: absolute;
text-align: left;
transition: transform 0.15s;
}
#header .cart-count {
top: -51px;
right: 56px;
}
.top-navigation-bar .responsive-tools {
width: 100%;
justify-content: flex-end;
}
.responsive-tools {
padding-top: 5px;
padding-bottom: 5px;
}
#header .site-name a img {
display: block;
margin: 0 auto;
max-height: 60px;
padding-top: 5px;
padding-bottom: 5px;
}
.popup-widget.cart-widget, .popup-widget.login-widget {
top: 72px;
}
}

/*
@media (min-width: 768px) {
.navigation-in {
background-color: #222;
}
#header {
box-shadow: inset 0 -42px 0 #222;
}
.navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
background-color: #843330;
color: #fff;
}
}
*/
</style>