/* =========================================================
   NESTED SUBMENU  (Schools > School > Department > Campus)
   Is poore block ko style.css me .sub wale rules ke neeche paste karo.
   ========================================================= */

.sub li {
    position: relative;
}

/* jin li me aage submenu hai unke liye right arrow */
.sub li.has-sub>a {
    position: relative;
    padding-right: 34px;
}

.sub li.has-sub>a::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -4px;
    border: 4px solid transparent;
    border-left-color: #fff;
    border-right: 0;
}

/* 2nd / 3rd level panel: parent ke right side me khulta hai */
.menu>li.has-sub .sub .sub {
    left: 100%;
    right: auto;
    top: 0;
    min-width: 300px;
    border-top: 0;
    background: #00702d;
}

.menu>li.has-sub .sub .sub .sub {
    background: #006128;
    min-width: 200px;
}

/* last 3 menus (Affiliation, Examination, Download) screen ke right me hain,
   isliye unka nested panel left side me kholo */
.menu>li.has-sub:nth-last-child(-n+3) .sub .sub {
    left: auto;
    right: 100%;
}

/* nested open: hover (mouse) ya .open (touch/click) */
@media (hover: hover) and (min-width: 768px) {
    .sub li.has-sub:hover>.sub {
        display: block;
    }
}

.sub li.has-sub.open>.sub {
    display: block;
}

.sub li.has-sub:hover>a,
.sub li.has-sub.open>a {
    background: #01ad48;
}

/* =========================================================
   MOBILE (<768px) : accordion style
   ========================================================= */
@media (max-width: 767px) {

    /* PURANA rule jo yeh tha:
       .rgt-menu.active .menu-layout .has-sub.sub-active .sub { display:block; }
       use DELETE karke yeh child-selector (>) wala use karo, warna ek click
       par saare nested levels ek saath khul jayenge. */
    .rgt-menu.active .menu-layout .has-sub.sub-active>.sub {
        display: block;
    }

    .menu-layout .sub {
        min-width: 0;
        width: 100%;
        background: transparent;
        border-top: 0;
        box-shadow: none;
        padding-left: 12px;
    }

    .menu-layout .sub .sub {
        left: 0;
        min-width: 0;
        background: transparent;
    }

    .menu-layout .sub li,
    .menu-layout .sub li.has-sub {
        width: 100%;
        padding-bottom: 0;
    }

    .menu-layout .sub a {
        padding: 8px 28px 8px 0;
        font-size: 13px;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    .menu-layout .sub li.has-sub>a::after {
        right: 6px;
        border: 4px solid transparent;
        border-top-color: #fff;
        border-bottom: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .main-nav {
        overflow-x: clip !important;      /* side me overflow kaat do, horizontal scroll nahi aayega */
        overflow-y: visible !important;   /* dropdown neeche nikal sake */
    }

    .menu > li {
        min-width: 0 !important;
    }

    .menu > li > a {
        white-space: normal !important;   /* chhoti width par text 2 line me aa jaye */
        text-align: center !important;
        line-height: 1.15 !important;
    }
}