.menu-title-size{
        font-size: 17px !important;
      }
      .parent-menu-content-size{
        font-size: 19px !important;
      }
      .menu-content-size{
        font-size: 16px !important;
      }
      .menu-sub-content-size{
        font-size: 15px !important;
      }
      
      .topnav {
        overflow: hidden;
        background-color: var(--menu-background);
      }
      
      .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
      }
      
      .active {
        /* background-color: var(--primary-color); */
        color: var(--primary-color) !important;
        z-index: 1;
      }

      .icon{
        font-size: 17px;
      }
      
      .topnav .icon {
        display: none;
      }
      
      .dropdown {
        float: left;
        overflow: hidden;
      }
      
      .dropdown .dropbtn {
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        margin: 0;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 230px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-content a {
        float: none;
        color: var(--menu-background);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        font-size: 17px;
      }

      .sub-dropdown {
        position: relative;
        display: block;
        min-width: 230px;
      }

      .sub-dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        left: 100%;
        top: 0;
        min-width: 230px;
        z-index: 1;
      }

      .sub-dropdown:hover .sub-dropdown-content {
        display: block;
        z-index: 1;
      }
      
      .sub-dropdown-content a {
        color: var(--menu-background);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
      }
      
      .sub-dropdown-content a:hover {
        background-color: #f1f1f1;
      }
      
      .topnav a:hover, .dropdown:hover .dropbtn {
        background-color: var(--menu-background);
        color: white;
      }
      
      .dropdown-content a:hover {
        background-color: #ddd;
        color: black;
      }
      
      .dropdown:hover .dropdown-content {
        display: block;
      }

      .topnav a.split {
        float: right;
        background-color: var(--primary-color);
        color: white;
      }

      @media screen and (max-width: 400px) {
        .menu-title-size{
          font-size: 21px !important;
        }
        .icon{
          font-size: 28px;
        }
        .parent-menu-content-size{
          font-size: 21px !important;
        }
        .menu-content-size{
          font-size: 15px !important;
        }
        .menu-sub-content-size{
          font-size: 18px !important;
        }

        .topnav a.split {
          float: none;
        }
      }

      @media (min-width: 401px) and (max-width: 767px) {
        .menu-title-size{
          font-size: 27px !important;
        }
        .icon{
          font-size: 35px;
        }
        .parent-menu-content-size{
          font-size: 23px !important;
        }
        .menu-content-size{
          font-size: 18px !important;
        }
        .menu-sub-content-size{
          font-size: 28px !important;
        }
        .topnav a.split {
          float: none;
        }
      }

      @media (min-width: 768px) and (max-width: 1200px) {
        .menu-title-size{
          font-size: 31px !important;
        }
        .icon{
          font-size: 37px;
        }
        .parent-menu-content-size{
          font-size: 25px !important;
        }
        .menu-content-size{
          font-size: 21px !important;
        }
        .menu-sub-content-size{
          font-size: 34px !important;
        }
        .topnav a.split {
          float: none;
        }
      }

      /*THIS RESPONSIVE VIEW IS FOR MENU ONLY*/
      @media screen and (max-width: 1200px) {
        /* hide content */
        .topnav a:not(:first-child), .dropdown .dropbtn {
          display: none;
        }
        /* show menu icon */
        .topnav a.icon {
          float: right;
          display: block;
        }

        .topnav.responsive {position: relative;}
        .topnav.responsive .icon {
          position: absolute;
          right: 0;
          top: 0;
        }
        .topnav.responsive a {
          float: none;
          display: block;
          text-align: left;
        }
        .topnav.responsive .dropdown .dropbtn {
          display: block;
          width: 100%;
          text-align: left;
          position: relative;
        }
        .topnav.responsive .dropdown .dropdown-content  {
          display: block;
          width: 100%;
          text-align: left;
        }
        .topnav.responsive .sub-dropdown .dropbtn {
          display: block;
          width: 100%;
          text-align: left;
          position: relative;
        }
        .topnav.responsive .sub-dropdown .sub-dropdown-content  {
          display: block;
          width: 100%;
          text-align: left;
        }
        .topnav.responsive .dropdown {float: none;}
        .topnav.responsive .dropdown-content {position: relative;}
        .topnav.responsive .sub-dropdown {float: none;}
        .topnav.responsive .sub-dropdown-content {position: relative; left: 0;}

        
      }