/* Media Query for low resolution  Tablets, Ipads */
    @media (min-width: 481px) and (max-width: 767px) {
       /* css past here  */
       .brcode { 
    bottom: 29px;
}
       header {
    display: none;
}.topnav {
    display: block;
}
       footer {
    background-color: black;
    padding: 44px 0px;
}
       .footer-list {
    margin-top: 29px;
}
       
    }
      
    /* Media Query for Tablets Ipads portrait mode */
    @media (min-width: 768px) and (max-width: 1024px){
       /* css past here  */
       .brcode { 
    bottom: 29px;
}
       header {
    display: none;
}.topnav {
    display: block;
}
       footer {
    background-color: black;
    padding: 44px 0px;
}
       .footer-list {
    margin-top: 29px;
}
       
        
    }