section.grid-contents.layout-layout1 {
    margin-top: 10px;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item {
    background-color: #f2f2f2;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .img {
    height: 330px;
}
@media only screen and (max-width: 1230px) {
    section.grid-contents.layout-layout1 > div .inner.grids .cl .item .img {
        height: 26vw;
    }
}
@media only screen and (max-width: 765px) {
    section.grid-contents.layout-layout1 > div .inner.grids .cl .item .img {
        height: 52vw;
    }
}



section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details {
    flex-flow: column;
    height: auto;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details .text,
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details .buttons {
    width: 100%;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details .text h5 {
    text-transform: uppercase;
}
section.grid-contents.layout-layout1 > div .inner {
    row-gap: 40px;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item.image-only .details {
    display: none !important;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item.image-only .img {
    height: 100%;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item.image-only img {
    width: 100%;
    height: auto;
    display: block;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details .btn-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
    position: relative;
    top: -15px;
}
section.grid-contents.layout-layout1 > div .inner.grids .cl .item .details .btn-wrapper .theme-btn {
    display: inline-flex;
}