@media(max-width:767px)
{
   .login .container-fluid > .row {
       height: 100%;
   }
   .banner{
       padding: 0;
   }
   .banner .black {
       position: static;
       height: auto;
   }
   .banner .black h1 {
       margin-top: 0;
       padding-top: 22%;
   }
}
@media(min-width:768px) and (max-width:991px)
{
      .login .container-fluid > .row {
       height: 100%;
   }
   .banner{
       padding: 0;
   }
   .banner .black {
       position: static;
       height: auto;
   }
   .banner .black h1 {
       margin-top: 0;
       padding-top: 22%;
   }
}
@media(min-width:992px) and (max-width:1199px)
{

}
@media(min-width:1200px)
{
    
}