.mobileView 
    {
        display: none;
    }
    
    .normalView 
    {
        display: block;
   } 
 
 @media (max-width:1024px) 
 {
    .mobileView 
    {
        display: block;
    }
    
    .normalView 
    {
        display: none;
    } 
       
 }
 
  @media (max-width:640px) 
 {
    .mobileView 
    {
        display: block;
    }
    
    .normalView 
    {
        display: none;
    }       
 }
 
  @media (max-width:568px) 
 {
    .mobileView 
    {
        display: block;
    }
    
    .normalView 
    {
        display: none;
    }       
 }
    
 @media (max-width:480px) 
 {
    .mobileView 
    {
        display: block;
    }
    
    .normalView 
    {
        display: none;
    }       
 }
    
 @media (max-width:375px) 
 {
        .mobileView 
    {
        display: block;
    }
    
    .normalView
    {
        display: none; 
    }
 }
    
 @media (max-width:320px) 
 {
      .mobileView 
    {
        display: block;
    }  
    
    .normalView 
    {
        display: none;    
    }     
 }