@charset "utf-8";

/* normal menu css */
.main_menu > ul > li {
    display: inline-block;
    position: relative;
    margin: 0 -2px;
}
.main_menu ul li {
    position: relative;
}  
/* Normal Dropdown menu */
.main_menu ul li ul {
    width: 200px;
    background: #fff;
    transition: 0.5s;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}  
.main_menu ul li ul li a {
    padding: 10px 25px;
    font-size: 15px;
}
.main_menu ul li ul li a i {
    float: right;
}  
.main_menu ul li ul li ul {
    left: 100%;
    top: 0;
}  
/* mega menu css */
.mega_menu_dropdown {
    position: static !important;
}
.mega_menu {
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
    box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}
.mega_menu_item {
    width: 25%;
    padding: 30px 20px;
}
.main_menu ul li .mega_menu_item a {
    padding: 10px 0;
}  
.main_menu ul li .mega_menu_item a:hover {
    color: var(--hover-color);
}
.mega_menu_item h3 {
    margin-bottom: 15px;
}
.mega_menu_item img {
    width: 100%;
}  
/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
    left: 50%;
    transform: translateX(-50%);
    width: 1140px;
}  
.mobile_btn {
    display: none;
}  
/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .mega_menu_demo_2 .mega_menu {
      width: 940px;
    }
    .main_menu ul li ul {
      width: 150px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .mega_menu_demo_2 .mega_menu {
      width: 700px;
    }
    .main_menu ul li a {
      font-size: 15px;
      padding: 20px 16px;
    }
    .main_menu ul li ul {
      width: 150px;
    }
}
@media (min-width:992px) {
    .main_menu ul li ul {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      margin-top: 50px;
    }
    .main_menu ul li .mega_menu{
      visibility:hidden;
      opacity:0;
      position:absolute;
      margin-top:50px;
    }
    .main_menu > ul > li.mega_menu_dropdown .mega_menu.sub_menu .mega_menu_sub_menu_inner{
      height:0 !important;
      overflow:hidden;
    }
    .main_menu > ul > li.mega_menu_dropdown:hover .mega_menu.sub_menu .mega_menu_sub_menu_inner{
      height:auto !important;
      overflow-y:visible;
      max-height:400px;
      overflow-x:hidden;
    }
    .main_menu ul li:hover > ul {
      visibility: visible;
      opacity: 1;
      margin-top: 0px;
      z-index: 99;
    }
    .main_menu ul li:hover > .mega_menu {
      visibility: visible;
      opacity: 1;
      margin-top: 0;
      z-index: 99;
    }
}  
@media (max-width:991px) {
    .mega_menu_demo_2 .mega_menu{
      width: 100%;
    }
    .mobile_btn {
      cursor: pointer;
      display: block;
    }
    .main_menu {
      display: none;
      width: 100%;
    }
    .main_menu ul li {
      display: block;
    }
    .main_menu ul li a i {
      float: right;
    }
    .main_menu ul li ul {
      width: 100%;
    }
    .main_menu ul li ul li ul {
      left: 0;
      top: auto;
    }
    .mega_menu .mega_menu_item {
      width: 50%;
    }
    .main_menu ul li ul {
      /* display: none; */
      transition: none;
    }
    .main_menu ul li .mega_menu {
      display: none;
      transition: none;
    }  
    .mega_menu_demo_2 .mega_menu {
      transform: translateX(0);
    }
    .mega_menu.sub_menu .mega_menu_item .mega_menu_sub_item{
      flex-direction:column !important;
    }
}  
@media (max-width: 575.98px) {
    .mega_menu .mega_menu_item {
      width: 100%;
    }
}
@media (max-width:991px) {
    .mega-menu{
        display: block;
        width:auto;
        padding:0;
        margin:0;
        position:relative;
    }
    .main_menu{
        position:fixed;
        top:130px;
        left:0;
        height:calc(100vh - 130px);
        z-index:9999;
        background-color:#fff;
        padding:20px 20px;
        max-width:100%;
    }
    .main_menu > ul{
        list-style:none;
        padding:0;
        margin:0;
    }
    .header .header-bottom.top-header-sticky .main_menu{
        top:75px;
        height:calc(100vh - 75px);
        overflow-y:auto;
    }
    .mobile_btn i{
        margin-top:3px;
        font-size:22px;
        color:#254956;
    }
    .main_menu > ul > li.mega_menu_dropdown, .header .header-bottom.top-header-sticky .main_menu > ul > li.mega_menu_dropdown{
        padding:0;
    }
    .mega_menu{
        box-shadow:none;
        -moz-box-shadow:none;
        -webkit-box-shadow:none;
        background-color:transparent;
    }
    .mega_menu_item{
        padding:0;
        margin:0 auto 25px;
    }
}
@media (max-width:767px) {
    .main_menu{
        top:70px;
        height:calc(100vh - 70px);
    }
    .header .header-bottom.top-header-sticky .main_menu{
        top:55px;
        height:calc(100vh - 55px);
    }
}