/*Large desktops and laptops*/
@media screen and (min-width: 1200px) {
  .menu-1, .menu-2, .menu-3, .menu-4 {
    display: none!important;
  }
}
/*Landscape tablets and medium desktops*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-0, .menu-2, .menu-3, .menu-4 {
    display: none!important;
  }
}
/*Portrait tablets and small desktops*/
@media screen and (min-width: 768px) and (max-width: 991px) {
  .menu-0, .menu-1, .menu-3, .menu-4 {
    display: none!important;
  }
}
/*Landscape phones and portrait tablets*/
@media screen and (min-width: 481px) and (max-width: 767px) {
  .menu-0, .menu-1, .menu-2, .menu-4 {
    display: none!important;
  }
}
/*Portrait phones and smaller*/
@media screen and (max-width: 480px) {
  .menu-0, .menu-1, .menu-2, .menu-3 {
    display: none!important;
  }
}

ul.menu {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 113px;
  margin: 0;
  padding-right: 3em;
  /* Top Level */
  /* Responsive */
}
ul.menu li, ul.menu a {
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  cursor: pointer;
  color: #fff;
}
ul.menu > li {
  float: left;
  /* Second Level */
  /* Third Level & beyond */
}
ul.menu > li.active > a {
  font-weight: bold;
}
ul.menu > li.search {
  padding: 0 15px;
}
ul.menu > li.search form {
  padding: 33px 0;
  width: 170px;
}
ul.menu > li > a {
  height: 50px;
  line-height: 50px;
  display: block;
  padding: 0 15px;
}
ul.menu > li > ul {
  z-index: 2;
  display: none;
}
ul.menu > li:hover > ul {
  display: block;
  position: absolute;
  padding: 0;
}
ul.menu > li:hover > ul > li {
  text-align: center;
  padding: 5px 25px;
  position: relative;
  background: #bbb;
}
ul.menu > li:hover > ul > li:hover {
  background: #ccc;
}
ul.menu > li > ul > li:first-child > a, ul.menu > li > ul > li:first-child > form {
  border-top: none;
}
ul.menu > li > ul li > ul {
  position: absolute;
  display: none;
  background: #ccc;
  padding: 0;
}
ul.menu > li > ul li:hover > ul {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  width: auto;
}
ul.menu > li > ul > li ul > li {
  padding: 0 25px;
}
ul.menu > li > ul > li ul > li > a {
  text-align: center;
  display: block;
  padding: 8px 0;
  white-space: nowrap;
}
ul.menu > li > ul > li ul > li:first-child > a {
  border-top: none;
}
ul.menu.menu-0, ul.menu.menu-1, ul.menu.menu-2 {
  /* Top Level */
}
ul.menu.menu-0 > li, ul.menu.menu-1 > li, ul.menu.menu-2 > li {
  /* Second Level */
  /* Third Level & beyond */
}
ul.menu.menu-0 > li:hover > a, ul.menu.menu-1 > li:hover > a, ul.menu.menu-2 > li:hover > a {
  color: #fff;
}
ul.menu.menu-0 > li > ul > li a, ul.menu.menu-1 > li > ul > li a, ul.menu.menu-2 > li > ul > li a {
  color: #fff;
}
ul.menu.menu-0 > li > ul > li .fa-caret-right, ul.menu.menu-1 > li > ul > li .fa-caret-right, ul.menu.menu-2 > li > ul > li .fa-caret-right {
  position: absolute;
  right: 8px;
  line-height: 28px;
}
ul.menu.menu-0 > li > ul li > ul > li a, ul.menu.menu-1 > li > ul li > ul > li a, ul.menu.menu-2 > li > ul li > ul > li a {
  color: #fff;
}
ul.menu.menu-0 {
  /* Second Level */
}
ul.menu.menu-1, ul.menu.menu-2 {
  /* Second Level */
}
ul.menu.menu-3 {
  z-index: 10;
  height: 50px;
  /* Top Level */
}

ul.menu.menu-3.menu-3-2 > li:first-child {
  width: 30%;
}
ul.menu.menu-3.menu-3-2 > li:nth-child(2) {
  width: 25%;
}
ul.menu.menu-3.menu-3-2 > li:nth-child(3) {
  width: 25%;
}
ul.menu.menu-3.menu-3-2 > li:last-child {
  width: 20%;
}

ul.menu.menu-3 > li:first-child {
  border-left: none;
}
ul.menu.menu-3 > li > ul {
  top: 50px;
}
ul.menu.menu-3.menu-3-1 > li.menu-logo > a > img {
  height: 50px;
}
ul.menu.menu-3.menu-3-2 {
  left: 0;
}
ul.menu.menu-3.menu-3-2 > li > a {
  display: inline-block;
  position: relative;
  top: 50%;
  vertical-align: middle;
  padding: 0 2px;
}
ul.menu.menu-4 > li:first-child {
  border-left: none;
}
ul.menu.menu-4 > li > ul {
  top: 37px;
}
ul.menu.menu-4.menu-4-2 > li > a {
  padding: 0 2px;
  font-size: 14px;
}
ul.menu.menu-4.menu-4-2 > li:first-child {
  width: 30%;
}
ul.menu.menu-4.menu-4-2 > li:nth-child(2) {
  width: 25%;
}
ul.menu.menu-4.menu-4-2 > li:nth-child(3) {
  width: 25%;
}
ul.menu.menu-4.menu-4-2 > li:last-child {
  width: 20%;
}
ul.menu.menu-3, ul.menu.menu-4 {
  display: inline-block;
  padding: 0;
  width: 100%;
  /* Top Level */
}
ul.menu.menu-3 > li, ul.menu.menu-4 > li {
  padding: 0;
  text-align: center;
  /* Second Level */
}
ul.menu.menu-3 > li:hover > a, ul.menu.menu-4 > li:hover > a {
  color: #fff;
}
ul.menu.menu-3 > li > ul, ul.menu.menu-4 > li > ul {
  /* Third Level & beyond */
}
ul.menu.menu-3 > li > ul > li, ul.menu.menu-4 > li > ul > li {
  padding: 10px;
}
ul.menu.menu-3 > li > ul > li a, ul.menu.menu-4 > li > ul > li a {
  color: #fff;
  line-height: 20px;
}
ul.menu.menu-3 > li > ul > li .fa-caret-right, ul.menu.menu-4 > li > ul > li .fa-caret-right {
  position: absolute;
  right: 5px;
  top: calc(50% - 7px);
}
ul.menu.menu-3 > li > ul li > ul, ul.menu.menu-4 > li > ul li > ul {
  z-index: 3;
}
ul.menu.menu-3 > li > ul li:hover > ul > li, ul.menu.menu-4 > li > ul li:hover > ul > li {
  width: 160px;
  padding: 10px;
}
ul.menu.menu-3 > li > ul li:hover > ul > li a, ul.menu.menu-4 > li > ul li:hover > ul > li a {
  color: #fff;
}
ul.menu.menu-3 > li > ul li:hover > ul > li > a, ul.menu.menu-4 > li > ul li:hover > ul > li > a {
  white-space: normal;
  line-height: 20px;
}
ul.menu.menu-3.menu-3-1 > li.menu-logo, ul.menu.menu-3.menu-4-1 > li.menu-logo, ul.menu.menu-4.menu-3-1 > li.menu-logo, ul.menu.menu-4.menu-4-1 > li.menu-logo {
  border-left: none;
  padding: 0;
  width: 8%;
}
ul.menu.menu-3.menu-3-1 > li.menu-logo > a, ul.menu.menu-3.menu-4-1 > li.menu-logo > a, ul.menu.menu-4.menu-3-1 > li.menu-logo > a, ul.menu.menu-4.menu-4-1 > li.menu-logo > a {
  padding: 0;
}
ul.menu.menu-3.menu-3-1 > li.menu-logo > a > img, ul.menu.menu-3.menu-4-1 > li.menu-logo > a > img, ul.menu.menu-4.menu-3-1 > li.menu-logo > a > img, ul.menu.menu-4.menu-4-1 > li.menu-logo > a > img {
  position: absolute;
  top: 0;
  left: 0;
}
ul.menu.menu-3.menu-3-2 > li.more3 > ul, ul.menu.menu-3.menu-4-2 > li.more3 > ul, ul.menu.menu-4.menu-3-2 > li.more3 > ul, ul.menu.menu-4.menu-4-2 > li.more3 > ul {
  right: 70px;
}
ul.menu.menu-3.menu-3-2 > li.more3 > ul > li > ul, ul.menu.menu-3.menu-4-2 > li.more3 > ul > li > ul, ul.menu.menu-4.menu-3-2 > li.more3 > ul > li > ul, ul.menu.menu-4.menu-4-2 > li.more3 > ul > li > ul {
  left: -120px;
}
ul.menu.menu-3.menu-3-2 > li.more4 > ul, ul.menu.menu-3.menu-4-2 > li.more4 > ul, ul.menu.menu-4.menu-3-2 > li.more4 > ul, ul.menu.menu-4.menu-4-2 > li.more4 > ul {
  right: 30px;
}
ul.menu.menu-3.menu-3-2 > li.more4 > ul > li > ul, ul.menu.menu-3.menu-4-2 > li.more4 > ul > li > ul, ul.menu.menu-4.menu-3-2 > li.more4 > ul > li > ul, ul.menu.menu-4.menu-4-2 > li.more4 > ul > li > ul {
  left: -120px;
}