.main-header {
  background-color: #ffeddf !important;
}

/* Header */
header {
  position: relative;
  margin: 0 auto;
  top: 0;
  left: 0;
  padding: 0 140px;
  margin-bottom: 40px;

  /* padding: 0 134px; */
  /* background: linear-gradient(90deg, #FFEDDF 79.93%, #F36631 79.94%); */
  /* background-color: red !important; */
  width: 100%;
  box-sizing: border-box;
}

/* LOGO */
header .logo {
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  float: left;
  font-weight: bold;
  padding: 0.5em 0;
}

/* Dropdown Nav */
header nav {
  float: right;
  margin: 2em 0 0;
}

/* UL */
header nav ul {
  margin: 0;
  padding: 0;
  display: flex;
}

/* Nav Items */
header nav ul li {
  list-style: none;
  position: relative;
  margin-top: 12px;
  margin-left: 10px;
}

/* Sub-menu */
/* header nav ul li.sub-menu:before {
	content: '\f0d7';
	font-family: fontAwesome;
	position: absolute;
	line-height: 50px;
	color: #FFF;
	right: 5px;
	cursor: pointer;
}

header nav ul li.active.sub-menu:before {
	content: '\f0d8';
} */

header nav ul li ul {
  position: absolute;
  left: 0;
  background: #333;
  display: none;
}

header nav ul li.active ul {
  display: block;
}

header nav ul li ul li {
  display: block;
  width: 200px;
}

header nav ul li a {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #000;
  text-decoration: none;
  display: block;
  font-weight: bold;
  font-family: "Ubuntu", sans-serif;
}

header nav ul li a:hover,
header nav ul li a.active {
  color: #fff;
  background: #f36631;
}
li.active {
  background: #f36631;
  color: #fff !important;
}

/* Toggle Button */
.menu-toggle {
  color: #fff;
  float: right;
  line-height: 50px;
  font-size: 24px;
  cursor: pointer;
  display: none;
}

/* Media Queries */
@media (max-width: 991px) {
  header {
    padding: 0 20px;
  }

  .menu-toggle {
    display: block;
  }

  header nav {
    position: absolute;
    width: 100%;
    height: calc(100vh - 50px);
    background: #f36631;
    top: 50px;
    left: -100%;
    z-index: 999 !important;
    transition: 0.5s;
  }

  header nav.active {
    left: 0;
  }

  header nav ul {
    display: block;
    text-align: center;
  }

  header nav ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
  }

  header nav ul li.active ul {
    position: relative;
    /* background: #003e6f; */
  }

  header nav ul li ul li {
    width: 100%;
  }
}

@media (max-width: 576px) {
  header {
    margin-bottom: 70px;
  }
}

@media (max-width: 980px) {
  header {
    margin-bottom: 70px;
  }
}