/* -----------------max-width-------------------*/
@media (max-width: 1400px) {
    .d-none-maxwidth-1400 {
        display: none;
    }
    .d-full-maxwidth-1400 {
        width: 100% !important;
        flex: none;
    }
}
@media (max-width: 1200px) {
    .d-none-maxwidth-1200 {
        display: none;
    }
    .d-full-maxwidth-1200 {
        width: 100% !important;
        flex: none;
    }
}
@media (max-width: 992px) {

    .d-full-maxwidth-992 {
        width: 100% !important;
        flex: none;
    }
}
@media (max-width: 960px) {
    .d-full-maxwidth-960 {
        width: 100% !important;
        flex: none;
    }
    .masonry-card-True {
        -moz-column-count: 4 !important;
        -webkit-column-count: 4 !important;
        column-count: 4 !important;
    }
    div.banner, div.banner img {
        height: 400px !important;
        width: auto;
    }
    .dropdown.language {
        margin-top: 5px;
    }

    .d-none-maxwidth-960 {
        display: none;
    }
}

@media (max-width: 768px) {
    .folderMember ul.dropdown-menu {
        width:191px;
    }
    header nav.navbar {
        overflow: scroll;
        max-height: 100%;
    }
    .d-full-maxwidth-768 {
        width: 100% !important;
        flex: none;
    }
    .masonry-card-True {
        -moz-column-count: 3 !important;
        -webkit-column-count: 3 !important;
        column-count: 3 !important;
    }

    .masonry-d-flex-True {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }
    .d-none-maxwidth-768 {
        display: none;
    }
}

@media (max-width: 576px) {
    .d-full-maxwidth-576 {
        width: 100% !important;
        flex: none;
    }
    .masonry-card-True {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    .d-none-maxwidth-576 {
        display: none;
    }
}

@media (max-width: 420px) {
    .masonry-card-True {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
    }

    div.banner, div.banner img {
        height: auto !important;
        width: 100% !important;
    }

    .box-sort-type.nav-tabs li {
        flex: 1 0 0% !important;
    }

    .box-sort-type.nav-tabs {
        display: inline-flex !important;
    }
}
@media (max-width: 320px) {
    .masonry-card-True {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
    }
}

/* -----------------min-width-------------------*/
@media (min-width: 960px) {
    .d-lgmore-flex {
        display: inline-flex !important;
    }

    .d-lgmore-block {
        display: block !important;
    }
}