.main-mobile-nav {
    display:none;

  }


@media only screen and (max-width: 600px) {

    .under-menu-content {
        display:none;

    }

    .under-menu {
    display:none;
    }

    .main-mobile-nav {
        overflow: hidden;
        position: relative;
        display:block;
        width:100%;
      }
      
      .main-mobile-nav #myLinks {
        display: none;
        text-align:center;
        background-color: #8EACCD;
        line-height: 3;
      }
      
      .main-mobile-nav a {
        color: #fff;
        text-decoration: none;
        font-size: 17px;
        display: block;
        border: 1px solid #333;
      }
      
      .main-mobile-nav a.icon {
        display: block;
        position: fixed;
        right: 0;
        top: 0;
        color:#000;
      }
      
      .main-mobile-nav a:hover {
        color: black;
      }
      
      .active {
        color: white;
      }

      .fa{
        margin:10px;
      }






















}