.sf-menu>li .mega-menu{

    display: grid;

    grid-template-columns: repeat(3, 33%);

    grid-template-rows: repeat(2, 1fr);

    gap: 0px;

    overflow: visible;

    width: auto;

    min-width: inherit;

    padding: 20px !important;

    max-height: inherit;
}



.sf-menu>li .mega-menu li, .sf-menu li>ul li{

    flex: 0 0 33%;

    padding: 0 15px;

}



.sf-menu li:hover>ul, .sf-menu li.sfHover>ul{

    display: grid;

}



.mega-menu-picture .right-area img{

    max-width: 100%;

    width: 100%;

    object-fit: cover;

}



.mega-menu-picture .right-area{

    width: 64%;

    display: flex;

    justify-content: flex-end;

    margin: 0 0 0 auto;

}


    



@media screen and (max-width: 1480px){

    .sf-menu>li .mega-menu{

        grid-template-columns: repeat(2, 50%);
        overflow-y: auto;
        max-height: 380px;
        
    }
    .sf-menu>li .mega-menu::-webkit-scrollbar{
        display: none;
    }

}
@media screen and (max-width: 768px){

    .top-nav .sf-menu ul li a{
        font-size: 14px;
    }
    .sf-menu>li .mega-menu li, .sf-menu li>ul li{
        padding: 0 15px 0 0px;
    }
}