.collection-nav:hover .uk-hidden,
.collection-nav.active .uk-hidden {
    display: inline !important;
    cursor: pointer;
}

.image-hover.active {
    transform: scale(1.5);
    transition: all 0.5s;
}

.image-item.active {
    display: block !important;
    transition: all 0.5s;
}

.image-hover.hidden {
    transition: all 0.5s;
    display: none;
}

.image-360 {
    /* width: 500px; */
    margin: 0 auto;
}

.image-360 .uk-button-default {
    width: 230px;
    border: 1px solid #EC1C24;
    color: #EC1C24;
    border-radius: 100px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.ztitle {
    width: 200px;
    text-align: left;
}

.thumbnails .ztitle {
    margin-left: 20px;
    font-weight: 700px;
    font-size: 22px;
    text-transform: uppercase;
    padding: 8.5px 40px;
    background-color: #8A93A6;
    border-radius: 100px;
    text-align: center;
    width: fit-content;
    cursor: pointer;
}

.collection {
    gap: 10px;
    margin-bottom: 10px;
}

.collection-nav {
    cursor: pointer;
}

.image-360 .images {
    min-height: 600px;
    transform: translateY(-50px);

}

[data-image360_model="presstige-x-series"] .ztitle {
    background: #EC1C24;
    color: #FFF;
}

.links>* {
    display: block;
    margin-bottom: 20px;
}

.thumbnails>* {
    display: none !important;
}

.thumbnails>*.active {
    display: flex !important;
}

@media only screen and (max-width:640px) {
    .collection {
        flex-wrap: wrap;
        justify-content: center;
    }

    .collection .ztitle {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }

    .image-360 .uk-button-default {
        padding: 0px 15px;
        width: auto;
        font-size: 14px;
        line-height: 34px;
        background-color: #FFF;
    }

    .thumbnails .ztitle {
        font-size: 14px;
        font-weight: bold;
        padding: 0px 14.5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 10px;
        width: 130px;

    }


    .thumbnails.uk-position-top-left {
        left: 14px;
    }

    .collections_nav {
        position: relative;
        z-index: 11;
    }

    .image>img {
        width: 37px;
    }

    .links.uk-position-top-right {
        right: 15px;
    }

    .image-360 .images {
        transform: translateY(70px);
        min-height: 440px;
    }
}