.preview-360-modal {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    pointer-events: none;
}

.preview-360-modal.open-modal {
    opacity: 1;
    pointer-events: auto;
}
#box-360deg {
    opacity: 0;
    width: 100% !important;
    position: relative;
}

.open-modal #box-360deg{
    opacity: 1;

}

.open-modal .wd-threed-view {
    height: 600px !important;
    width: 600px !important;
    position: initial;
    cursor: move;
}


.open-modal.preview-360-modal #box-360deg {
    height: auto;
    width: inherit;
}

.close-icon {
    position: absolute;
    top: 20px;
    right: 3%;
    cursor: pointer;
    z-index: 999;
}


.open-modal  .wd-threed-view .nav_bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    right: 0;
    left: 0;
    box-shadow: none;
    margin-left: 0;
    padding: 0 25%;
    top: 0;
}
.open-modal .wd-threed-view .nav_bar a.nav_bar_next:after {
    font-size: 32px;
}
.open-modal .wd-threed-view .nav_bar a.nav_bar_previous:after {
    font-size: 32px;
}
.drag-helper {
    position: absolute;
    bottom: -68px;
    font-size: 32px;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-image-wrap {
    position: relative;
}

.btn-view-360 {
    background: transparent;
    border-radius: 0.5rem;
    right: 0;
    position: absolute;
    z-index: 9;
}

@media only screen and (max-width: 768px) {
    .open-modal .wd-threed-view .nav_bar a.nav_bar_next:after {
        font-size: 22px;
        color: black;
    }
    .open-modal .wd-threed-view .nav_bar a.nav_bar_previous:after {
        font-size: 22px;
        color: black;
    }
    .open-modal .wd-threed-view {
        height:300px !important;
        width: 300px !important;
        position: initial;
    }
    .btn-view-360 {
        right: 0;
    }
    .btn-view-360 svg {
        width: 85%;
    }
}