/*---***************

Bootstrap LG = anchura mayor o igual a 1200px

***************--*/


@media only screen and (max-width: 1199px) {
    
    
    /*en medidas mayores o iguales 1200px la clase 
    coverText mantendra todo como el default excepto
    font-size que de aqui para arriba sera 40px */

    .coverText{
        font-size: 40px;
        
        /*si quieres mas propiedadesde de esta clase se ponen aqui adentro*/
        
        left: 110px;
        
    }
    
    


    
    
    /* si quisieras modificar otra clase que se vea afectada dentro del 1200px va aquie abajo*/
    
    
    
    
    
}










/*---***************

Bootstrap MD = anchura mayor o igual a 992px hasta antes de LG

***************--*/

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

   

    .coverText{
        font-size: 30px;
        line-height : 40px;
    }
    

}









/*---***************

Bootstrap SM = anchura mayor o igual a 768px o antes de MD

***************--*/


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

    
    .img-logo{
        width: 280px;
    }


    .coverText{
        font-size: 20px;
        line-height : 30px;
        
    }
    
    
    
    .exposicion_main_left {
        padding-right: 50px!important;
        padding-left: 115px!important;
        font-size: 16px;
        line-height: 17px;
    }
    
    .exposicion_main_middle {
        padding-right: 50px!important;
        padding-left: 115px!important;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    
    .exposicion_main_right {
        padding-right: 50px!important;
        padding-left: 115px!important;
        font-size: 16px;
        line-height: 20px;
    }
    
    .acerca_main_left {
        padding-left: 115px!important;
        padding-right: 50px!important;
        font-size: 16px;
        line-height: 20px;
    }
    
    .acerca_main_right {
        padding-top: 50px;
        padding-right: 50px!important;
        padding-left: 115px!important;
        font-size: 16px;
        line-height: 20px;
    }
    
    .img-nucleos{
        margin: 0  !important;
        /*max-width: 100%;*/
        width: 90%;
    }


}









/*---***************

Bootstrap XS = medida hasta 768px de anchura

***************--*/

@media only screen and (max-width: 576px) {
    
    #obraselect_img{
    width: 340px;
          height: intrinsic;
    
    /*height="550"*/
}

    
    #ytplayer{
        width: 340px;
    }
    
    .img-nucleos{
        margin: 0  !important;
        /*max-width: 100%;*/
        width: 100%;
          height: intrinsic;
    }
   

    .coverText{
        font-size: 23px;
        left: 15px;
        line-height : 30px;
        width: 100%;
          
    }
    
    .acerca_main_left {
        padding-left: 15px!important;
        padding-right: 15px!important;
        font-size: 16px;
        line-height: 20px;
    }

    .lineAfter div {
         padding-left: 20px !important;
    }
    
    .lineAfter :after{
    /* linea amarilla     */
         left: 15px;

    }

    .img-fullWidth {
        width:100%;
        height: 100%;
    }
    
    .img-obrasLB{
        
        width:100%;
        
}

    .acerca_main_right {
        padding-top: 50px;
        padding-right: 15px!important;
        padding-left: 15px!important;
        font-size: 16px;
        line-height: 20px;
    }
    .exposicion_main_left {
        padding-right: 15px!important;
        padding-left: 15px!important;
        font-size: 16px;
        line-height: 17px;
    }
    .exposicion_main_middle {
        padding-right: 15px!important;
        padding-left: 15px!important;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    
    .texto_ptsreg {
        font-size: 16px !important;
        line-height: 20px;
    }
    
    .exposicion_main_right {
        padding-right: 15px!important;
        padding-left: 15px!important;
        font-size: 16px;
        line-height: 20px;
    }
    #itemsObras {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .gallery_item {
        padding-right: 0px !important;
        margin-bottom: 30px !important;
    }
    
    #itemsObras_Video {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .gallery_item_Video {
        padding-right: 0px !important;
        margin-bottom: 30px !important;
    }
    
    
    
    .expo-list{
        display: none;
    }


    .expo-list-drop{
        display: block;
    }
    
    .texto_tit_exp{
        margin-top: 80px !important;
        margin-bottom: 30px !important;
    }
    
    
        input, button, select, optgroup, textarea {
            margin: 0;
            font-family: medium;
            font-size: smaller;

        
         }
    
    
    .videoBtnPlayAudio {
            position: absolute;
            left: 10%;
            text-align: center;
            top: 50%;
            width: 28px;
            margin-top: -14px;
            margin-left: -27px;
            cursor: pointer;
        
         }
    
    #textoAudio {
       
        padding-left: 12% !important;
        
         white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 210px;
        
        
    }
    
    .coverCont{
        
        margin-top: 120px !important;
    }
    
    
    .publicacionImg{
           max-width: 320px;
            /* position: absolute; */
            text-align: end;
            margin: auto;

        
    }

    .img-fullWidth-logos{
          width: -webkit-fill-available;
        height: intrinsic;
    }
    

    #itemsAudios{
      
        padding-left: 20px !important;

    }
    
    
}/* end @media  */