#main-nav .has-mega-column>.sub-menu{
    display:grid;
    grid-template-columns:var(--megaT,repeat(auto-fit, minmax(0, 1fr)));
    grid-column-gap:var(--megaG,2.5%);
    padding:1.15% 2%;
    max-height:70vh;
    overflow-y:auto
}
#main-nav .layout-6-3-3>.sub-menu{
    --megaT:50% 25% 25%
}
#main-nav .layout-3-3-6>.sub-menu{
    --megaT:25% 25% 50%
}
#main-nav .layout-4-8>.sub-menu{
    --megaT:33% 66%
}
#main-nav .layout-8-4>.sub-menu{
    --megaT:66% 33%
}
#main-nav .layout-3-9>.sub-menu{
    --megaT:25% 75%
}
#main-nav .layout-9-3>.sub-menu{
    --megaT:75% 25%
}
#main-nav .has-mega{
    position:static
}
#main-nav .has-mega>.sub-menu{
    left:0;
    width:100%;
	padding:15px 25px;
}
@media (pointer:coarse) {
    #main-nav .has-sub-menu> a{
        padding-right:50px
    }
    #main-nav li .child-arrow{
        margin-left:7px;
        border-radius:100%;
        display:inline-block;
        padding:0;
        right:5px;
        top:50%;
        margin-top:-17px
    }
    #main-nav .toggle-on > a > .child-arrow{
        background:rgba(214,214,214,.4)
    }
    #main-nav .has-mega-column li .child-arrow{
        display:none
    }
}
/*DropDown*/
#main-nav .has-mega-column .sub-menu .sub-menu{
    border:none;
    padding:0;
    display:block;
    position:static;
    opacity:1;
    transform:none;
    transition:none;
    width:auto;
    box-shadow:none
}
#main-nav .has-sub-menu.has-mega-dropdown>.sub-menu{
    display:grid;
    grid-template-columns:var(--megaDT,50% 50%)
}
#main-nav .dropdown-columns-2>.sub-menu{
    width:400px
}
#main-nav .dropdown-columns-3>.sub-menu{
    width:540px;
    --megaDT:repeat(3, 33.32%)
}
#main-nav .dropdown-columns-4>.sub-menu{
    width:680px;
    --megaDT:repeat(4, 25%)
}
/* mega menu posts */
.mega-sub-menu ul{
    width:16%;
    -webkit-overflow-scrolling:touch;
    padding:0 0 2em 0;
    margin:1em 0;
    opacity:1
}
#main-nav .has-mega-sub-menu .mega-sub-menu > ul li{
    display:block
}
#main-nav .has-mega-sub-menu .mega-sub-menu > ul a{
    width:auto;
	margin:0;
	border-bottom:1px solid rgba(0,0,0,.05);
    padding:.5em 1.4em .5em 0
}
.mega-menu-posts{
    width:82%;
    margin:1em 0 1em 2%;
    display:grid;
    grid-column-gap:1.3%;
    grid-row-gap:3%;
    grid-template-columns:repeat(auto-fit, minmax(50px, 18.96%));
}
#main-nav .themify_mega_menu_category_link{
    position:absolute;
    bottom:0;
    right:15px;
    font-size:.85em
}
#main-nav .themify_mega_menu_category_link:after{
    content:" ";
    border:solid black;
    border-width:0 1px 1px 0;
    display:inline-block;
    padding:3px;
    transform:rotate(-45deg);
    vertical-align:middle;
    margin:-3px 0 0 5px
}
.mega-menu-posts .post{
	padding:0;
    margin:0 0 15px
}
.mega-menu-posts .post .post-image{
	margin:0 0 10px;
}
.mega-sub-menu li a:before{
    content:'';
    width:10px;
    height:10px;
    top:50%;
    left:auto;
    right:4px;
    margin-top:-6px
}
.mega-sub-menu li a:not(.tf_loader):before{
    border:1px solid transparent;
    border-top-color:#000;
    border-right-color:#000;
    position:absolute;
    transform:rotate(45deg);
    transition:opacity .5s ease-in-out;
    display:inline-block;
    opacity:0
}
.mega-sub-menu .tf_mega_selected>a:before,
.mega-sub-menu li:hover>a:before{
    opacity:1
}
.mega-link .tf_loader{
    height:auto;
    width:auto
}
.mega-sub-menu li a.tf_loader:before{
    width:16px;
    height:16px;
}