@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) {
    .SlideShow .Title-slid .TopSlide { font-size: 38px !important;}
}
 
 @media screen and (max-width:950px){
    .SlideShow .Title-slid .TopSlide { font-size: 32px !important;}
}

 @media screen and (max-width:900px) {
.SlideShow .Title-slid .TopSlide { font-size: 30px !important;}
 .Header .TitleSite { width: 100%; margin: 5px auto; clear: both; height:70px; }
 .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; }

.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;  }
  }
 @media screen and (max-width:850px) {
    .SlideShow .Title-slid .TopSlide { font-size: 26px !important;}
}

@media screen and (max-width:780px) {
.TextMenu { width: 100%; float: none; clear:both; }
}
 @media screen and (max-width:640px) { 
.SlideShow .Title-slid .TopSlide { font-size: 22px !important;}
.SlideShow .Title-slid .TopSlide .LinkShow { display: none;}
.section_title h3 { font-size: 38px;}
}
 @media screen and (max-width:550px){
}
 @media screen and (max-width:500px){
 }
 @media screen and (max-width:480px) {
    .SlideShow .Title-slid .TopSlide { font-size: 30px !important;}
    .subnormal_color .title-inner .title { font-size: 30px!important;}
    .portfolio_area .section_title h3  { font-size: 30px!important;}
    .section_title h3 {font-size: 30px!important;}
    
}
 @media screen and (max-width:380px) {
 .SearchSite { width: 100%; margin: 10px auto;}
 .Language { display: none;}
 
 }