/*@media (min-width: 320px) and (max-width: 575.98px) {
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after{
    right: 24px !important;
  }
  .main-menu-block .we-mega-menu-submenu{
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #f2f2f2;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 20px 10px 15px 10px;
    color: #fff !important;
  }

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 15px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 15px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0px 0px 0px 0px;
    margin: 0;
    border-left: none;
    background-color: #f2f2f2;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 17px/19px "Noto Sans medium";
    font-weight: unset;
    background-color: transparent;
    padding: 22px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #04198b;
    top: 32px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after{
    right: 24px !important;
  }
  .main-menu-block .navbar {
    min-height: 51px;
    border: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #5e2e7f;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #5e2e7f !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }

  span.menu-item-genl {
    background: #5e2e7f !important;
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #5e2e7f !important;
    position: absolute;
    right: 1px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-nop .region-we-mega-menu {
    background-color: #5e2e7f !important;
    background-image: unset !important;
    margin-bottom: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0px 0px 0px 0px;
    margin: 0;
    border-left: none;
    background-color: #5e2e7f;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #fff !important;
    font: 14px/19px "Noto Sans medium";
    font-weight: unset;
    background-color: transparent;
    padding: 22px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #fff;
    top: 32px !important;
  }
}

@media (max-width: 991px) {
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 7;
    margin-bottom: 0;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.right {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.left {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 15px 15px 13px 15px;
  }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after{
    right: 24px !important;
  }
  .main-menu-block .navbar {
    min-height: 57px;
    border: none !important;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #f2f2f2;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 18px 8px 18px 13px;
    color: #04198b !important;
  }

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px;
    top: 10px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 1px;
    top: 10px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-urdu .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: #f2f2f2;
    border-top: none !important;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    padding: 15px 26px 14px 26px;
    background: #f2f2f2;
    border-top: none !important;
  }

  .main-menu-block h2.we-megamenu-nolink::after {
    right: 2px !important;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
    font-size: 17px !important;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .main-menu-block .navbar-default {
    padding: 0;
  }
}*/



@media only screen and (min-width: 360px) and (max-width: 374px) {
  /*.lets-talk {
  z-index: 8;
}*/
  .main-menu-block {
    position: static;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {
    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu {
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li {
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2 {
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }

  .main-menu-block .we-mega-menu-submenu {
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  /*.submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }*/

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  /*.submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }*/
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
    border: unset !important;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #04198b;
    top: 28px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }

  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;

  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.right {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.left {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li {
    background: transparent;
    font-size: 15px !important;
    font-family: 'Noto Sans Medium';
    font-weight: normal;
    line-height: 21px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
    padding: 15px 15px 12px 15px;
  }

  .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover {
    border: unset !important;
  }

  .main-menu-block .we-mega-menu-submenu {
    width: 100% !important;
    position: relative !important;
    min-width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    margin-left: 0;
    top: 0 !important;
    max-width: none;
    margin-right: 0;
    left: 0;
    right: 0;
  }

  .main-menu-block .navbar-we-mega-menu ul.we-mega-menu-ul li ul {
    line-height: 25px;
    white-space: normal !important;
  }

  .main-menu-block .we-mega-menu-submenu h2.we-megamenu-nolink::after {
    right: 14px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    padding-left: 0;
  }
  .main-menu-block .we-mega-menu-ul.nav.nav-tabs li .we-mega-menu-submenu li:hover {
    background-color: #f2f0f0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink:hover {
    background-color: transparent;
  }

  .main-menu-block .we-mega-menu-submenu{
    position:absolute;
  }
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu,
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu .we-mega-menu-submenu {
    position: relative;
  }
}

@media only screen and (min-width: 375px) and (max-width: 413px) {
  /*.lets-talk {
  z-index: 8;
}*/
  .main-menu-block {
    position: static;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {
    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu {
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li {
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2 {
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }

  .main-menu-block .we-mega-menu-submenu {
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  /*.submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }*/

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  /*.submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }*/
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
    border: unset !important;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #04198b;
    top: 28px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }

  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;

  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.right {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.left {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li {
    background: transparent;
    font-size: 15px !important;
    font-family: 'Noto Sans Medium';
    font-weight: normal;
    line-height: 21px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
    padding: 15px 15px 12px 15px;
  }

  .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover {
    border: unset !important;
  }

  .main-menu-block .we-mega-menu-submenu {
    width: 100% !important;
    position: relative !important;
    min-width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    margin-left: 0;
    top: 0 !important;
    max-width: none;
    margin-right: 0;
    left: 0;
    right: 0;
  }

  .main-menu-block .navbar-we-mega-menu ul.we-mega-menu-ul li ul {
    line-height: 25px;
    white-space: normal !important;
  }

  .main-menu-block .we-mega-menu-submenu h2.we-megamenu-nolink::after {
    right: 14px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    padding-left: 0;
  }
  .main-menu-block .we-mega-menu-ul.nav.nav-tabs li .we-mega-menu-submenu li:hover {
    background-color: #f2f0f0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink:hover {
    background-color: transparent;
  }

  .main-menu-block .we-mega-menu-submenu{
    position:absolute;
  }
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu,
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu .we-mega-menu-submenu {
    position: relative;
  }
}

@media only screen and (min-width: 414px) and (max-width: 480px) {
  /*.lets-talk {
    z-index: 8;
  }*/
  .main-menu-block {
    position: static;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {
    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu {
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li {
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2 {
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }

  .main-menu-block .we-mega-menu-submenu {
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  /*.submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }*/

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  /*.submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }*/
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
    border: unset !important;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #04198b;
    top: 28px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }

  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;

  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.right {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.left {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li {
    background: transparent;
    font-size: 15px !important;
    font-family: 'Noto Sans Medium';
    font-weight: normal;
    line-height: 21px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
    padding: 15px 15px 12px 15px;
  }

  .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover {
    border: unset !important;
  }

  .main-menu-block .we-mega-menu-submenu {
    width: 100% !important;
    position: relative !important;
    min-width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    margin-left: 0;
    top: 0 !important;
    max-width: none;
    margin-right: 0;
    left: 0;
    right: 0;
  }

  .main-menu-block .navbar-we-mega-menu ul.we-mega-menu-ul li ul {
    line-height: 25px;
    white-space: normal !important;
  }

  .main-menu-block .we-mega-menu-submenu h2.we-megamenu-nolink::after {
    right: 14px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    padding-left: 0;
  }
  .main-menu-block .we-mega-menu-ul.nav.nav-tabs li .we-mega-menu-submenu li:hover {
    background-color: #f2f0f0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink:hover {
    background-color: transparent;
  }

  .main-menu-block .we-mega-menu-submenu{
    position:absolute;
  }
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu,
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu .we-mega-menu-submenu {
    position: relative;
  }
}

@media only screen and (min-width: 481px) and (max-width: 575.98px) {
  .lets-talk {
    z-index: 8;
  }
  .main-menu-block {
    position: static;

  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {

    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu{
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li{
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2{
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }

  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after{
    /* right: 24px !important; */
  }
  .main-menu-block .we-mega-menu-submenu{
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 63px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0px 0px 0px 0px;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 17px/19px "Noto Sans medium";
    font-weight: unset;
    background-color: transparent;
    padding: 22px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #04198b;
    top: 32px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }


  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.right {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.left {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 15px 15px 13px 15px;
  }


}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .lets-talk {
    z-index: 8;
  }
  .main-menu-block {
    position: static;

  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {

    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu{
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li{
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2{
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after{
    /* right: 24px !important; */
  }
  .main-menu-block .navbar {
    min-height: 51px;
    border: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #5e2e7f !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }

  span.menu-item-genl {
    background: #5e2e7f !important;
    position: absolute;
    left: -6px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #5e2e7f !important;
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-nop .region-we-mega-menu {
    background-color: #5e2e7f !important;
    background-image: unset !important;
    margin-bottom: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0px 0px 0px 0px;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #fff !important;
    font: 14px/19px "Noto Sans medium";
    font-weight: unset;
    background-color: transparent;
    padding: 22px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: 2px !important;
    color: #fff;
    top: 32px !important;
  }


  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.right {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.left {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 15px 15px 13px 15px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner ul.nav-tabs li.active-trail a {
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    height: auto;
    border: none;
    background-color: transparent;
    font-weight: bold;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

  /*.lets-talk {
    z-index: 8;
  }*/
  .main-menu-block {
    position: static;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {
    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu {
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li {
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2 {
    color: #fff !important;
    background-color: #04198b;
  }
  .footer.navbar-we-mega-menu.navbar {
    z-index: 0;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }

  .main-menu-block .we-mega-menu-submenu {
    display: none;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .main-menu-block nav.main-menu-herstory ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  /*.submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 22px 8px 22px 13px;
    color: #fff !important;
  }*/

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 0 !important;
    top: 7px !important;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  /*.submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
    border-radius: 0 !important;
  }*/
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
    border: unset !important;
  }
  .main-menu-block h2.we-megamenu-nolink::after {
    content: "\f107";
    font: normal normal normal 24px/1 FontAwesome;
    position: relative;
    right: -10px !important;
    color: #04198b;
    top: 4px !important;
  }
  .navbar-we-mega-menu.navbar .nav-tabs > li.active > a {
    background: #f2f2f2;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 22px 15px 13px 15px !important;
  }

  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;

  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  .main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.right {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .main-menu-block span.left {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
    font: 15px/21px "Noto Sans medium";
    font-weight: normal;
    background-color: transparent;
    padding: 15px 26px 14px 26px;
    display: inline-block;
    text-transform: none;
    margin: 0 0 0 0;
    text-shadow: unset;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li a.we-mega-menu-li {
    background: transparent;
    font-size: 15px !important;
    font-family: 'Noto Sans Medium';
    font-weight: normal;
    line-height: 21px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li {
    padding: 19px 15px 12px 15px;
  }

  .navbar-we-mega-menu.navbar ul .we-megamenu-nolink:hover {
    border: unset !important;
  }

  .main-menu-block .we-mega-menu-submenu {
    width: 100% !important;
    position: relative !important;
    min-width: 100%;
    background: #fff;
    color: #000;
    padding: 0;
    margin-left: 0;
    top: 0 !important;
    max-width: none;
    margin-right: 0;
    left: 0;
    right: 0;
  }

  .main-menu-block .navbar-we-mega-menu ul.we-mega-menu-ul li ul {
    line-height: 25px;
    white-space: normal !important;
  }

  .main-menu-block .we-mega-menu-submenu h2.we-megamenu-nolink::after {
    right: 14px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    padding-left: 0;
  }
  .main-menu-block .we-mega-menu-ul.nav.nav-tabs li .we-mega-menu-submenu li:hover {
    background-color: #f2f0f0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink:hover {
    background-color: transparent;
  }

  .main-menu-block .we-mega-menu-submenu{
    position:absolute;
  }
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu,
  .main-menu-block .we-mega-menu-submenu .we-mega-menu-submenu .we-mega-menu-submenu {
    position: relative;
  }










  .navbar-we-mega-menu.navbar .dropdown-menu > a::after, .navbar-we-mega-menu.navbar .dropdown-menu > .we-megamenu-nolink::after {

    right: -5px;

  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li a,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu li.we-mega-menu-li h2 {
    color: #fff !important;
    background-color: #04198b;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs.subul > li.we-mega-menu-li {

    background-color: #f2f2f2;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 9px !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu {
    background-color: #f2f2f2;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li.dropdown-menu .dropdown-menu .we-mega-menu-submenu {
    background-color: #04198b;
    color: #fff !important;
  }
  .main-menu-block nav.main-menu-herstory .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-we-mega-menu.navbar .dropdown-menu .dropdown-menu > .we-megamenu-nolink::after {
    right: 24px !important;
  }
  .main-menu-block .navbar {
    min-height: 55px;
    border: none !important;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: transparent;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #fff !important;
  }
  .submenu-nop .we-mega-menu-ul li.we-mega-menu-li a.we-mega-menu-li {
    padding: 18px 8px 18px 13px;
    color: #04198b !important;
  }

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-urdu .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li {
    padding: 0;
    margin: 0;
    border-left: none;
    background-color: transparent;
    border-top: none !important;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs li h2.we-megamenu-nolink {
    padding: 15px 20px 14px 20px;
    background: #f2f2f2;
    border-top: none !important;
  }

  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active > .we-mega-menu-submenu,
  .main-menu-block .navbar-we-mega-menu.navbar .dropdown-menu.active-trail > .we-mega-menu-submenu {
    display: none;
  }

  .main-container {
    overflow: visible;
  }
  .main-menu-herstory .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;
  }
  .main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .main-menu-block {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  section.main-menu-block .region-we-mega-menu .main-menu-herstory ul.we-mega-menu-ul.nav.nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
  span.menu-item-genr {
    background: linear-gradient(to right, rgb(243 237 237 / 4%) 0%, #fff 50%, #fff 100%);
    position: absolute;
    right: 1px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.right {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_left.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    right: 0px;
    top: -4px;
    z-index: 999;
  }
  span.menu-item-genl {
    background: linear-gradient(to right, rgb(243 237 237 / 35%) 0%, #fff 30%, #fff 100%);
    position: absolute;
    left: -6px;
    top: 7px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.main-menu-block span.left {
    transform: rotate(
      180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(
      180deg);
    cursor: pointer;
    background-image: url(../images/chevron_right.svg);
    width: 32px;
    height: 43px;
    background-size: 43px 43px !important;
    position: absolute;
    left: 13px;
    top: -5px;
    z-index: 999999;
  }
  .main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }
  .main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li:nth-child(8) a.we-mega-menu-li {
    padding: 15px 15px 13px 15px;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner ul.nav-tabs li.active-trail a {
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    height: auto;
    border: none;
    background-color: transparent;
    font-weight: bold;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .main-menu-block .navbar-default {
    padding: 0;
  }

  .main-menu-block .navbar-we-mega-menu .nav-tabs .we-mega-menu-submenu .we-mega-menu-submenu-inner ul.nav-tabs li.active-trail a {
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    height: auto;
    border: none;
    background-color: transparent;
    font-weight: bold;
  }
}