/* TODO */
@media screen and (max-width: 1100px){
    #defense_game{
        max-width: 100%;
    }
    #defense_game iframe{
        width: 100%;
    }    
}
@media screen and (max-width: 1000px){
    .internal_c_left{
        display: none;
    }
    #system_attendence .internal_c_left{
        display: block;
        width: 100%;
        margin-bottom: 3rem;
    }
    #system_attendence .internal_c_left ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .internal_c_right{
       width: 100%;
       float: none;
    }
    #infos{
        width: 100%;
        margin-top: 4rem;
    }
    #attendance_login{
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 50rem;
        float: none;
    }
    
}
@media screen and (max-width: 900px){
    #contact #form #form_information{
        width: 100%;
        float: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #contact #form #form_information h1{
        text-align: left;
        display: block;
        width: 100%;
    }

    #contact #form #form_contact{
        margin-top: 2rem;
        float: none;
        width: 100%;
    }
    #contact #form #form_information ul{
        width: 33%;
    }
    #register_attendance #add_field{
        float: none;
    }
}
@media screen and (max-width: 760px){
    .internal_c_double{
        margin: 1rem 0.5rem;
    }
    .header_internal .bc .list_bc li{
        line-height: 2.5rem;
        font-size: 1.4rem;
    }
    #list_images li,
    .list_bank_images li
    {
        margin-right: 2rem;
        width: calc(50% - 2rem);
    }

    #list_images li:nth-child(3n+3),
    .list_bank_images li:nth-child(3n+3)
    {
        margin-right: 2rem;
    }
    #list_images li:nth-child(2n+2),
    .list_bank_images li:nth-child(2n+2)
    {
        margin-right: 0;
    }
    #news{
        margin: 1.8rem 0rem 0 0rem;
    }
    .page_news_articles{
        margin: 0 0.5rem;
    }


}
@media screen and (max-width: 600px){
    .header_internal{
        padding: 1.5rem 0.2rem;
    }
    .header_internal .bc .list_bc li:nth-child(4n){
        display: block;
        line-height: 3rem;
        margin-right: 0;
    }
    .header_internal .bc .list_bc li:nth-child(4n){
        visibility: hidden;
        line-height: 0rem;
    }
    #list_directory li .file_name
    {
        font-size: 1.6rem;
    }  
    .table_internal th
    {
        display: block;
        font-size: 1.3rem;
        padding: 0.5rem;
    }
    .table_internal td
    {
        display: block;
        padding: 0rem;
        padding: 0.5rem;
    }
    #consult_attendence .table_internal td:first-child{
        width: 100%;
    }
    #consult_attendence .table_internal td:nth-child(2n){
        width: 100%;
    }
    .services_list_blue{
        width: 100%;
        text-align: center;
    }
    #list_images li,
    .list_bank_images li
    {
        margin-right: 0rem;
        width: 100%;
    }
    #list_images li:nth-child(3n+3),
    .list_bank_images li:nth-child(3n+3)
    {
        margin-right: 0rem;
    }
    #contact #form #form_information ul{
        background-position: center left;
        background-size: 3rem;
        width: 70%;
        text-align: center;
        margin: 2rem auto;
    }
    #contact #form button[type='submit']{
        margin-top: 4rem;
        width: 50%;
        float: none;
        display: block;
        clear: both;
        margin: 4rem auto 0;
    }
    .cartilhas li{
        width: 30%;
    }
    #system_attendence #solicitations_list tr th{ 
        font-size: 1.5rem;
        padding: 2rem 0.5rem;
    }
    #system_attendence #solicitations_list tr td{ 
        font-size: 1.2rem;
        padding: 1rem 0.5rem;
    }

    #system_attendence #solicitations_list tr th:nth-child(2){ 
        display: none;
    }
    #system_attendence #solicitations_list tr td:nth-child(2){ 
        display: none;
    }
    #register_attendance label{
        width: 100%;
    }
    #register_attendance #add_field{
        width: 100%;
        text-align: center;
    }
    #register_user .input_row_50 {
        width: 100%;
        float: none !important;
    }
    #register_user .g-recaptcha{
        float: right;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 500px){
    #system_attendence #solicitations_list tr th:nth-child(3){ 
        display: none;
    }
    #system_attendence #solicitations_list tr td:nth-child(3){ 
        display: none;
    }
    #system_attendence .internal_c_left ul li{
        width: 100%;
    }
    #system_attendence .internal_c_left ul li a{
        width: 100%;
        max-width: 100%;
    }
}