/** mobile **/
.mobile-only {
    display: none;
}
  
  @media (max-width: 768px) {

    :root {
      --app-offset: 48px;
      --app-offset-bottom: 35px;
    }

    .mobile-only {
      display: block;
    }
    @supports (display: unset) {
        .mobile-only {
          display: unset; /* override only if supported */
        }
    }
    
    .desktop-only {
      display: none !important;
    }

    .tooltip {
        padding: 8px 12px;
        font-size: 12px;
    }

    .header-logo a {
      height: 30px;
    }
    /** footer **/
    .footer-container{
      flex: 0 0 auto;
      height: 36px;
      width: 100%;
      background-color: #fff;
      border-top: 1px solid rgba(234, 234, 234, 0.8);
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: space-around;
      z-index: 1000;
    }
  
    .footer-container img {
      height: 22px;
      vertical-align: middle;
    }
  
    .footer-menu {
      text-align: center;
      padding: 0 5px;
    }
   
    .header-container {
      height: 45px;
    }
    
    .user-tool .user-name {
      display: none;
    }
  
    .l-nav {
      display: none;
    }
  
    .full-logo {
      display: none;
    }
  
    .mobile-logo {
      display: inline-block;
    }
  
    .content-container {
      padding: 48px 0 39px 0;
    }

    /** learn **/
    .back-arrow a{
        width: 35px;
      }
  }