@media screen and (min-width: 480px) {
  /*edit ,.. tabs*/
  ul.primary {
    border-bottom: 1px solid #bbb;
    border-collapse: collapse;
    height: auto;
    line-height: normal;
    list-style: none;
    margin: 5px;
    padding: 0 0 0 1em; /* LTR */
    white-space: nowrap;
  }

  ul.primary li {
    display: inline;
  }

  ul.primary li a {
    background-color: #ddd;
    border-color: #bbb;
    border-style: solid solid none solid;
    border-width: 1px;
    height: auto;
    margin-right: 0.5em; /* LTR */
    padding: 0 1em;
    text-decoration: none;
  }

  ul.primary li a.is-active {
    background-color: #fff;
    border: 1px solid #bbb;
    border-bottom: 1px solid #fff;
  }

  ul.primary li a:hover {
    background-color: #eee;
    border-color: #ccc;
    border-bottom-color: #eee;
  }

  ul.secondary {
    border-bottom: 1px solid #bbb;
    padding: 0.5em 1em;
    margin: 5px;
  }

  ul.secondary li {
    border-right: 1px solid #ccc; /* LTR */
    display: inline;
    padding: 0 1em;
  }

  ul.secondary a {
    padding: 0;
    text-decoration: none;
  }

  ul.secondary a.is-active {
    border-bottom: 4px solid #999;
  }


  /*-----------------------mobile menu-------------------------*/
  .sf-accordion-toggle {
    position: fixed;
    width: 40px;
    padding: 7px;
    background-color: #ccc;
    right: 8px;
    top: 40px;
    z-index: 500;
  }

  .sf-accordion-toggle a {
    color: #1A4E8A;
    display: block;
    height: 39px;
    text-decoration: none !important;
    border: 0px;
    background: url("../images/simple-accordion-toggle.png") no-repeat scroll center center transparent;
    width: 40px;
  }

  .sf-accordion-toggle a:hover {
    background: url("../images/simple-accordion-toggle_hover.png") no-repeat scroll center center transparent;
  }

  div.sf-accordion-toggle {
    width: auto;
  }

  #superfish-main-accordion {
    padding-top: 30%;
    padding-bottom: 100vh;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    width: 100vw !important;
    overflow: hidden;
    top: 0 !important;
    left: 0 !important;
  }


  .sf-accordion {
    width: 100vw !important;
    height: 100%;
    display: block;
    float: none !important;
    margin-top: 150px;
    /* min-height: 100vh; */
    vertical-align: revert;
    /* display: inline !important; */
    padding-top: 100vh;
    padding-bottom: 100vh;
    background: rgba(255, 255, 255, 0.9);
  }

  .sf-accordion * {
    font-size: 150%;
  }


  .sf-menu.sf-accordion li {
    padding-left: 7px !important;
    border-top: 1px solid #1A4E8A;
    background-color: #fff;
    color: #1A4E8A;
  }

  .sf-menu.sf-accordion li:last-of-type {
    border-bottom: 1px solid #1A4E8A;
  }

  div.sf-accordion-toggle a span {
    display: none;
  }


  .sf-menu.sf-accordion li li {
    margin-left: 3.9%;
    width: 92%;
  }

  .sf-menu.sf-accordion li ul {
    margin: 10px 0;
  }

  .sf-menu.sf-accordion ul.sf-has-clone-parent > li:first-child {
    border-radius: 0;
  }

  .sf-menu.sf-accordion li a.sf-accordion-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 499;
  }

  .sf-menu.sf-accordion li.sf-expanded > a.sf-accordion-button {
    color: #777;
  }

  .sf-accordion a,
  .sf-accordion .nolink {
    padding: 0px !important;
    max-width: 100% !important;
    color: #1A4E8A !important;
    line-height: 35px;
    font-size: 25px;
    text-decoration: none !important;
  }

  .sf-accordion .sf-clone-parent .nolink {
    display: none !important;
    border: 0px !important;
  }

  /*-----EO mobile menu-------*/
  /*----- menu-------*/
  .sf-horizontal .sf-depth-1 a {
    text-decoration: none;
  }

  .sf-horizontal .sf-depth-1 ul {
    background-color: #fff;
  }

  .sf-horizontal .sf-sub-indicator {
    display: none;
  }

  .sf-horizontal .sf-depth-1.nolink {
    color: #1A4E8A;
    padding: 0 7px !important;
  }

  /*---------------------EO menu-------*/
  /*----- menu-------*/
  .sf-horizontal .sf-depth-1 a {
    text-decoration: none;
  }

  .sf-horizontal .sf-depth-1 ul {
    background-color: #fff;
  }

  .sf-horizontal .sf-sub-indicator {
    display: none;
  }

  .sf-horizontal .sf-depth-1.nolink {
    color: #1A4E8A;
    padding: 0 7px !important;
  }

  /*---------------------EO menu-------*/
  /*--------------------toolbar----------------*/
  #toolbar-administration {
    z-index: 99999;
    position: relative;
  }

  .toolbar-tray-open.toolbar-horizontal #page-wrapper {
    margin-top: 79px;
  }

  .toolbar-tray-open.toolbar-vertical #page-wrapper {
    margin-left: 239px;
    margin-top: 39px;
  }


  /*-------headroom module--------------------*/
  header.headroom--pinned {
    margin-top: 110px;
  }

  .headroom--pinned .section.layout-container {
    position: fixed;
    transition-delay: 2s;
    position: fixed;
    width: 100vw;
    height: 110px;
    z-index: 999999;
    background: #559ab5;
  }

  .headroom--unpinned {
    display: none;
  }

}