@media screen and (max-width:1600px) {
.PageWrapper{width:100%;}
.Container{width:70%;}
.LCTW, .RCTW{      width: 78%;  } 
.AsideRight, .AsideLeft{width:20%;}
.ContentResize{ width: 58%;   margin:0 0.5%;}
   }
 @media screen and (max-width:1580px) {
 .Container{width:80%;}
 .LCTW, .RCTW{      width: 76%;  } 
.AsideRight, .AsideLeft{width:22%;}

 }
 @media screen and (max-width:1400px) {
  .Container{width:85%;}

 }
 @media screen and (max-width:1300px) {
 .Container{width:90%;}	 
 }
 @media screen and (max-width:1280px) {
 .LCTW, .RCTW{      width: 74%;  } 
.AsideRight, .AsideLeft{width:24%;}

  .Header .TitleSite { width:100% ;float:none; clear:both;   }
 .Header .BottomHeader {width:100% ; float:none; clear:both; border-top:1px solid #ccc; height:auto;}
 .SearchSite { float:right}
 .Language {float:right}
 .MainHtml { margin-top:5px; position:relative !important;}
 .HtmlMenuH .HMW .ItemHtmlMenu .THM { min-width:90px;}
.MainMenuH ul li { min-width: 90px;}
  .Container{width:97%;}
 }
 @media screen and (max-width:1080px) {
 }
 @media screen and (max-width:1050px) {
.WidgetRis .WidgetBodyRis3 td {     width: 48% !important; margin:5px auto;}
  .WidgetRis .WidgetBodyRis3 { height:auto; }
.WidgetRis .WidgetBodyRis4 td {  width: 48% !important; margin:5px auto;}
  }
 @media screen and (max-width:1040px) {
 .VoteControl { margin:0 0.2%}
 .UserControl { margin:0 0.2%}
 .SponsorMediumControl  { margin:0 0.2%}
 .NewsControl { margin:0 0.2%}
   
 }
 @media screen and (max-width:1024px) {
 .LCTW, .RCTW{      width: 72%;  } 
.AsideRight, .AsideLeft{width:26%;}
.HtmlMenuH .HMW .ItemHtmlMenu .THM { min-width:80px;}
.MainMenuH ul li { min-width: 80px;}

 }
 @media screen and (max-width:1000px) {
 .TextMenu { display:none}
 .HtmlMenuH .HMW .ItemHtmlMenu .THM { min-width:70px;  font-size:13px;}
.MainMenuH ul li { min-width: 70px;}
.MainMenuH ul li A { font-size:13px;}
  }
 @media screen and (max-width:980px) {
 .LCTW, .RCTW{      width: 70%;  } 
.AsideRight, .AsideLeft{width:28%;}
.HtmlMenuH .HMW .ItemHtmlMenu .THM { min-width:60px;  font-size:12px;}
.MainMenuH ul li { min-width: 60px;}
.MainMenuH ul li A { font-size:12px;}
.OlgoBox .TxtBox {    width: 35%;}
   }
 @media screen and (max-width:900px) {
  .WidgetRis .WidgetBodyRis1 td { width:100% !important; display:block;}
   }
 @media screen and (max-width:850px) {

 }
 @media screen and (max-width:820px) {
 } 
@media screen and (max-width:800px) {
 .LCTW, .RCTW {width:100%;} 
.AsideRight, .AsideLeft{ display:none;}
 .HtmlMenuH .HMW .ItemHtmlMenu .THM { color:#000 !important;}	
.BtnToggle  { background:#2770c5 url(../images/body/bg-menu-res.png) no-repeat right; height:35px; width:100%; cursor: pointer; color:#FFF;line-height: 32px; display:block; }
.BtnToggleUp{ background:#2770c5 url(../images/body/bg-menu-res-1.png) no-repeat right ; height:35px; 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  { width:100%; height:35px;}
.Contact-US {    width: 100%;  float:none; clear:both;}
.LinksControl { width:100%; float:none; clear:both;}
.OlgoBox .MgBox {    width: 100%;}
.OlgoBox .TxtBox {    width: 94%;   margin: auto; padding: 0 10px;}
  }
 @media screen and (max-width:700px) {
 .VoteControl { margin: 0.5%; width:48%; height: 300px; overflow:hidden;}
 .UserControl { margin: 0.5%; width:48%; height: 300px; overflow:hidden;}
 .SponsorMediumControl  { margin: 0.5%; width:48%; height: 300px; overflow:hidden;}
 .NewsControl { margin:0.5%; width:48%; height: 300px; overflow:hidden;}

  }
  @media screen and (max-width:640px) {
  }
 @media screen and (max-width:600px){
  .BaseMenu { display:none;}
   .WidgetRis .WidgetBodyRis3 td {    width: 100% !important;    margin: 5px auto;}

 }
 @media screen and (max-width:560px){
 
 }	
 @media screen and (max-width:550px){
 }
 @media screen and (max-width:500px){
 .WidgetRis .WidgetBodyRis4 td {    width: 100% !important;    margin: 5px auto;}
  .VoteControl { margin: 0.5%; width:100%; height: 300px; overflow:hidden;}
 .UserControl { margin: 0.5%; width:100%; height: 300px; overflow:hidden;}
 .SponsorMediumControl  { margin: 0.5%; width:100%; height: 300px; overflow:hidden;}
 .NewsControl { margin:0.5%; width:100%; height: 300px; overflow:hidden;}

 }
 @media screen and (max-width:480px) {
 .rtl .collapsable,.expandable  { width:100%;}
  }
 @media screen and (max-width:450px){
 }
 @media screen and (max-width:360px){
  }
 @media screen and (max-width:360px){
  }
 @media screen and (max-width:337px){
 }
 @media screen and (max-width:330px){
  }