/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

/********* ESTE ES EL GENERAL PERO CAMBIO EL MIN Y MAX-WIDTH PARA ADAPTARLO A NUESTRA PLATAFORMA **************/
/*@media (min-width: 768px) and (max-width: 1024px) {
  
  .navbar-nav{
  	border:1px solid red;
  }
}*/

@media (min-width: 990px) and (max-width: 1300px) {
 
  .logok img{
  	max-width:70px;
  	height:auto !important;
  }
  
  
  .navbar-nav.pull-right{
  	margin:0px !important;
  }
  
  .navbar-nav.pull-right li{
  	display:inline-block;
  	vertical-align: middle;
  }
 
  
  .dropdown.user .fa-angle-down{
  	display:none;
  }
  
  .modal .login_div{
  	width:100%;
  }
  
  #sidebar{
  	width:60px !important;
  }
  
  
  #main-content{
  	margin-left :60px !important;
  }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .navbar-nav{
  	border:1px solid black;
  }
  
}*/

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/


/********* ESTE ES EL GENERAL PERO CAMBIO EL MAX-WIDTH PARA ADAPTARLO A NUESTRA PLATAFORMA **************/
/*@media (min-width: 481px) and (max-width: 767px) {

}*/

@media (min-width: 615px) and (max-width: 990px) {
/* 	.navbar-nav{ */
/*   	border:1px solid green; */
/*   } */
  
	
	.login_div{
  	width: 80%;
  }
  
  
  li#header-user{
	margin-top: -2px!important;
	}
  
  
  .logok img{
  	max-width:70px;
  	height:auto !important;
  }
  
  .navbar-nav{
  	font-size:10px;
  }
  
  .navbar-nav.pull-right{
  	margin:0px !important;
  }
  
  .navbar-nav.pull-right li{
  	display:inline-block;
  	vertical-align: middle;
  }
  
 
  .dropdown.user .fa-angle-down{
  	display:none;
  }
  
 
  .modal .login_div{
  	width:100%;
  }
  
  #sidebar{
  	width:60px !important;
  }
  
  
  #main-content{
  	margin-left :60px !important;
  }
  
    div.popup{
  	margin-left:0px !important;
  	left:5% !important;
  }
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

/*@media (min-width: 320px) and (max-width: 480px) {
	
}*/

@media (min-width: 320px) and (max-width: 615px) {  
/*   .navbar-nav{ */
/*   	border:1px solid yellow; */
/*   } */
  
  
  .login_div{
  	width: 80%;
  }
  
  
  .logok img{
  	max-width:70px;
  	height:auto !important;
  }
  
  
  .navbar-nav{
  	font-size:10px;
  }
  
  .navbar-nav.pull-right{
  	margin:0px !important;
  }
  
  .navbar-nav.pull-right li{
  	display:inline-block;
  	vertical-align: middle;
  }
  
  
  .dropdown.user .fa-angle-down{
  	display:none;
  }
  
  
  .modal .login_div{
  	width:100%;
  }
  
  #sidebar{
  	width:60px !important;
  }
  
  
  #main-content{
  	margin-left :60px !important;
  }
  
  div.popup{
  	min-width:0 !important;
  	left:10%!important;
  	width:80% !important;
  	margin-left:0 !important;
  }
  
}