#scrollArea 
    {
        visibility: visible;
        position: relative;
        top: 0px;
        left: 0px;            
    }
    
    #imgBanner 
    {
        position: absolute;
        width: 0%;
        background-color: Black;        
    }    
    
    .NoVisibleScreenMovil
    {
        position: relative;
        top: 0px;
        left: 0px; 
        visibility: visible;
        display: block;
    }       
    
    .NoVisibleScreenDesktop
    {
        position: absolute;
        visibility: hidden;
        top: -2000px;
        left: -2000px;
        display: none;
    }       
    
    .NoVisibleforSession
    {   
        visibility: hidden;
        position: absolute;
        top: -2000px;
        left: -2000px;       
    }
    
    .VisibleforSession
    {   
        visibility: visible;
        position: relative;
        top: 0px;
        left: 0px;     
    }    
    
        .imgLoading
        {
            width: 250px;
            height: 250px;
            margin-top: -125px;
            margin-left: -125px;
            left: 50%;
            top: 30%;
            position: absolute;
            z-index: 2000;      
            visibility: hidden;      
        }      
       
       .imgCard
       {
            width: 32px;    
       }
    
@media screen and (max-width: 768px) 
{
    #scrollArea 
    {
        visibility: hidden;
        position: absolute;
        top: -2000px;
        left: -2000px;
    }
    
    #imgBanner 
    {
        visibility: visible;
        position: relative;
        top: 0px;
        left: 0px;     
        z-index: 1000;   
        width: 100%;
        background-color: Black;             
    }      
    
    .NoVisibleScreenMovil
    {
        position: absolute;
        visibility: hidden;
        top: -2000px;
        left: -2000px; 
        display: none;
    }        
    
    .NoVisibleScreenDesktop
    {
        position: relative;
        top: 0px;
        left: 0px; 
        visibility: visible;
        display: block;
    }         
}