.frames {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

    .frames:after {
        position: relative;
        z-index: 1;
        content: "";
        padding-top: 0;
        display: block;
    }

    .frames img {
        /*position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%) !important;
        -ms-transform: translateX(-50%) translateY(-50%) !important;
        transform: translateX(-50%) translateY(-50%) !important;*/
        position: absolute;
        top: auto;
        left: auto;
    }

        /*.frames img:not(.w-100) {
            height: 100% !important;
            width: auto !important;
        }

        .frames img.w-100 {
            height: auto !important;
        }*/

.frames-5:after {
    padding-top: 5%;
}

.frames-10:after {
    padding-top: 10%;
}

.frames-15:after {
    padding-top: 15%;
}

.frames-20:after {
    padding-top: 20%;
}

.frames-25:after {
    padding-top: 25%;
}

.frames-30:after {
    padding-top: 30%;
}

.frames-35:after {
    padding-top: 35%;
}

.frames-40:after {
    padding-top: 40%;
}

.frames-45:after {
    padding-top: 45%;
}

.frames-50:after {
    padding-top: 50%;
}

.frames-55:after {
    padding-top: 55%;
}

.frames-60:after {
    padding-top: 60%;
}

.frames-65:after {
    padding-top: 65%;
}

.frames-70:after {
    padding-top: 70%;
}

.frames-75:after {
    padding-top: 75%;
}

.frames-80:after {
    padding-top: 80%;
}

.frames-85:after {
    padding-top: 85%;
}

.frames-90:after {
    padding-top: 90%;
}

.frames-95:after {
    padding-top: 95%;
}

.frames-1x1:after,
.frames-100:after {
    padding-top: 100%;
}

.frames-110:after {
    padding-top: 110%;
}

.frames-120:after {
    padding-top: 120%;
}

.frames-130:after {
    padding-top: 130%;
}

.frames-140:after {
    padding-top: 140%;
}

.frames-9x16:after,
.frames-vertical:after {
    padding-top: 177.778%;
}

.frames-16x9:after,
.frames-horizontal:after {
    padding-top: 56.25%;
}

@media(min-width:425px) {
}

@media(min-width:576px) {
}

@media(min-width: 768px) {
}

@media(min-width: 992px) {
}

@media(min-width: 1200px) {
}

@media(min-width: 1540px) {
}