@media (max-width: 1200px) {
    #eblslHome .nav-link {
        font-size: 13px;
    }
}
 @media (min-width: 992px) {
    .dropdown:after {
        content: "";
         display: block;
         width: 100%;
         height: 50px;
         position: absolute;
    }
     .dropdown-menu {
        display: unset;
         top: 46px;
         left: -3px;
         max-height: 0;
         padding: 0;
         overflow: hidden;
         border: unset;
         transition: 0.3s all;
    }
     .dropdown-menu.show {
        max-height: 1000px;
        padding: .5rem 0;
        border-bottom: 5px solid var(--yellow);
        box-shadow: 0 5px 10px var(--blue);
    }
}
 @media (max-width: 992px) {
    .bottom .navbar-nav {
    }
     .foo-logo {
        max-width: 300px;
    }
     .footer .contact-info-wrapper {
        display: flex;
         flex-direction: column;
         margin-top: 15px;
         padding-left: 40px;
    }
     .footer .contact-info-wrapper .content .icon {
        justify-content: center;
         align-items: center;
         background: #ffffff;
         color: var(--blue);
         flex-shrink: 0;
    }
     .footer .contact-info-wrapper .content .info {
        text-align: left;
    }
     .footer .contact-info-wrapper .content {
        margin-left: unset;
         text-align: center;
    }
     .sitemap label {
        justify-content: center;
    }
     .sitemap .fa-caret-down {
        margin-left: 15px;
    }
     .socialWrapper {
        display: flex;
         flex-direction: column;
         align-items: center;
    }
     #cboxLoadedContent {
        padding: 5px !important;
    }
     #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        top: -30px !important;
    }
     #cboxClose {
        right: -5px !important;
    }
     .bottom .nav-item:hover, .bottom .nav-item.active{
        background: transparent;
    }
     .navbar-light .navbar-nav .nav-link:hover{
        color: #ffffff;
    }
     .dropdown-item{
        color: #ffffff;
    }
     .bottom .nav-item:hover .nav-link, .bottom .nav-item.active .nav-link{
        color: #ffffff;
    }
     .dropdown-menu{
        background: transparent;
        border: unset;
        padding-bottom: 0;
        padding-top: 0;
    }
     .navbar-light .navbar-nav .show>.nav-link{
        color: #ffffff;
    }
    .bottom .nav-item{
      border-bottom: 1px solid gray;
      padding: 10px 0;
    }
    .dropdown-toggle:after{
      position: absolute;
      right: 10px;
      top: 20px;
      transform: scale(1.25);
    }
    .dropdown-item{
      padding: 10px 0;
      font-size: 14px;
    }
    .dropdown-item:last-child{
      padding-bottom: 0;
    }
    .dropdown-item:not(:last-child){
      border-bottom: 1px solid gray;
      /* padding: 10px 0; */
    }
    .dropdown-divider{
      display: none;
    }
    .dropdown-item+hr{
      display: none;
    }
    .dse-sky .nav-item{
      border-bottom: unset;
    }
    .dropdown-menu.show{
      border-top: 1px solid gray;
      border-radius: 0;
      margin-top: 10px;
    }
    .nav-link{
      font-size: 16px !important;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(0, 0, 0, 0.5)' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    }
}
 @media (max-width: 992px) {
    /*award*/
     #Award .carousel-inner {
        min-height: 235px;
    }
     #Award .carousel-item {
        padding-left: unset;
         flex-direction: column;
    }
     #Award img {
        position: unset;
         right: 0;
         top: unset;
         margin-top: -55px;
    }
     #Award .carousel-caption {
        margin-top: -50px;
         margin-bottom: 35px;
         text-align: center;
         width: 100%;
    }
        #Award .carousel-caption h6{
            font-size: 12px;            
        }
        .copyright {
            font-size: 12px;
            flex-direction: column;
            text-align: center;
            padding: unset;
        }

    .copyright .copyText {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      padding: 10px 15px;
      width: 100%;
    }

    .copyright .ucas {
      padding: 10px 15px;
    }

    .copyright .ucas img {
      max-width: 40px;
      margin-left: 10px;
    }
}
 @media (min-width: 992px) and (max-width: 1200px) {
    /*award*/
     #Award img {
        right: -5%;
    }
}
 @media (max-width: 768px) {
    /*header*/
     .navbar {
        padding-top: 3px;
         padding-bottom: 3px;
    }
     .dse-sky {
        flex-direction: row;
    }
}
 @media (max-width: 576px) {
    /* header */
     .header-logo {
        max-width: 200px;
         margin-left: 0;
    }
}
 @media (min-width: 1200px){
    .container{
        max-width: 95%;
    }
}
 @media (min-width: 1575px){
    .container{
        max-width: 80%;
    }
}

.mtt {
    display: none;
}
.omob {
    display: none;
}

@media (max-width: 767px) {
    .omob {
        display: block;
    }
    .mtt {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .mtt {
        display: block;
    }
    .omob {
        display: none;
    }
}
