﻿
@media(min-width: 1800px) {

    .list-header-filter .buttons-inner {
        position: absolute;
    }

    .list-header-filter .filter-toggle {
        display: none;
    }

    .list-header-filter .buttons-inner {
        overflow-x: hidden;
    }
}


@media (max-width:1799px) {

    .list-header-filter {
        overflow-x: auto;
        overflow-y: hidden;
    }

    /* Filter toggle button */
    .results .results-options .options-show .toolbar-filter {
        display: block;
    }

    /* Grid mode, list mode buttons text */
    .results .results-views a span {
        display: none;
    }

    .results .element-list.grid .element-info-data .price-section {
        text-align: center;
        font-size: 24px;
    }

    .results {
        margin-left: 0;
        padding: 12px;
    }


    .list-header-filter .btn-left,
    .list-header-filter .btn-right {
        display: none;
    }

    .list-header-filter .buttons-inner {
        left: 0;
        right: 0;
    }
}

@media(max-width: 1023px) {

    .results .results-views {
        display: none !important;
    }


    /* 2 elements per row */
    .element-list.grid .element {
        flex-basis: 49.5%;
    }

    .element-list.list .element-info-data h3,
    .element-list.grid .element-info-data h3 {
        white-space: normal;
        margin-bottom: 12px;
        max-height: 2rem;
        overflow: hidden
    }


    .element-list.list .element-info-data {
        flex-direction: column;
        align-items: center;
    }

    .element-list.list .element .element-pic-container {
        padding-top: 60%;
        width: 100%;
    }

    .element-list.list .element .element-info {
        width: 100%;
    }

    .element-list.grid .element-footer .element-data {
        margin-bottom: 8px;
    }

    .element-list.list .element-info-data {
        margin-bottom: 18px;
    }

    .results .results-footer {
        flex-direction: column;
    }
}

@media(min-width:601px) {

    .results .main-search {
        width: 500px;
    }

    .results .search-block .options-sort .sortoptions {
        right: auto;
    }
}


@media (max-width:600px) {

    .results .main-search-container {
        width: 100%;
    }

    .element-list-container {
        padding: 0;
    }

    .element-list.grid {
        margin-left: 0;
    }

    .element-list.grid .element {
        padding: 0;
        margin: 12px 0;
        flex-basis: 100%;
        margin-left: 0;
    }

    .element-list.grid .element-footer {
        margin-top: 0;
        padding-top: 0;
    }


    .listing-header-block {
        display: none;
    }
}


@media (min-width:600px) {

    .related-links-container h5 {
        font-size: 0.9rem;
    }

    .related-links-container a {
        font-size: 12px;
    }

    .related-links-container span.show-more {
        font-size: 13px;
    }
}
