/*Grid and List*/
:root {
    --column-left: 320px;
}

#grid-view {
    background: #ffffff url(/image/catalog/design/grid1.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
    padding: 14px;
    border: 1px solid #ddd;
}

#list-view {
    background: #ffffff url(/image/catalog/design/list1.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
    padding: 14px;
    border: 1px solid #ddd;
}

#grid-view.active {
    background: #ffffff url(/image/catalog/design/grid.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
}

#list-view.active {
    background: #ffffff url(/image/catalog/design/list.svg) center no-repeat;
    background-size: 24px 24px;
    content: '';
    display: block;
}

/*Grid and List - end*/

#product-category .input-group-addon,
#product-search .input-group-addon,
#product-manufacturer .input-group-addon {
    border: 0px;
    background: none;
}

#product-category .input-group .form-control:last-child,
#product-category .input-group-addon:last-child,
#product-category .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#product-category .input-group-btn:first-child>.btn:not(:first-child),
#product-category .input-group-btn:last-child>.btn,
#product-category .input-group-btn:last-child>.btn-group>.btn,
#product-category .input-group-btn:last-child>.dropdown-toggle,
#product-search .input-group .form-control:last-child,
#product-search .input-group-addon:last-child,
#product-search .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#product-search .input-group-btn:first-child>.btn:not(:first-child),
/*#product-search .input-group-btn:last-child>.btn,*/
#product-search .input-group-btn:last-child>.btn-group>.btn,
#product-search .input-group-btn:last-child>.dropdown-toggle,
#product-manufacturer .input-group .form-control:last-child,
#product-manufacturer .input-group-addon:last-child,
#product-manufacturer .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#product-manufacturer .input-group-btn:first-child>.btn:not(:first-child),
#product-manufacturer .input-group-btn:last-child>.btn,
#product-manufacturer .input-group-btn:last-child>.btn-group>.btn,
#product-manufacturer .input-group-btn:last-child>.dropdown-toggle,

#product-special .input-group .form-control:last-child,
#product-special .input-group-addon:last-child,
#product-special .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
#product-special .input-group-btn:first-child>.btn:not(:first-child),
#product-special .input-group-btn:last-child>.btn,
#product-special .input-group-btn:last-child>.btn-group>.btn,
#product-special .input-group-btn:last-child>.dropdown-toggle {
    border-radius: 3px;
}

.products-block {
    display: grid;
    grid-gap: 30px;
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
}

@media (max-width: 767px) {
    .products-block {
        display: grid;
        grid-gap: 20px;
    }
}

@media (max-width: 479px) {
    .products-block {
        display: grid;
        grid-gap: 10px;
    }
}


@media (max-width: 991px) {

    #column-left,
    #content,
    #content.content-side,
    #content.content-center {
        width: 100%
    }
}

.grid-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(184px, 1fr));
    grid-template-rows: auto auto auto auto auto;
    grid-auto-rows: minmax(100px, auto);
    align-items: stretch;
}

.grid-block:before {
    display: none
}

/* @media (min-width: 1920px)  {
    .grid-block {
        grid-template-columns: repeat(6, 1fr);
        }
}
@media (min-width: 1600px) and (max-width: 1919px) {
    .grid-block {
        grid-template-columns: repeat(5, 1fr);
        }
}
@media (min-width: 1440px) and (max-width: 1599px) {
    .grid-block {
        grid-template-columns: repeat(5, 1fr);
        }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .grid-block {
        grid-template-columns: repeat(3, 1fr);
        }
}
@media (min-width:768px) and (max-width: 991px) {
    .grid-block {
        grid-template-columns: repeat(3, 1fr);
        }
}
@media (min-width: 576px) and (max-width: 767px) {
    .grid-block {
        grid-template-columns: repeat(2, 1fr);
        }
}
@media (min-width: 480px) and (max-width: 575px) {
    .grid-block {
        grid-template-columns: repeat(2, 1fr);
        }
}
@media (min-width: 320px) and (max-width: 479px) {
    .grid-block {
        grid-template-columns: repeat(1, 1fr);
        }
} */



.list-block {
    grid-template-columns: 1fr;
}

.filter-line {
    float: left;
    padding: 0px 15px;
}