@media screen and ( max-width: 940px){
    header{
        z-index: 1000;
        height: auto;
        position: relative;
    }
    .banderas{
        display: none;    
    }
   
    #menu-bar{
        display: none;
    }
    
    #menu-bar:checked ~ .menu{
        transform: translateX(0%);
    }
    .icon-menu{
        
        color: white;
        font-size: 30px;
        float: right;
        cursor: pointer;
        margin-top: 10px;
        display: block;
        z-index: 100;
    }
     .contenedor{
        position: relative;
        width: 100%;
        height: auto;
    }

.menu-vinos li {
    width: 100%;
    display: none;
}

html .menu-vinos nav ul {
    display: block;
    padding: 0 15px;
    text-align: left;
}

.menu-vinos nav {
    padding-top: 30px;
}

.menu-vinos li:nth-child(odd) {
    display: block;
}
    
    .menu{
         /* position: absolute; */
         top: 0;
         left: 0;
         margin-top: 9px;
         /*margin-bottom: 50px;*/
         /* justify-content: center; */
         /* width: 50%; */
         /* height: 100vh; */
         background-color:rgb(2, 2, 2);
         /* transition: all 0.5s; */
         /* transform: translateX(-100%); */
         height: auto;
         position: relative;
    }
    .menu ul{
        width: 100%;
        padding: 0;
        padding-top: 65px;
    }
    
    
    .menu ul li a{
        width: 100%;
        height: auto;
        display: block;
        /*text-align: left;*/
        color: white;
        text-align: left;
        padding-left: 0;
        /*padding-top: 10px;*/
        display:list-item;
        list-style: none;
        border-bottom: 1px solid rgba(252,252,252,.2);
        /*background-color: aqua;*/
        letter-spacing: 2px;
}
    .menu ul li a:hover{
        font-size: 14px;
    }
    .menu .logo-kinast{
        display: none;
    }
   
    .logo{
        position: absolute;
        width: 100%;
        z-index: 90;
        text-align: center;
        text-align: center;
        display: table;
    }

    .botella {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 30px;
}


section#botellas-gran-reserva .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
}

    .logo img{
        margin: auto;
        z-index: 90;
        
        
    }
    .menu .espanol_responsive{
        display: block;
    }
    .menu .ingles_responsive{
        display: block;
    }
    
    .banderas{
        display: none;
    }
/*banner*/
    #banner .titulo1{
        display: none;
    }
    #banner .titulo2{
        display: block;
    }
    #banner .titulo2 img{
        height: 70px;
    }
/*nosotros*/
    #nosotros{
        flex-direction: column;
    }
    .contenedor-nosotros{
        width: 100%;
    }
    .nosotros-titulo h2{
     padding-top: 5%;
    }
    .texto p{
        padding-top: 5%;
        margin-bottom: 30px;
    }
    .nosotros-img{
        /*display: none;*/
        width: 100%;
    }
    #nosotros2{
        height: 300px;
    }
    #nosotros2 h3{
       font-size: 20px; 
        
    }
/*vinedos*/
    #vinedos h3{
        font-size: 20px;
    }
/*contacto*/
    
    
/*footer*/
    .datos{
        padding-top: 50px;
        flex-direction: column;
        text-align: center;
    }
    .direccion{
        margin-bottom: 30px;
    }
    .telefono{
        margin-bottom: 30px;
    }
    .correo{
        margin-bottom: 30px;
    }
/*formulario*/
    form{
        width: 100%;
        margin: auto;
        
    }
    
/*footer*/
    .logo-footer{
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .contacto-footer{
        margin: auto;
        width: 50%;
        margin-top: 40px;
        
    }
    .links-footer{
        margin: auto;
        width: 50%;
        margin-top: 40px;
        
    }
@media screen and (max-width: 600px){
    form{
        width: 100%;
        margin: auto;
            
    }
}    
    
}
@media screen and ( max-width: 800px){
/*vinos*/
    .botellas{
       flex-direction: column;
        
    }
    .arriba{
        justify-content: space-between;
        
    }
    .arriba .varietal{
        padding-right: 0;
        margin: 5px;
    }
    .arriba .reserva{
        padding-right: 0;
         margin: 5px;
    }
    .abajo{
         justify-content: space-between;
    }
    .abajo .gran-reserva{
        padding-right: 0;
         margin: 5px;
    }
    .abajo .k525{
        padding-right: 0;
         margin: 5px;
    }

}