#main-menu-img, #main-menu-img2, #main-menu-img3 {
    display: none;
}
#drop-hover:hover .main-menu>.container-fluid>.row>.col-md-9,
#drop-hover2:hover .main-menu2>.container-fluid>.row>.col-md-9,
#drop-hover3:hover .main-menu3>.container-fluid>.row>.col-md-9 {
    width: 100% !important;
}
/* .main-menu, .main-menu2, .main-menu3 {
    width: calc(100% - 180px);
    left: 50%;
    margin: 0 10px;
    top: 54px;
    top: 65px;
    z-index: 1;
    transform: translateX(-50%);
    transition: 0.8s linear;
} */
#drop-hover, #drop-hover2, #drop-hover3{
    transition: 0.8s linear;
}
#drop-hover:hover .main-menu, #drop-hover2:hover .main-menu2, #drop-hover3:hover .main-menu3{
    transition: 0.8s linear;
}
.menu-box {
    height: auto;
    /* max-width: 244px; */
	 /* max-width: 210px; */
	 max-width: 200px;
}
.menu-item, .menu-item2, .menu-item3 {
    display: flex;
    align-items: start;
    padding-left: 0px;
    justify-content: start;
    flex-wrap: wrap;

}
.menu-box:hover h4, .menu-box2:hover h4,.menu-box3:hover h4{
    color: #fff;
}
.menu-box h4, .menu-box2 h4,.menu-box3 h4 {
    font-size: 16px;
    color: #043357;
    font-weight: 600;
}
.mb-elevate.menu-box {
    max-width: 284px;
}
.menu-box.fr-mb-elevate {
    max-width: 264px;
}
.menu-box.menu-box-elevate {
    max-width: 284px;
}
.menu-box:hover {
   /* max-width: calc(284px + 8px) !important;  */
	    /* max-width: calc(191px + 8px) !important; */
	    max-width: calc(180px + 8px) !important;
        @media (min-width: 320px) and (max-width: 576px){
            max-width: unset !important;

        }
}
/* =========== Responsive css starts here ================ */
@media (max-width:1399.98px){
    .menu-box.menu-box-elevate {
        max-width: 204px;
        width: fit-content;
    }
}
@media (max-width:1199.98px){
    .main-menu, .main-menu2, .main-menu3 {
        width: 100%;
        left: -10px;
        margin: 0 10px;
        top: 40px;
        z-index: 1;
        transform: none;
        
    }
}