.related-products-modal-link {
    display: none;
}

.related-products-modal-link .ajax-throbber {
    display: none !important;
}

.related-products-modal {
    border-radius: 15px;
    border: none !important;
    box-shadow: 2px 3px 7px -1px rgb(0 0 0 / 10%);
    width: 800px !important;
    z-index: 1000;
}

.related-products-modal #drupal-modal{
    max-height: 810px !important;
}

button.btn.btn-default.btn-more {
    font-size: initial;
}

button.btn.btn-default.btn-less {
    font-size: initial;
}

#drupal-modal button.btn-primary {
    font-size: 12px;
}

.related-products-modal .views-row {
    height: 400px !important;
    min-width: 170px;
}

.related-products-modal .ui-widget-header {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    background: transparent;
    border: none;
}

.related-products-modal .ui-dialog-titlebar-close {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent;
    border: none;
    right: 20px;
    top: 30px;
}

.related-products-modal .ui-dialog-titlebar-close::before, 
.related-products-modal .ui-dialog-titlebar-close::after {
    position: absolute;
    width: 5px;
    height: 20px;
    background-color: #000000;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: top left;
    content: '';
}

.related-products-modal .ui-dialog-titlebar-close::after {
    transform: rotate(-45deg) translate(-50%, -50%);
}

@media (max-width: 800px) {
    .related-products-modal {
      width: 600px !important;
    }
}

@media (max-width: 650px) {
    .related-products-modal {
        width: 400px !important;
    }

    #drupal-modal::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 450px) {
    .related-products-modal {
        width: 300px !important;
    }

    .view-modal-related-products .views-row {
        width: 100%;
    }

    .related-products-modal .ui-widget-header {
        font-size: 18px;
    }

    .related-products-modal .ui-dialog-titlebar-close {
        top: 20px;
    }

    #drupal-modal .views-row {
        height: auto !important;
    }
}