@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%;*/
   /*}*/
   .mycard{
       width: 100%;
   }
   .omar{
       width: 45%;
   }
   .code{
       width: 70%;
       font-size: 36px;
   }
}
@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)
{
    
}