:root {
    --main-color: #2563eb;
    --search-input-panel-bg: #dae2f2;
    --search-panel-input-text-color: rgba(35,32,32,0.7882352941);
    --search-panel-btn-color: #2563eb;
    --search-panel-btn-bg-color: #fff;
    --search-panel-bg: #f5f6fa;
    --category-panel-btn-bg: #f0f4ff;
    --category-panel-btn-active-color: rgba(101,142,255,0.431372549);
    --theme-btn-color: #2563eb;
    --theme-btn-font-color: #fff;
    --theme-btn-border: #3570f0;
    --card-panel-item-hvr-color: rgba(255,0,0,0.33);
    --cart-panel-width: 400px;
    --cart-header-left-color: #4b5563;
    --cart-header-logo-border-color: rgba(0,73,198,0.54);
    --cart-item-font-color: #4b5563;
    --cart-item-border-color: rgba(202,207,227,0.39);
    --menu-font-color: #fff;
    --menu-active-color: #0049c6;
    --menu-border: #3570f0;
    --menu-width: 120px;
    --pay-bg: #0a296d;
    --pay-hover-bg: #082056;
    --p-ctnr-item-del-price-color: #9b9b9b;
    --middle-button-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 375 80'%3E%3Ctitle%3Emiddle-button-bg%3C/title%3E%3Cg id='Layer_2'%3E%3Cg id='Layer_1-2'%3E%3Cpath fill='%230049C6' d='M187,40a39.94,39.94,0,0,0,31.85-15.79C227.54,12.78,238.64,0,253,0H375V80H0V0H121c14.36,0,25.46,12.78,34.15,24.21A39.94,39.94,0,0,0,187,40Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.productitem {
    max-width: 250px !important;
    min-width: 250px;
   /* position:relative;*/
}
@media only screen and (max-width: 768px) {
    .main-body {
        border-radius: 0;
        padding: 5px;
    }
    .productitem {
        max-width: 150px !important;
        min-width: 150px;
    }
}

@media all and (min-width: 400px) and (max-width:1024px) {
    :root {
        --cart-panel-width: 370px
    }
}

@media all and (max-width: 399px) {
    :root {
        --cart-panel-width: 100%
    }
}