@media screen and (max-width:1600px){
.Container   { width:80%;}
.LCTW, .RCTW { width: 74%;}
.AsideRight, .AsideLeft    {width: 24%; }
.PageWrapper{ width:100%;}
 }
@media screen and (max-width:1400px) {
.Container   { width:85%;    }
}
@media screen and (max-width:1050px) {
}
@media screen and (max-width:1024px) {
.Container   { width:90%;   }
}
@media screen and (max-width:1100px) {
.Container   { width:95%; }
}
 @media screen and (max-width:1000px) {
  .MDBox { display: block;}
  .MGMain { width: 90%; float: none; margin: 0 auto;}
  .AboutClass { width: 90%; float: none; margin: 0 auto;}
 .ProClass { display: block;}
 .ProBox { width: 90%; padding: 30px 20px; margin: 4% auto;}
 .ItemBoxList { display: block;}
 .ItemBoxList  .MainItem { margin: 2% auto;}
 .OlgoStl .KLU { display: block; padding: 3%; width: 40%;}
}
 @media screen and (max-width:950px){
    .LogoBHKK { display: block;}
    .MKHO { width: 90%;   margin: 8% auto;}
}
 @media screen and (max-width:900px) {
 .rtl .Header .TitleSite { width: 100%; margin: 5px auto; clear: both; height: auto; height: 60px; margin-top: 0; }
 .ltr .Header .TitleSite { width: 100%; margin: 5px auto; clear: both; height: auto; height: 60px; margin-top: 0; }

 .Header .BottomHeader  { width: 100%; margin: 5px auto; clear: both; border-bottom: 1px solid #ddd; padding: 5px 0; } 
 .TextMenu { float: right; text-align: center;}
 .langTop { width: 340px; margin: 2px auto;}
 .SearchSite .TxtSearch { width: 70%;}
 .langTop { width: 100%;}
.MainMenu { float: none; width: 100%; display: none; }
.js #menuz { display:none; 	}
.js .slicknav_menu { display:block;  }
.slicknav_nav { width: 100% !important; background: #000 !important; }
.slicknav_nav a { font-size: 14px;}
.slicknav_menu {background: #000 !important; border-bottom: 1px solid #ffbb38;}
.slicknav_nav ul { background: #222 !important;}
.slicknav_nav a:hover { background: #111 !important;}
.slicknav_nav li { border-bottom: 1px solid #222 !important;     padding: 2px;}
.ltr .slicknav_btn a{ float: left !important; display: block;}
 .MainHtm { background: #CCC;}
.HtmlMenuH { width:100%; }
.BtnToggle  { background: url(../images/body/bg-menu-res.png) no-repeat right center; height:50px; width:100%; cursor: pointer; color:#FFF;line-height: 32px; display:block;}
.BtnToggleUp{ background: url(../images/body/bg-menu-res.png) no-repeat right center; height:50px; width:100%; cursor: pointer;}
.WrapperToggle   { display: none;position: absolute;z-index: 9;background: #EAEAEA;width: 100%;}
.WrapperToggle .lang-float-right{ float:none}
.Logo-footer{ float:none; margin:auto;}
.HtmlMenuH .HMW .ItemHtmlMenu .CHM{ display:none;}
.HtmlMenuH .HMW .ItemHtmlMenu { position: relative; width: 100%; }
.UMain { width: 100%;  float: none; } 
.UCWBox { width: 90%; margin: 5px auto; padding: 10px ;}
.UserControl .UCWBox .UCW { float: none;}
.HypBtn { width: 100%; clear:both; margin: 0 auto; text-align: center;}
.UserControl .hypSignup { float: none; text-align: center;}
 .UserControl .btnLogin { float: none;}
 .UserControl .btnLogin input { margin: 0 auto;  }
 .PriceClass { display: block;}
 .MoneyBox .MonTxt {bottom: 10%;}
 .MoneyBox { margin: 5%;}
 .HeadTop { display: block;}
   }
 @media screen and (max-width:850px) {
 .OlgoStl .KLU { display: block; padding: 2%; width: 95%; float: none; margin: 2% auto;}
 .OlgoStl .MKHU { display: block;}
 .Contact-Ex { float: none; clear: both; width: 95%; margin:2% auto; border-bottom: 1px solid #333;} 
.LinksControl { float: none; clear: both; width: 95%; margin:2% auto; border-bottom: 1px solid #333;} 
.cont-Search { float: none; clear: both; width: 95%; margin:2% auto; border-bottom: 1px solid #333;} 
.Contact-US { float: none; text-align: center;}

}
@media screen and (max-width:780px) {
.TextMenu { width: 100%; float: none; clear:both; }
.rtl .collapsable, .expandable { width: 100%; float: none;}
.OlgoStlClass .MKGF { display: block;}
.StlClass {  display: block;}
.StlClass .Pickh img { height: auto;}
}
 @media screen and (max-width:640px) {
    .SlideShow .Title-slid { display: none;}
}
 @media screen and (max-width:550px){
}
 @media screen and (max-width:500px){
 .MainCate { display: block;}
 .CateBox { width: 45%;  float: right;  margin: 0.5%; padding: 1%;}
 .LTB  { margin-top: 2px;}
 .LTB a { font-size: 13px;}
 .rtl .SideRight { position: absolute; z-index: 2;   left: 0; right: 0; margin: 0 auto;   bottom: 5%;}
 .ltr .SideRight { position: absolute; z-index: 2;   left: 0; right: 0; margin: 0 auto;   bottom:5%;}
 .rtl .Header .TitleSite { height: 50px;}
 .ltr .Header .TitleSite { height: 50px;}
 .LTB { margin-top: 10px;}
 .Language { display: none;}
 .CateBox img { display: none;}
 .rtl .LinksControl ul li { width: 90%; float: none; clear: both;}
 .ltr .LinksControl ul li { width: 90%; float: none; clear: both;}
 }
 @media screen and (max-width:400px) {
 .MoneyBox .MonTxt { position: relative; bottom: 0; width: 90%;}
}
 @media screen and (max-width:380px) {
 .SearchSite { width: 100%; margin: 10px auto;}
  }