/* This is an override file for the Mobile stylesheet, and is the highest precedence */

@media screen and (max-width: 1600px) { 
.faq_heading LI {
    float: unset;
    text-align: right;
}


@media screen and (max-width: 1275px) { 
.top-menu-selected,
.top-menu li  {
background-color: #333F50;
}


.faq_heading ul {
    float: unset;
    margin: 1rem 0 0 0;
}

}

@media screen and (max-width: 1023px) { 
   .header { 
      grid-template-columns: 8rem auto 200px;
   }

   .Title {
       padding-left:0;
   }
    
   .header-col3 IMG { 
       width:160px;
       float:right;
   }

   main { 
      padding:5px;
   }
}

@media screen and (max-width: 820px) {
    .footer-icons IMG {
        height: 35px;
    }

.side-menu ul li a {
background-color: #333F50;
}


   .header-col3 IMG { 
       width:140px;
       float:unset;
   }

   .menu-button { 
       float:right;
   }

   .header-col1 { 
      text-align:left;
    }

    .header { 
       grid-template-columns: 4rem auto 200px;
    }

    .force_image { 
       width: 60px;
       height: 60px;
    }

    .Title { 
       font-size:1.4rem;
    }        

    .link_block {
       height:unset;
    }

div.NIPIndent {
    width:98%;
    font-size:90%;
}

h1.NIP, h1.CO, h1.SA, h1.SM { 
   font-size:1.7rem;
}

h2.NIP, h2.CO, h2.SA, h2.SM { 
    font-size:1.5rem;
}

}

@media screen and (max-width: 700px) {
     .Title { 
         font-size:1.2rem;
     }
}


@media screen and (max-width: 600px) {
     .Title { 
         font-size:1.0rem;
     }

   .header-col3 IMG { 
       width:120px;
       float:unset;
   }

    .force_image { 
       width: 46px;
       height: 46px;
    }

    .header { 
       grid-template-columns: 3.5rem auto 180px;
    }

}


@media screen and (max-width: 500px) {
     .Title { 
         font-size:0.6rem;
     }

   .header-col3 IMG { 
       width:110px;
       float:unset;
   }

    .force_image { 
       width: 44px;
       height: 44px;
    }

    .header { 
       grid-template-columns: 3.4rem auto 170px;
    }