@media screen and (max-width:  640px){
    .page-id-2018 .mobile_menu ul, 
    .page-id-2212 .mobile_menu ul,
    .page-id-2189 .mobile_menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .page-id-2018 .mob_m .mobile_menu  ul li,
    .page-id-2212 .mob_m .mobile_menu  ul li,
    .page-id-2189 .mob_m .mobile_menu  ul li{
        width: 50%;
        height: 100px;
        padding: 0 5px;
        display: flex;
        position: relative;
        align-items: center;
    }
    .page-id-2018 .mob_m .mobile_menu ul li a,
    .page-id-2212 .mob_m .mobile_menu ul li a,
    .page-id-2189 .mob_m .mobile_menu ul li a{
        font-size: 0 !important;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        height: inherit;
        gap: 0;
    }
    .page-id-2018 .mob_m .mobile_menu ul li a::after,
    .page-id-2212 .mob_m .mobile_menu ul li a::after,
    .page-id-2189 .mob_m .mobile_menu ul li a::after{
        content: '';
        background-size: cover;
        height: 100%;
        width: 100%;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
    }

    
    }
    

    @media screen and (max-width:  540px){
        .page-id-2018 .mob_m .mobile_menu  ul li,
        .page-id-2212 .mob_m .mobile_menu  ul li,
        .page-id-2189 .mob_m .mobile_menu  ul li{
            height: 80px;
        }
    }    

    @media screen and (max-width:  420px){
        .page-id-2018 .mob_m .mobile_menu  ul li,
        .page-id-2212 .mob_m .mobile_menu  ul li,
        .page-id-2189 .mob_m .mobile_menu  ul li{
            height: 70px;
        }
    }    


    @media screen and (max-width:  360px){
        .page-id-2018 .mob_m .mobile_menu ul li a::after,
        .page-id-2212 .mob_m .mobile_menu ul li a::after, 
        .page-id-2189 .mob_m .mobile_menu ul li a::after {
            background-size: contain;
        }
    }