@media only screen and (max-width: 768px) {
    .navbar_logo img{
      width:31%;
    }
    .header{
      position: fixed;
      top: 0;
    }
    .header #bottom_header ul{
      background-color: #fff;
      height: auto;
      padding: 10px 0;
      position: absolute;
      width: 100%;
      left: 0;
      top: 80px;
      display: none;
    }
    .header #bottom_header_2 ul{
      background-color: #fff;
      min-height: 100vw;
      padding: 10px 0;
      position: absolute;
      width: 100%;
      left: 0;
      top: 80px;
      display: none;
    }
    .header ul li{
      display: inline-block;
      width: 100%;
      text-align: left;
      height: auto;
      margin: 5px 0;
    }
    .header li {
      margin: 1rem 0;
    }
    .header li a{
      color: #073e63;
      display: inline-block;
      max-width: 100%;
    }
    .header #bottom_header_2 button {
      width: 300px;
      background: #ffffff;
      color: #9779d8;
      border: 1px solid #9779d8;
      /* margin-left: -101px; */
      margin-right: 78px;
      margin-top: 2px;
      font-size: 12px;
    }
    .header ul li ul, .header ul li ul li ul{
      position: relative;
      top: 0;
      width: 100%;
      font-size: 14px;
      justify-content: left;
    }
    .header ul li ul>li{
      text-align: left;
      max-width: 100%;width: 100%;
    }
    .header ul li:hover>ul{
      display: inline-block;
      max-width: 100%;
    }
    .icon{
        display: block;
    }
    .icon:hover .header ul{
        display: block;
    }
  }