/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23 янв. 2021 г., 16:59:27
    Author     : egiscore
*/
.products .card {width: 25rem;}
.products .card .card-title a {line-height: 22px;}
.related .products .card {width: 14rem;}
.related .products .card button, .related .products .card .text-quantity-from {display: none;}
.related .products .card .card-text {font-size: 11px!important}
.related .products .card .card-body {border-bottom: none!important;}
.related .products .card .list-unstyled {display: none !important;}
.related .products .card .card-title a {font-size: 13px!important;}
.order-form {padding: 0 40px 20px 40px!important;}
.form-header {padding-top: 40px;}
.product-image {height: 250px; width: auto;}
.single-product-image {height: 400px; width: auto;}
.related-product {height: 150px; width: auto;}
.search-row {width: 50%;}

@media screen and (max-width: 1440px) {

    .products .card {width: 23rem; }
    .form-header {padding-top: 30px;}
    .order-form {padding: 0 30px 0 30px!important;}
    .search-row {width: 50%;}
}
@media screen and (max-width: 1366px) {
    .products .card {width: 21rem; }
    .form-header {padding-top: 25px;}
    .order-form {padding: 0 30px 0 30px!important;}
    .search-row {width: 45%;}
}
@media screen and (max-width: 1280px) {
    .products .card {width: 20rem; }
    .form-header {padding-top: 25px;}
    .order-form {padding: 0 25px 0 25px!important;}
    .search-row {width: 40%;}
}
@media screen and (max-width: 1024px) {
    .products .card {width: 23rem; }
    .form-header {padding-top: 40px;}
    .order-form {padding: 0 20px 0 20px!important;}
    .search-row {width: 35%;}
}
@media screen and (max-width: 768px) {
    .jqcart-tr h6 {font-size: 15px; padding-right: 10px;}
    .mobile-cart-show {position: absolute!important; left: 0; top: 0; height: 1px; width: 1px;}
    .mobile-cart-show .label-place {position: fixed!important; right: 0!important; bottom: 0!important;}
    .mobile-cart-show .label-place .jqcart-cart-label {border-top-left-radius: 4px!important; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important;border-top-right-radius: 0!important;}
    .jqcart-cart-label .jqcart-title {padding-right: 1px!important;}
    .product-image {height: 200px; width: auto;}
    .related-product {height: 100px; width: auto;}
    .single-product-image {height: 300px; width: auto;}
    .related .products .card {width: 9rem!important; }
    .related .products .card .card-title {line-height: 11px!important;}
    .related .products .card .card-title a {font-size: 11px!important;}
    .products .card {width: 20rem;}
    .form-header {padding-top: 25px;}
    .order-form {padding: 0 25px 10px 25px!important;}

    .mega-toggle-blocks-left img {
        display: none;
    }
    .mega-toggle-blocks-center a {
        display: none;
    }

    body {font-size: 13px;}

    .logo, .phone, .hdr-button {
        padding-top: 60px;
        padding-bottom: 20px;
    }

    .phone span {font-size: 21px;}
    .phone span:first-child { padding-left: 20px !important;}

    .logo img {
        top: 20px;
    }

    h1 {
        line-height: 32px;
        padding-bottom: 32px;
        font-size: 25px;
        font-weight: 500;
    }

    .mobile-form-logo-text {
        font-size: 15px!important;
    }

    .promo {
        font-size: 18px;
        padding-top: 55px;
    }

    .breadcrumbs {font-size: 14px;}

    .banner {
        height: auto; 
    }
    .banner-inner {
        height: auto;   
    }

    .phone span {
        font-size: 20px;
    }

    .categories {
        column-width: 48%; column-count: 2; column-gap: 4%; list-style: none;

    }
    .categories li {
        line-height: 18px;
    }
    .categories li:before {
        content: ''!important;
        counter-increment: none!important;
        background: none!important;
        border: none!important;
    }
    .regions {
        column-width: 96%; column-count: 1; column-gap: 4%; list-style: none;
    }
    .regions a {
        font-size: 11px;
    }
    .regions-fuel {
        column-width: 48%; column-count: 2; column-gap: 4%; list-style: none;

    }

    .menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        padding: 0!important;
        margin: 0!important;
    }
}