/* ----------------------------------------------------------------------------
| Equal to or greater than 480px
---------------------------------------------------------------------------- */
@media all and (min-width: 480px) {
    
}

/* ----------------------------------------------------------------------------
| Equal to or greater than 786px
---------------------------------------------------------------------------- */
@media all and (min-width: 786px) {
    .pagination-container ul {
        justify-content: center;
    }
    .pagination-container ul li {
        margin-bottom: 0;
    }
    .pagination-break-line {
        flex-basis: initial;
        margin-bottom: 0;
        display: none;
    }
    .message-container {
        right: 30px;
        width: initial;
        padding: 0;
    }
    .message-block {
        width: 350px;
    }
    .password-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .password-list > div {
        margin-bottom: initial;
    }
    .modal-content-container {
        max-width: 600px;
    }
    .btn-inline {
        text-align: right;
    }
}

/* ----------------------------------------------------------------------------
| Equal to or greater than 1024px
---------------------------------------------------------------------------- */
@media all and (min-width: 1024px) {
    .page-title-icon {
        flex-wrap: initial;
    }
    .page-title-icons-container {
        margin-left: auto;
        margin-right: 20px;
        align-items: center;
    }
    #form-search-password {
        width: 300px;
        margin-top: 0;
    }
}

/* ----------------------------------------------------------------------------
| Equal to or greater than 1280px
---------------------------------------------------------------------------- */
@media all and (min-width: 1280px) {
    .password-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ----------------------------------------------------------------------------
| Equal to or greater than 1440px
---------------------------------------------------------------------------- */
@media all and (min-width: 1440px) {
    
}

/* ----------------------------------------------------------------------------
| Equal to or greater than 1920px
---------------------------------------------------------------------------- */
@media all and (min-width: 1920px) {
    .content-size {
        max-width: 1920px;
    }
    .password-list {
        grid-template-columns: repeat(4, 1fr);
    }
}