@media (min-width: 1200px) {

}

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

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (min-width: 768px) {
    .modes {
        float: right !important;
        margin-left: 23px;
        margin-right: 0 !important;
    }

    .toolbar-amount {
        float: right !important;
    }

    .sorter {
        float: left !important;
    }
}

@media (max-width: 767px) {
    .toolbar-amount {
        display: none;
    }

    .filter-mobile-btn {
        display: inline-block;
        float: right;
    }

    .sorter {
        float: left;
    }

    .sidebar .block.filter .filter-options .filter-options-content {
        max-height: unset !important;
    }

    .block-content.filter-content {
        margin-bottom: 20px;
    }

    .block.filter {
        position: fixed;
        right: -320px;
        width: 300px;
        top: 0;
        bottom: 0;
        padding: 20px;
        background: #fff;
        z-index: 999;
        margin: 0 !important;
        overflow-y: auto;
        .box-shadow(0 0 15px rgba(0, 0, 0, 0.15));
        .transition(.1s);
    }

    .show-filter-sidebar {
        .filter-overlay {
            opacity: .3;
            visibility: visible;
        }

        .block.filter {
            right: 0;
        }
    }
}

@media (max-width: 480px) {
    .products-list .product-item-info .image-product {
        width: 100%;
        float: none;
    }

    .products-list .product-item-info .product-item-details {
        margin: 0;
        float: none;
        padding: 15px 15px 0;
    }
}