/* =========================
   RESET & GLOBAL
========================= */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    -webkit-text-size-adjust:100%;
}

body{
    font-family:Arial, sans-serif;
    background:#f5f5f5;
    color:#111;
    line-height:1.5;
    overflow-x:hidden;
}

/* =========================
   MEDIA
========================= */
img{
    max-width:100%;
    height:auto;
    display:block;
}

video{
    max-width:100%;
}

/* =========================
   LIST & LINK
========================= */
ul{
    list-style:none;
}

a{
    text-decoration:none;
    color:inherit;
}

/* =========================
   BUTTON BASE
========================= */
button{
    border:none;
    background:none;
    cursor:pointer;
    font-family:inherit;
}

/* =========================
   FORM
========================= */
input, textarea, select{
    font-family:inherit;
    outline:none;
}

/* =========================
   COMMON UTILITIES
========================= */
.container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}

/* tránh vỡ layout */
section{
    width:100%;
}

/* =========================
   Z-INDEX SAFE (dùng chung)
========================= */
.z-top{
    z-index:9999;
}

/* =========================
   FIX MOBILE CHUNG
========================= */
@media(max-width:768px){

    body{
        font-size:15px;
    }

    .container{
        padding:0 12px;
    }

}