/* Stafff Page */

#wrapper .content .inside #staff {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

#wrapper .content .inside .staff-category {
    display: flex;
    justify-content: flex-start;
    /*flex-wrap: wrap;*/
    flex-direction: column;
}

#wrapper .content .inside .staff-categoryStaffMembers {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#wrapper .content .inside #staff-search-comp {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

#wrapper .content .inside #staff.staffR1.staff-v3 ul.staff-categoryStaffMembers {
    justify-content: center;
}


/* #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember a {
    display: -webkit-inline-box !important;
} */

@media (max-width: 768px) {
    #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember {
        width: 40%;
    }
    #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl {
        white-space: initial;
    }
    #wrapper .content .inside #staff-search-comp #staff-search input {
        width: 100% !important;
        padding: 3px 5px;
        font-size: 12pt !important;
        box-sizing: border-box;
    }
    #wrapper .content .inside #staff-search-comp #staff-search span {
        display: none;
    }
    #wrapper .content .inside #staff-search-comp {
        justify-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        display: contents;
        width: 100%;
    }
}

@media only screen and (max-width: 566px) {
    #wrapper .content .inside #staff {
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 220px;
    }
    #wrapper .content .inside #staff.staff-search {
        display: block;
        width: 100%;
        height: auto;
    }
    #wrapper .content .inside .staff-categoryStaffMembers {
        flex-direction: column;
        justify-content: center;
    }
    #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember a {
        display: inline-block !important;
    }
    #wrapper .content .inside #staff.staffR1.staff-v3 ul.staff-categoryStaffMembers {
        justify-content: center;
        align-items: center !important;
    }
    #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMembers {
        align-items: flex-start;
    }
    #wrapper .content .inside .staff-category,
    #wrapper .content .inside #staff.staffR1.staff-horizontal .staff-categoryStaffMember {
        width: 100%;
    }
    #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt{
        font-size: 1.3em;
    }
    @media screen and (max-width: 600px) {
        .removeNA {
            display: none;
        }
        table {
            border: 0;
        }
        table caption {
            font-size: 1.3em;
            /*this css increase caption of grid list according to media*/
        }
        table th {
            font-size: .85em;
            text-transform: uppercase;
        }
        table tr {
            width: 100%;
            display: block;
            border-bottom: 0.25em solid #ddd;
        }
        table td {
            display: block;
            text-align: center;
        }
        table td::before {
            /*
* aria-label has no advantage, it won't be read inside a table*/
            /*content: attr(data-label);*/
            float: left;
            font-weight: bold;
            text-transform: uppercase;
            border: 0;
            display: flex;
            font-family: none;
        }
        table td:last-child {
            border-bottom: 0;
        }
        table thead {
            display: none;
        }

        #staff.staffR1.staff-v-1 td a {
            display: contents !important;
            white-space: initial;
        }
        .lightBorderBottom,
        tbody.light td {
            border-bottom: 0.0em solid #DFDFDF;
        }
        #staff.staffR1.staff-v-1 table tr td:first-child{
            font-size: 1em;
            text-transform: uppercase;
            font-weight: bold;
        }
    }
}
@media only screen and (max-width: 375px) {
    #staff.staffR1 div.staff-header{
        border-bottom: unset;
    }
}
@media only screen and (max-width: 300px) {
    #wrapper .content .inside .staff-category{
        align-items: flex-start;
    }
    #staff.staffR1 div.staff-header h1{
        padding: 0;
    }
}

/* Stafff Page */