/* Media Query for Mobile Devices */
 @media (max-width: 480px) {
    .desktop{
        display: none;
  
    }
  
    .hp{
      display:block;
      
    }
  }
  
  /* Media Query for low resolution  Tablets, Ipads */
  @media (min-width: 481px) and (max-width: 767px) {
  
    .desktop{

        visibility: block;

  
    }
  
    .hp{
      display:hidden;
      
    }
  
  }
  
  /* Media Query for Tablets Ipads portrait mode */
  @media (min-width: 768px) and (max-width: 1024px) {
    .desktop{
        display: none;
  
    }
  
    .hp{
      display:block;
      
    }
  }
  
  /* Media Query for Laptops and Desktops */
  @media (min-width: 1025px) and (max-width: 1280px) {
  
    .hp{
      display: none;
     }
  
     .desktop{
      display:block;
      
    }
  
  }
  
  /* Media Query for Large screens */
  @media (min-width: 1281px) {
    .hp{
      display: none;
      
      }
  
    .desktop{
        display:block;
        
      }
  }



    
  /* Media Query for Laptops and Desktops */
  @media (min-width: 1366) {
  
    .hp{
      display: none;
     }
  
     .desktop{
      display:block;
      
    }
  
  }