@media  all and (min-width: 1200px)
{
    .hide-desktop
    {
    	display: none !important;
    }
    div.MenuRegion div.LogoMobile
    {
        display:none;
    }
    div.MenuRegion div.MenuIconMobile
    {
        display:none;
    }
    div.MenuRegion ul.MobileMainMenu
    {
        display:none;
    }
}
/*@media all and (min-width: 800px) and (max-width: 1200px)
{
    .container
    {
        width:auto;
        padding: 0px 30px;
    }
    div.MenuRegion ul.MobileMainMenu
    {
        display:none;
    }
    div.LogoMobile, div.MenuIconMobile
    {
        display:none;
    }
    div.MainMenu ul
    {
        top:10px;
        position:absolute;
        right:10px;
        dtop:-50px;
        width:300px;
        border:solid 1px red;
    }
}*/
/*@media all and (max-width: 1120px)
{
    .container
    {
        width:auto;
        padding: 15px 30px;
        padding-right:27px;
    }
    div.LogoMobile
    {
        display:block;
    }
    div.MenuIconMobile
    {
        display:block;
        visibility:visible;
        position:relative;
        text-align:right;
        padding-right:0px;
    }
    div.MenuIconMobile a
    {
        width:40px;
        margin-right:-2px;
    }
}*/
@media all and (max-width: 1200px)   /*Mobile and Tablet*/
{
    .container
    {
        width:auto;
        padding: 0px 15px;
    }
    div.TopRegion
    {
        height:50px;
    }
    div.MenuRegion div.container
    {
        padding: 0px;
    }
    div.MenuRegion div.Logo, div.MenuRegion div.MenuArea div.MainMenu
    {
        display:none;
    }
    div.MenuRegion div.LogoMobile
    {
        margin-left:0px;
        margin-top:0px;
        padding-top:10px;
        padding-left:22px;
    }
    div.MenuRegion div.LogoMobile a
    {
        margin-left:0px;
        padding:0px;
    }
    div.MenuRegion div.MenuIconMobile
    {
        display:block;
        position:absolute;
        right:0px;
        text-align:right;
        padding-top:10px;
        padding-right:8px;
    }
    div.MenuRegion div.MenuIconMobile a
    {
        display:inline-block;
        width:50px;
        position:static;
        color:white;
    }
    div.MenuRegion ul.MobileMainMenu
    {
        display:none;
        width:100%;
        position:relative;
        top:5px;
        border:solid 1px #CCC;
        border-bottom-color:#999;
    }
    div.MenuRegion ul.MobileMainMenu li
    {
        height:66px;
        vertical-align:middle;
        padding:0px;
    }
    div.MenuRegion ul.MobileMainMenu li a
    {
        padding-left:17px;
    }
    div.MenuRegion ul.MobileMainMenu li:first-child a
    {
        position:relative;
        top:-12px;
    }
    #DonHang h1
    {
        margin-top:0px;
        margin-left:0px;
    }
    #DonHang div.SearchBar
    {
        margin-bottom:60px;
    }
    #DonHang div.SearchBar input.SearchBox
    {
        width:100%;
        margin-left:0px;
        margin-bottom:15px;
    }
    #DonHang div.ListDH
    {
        padding:0px;
    }
    #DonHang div.ListDH div.DataList
    {
    }
    #QuaTrinh div.Region.QuaTrinh div.container
    {
        display:block;
    }
    table.ThongKe
    {
        width:100%;
    }
    div.DHDetail
    {
        left:5px;
        width:95%;
        padding:5px;
        padding-top:15px;
    }
}