.navbar{ overflow: hidden; background-color: #662cea;box-sizing: border-box;  }

  /* #0f2a8e; border-top: 1px solid #091f6e;   -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; */


  .clinic-menu{display: table-row; text-align: center; margin: 0 auto; width:1280px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
  .clinic-menu-list {display: table-cell;width: 10%;white-space: nowrap;overflow: visible}
  .clinic-menu-depth1{display: block;padding: 16px 0;color: #fff;font-size: 20px;font-weight: bold;width: 100%;}
  

    
  .navbar a {
    /* float: left; */
    text-align: center;
    padding: 14px 16px;
    /** text-decoration: none; */

    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: bold; 

  }
  
  .subnav {
    float: left;
    overflow: hidden;
  }
  
  .subnav .subnavbtn {
    border: none;
    outline: none;
    color: white;
    /* padding: 14px 16px; */
    background-color: inherit;
    font-family: 'SUIT';
    margin: 0;

    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold; 

  }
  
  .navbar a:hover, .subnav:hover .subnavbtn {
    background-color: #f1bc31; /* #f1bc31 #77cc6d rgb(72, 80, 187) */
  }
  
  .subnav-content {
    display: none;
    position: absolute;
    left: 0;
    background-color: white;
    width: 100%;
    z-index: 100;
    border:1px solid;
    
  }
  
  .subnav-content a {
    float: left;
    color: black;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
  }
  
  .subnav-content a:hover {
    background-color: white;
    color: black;
  }
  
  .subnav:hover .subnav-content {
    display: block;
  }

  .subnavbtn {
    cursor:pointer;
  }