/* ===================================
   EZGENERATOR MOBILE FIX
   =================================== */

/* RESET */
html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

/* IMAGINI */
img,
video,
iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* CONTAINER PRINCIPAL */
#container {
    max-width: 1000px;
    margin: 0 auto;
}

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

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

    #container,
    #top,
    #topbar,
    #footer,
    #xm1,
    #xm2,
    nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    body {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    table {
        max-width: 100% !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

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

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

    /* LOGO + HEADER */

    #eima1,
    #eima2,
    #sitename1,
    #sitename2,
    #search {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        left: auto !important;
        top: auto !important;
        text-align: center !important;
        margin: 5px 0 !important;
    }

    #topbar {
        height: auto !important;
    }

    /* MENIU */

    nav {
        height: auto !important;
        border-radius: 0 !important;
    }

    #mmenu {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        left: auto !important;
        top: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

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

    #mmenu li a,
    .mmenu {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        padding: 12px 10px !important;
        text-align: center !important;
        font-size: 16px !important;
    }

    /* SUBMENIU */

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

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

    /* CONTINUT */

    #xm1,
    #xm2 {
        min-height: auto !important;
        height: auto !important;
    }

    h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

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

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

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

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

    body {
        font-size: 15px !important;
    }

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

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

    #mmenu li a,
    .mmenu {
        font-size: 15px !important;
        padding: 10px !important;
    }
}