@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), 
@media only screen and (max-device-width: 480px) {
    #primary-nav li:hover > ul.mega-menu { 
      display:none;
    }
    #primary-nav li ul a {
      text-decoration:none;
      font-size: 14px;
      font-family: 'Graphik Web', sans-serif;
      font-weight:normal;
      color:#414141;
    }
    .tertiary-nav li:hover ul {
      left:-9999px;
    }
    .tertiary-nav li:hover ul {
      left:-9999px;
    }

    .tertiary-nav li ul a {
      color: #414141;
      background: none repeat scroll 0 0 #F1F1F2;
    }
}