.fl-builder-content:not(.fl-builder-content-editing) [id^="mega-"] {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 100;
}
.show-mega{
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
    z-index:101 !important;
}
/* mobile stuffs */
body.show-mega-mobile [id^="mega-"]{
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
}

.has-mega-menu a{
    padding-right: 28px !important;
}


/* small screens mega settings*/
@media (max-width: 767px){
    
    .mega-mobile-container{
        visibility: hidden;
        display: none;
        opacity: 0;
        position: fixed;
        top:150px;
        left: 0;
        bottom: 0;
        overflow-y: scroll;
        width: 100%;
        z-index: 100;
    }
    
    .show-mega-mobile .mega-mobile-container{
        visibility: visible !important;
        opacity: 1 !important;
        display: block;
    }
    
}
/* bigger screens mega settings*/
@media (min-width: 768px){
    
    .fl-builder-content:not(.fl-builder-content-editing) [id^="mega-"] {
        visibility: hidden;
        display: none;
        opacity: 0;
        position: fixed;
        top:150px;
        left: 0;
        right: 0;
        width: 100%;
    }    
    .fl-builder-content:not(.fl-builder-content-editing)  .mega-absolute[id^="mega-"]{
        position: absolute;
    }    
}