.width-nav {
    max-width : max-content;
}

.width-nav-span {
    display: inline-block !important;
    width: max-content;
}

.modal-body-right-footer {
    margin-bottom: 0px;
}

.modal-content p {
    font-size: 16px;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: max-content !important;
    }

    .modal-body-left,.modal-body-right {
        max-width:425px;
        min-width:400px;
        min-height:600px;
    }

    .modal-body-left > img {
        min-height: 600px;
    }
}
@media (max-width: 991px) {
    .mobile-width {
        max-width: 50% !important;
    }

    .width-nav-span {
        height: 32px;
        max-width: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}