@media screen and (max-width:1600px){
.Container{width:70%;}
.LCTW, .RCTW{width:72%;}
.AsideRight, .AsideLeft{width:26%;}
.PageWrapper { width: 100%; }
}
@media screen and (max-width:1500px){
 .Container{width:80%;}
}
@media screen and (max-width:1400px){
 .Container{width:85%;}
 }
@media screen and (max-width:1280px){
 .Container{width:90%;}
 .LCTW, .RCTW{width:74%;}
.AsideRight, .AsideLeft{width:24%;}
}
  @media screen and (max-width:1024px) {
 .Container{width:95%;}
 
 }
  @media screen and (max-width:980px){ 
  .Container{width:98%;}
 }
 @media screen and (max-width:900px){
.LCTW, .RCTW { width: 100%; }
.AsideRight, .AsideLeft { display: none; }
.HtmlMenuH {  width: 100%; margin: 0 auto; float: none;} 
.BtnToggle  { background:#000 url(../images/body/bg-menu-res.png) no-repeat right center; height:60px; width:100%; cursor: pointer; color:#FFF;
    line-height: 32px; display:block;}
.BtnToggleUp{ background:#000 url(../images/body/bg-menu-res.png) no-repeat right center; height:60px; width:100%; cursor: pointer;}
.WrapperToggle   { display: none;position: absolute;z-index: 9;background: #333;width: 100%;}
.WrapperToggle:hover { background: #444;}
.WrapperToggle .lang-float-right{ float:none}
.Logo-footer{ float:none; margin:auto;}
.HtmlMenuH .HMW .ItemHtmlMenu .CHM{ display:none;}

 .Header .TitleSite { width: 100%; float: none; clear: both;}
 .SponsorMediumControl { width: 100%; float: none; clear: both; border-top: 1px solid #ddd; margin: 3px auto; padding: 5px 0; display: none;}
 .js #menuz {     display:none;}
.js .slicknav_menu {display:block;}
.NewsControl .WidgetBody { width:95%; clear: both; margin:2px auto;  }
.NewsControl .WidgetBody i { top: -40%;}
.SlideShow { width: 100%; clear: both; float: none;   }
.LeftBoxBn { width: 100%; clear: both; margin: 3px auto; float: none;   }
.OlgoStlSide { width: 48%; float: right; margin: 0.5% 1%;}
.slicknav_nav a { font-size: 13px;}
}

   @media screen and (max-width:800px) {
 .TextMenu { width: 100%; float: none; clear:  both; border-bottom: 1px solid #ddd; }
 .SearchSite { width: 100%; float: none; clear:  both; border-right: 0; }
 .SearchSite .TxtSearch { width: 70%; }
 .OlgoTxt { width: 70%;} 
 }
 @media screen and (max-width:640px) { 
  .NewsOlgo .TNews { width:99%; margin: 2px auto; height: 150px;     overflow: hidden; } 
  .NewsOlgo .MNews { float: none; margin:3px auto; height: 125px;}
  .NewsOlgo .TNews h3 { line-height:20px;   }
  .NewsOlgo .TNews h3 a  {font-size: 13px;}
   .OlgoTxt h3 a { font-size: 13px;} 
  .OlgoCount .MgLink { float: none;  margin: 2px auto;} 
  .OlgoTxt { width: 95%; margin: 2px auto;} 
  .WdgVideo .VideoBody td { width: 48.5% !important; }  
  .template-box { height: auto;} 
  .NewsOlgo .TNews p { height: 60px; } 
  .SlideShow #owl-slide .owl-item img { height: 280px !important;}
  .SlideShow {  height: 280px !important;}
  .WidgetFC .WBody td { width: 22% !important;}
 }
  @media screen and (max-width:560px){
  
 .LinksControl { width: 100%; float: none; clear: both; margin: 5px auto;    }
 .SponsorLargeControl { width: 100%; float: none; clear: both; margin: 5px auto; }
 }
  @media screen and (max-width:480px) {
 .WdgVideo .VideoBody td {  width: 98.5% !important;  }
 .template-box .owl-theme .owl-controls { height: auto; }
 .template-box { height: 350px;}
 .WidgetFC .WBody td { width: 45.5% !important;} 
  }
  @media screen and (max-width:300px) {
    .WidgetFC .WBody td { width: 90% !important; float: none !important; clear: both;} 
 }