/* Portrait: Orientación Vertical
   Landscape: orientación horizontal*/
 
/* Mobile vertical */
@media (max-width : 575px) {
  /* body{overflow-x:hidden;
    overflow-y:hidden;}*/
    .gwd-img-nso9 {
        top:-180px;
     }
    /* img{display: none;}*/
   .login1{
    
    width: 60%;
    margin-left: 20%;
   
   }

   .logo{width: 7%;}

   body{width: 1100px;}
   .container1{margin-top: 12%;}
}

/* Extra small devices (phones, less than 768px) */

/* Landscape Mobile horizontal
@media (min-width: 576px) and (max-width: 767px) {
*/
    /*body{overflow-x:hidden;
    overflow-y:hidden;}
    .gwd-img-nso9 {
      top: 80px;
    }*/

/*}*/

/* Small devices (tablets Vertical ) */
@media (max-width : 767px) {

   .barras{overflow-x:hidden;
        overflow-y:hidden;}
    .gwd-img-nso9
     {
       top:456px;
     }
   body{width: 900px;}
    .container1{margin-top: 12%;}

         
} /* Fin tablets Vertical */

/* Small devices (tablets, 768px and up ) */
@media (min-width : 768px) and (max-width : 991px) and (orientation : landscape){

    .barras{overflow-x:hidden;
        overflow-y:hidden;}
    .gwd-img-nso9
     {
       top:140px;
     }
    .container1{margin-top: 12%;}
    
} /* Fin Small devices (tablets, 768px and up ) */

  

   
	


/* Medium devices (desktops normales, 992px and up ) */
@media (min-width : 992px) and (max-width : 1199px) {
	
	.barras{overflow-x:hidden;
    overflow-y:hidden;}
   .gwd-img-nso9 {
     top:290px;
    }
 
}


/* Large devices (large desktops, 1200px and up, pantallas tv) */
@media (min-width : 1200px) {
 	.barras{overflow-x:hidden;
    overflow-y:hidden;}
    .gwd-img-nso9 {
     top:290px;

    }
    
}