@media only screen and (max-width: 600px) {
    
    html {overflow-x: hidden!important;}
   
    .logo{width: 85%;}
    
    .footer-logo{width:300px}
    
    footer{text-align: center!important; float: left!important;}
    
    .btn{font-size: 13px;}
    
    .f-right {float: left;}
    
    p{font-size: 14px;}
    
    h4{font-size: 16px;}
    
    .table{width: 95%;}
    
    .form-control{font-size: 11px;}
}

@media only screen and (max-width: 1024px) {
    
    .f-right {float: left;}
    
    table{font-size: 12px;}
    
    .form-control{font-size: 13px;}
    
}

.btn{margin-bottom: 10px;}