@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="1"] {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd img {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd h2 {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd span {}

    div.imgList_odd[data-style="1"] div.imgListBlock_odd {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.img {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.img::before {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd img {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text span {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text a {}
}

@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="2"] {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd img {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd h2 {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd span {}

    div.imgList_odd[data-style="2"] div.imgListBlock_odd {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.img {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.img::before {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd img {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text a {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text span {}
}

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

    div.imgList_odd[data-style="3"] div.imgListTitle_odd {
        width     : 100%;
        position  : relative;
        text-align: center;
    }

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

    div.imgList_odd[data-style="3"] div.imgListTitle_odd h2 {
        width    : 100%;
        z-index  : 1;
        position : relative;
        font-size: 1.5em;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd span {
        width        : 50%;
        border-bottom: 1px solid #CCC;
        margin-top   : 2em;
    }

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

    /* div.imgList_odd[data-style="3"] div.imgListBlock_odd:last-child {
        display: none;
    } */

    div.imgList_odd[data-style="3"] div.imgListContent_odd {
        width        : 100%;
        float        : left;
        margin-bottom: 2em;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.img {
        width   : 4em;
        position: relative;
        overflow: hidden;
        float   : left;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.img::before {
        content    : "";
        display    : block;
        padding-top: 100%;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd img {
        position       : absolute;
        top            : 0%;
        left           : 0%;
        object-fit     : cover;
        object-position: 50% 0%;
        width          : 100%;
        height         : 100%;
        transition     : linear 250ms;
        max-height     : 120%;
        max-width      : 120%;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text {
        width      : calc(100% - 6em);
        float      : left;
        margin-left: 2em;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text a {
        width             : 100%;
        height            : calc(1.3em * 1.5);
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
        font-size         : 1.3em;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text a:hover {
        color          : rgb(39, 21, 107);
        text-decoration: underline;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text span {
        display: none;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.description {
        color             : rgb(100, 100, 100);
        font-size         : .8em;
        line-height       : 1.8em;
        height            : calc(1.75em * 5);
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow          : hidden;
    }

}

@media only screen and (min-width: 1000px) {
    div.imgList_odd[data-style="3"] {
        width  : 90%;
        padding: 5%;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd {
        width        : calc(50% - 4em);
        padding-left : 2em;
        padding-right: 2em;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd h2 {
        font-size: 2em;
    }

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

    ul.temp>li {
        width        : calc(25% - 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;
    }
}