@media  all and (min-width: 1200px)
{
    .container
    {
        width:auto;
        padding: 0px;
        padding-left:120px;
        padding-right:120px;
    }
    div.Region div.RegionDescription
    {
	    padding:0px 200px;
    }
    div.LogoMobile
    {
        display:none;
    }
}
@media all and (min-width: 768px) and (max-width: 1200px)
{
    div.LogoMobile
    {
        display:none;
    }
}
@media all and (min-width: 768px)    /*Tablet, PC*/
{
    div.MenuIconMobileCover
    {
	    position:fixed;
	    left:20px;
	    top:20px;
    }
    #Index div.Product div.RegionDescription
    {
	    padding:10px 300px;
    }
    div.SubMenu
    {
        padding:30px;
        padding-top:0px;
    }
    div.ContactIconMobile {
        display:none;
    }
}
@media all and (max-width: 768px)   /*Mobile*/
{
    div.PageDiv
    {
        position:relative;
        top:5px;
    }
    .container
    {
        width:auto;
        padding: 0px;
        padding-left:22px;
        padding-right:28px;
    }
    div.SubPageContent
    {
        padding-left: 17px;
    }
    div.Region div.RegionDescription
    {
        padding: 0px 10px;
    }
    div.Logo
    {
        display:none;
    }
    div.MenuIconMobileCover
    {
        position: fixed;
        left: 20px;
        top: 20px;
        z-index:1000;
    }
    div.TopMenu
    {
        display:none;
    }
    div.SubMenu
    {
        width:112%;
        margin-left:-25px;
        margin-right:20px;
        padding:30px;
        padding-top:0px;
        padding-left:40px;
    }
    div.SubMenu a
    {
        padding-left:0px;
    }
    div.FooterMenu div.LinkGroup a
    {
        padding-left:20px;
    }
    div.Region h1
    {
        font-size:20px;
    }

    #Index div.GioiThieu div.ObjSummary
    {
        top: 54px;
    }
    #Index div.GioiThieu div.DataList div.Obj a.ObjName
    {
        top: 80px;
    }
    #Index div.GioiThieu div.RegionDescription
    {
        margin-bottom:-20px;
        text-align:justify;
        padding:0px;
    }
    #Index div.DacDiem div.Obj
    {
        margin-bottom:-30px;
    }
    #Index div.Shopping
    {
        margin-bottom:-40px;
    }
    #Index div.Shopping div.DataList
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    #Index div.Links
    {
        display:none;
    }
    #Index div.Contact div.RegionDescription
    {
        margin-bottom:20px;
    }
    #Index div.Contact form
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    div.Region.BottomArea div.row
    {
        margin-left: 10px;
        margin-right: 10px;
    }
    div.Region.BottomArea div.GroupMiddle
    {
        padding:0px;
        padding-top:20px;
    }
    div.Region.BottomArea div.GroupRight
    {
        padding:0px;
        padding-top:20px;
    }
    div.Obj_Question span.Arrow
    {
        left:5px;
    }
    div.Obj_Question div.ObjName
    {
        margin-top:-20px;
        margin-left:25px;
    }
    div.Obj_Question div.ObjSummary
    {
        padding-left: 3px;
        padding-right:8px;
    }

    div.Contact div.ContactIconMobile {
        position:fixed;
        bottom:-5px;
        left:0px;
        background:#FFF;
        z-index:1000;
        width:105%;
    }
    div.Contact div.ContactIconMobile div.IconCover {
        height:80px;
        text-align:center;
    }
    div.Contact div.ContactIconMobile div.IconCover a {
        display: block;
        text-align: center;
        height:100%;
        width:100%;
    }
    div.Contact div.ContactIconMobile div.IconCover a img {
        height:80%;
        width:auto;
    }
}