@media only screen and (max-width: 600px){
  .modal_tours{
     max-height: 80%;
     width: 80%;
  }
  #modal_img{
    width: 70vw;
  }
  #tour_container{
    width: 90%;
  }
  #slide-out{
    width: 40%;
  }
  #table_agencias td{
    border-right: 1px solid rgba(0,0,0,0.12);
  }
  #content_container{
    padding-left: 0%;
  }
  #content_container{
    width: 100%;
  }
      #div-logo-container{
        width: 90%;
        margin-right:5%;
        margin-left: 5%;
        height: 10vh;
      }
      #btn-logout{
        margin-top: 2em;
        margin-right: 0;
      }
      #div-select-paginas{
        width: 90%;
        margin-left: 5%
      }
      #div-vista-container{
        width: 90%;
        margin-left: 5%;
      }
      #div-login {
        padding-left: 0;
        padding-right: 0;
      }
      #div-login-container{
        width: 90%;
        margin-left: 5%;
        height: 50vh;
      }

}
@media only screen and (min-width: 600px){
  .modal_tours{
    max-height: 80%;
    width: 80%;
 }
  #modal_img{
    width: 70vw;
  }
  #tour_container{
    width: 40%;
  }
  #slide-out{
    width: 40%;
  }
  #table_agencias td{
    border-right: 1px solid rgba(0,0,0,0.12);
  }
  #content_container{
    width: 100%;
  }
  #content_container{
    padding-left: 0%;
  }
  #div-login-container{
    width: 90%;
    margin-left: 5%;
    height: 50vh;
  }
  #div-login {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px){
  .modal_tours{
    max-height: 80%;
    width: 60%;
 }
  #modal_img{
    width: 50vw;
  }
  #tour_container{
    width: 40%;
  }
  #slide-out{
    width: 25%;
  }
  #table_agencias td{
    border-right: 1px solid rgba(0,0,0,0.12);
  }
  #content_container{
    padding-left: 0%;
  }
  #div-login-container{
    width: 80%;
    margin-left: 10%;
    height: 50vh;
  }
  #div-login {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px){
  .modal_tours{
    max-height: 80%;
    width: 50%;
 }
  #modal_img{
    width: 40vw;
  }
  #tour_container{
    width: 25%;
  }
  #slide-out{
    width: 15%;
  }
  #table_agencias td{
    border-right: none;
  }
  #content_container{
    width: 90%;
  }
  #content_container{
    padding-left: 15%;
  }
  #div-login-container{
    width: 40%;
    margin-left: 30%;
    height: 60vh;
  }
  #div-login {
    padding-left: 10em;
    padding-right: 10em;
  }
}
@media only screen and (min-width: 1200px){
  .modal_tours{
    max-height: 80%;
    width: 40%;
 }
  #modal_img{
    width: 30vw;
  }
  #tour_container{
    width: 25%;
  }
  #slide-out{
    width: 15%;
  }
  #table_agencias td{
    border-right: none;
  }
  #content_container{
    width: 90%;
  }
  #content_container{
    padding-left: 15%;
  }
  #div-login-container{
    width: 40%;
    margin-left: 30%;
    height: 60vh;
  }
  #div-login {
    padding-left: 10em;
    padding-right: 10em;
  }
}
@media only screen and (min-width: 1400px){
  .modal_tours{
    max-height: 80%;
    width: 40%;
 }
  #modal_img{
    width: 30vw;
  }
  #tour_container{
    width: 25%;
  }
  #slide-out{
    width: 15%;
  }
  #table_agencias td{
    border-right: none;
  }
  #content_container{
    width: 90%;
  }
  #content_container{
    padding-left: 15%;
    padding-right: 15%;
  }
  #div-login-container{
    width: 40%;
    margin-left: 30%;
    height: 60vh;
  }
  #div-login {
    padding-left: 10em;
    padding-right: 10em;
  }
}