@media (min-width: 1400px) {
    .input-without-label-wrapper-xxl {
        margin-top: 26px;  
    }
}

@media (min-width: 1200px) {
    .input-without-label-wrapper-xl {
        margin-top: 27px;  
    }
}

@media (min-width: 992px) {
    .input-without-label-wrapper-lg {
        margin-top: 27px;  
    }
}

@media (min-width: 768px) {
    .input-without-label-wrapper-md {
        margin-top: 27px;  
    }

    .w-md-160 {
        width: 160px;
    }
}

@media (min-width: 576px) {
    .input-without-label-wrapper-sm {
        margin-top: 27px;  
    }

    .footer-btn-wrapper .btn.secondary-btn, 
    .footer-btn-wrapper .btn.primary-btn,
    .modal.modal-wrapper .modal-footer .btn {
        min-width: 8.75rem;
    }

    .document-item {
        max-width: 18.75rem;
        width: fit-content;
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-16: 15px;
        --font-17: 16px;
        --font-18: 16px;
        --line-h-20: 19px;
        --line-h-24: 23px;
    }
}

@media (max-width: 575.98px) {
    :root {
        --font-15: 14px;
        --font-17: 15px;
        --font-18: 15px;
        --line-h-20: 19px;
        --line-h-24: 22px;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .modal.modal-wrapper .modal-footer .btn {
        width: 50%;
    }
    
    .action-btn-w-sm-50 {
        width: calc(50% - 7.5px) !important;
    }
}