/* large ------------------------------------------------------------------------------*/
@media screen and (max-width: 3000px){

  #logo-nav{
    display: none ;
  }

}
@media screen and (max-width: 1300px){

  #logo-nav{
    display: none ;
  }

}

@media screen and (max-width: 1024px){

  #logo-nav{
    display: none ;
  }

}
@media screen and (max-width: 992px){

  #logo-nav{
    display: none ;
  }

}

@media screen and (max-width:880px){
  /* Header */
  #outer-head{
    display: none;
  }                    
  #logo-nav{
    display: inline;
  }

}

/* Medium ------------------------------------------------------------------------------*/
@media screen and (max-width:768px){

  /* Header */
  #outer-head{
    display: none;
  }
  #logo-nav{
    display: inline;
  }

  /*Login*/
 #bg-login{
   position: relative;
   width: auto;
   background-image: none;
 }
  #form-out{
   position: relative;
  }
 #form{
  width: auto;
 }
  .img-login{
    display: inline;
  }
}

@media screen and (max-width:600px){
  /* Header */
  #outer-head{
    display: none;
  }

  #logo-nav{
    display: inline;
  }

  /*Login*/
 #bg-login{
   position: relative;
   width: auto;
   background-image: none;
 }
  #form-out{
   position: relative;
  }
 #form{
  width: auto;
 }
  .img-login{
    display: inline;
  }

}

@media screen and (max-width:480px){
  /* Header */
  #outer-head{
    display: none;
  }

  #logo-nav{
    display: inline;
  }

  /*Login*/
 #bg-login{
   position: relative;
   width: auto;
   background-image: none;
 }
  #form-out{
   position: relative;
  }
 #form{
  width: auto;
 }
.img-login{
  display: inline;
}



}


/* Small ------------------------------------------------------------------------------*/
@media screen and (max-width:320px){
  /* Header */
  #outer-head{
    display: none;
  }
  #logo-nav{
    display: inline;
  }


  /*Login*/
 #bg-login{
   position: relative;
   width: auto;
   background-image: none;
 }
  #form-out{
   position: relative;
  }
 #form{
  width: auto;
 }
.img-login{
  display: inline;
}


}
@media screen and (max-width:240px){
  /* Header */
  #outer-head{
    display: none;
  }
  #logo-nav{
    display: inline;
  }

  /*Login*/
 #bg-login{
   position: relative;
   width: auto;
   background-image: none;
 }
  #form-out{
   position: relative;
  }
 #form{
  width: auto;
 }
.img-login{
  display: inline;
}


}