
.sticky-actions-block.sticky-active .product-prices, .sticky-actions-block.sticky-active .product-add-to-cart .product-quantity {
    position: fixed;
    bottom: 0;
    right: 120px;
    background: #fff;
    padding: 15px;
    height: 110px;
    box-shadow: 6px 4px 8px -4px rgba(0, 0, 0, .1);
    z-index: 2;
}
.sticky-actions-block.sticky-active .product-prices {
    right: 480px;
    padding: 40px 20px;
}
.sticky-actions-block.sticky-active .product-add-to-cart .product-quantity {
    width: 360px;
}
/* product-modal */
#product-modal .modal-content .modal-body .product-images {
    margin-left: 0.5rem!important;
}
#product-modal .modal-content .modal-body .mask {
    max-height: 36.5rem!important;
    margin-top: 2.188rem;
    margin-bottom: 2.188rem;
}

   #product-modal .modal-content .modal-body figure { margin: 0!important;
        max-height: 40.5rem !important;
    width: max-content;
    max-width: 100%;
    text-align: center;
    max-width: calc(100% - 110px);}
        #product-modal .modal-content .modal-body figure  img {
            max-height: 100%!important;
    max-width: max-content;
        }
#product-modal .modal-content .modal-body .arrows {
    right: 0; 
}
#product-modal .modal-content .modal-body .product-images img {
    width: 100px!important;
    height: 100px!important;
}
#product-modal .modal-content .modal-body .product-images>li.thumb-container {
    width: 100px!important;
    display: block !important;
}
#product-modal .modal-content .modal-body .arrows i {
    width: 100%;
    font-size: 4.25rem;
    height: 36px;
    line-height: 36px;
    color: #000!important;
}
#product-modal .modal-content .modal-body .arrows .arrow-up {
    opacity: .5;
    top: -1px;
    right: 0;
}
#product-modal .modal-content .modal-body .arrows .arrow-down {
    opacity: 1!important;
    bottom: 0;
    right: 0;
}
#product-modal .modal-content .modal-body {
    background: #fff!important;
    margin: 0!important;
}
#product-modal .modal-content {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
#product-modal .modal-dialog {
        max-width: max-content;
    }
#product-modal .modal-content .modal-body .product-images>li.thumb-container {

    border: 1px solid #979797;
}
@media (max-width: 991px) {
    #product-modal .modal-content .modal-body .thumbnails {
    order: 2;
}
    #product-modal .modal-content .modal-body .mask {
    overflow: hidden;
    max-height: 6rem;
    margin: 2.5rem 0;
}
    #product-modal .modal-content .modal-body .product-images {
        /* margin-left: 0;
        margin-bottom: 0;
        display: flex;
        gap: 4px;
        justify-content: center;
        flex-direction: row;
        width: max-content; */
    }
        /* #product-modal .modal-content .modal-body .product-images>li.thumb-container {
        width: calc(100% / 7) !important;
    } */
     #product-modal .modal-content .modal-body .product-images>li.thumb-container {
        display: block!important;
     }
    #product-modal .modal-content .modal-body figure { margin: 0!important;
        max-height: 36.5rem !important;}
        #product-modal .modal-content .modal-body figure  img {
            max-height: 100%!important;
        }
    #product-modal .modal-content .modal-body .arrows {
        display: block !important;
    }
    #product-modal .modal-content .modal-body {
        -ms-flex-direction: row;
        flex-direction: row;
        margin-left: 0;
    }
    #product-modal .modal-content .modal-body .mask {
    max-height: 32.5rem !important; 
    }
}
/* end product-modal */
@media (max-width: 768px) {
.sticky-actions-block.sticky-active .product-prices, .sticky-actions-block.sticky-active .product-add-to-cart .product-quantity {
    bottom: 0;
    right: 0; 
}
.sticky-actions-block.sticky-active .product-prices {
    right: 357px;
}
}
@media (max-width: 480px) {
.sticky-actions-block.sticky-active .product-prices, .sticky-actions-block.sticky-active .product-add-to-cart .product-quantity {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; 
}
.sticky-actions-block.sticky-active .product-prices {
    right: 0;
        padding: 20px 20px 0;
        bottom: 110px;
        height: 50px;
    width: 100%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.sticky-actions-block.sticky-active .product-add-to-cart .product-quantity {
    width: 100%;
}
}
