/* ==========================================
   EZGENERATOR MOBILE FIX
   Nu afecteaza desktop-ul
   ========================================== */

html,
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
}

*{
    box-sizing:border-box;
}

img,
iframe,
video{
    max-width:100%;
    height:auto;
}

/* ==========================================
   DOAR TELEFOANE SI TABLETE
   ========================================== */

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

    html,
    body{
        width:100%;
        overflow-x:hidden !important;
    }

    #sheet{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }

    /* HEADER */

    #topbar{
        width:100% !important;
        height:auto !important;
        overflow:hidden !important;
    }

    #eima{
        width:100% !important;
        height:auto !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
    }

    #eima img{
        width:100% !important;
        height:auto !important;
        display:block !important;
    }

    /* TITLU */

    #sitename1{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        width:100% !important;
        height:auto !important;
        text-align:center !important;
        font-size:28px !important;
        line-height:1.2 !important;
        margin:5px 0 !important;
        padding:5px !important;
    }

    #sitename2{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        width:100% !important;
        height:auto !important;
        text-align:center !important;
        font-size:15px !important;
        line-height:1.3 !important;
        margin:0 !important;
        padding:5px !important;
    }

    #search{
        position:relative !important;
        left:auto !important;
        top:auto !important;
        width:100% !important;
    }

    /* ==========================================
       MENIU MOBIL
       ========================================== */

    nav{
        width:100% !important;
        height:auto !important;
        position:relative !important;
        left:auto !important;
        top:auto !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    #mmenu{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        list-style:none !important;
    }

    #mmenu li{
        display:block !important;
        width:100% !important;
        float:none !important;
        clear:both !important;
        margin:0 !important;
        padding:0 !important;
    }

    #mmenu li a,
    .mmenu{
        display:block !important;
        width:100% !important;
        padding:14px !important;
        text-align:center !important;
        font-size:16px !important;
        line-height:1.4 !important;
        box-sizing:border-box !important;
    }

    /* ascunde cercurile si imaginile din meniul vechi */

    #mmenu img{
        display:none !important;
    }

    /* SUBMENIU */

    #mmenu ul{
        position:static !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    #mmenu ul li{
        width:100% !important;
    }

    /* CONTINUT */

    #xm1,
    #xm2{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        min-height:auto !important;
        padding:10px !important;
    }

    /* TABELUL PRINCIPAL CU 2 COLOANE */

    #table_1,
    #table_1 tbody,
    #table_1 tr{
        display:block !important;
        width:100% !important;
    }

    #table_1 td{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
    }

    /* IMAGINEA DIN ARTICOL */

    .t1_body img{
        float:none !important;
        display:block !important;
        margin:0 auto 15px auto !important;
        max-width:100% !important;
        height:auto !important;
    }

    /* TEXTE */

    h1{
        font-size:24px !important;
    }

    h2{
        font-size:20px !important;
    }

    h3{
        font-size:18px !important;
    }

    p,
    span,
    td,
    li{
        font-size:16px !important;
        line-height:1.5 !important;
        word-break:break-word !important;
    }
}

/* ==========================================
   TELEFOANE MICI
   ========================================== */

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

    #sitename1{
        font-size:22px !important;
    }

    #sitename2{
        font-size:14px !important;
    }

    p,
    span,
    td,
    li{
        font-size:15px !important;
    }
}