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

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

*{
    box-sizing:border-box;
}

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

#container{
    width:100% !important;
    max-width:1000px;
    margin:0 auto;
}

/* TABLETE */

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

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

    table{
        width:100% !important;
    }

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

/* TELEFOANE */

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

    #topbar{
        height:auto !important;
    }

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

    /* MENIU */

    #mmenubg{
        width:100% !important;
        height:auto !important;
    }

    #mmenu{
        position:static !important;
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        left:auto !important;
        top:auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    #mmenu a{
        display:block !important;
        width:100% !important;
        padding:15px !important;
        text-align:center !important;
        text-decoration:none !important;
        border-bottom:1px solid #cccccc !important;
        font-size:18px !important;
    }

    /* Tabele */

    table,
    tbody,
    tr,
    td{
        display:block !important;
        width:100% !important;
    }

    /* Google Maps */

    #gmap_canvas{
        width:100% !important;
        height:350px !important;
    }

    .mapouter,
    .gmap_canvas{
        width:100% !important;
        height:350px !important;
    }

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

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

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

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

/* TELEFOANE MICI */

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

    #mmenu a{
        font-size:16px !important;
        padding:12px !important;
    }

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

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