@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="0"] {
        width: 100%;
        float: left;
    }

    div.imgList_odd[data-style="0"] div.imgListTitle_odd {
        width        : 100%;
        border-bottom: 1px solid #CCC;
        position     : relative;
    }

    div.imgList_odd[data-style="0"] div.imgListTitle_odd img {
        display: none;
    }

    div.imgList_odd[data-style="0"] div.imgListTitle_odd h2 {
        border-bottom: 1px solid rgb(0, 75, 119);
        z-index      : 1;
        position     : relative;
        bottom       : -1px;
        padding-right: .5em;
        font-size    : 1.5em;
        color        : rgb(145, 70, 198);
    }

    div.imgList_odd[data-style="0"] div.imgListTitle_odd span {
        display: none;
    }

    div.imgList_odd[data-style="0"] div.imgListBlock_odd {
        width     : 100%;
        float     : left;
        margin-top: 1em;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd {
        float        : left;
        width        : 100%;
        margin-bottom: 15px;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a {
        display         : inline-block;
        position        : relative;
        float           : left;
        width           : 100%;
        background-color: #414141;
        transition      : linear 150ms;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a:hover {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
        font-size : 1.1em;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a::before {
        content    : "";
        display    : block;
        padding-top: 75%;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a img {
        position       : absolute;
        top            : 0;
        left           : 0;
        width          : 100%;
        height         : 100%;
        object-fit     : contain;
        object-position: 50% 50%;
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a>label {
        display   : inline-block;
        width     : 100%;
        height    : 100%;
        position  : absolute;
        left      : 0;
        top       : 0;
        background: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8));
    }

    div.imgList_odd[data-style="0"] div.imgListContent_odd a>label>label {
        display  : inline-block;
        width    : calc(100% - 10px);
        padding  : 0 5px;
        position : absolute;
        left     : 0;
        bottom   : 0;
        font-size: 1.2em;
        color    : white;
    }
}

@media only screen and (min-width: 1000px) {
    div.imgList_odd[data-style="0"] div.imgListContent_odd {
        width        : calc(20% - 10px);
        padding-left : 5px;
        padding-right: 5px;
    }

    ul.temp {
        width: 100%;
        float: left;
    }

    ul.temp>li {
        width        : calc(20% - 10px);
        display      : inline-block;
        float        : left;
        padding-left : 5px;
        padding-right: 5px;
        position     : relative;
    }

    ul.temp>li::before {
        content: none;

    }

    ul.temp>li>div.imgListContent_odd {
        width         : 100% !important;
        padding       : 0 !important;
        pointer-events: none;
    }

    .justified-gallery>ul.temp>li {
        width: auto;
    }

    .justified-gallery>ul.temp>li>div>div {
        display: none !important;
    }
}