@media screen and (min-width: 991px) {
    .parent-menu > .submenu .parent-submenu > li .sub-submenu {
        position: absolute;
        min-width: 50%;
        width: 100%;
        top: 0;
        right: -100%;
        border-radius: 10px;
    }
    .parent-menu > .submenu .parent-submenu { position: relative; }
    .mobile-view { display: none; }
}

@media screen and (min-width: 1000px) {
    .parent-menu > .submenu, 
    .parent-menu > .submenu .parent-submenu > .parent-menu > .submenu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 245px;
        background-color: var(--white);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
    }
    .navigation .navbar .nav-item:nth-last-child(2).parent-menu > .submenu,
    .navigation .navbar .nav-item:nth-last-child(3).parent-menu > .submenu {
        right: 0;
        left: initial;
    }
    .navigation .navbar .nav-item:nth-last-child(2).parent-menu:hover > .submenu,
    .navigation .navbar .nav-item:nth-last-child(3).parent-menu:hover > .submenu {
        right: 0;
        left: initial;
    }

    .navigation .navbar .nav-item:nth-last-child(2).parent-menu:hover > .submenu > ul > .parent-menu:hover > .submenu,
    .navigation .navbar .nav-item:nth-last-child(3).parent-menu:hover > .submenu > ul > .parent-menu:hover > .submenu {
        left: -100%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .navigation .navbar-nav .nav-item .nav-link{
        padding: 20px 10px;
        font-size: var(--fs-14);
    }
}
@media screen and (max-width: 1199.98px){
    .footer-uploadDocs .action-btn{
        display: block;
        width: 100%;
    }
    .footer-uploadDocs .action-btn:not(:last-child){
        margin-bottom: 0.4rem;
    }
}
@media screen and (max-width: 991px) {
    .top-navigation-bar { display: none; }
    .main-header .parent-menu:hover > .submenu {
        top: 5.6em;
    }
    .main-header #profile-tab:hover > .submenu{
        top: 3.9em;
    }
    .navigation .navbar-toggler {
        padding: 0px;
        border: 0;
    }
    .navigation .navbar-toggler:focus {
        box-shadow: none;
    }
    .navigation .navbar-toggler:hover {
        cursor: pointer;
    }
    .navigation .navbar-toggler .line {
        width: 32px;
        height: 4px;
        background-color: var(--nude-black);
        display: block;
        margin: 6px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .navigation .navbar-toggler[aria-expanded="true"] {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navigation .navbar-toggler[aria-expanded="true"] .line:nth-child(2) { width: 0px; }
    .navigation .navbar-toggler[aria-expanded="true"] .line:nth-child(1),
    .navigation .navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .navigation .navbar-toggler[aria-expanded="true"] .line:nth-child(1) {
        -webkit-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px);
    }
    .navigation .navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
        -webkit-transform: translateY(-13px) rotate(90deg);
        -ms-transform: translateY(-13px) rotate(90deg);
        -o-transform: translateY(-13px) rotate(90deg);
        transform: translateY(-13px) rotate(90deg);
    }
    .navigation .navbar-collapse {
        padding: 1rem;
        position: fixed;
        top: 62px;
        width: 100vw;
        height: 100%;
        background-color: var(--white);
        z-index: 999;
        transition: all 0.4s ease;
    }
    html body .parent-menu > .submenu .parent-submenu > .parent-menu> .submenu{ left: -100%; }
    .navbar-collapse.collapsing {
        height: auto !important;
        left: -100%;
        transition: all 0.4s ease;
    }
    .navbar-collapse.show { left: 0; }
    .navigation .navbar-nav {
        align-items: start;
        height: calc(100vh - 140px);
        overflow-y: auto;
    }
    .navigation .navbar-nav .nav-item {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    .parent-menu > .submenu {
        padding: 10px;
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 5.6em; left: -100%;
        transition: all 0.4s ease;
    }
    .parent-menu > .submenu .item-part {
        width: 100%;
        border: 0px;
    }
    .parent-menu:hover > .submenu {
        height: 100vh;
        padding: 30px 15px;
        box-shadow: none;
        width: 100vw;
        left: 0; z-index: 9999;
    }
    .parent-menu > .submenu .menu-heading {
        display: none;
    }
    .parent-menu > .submenu > .menu-items h4,
    .parent-menu > .submenu ul {
        padding: 0;
    }
    .navigation .navbar-nav .nav-item .nav-link,
    .navigation .navbar-nav .nav-item .nav-link, .parent-menu > .submenu ul li a {
        width: 100%;
        padding: 15px 0px 5px;
        font-size: var(--fs-18);
    }
    .parent-menu>.submenu .parent-submenu>li .sub-submenu { position: static; }
    .parent-menu>.submenu .parent-submenu { max-width: 100%; }
    /* step form css starts */
    .form-row { gap: 30px; }
    .form-steps {
        padding: 1rem;
        display: flex; justify-content: center;
    }
    .form-steps .step:not(:last-child){ 
        width: 100%;
        margin-bottom: initial 
    }
    .form-steps .step:not(:last-child):after{
        content: '';
        width: 100%; height: 1px;
        bottom: initial; top: 24px;
    }
    .form-steps .step .step-title { display: none; }
    .docUpload-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .breadcrumb-container { flex-wrap: wrap; gap: 15px; bottom: 20px; }
    .breadcrumb-container .page-heading { width: 100%; }
    .main-content { padding: 30px 0px; }
    .info-row .action-btns {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }
    .primary-heading { margin-bottom: 0.625rem; }
    .footer .footer-list li { text-align: center; }
    .footer .footer-links li { text-align: left; }
}

@media screen and (max-width: 576px) {
    .docUpload-row {
        grid-template-columns: 1fr;
    }
}