@media screen and (orientation:landscape)and ( max-height:850px){
    .img-show{
        
        height: auto;
        width: auto;
    }
}
@media screen and ( min-width:1026px){

    .wrap{
        width: 97.5%;
    }
    .secciones {
        padding: 0 30px ;
    }
}
@media screen and ( max-height:1025px){
    main{
        zoom: fixed;
    }
    .img-show{
       
        height: 70%;
    }
    .container-img{
       zoom: initial;
    }
 
}
@media screen and ( max-width:1025px){

    .img{
        width: 120px;
    }

}    
@media screen and ( max-width:991px){
    #R{margin-top: auto; margin-bottom: auto;
     }
    #V{margin-top: auto; margin-bottom: auto;    
     }
    #E{margin-top: auto; margin-bottom: auto;
    }
    #MM{margin-top: auto; margin-bottom: auto;     
    }
  

}

@media screen and ( max-width:850px){
  
    .tabs{
        grid-template-rows: repeat(1,1fr);
        grid-template-columns: repeat(4,1fr);

    }
    .conteiner-grid{
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(4,auto);
    }
    .img-show{
        
       height: 80%;
       max-width: 650px;
       
    }
    .img{
        width: 110px;
    }
} 

@media screen and ( max-width:800px){
  
#R{flex-direction: column;
}
}
@media screen and ( max-width:550px){
    .tabs{
        width: 100%;
        grid-template-rows: repeat(2,1fr);
        grid-template-columns: repeat(2,1fr);

    }
    #R{flex-direction: row;
    }
    .scale{
        scale: .5;
    }
   

    
}
@media screen and ( max-width:480px){
    .conteiner-grid{
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(4,auto);
    }
    .img{
        width: 150px;
    }
}
@media screen and ( max-width:450px){
    .img{
        width: 130px;
    }
    #R{ padding: 0;
    }
  
    .img-show{
       
        height: 55%;
        max-width: 600px;
        width: 110%;
    }
    .show{
        transform: scale(.8);
    }
    ul.tabs li a{
        width: 100%;
        padding: 0 5%;
    }
   
} 
@media screen and ( max-width:320px){
    .tabs{
       
        grid-template-columns: repeat(1,1fr);

    }
   
    .img-show{
       
        height: 70%;
        width:120%;
        transform: scale(.6);
    }
    .conteiner-grid{
        grid-template-columns: repeat(1,1fr);
       
    }
    .img{
        width: 180px;
    }
    
} 
@media screen and (orientation:landscape)and ( max-height:400px){
    .img-show{
       
        height: 100%;
        width: auto;
        transform: scale(.6);
    }
}