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

  }
  .wit-main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .wit-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;
  }
  .wit-main-menu-block .we-mega-menu-submenu{
    display: none;
  }
  .wit-main-menu-block .region-we-mega-menu {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .wit-main-menu-block .navbar {
    min-height: 50px;
    border: none !important;
  }
  .wit-main-menu-block nav.main-menu-ssrc ul.we-mega-menu-ul {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #f2f2f2;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .wit-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;
  }
  .wit-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;
  }
  .wit-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;
  }
  .wit-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;
  }

  .wit-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) {
  .wit-main-menu-block nav.main-menu-ssrc .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .wit-main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .wit-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;
  }
  .wit-main-menu-block .navbar {
    min-height: 51px;
    border: none !important;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #f2f2f2;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .wit-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: 15px 8px 15px 8px;
    color: #fff !important;
  }

  span.menu-item-genl {
    background: #f2f2f2 !important;
    position: absolute;
    left: -6px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  span.menu-item-genr {
    background: #f2f2f2 !important;
    position: absolute;
    right: 1px;
    top: 30px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  .submenu-nop .region-we-mega-menu {
    background-color: #f2f2f2 !important;
    background-image: unset !important;
    margin-bottom: 0;
  }
  .wit-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;
  }
  .wit-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;
  }
  .wit-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-ssrc .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu ul {
    padding-bottom: 0;
    padding-top: 0;
  }
  .wit-main-menu-block .region-we-mega-menu {
    background-color: #7d5698;
    margin-bottom: 0;
    padding: 0;
  }
  .wit-main-menu-block .region-we-mega-menu a.navbar-toggle {
    display: none;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .wit-main-menu-block {
    position: relative;
    z-index: 7;
    margin-bottom: 0;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc > .container-fluid {
    white-space: nowrap;
    width: 100%;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc 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: 0;
    top: 9px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.wit-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: 9px;
    width: 45px;
    height: 35px;
    z-index: 999999;
  }
  section.wit-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;
  }
  .wit-main-menu-block {
    background-color: #f2f2f2;
    color: #04198b;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li.active > a {
    color: #04198b !important;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
  }
  /*.wit-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) {
  .wit-main-menu-block nav.main-menu-ssrc .we-mega-menu-submenu .we-mega-menu-submenu {
    top: 100%;

  }
  .wit-main-menu-block .we-mega-menu-submenu {
    width: 224px !important;
    padding: 0;
  }
  .wit-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;
  }
  .wit-main-menu-block .navbar {
    min-height: 57px;
    border: none !important;
  }

  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li.we-mega-menu-li > a {
    border-top: none;
    background-color: #f2f2f2;
  }
  section.wit-main-menu-block .region-we-mega-menu .main-menu-ssrc {
    display: block;
    right: 0;
    overflow-y: unset;
    padding: 0;
    position: unset;
    background: #f2f2f2 !important;
  }
  .wit-main-menu-block .navbar-we-mega-menu .nav-tabs > li a.we-mega-menu-li,
  .wit-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;
  }
  .wit-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;
  }

  .wit-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;
  }

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

  .wit-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) {
  .wit-main-menu-block .navbar-default {
    padding: 0;
  }
}


/* .faculty-testimonials-slider-block{
  display: block;
} */