@media screen and (max-width: 480px) {
 .noscroll { overflow: hidden;}
 #top { display: none }
 #frame { width: 100%}
 #header table { display: none}
  #header img { height: 32px}
  #main { padding: 0;}
  #main .big {
    width: 100%;
   overflow: hidden;
    height: 50vw;
    margin: 0
    }
	
	 #main .mini {
    width: 100%;
    overflow: hidden;
    height: 50vw;
 
    }
	#main .big .title { width: 100%; box-sizing: border-box;    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);padding: 20px}
	#main .mini .title { width: 100%; box-sizing: border-box;     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); padding: 20px}
	#main .mini .title a {
	font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;}
	#main .big .title a {
	font-size: 1.5em;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;}
	#main .big .title p { display: none }
	#footer {   }
	
	#footer .td { display: block; width: 100%; text-align: left;}
		#footer .tdlogo { display: none;}
	#content {  width: 100%; box-sizing: border-box; padding: 0; background: #fff }
	.right {   float: none; width: 100%}
	.left {clear:both;
    width: 100%;
	display: block;
    float: none;
}
.hd {
    text-transform: uppercase;
    color: #fff;
	font-weight: bold;
    border-bottom: 2px solid #000;
    padding: 10px 20px;
    background-image: none !important;
	clear: both;
}
.hd .date { padding: 10px 20px; background: none }
 
.mainnews { clear:both}
.right .newslist {
    height: auto;
	background: #fff;
    overflow-y: auto;
}
  .all { display: none}
.newslist .tr { display: block; padding: 10px 20px;     border-bottom: 1px solid #eee;}
.newslist .td { display: block; padding: 0; background: none; border: none}
.newslist .tr .date span { display: inline; font-size: 12px; color: #999}
.newslist a span { font-size: 16px }
 .loadNews { display:  block;}
 .newslist .twenty { display: none }
 .floatIndex { float: none !important; width: 100%  !important}
  .load {    
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    padding: 10px;
	width: auto;
    background: #eee;
	border: none;
    margin: 10px 20px;
     }
 #content .third {  position: relative;  width: auto;
    box-sizing: border-box;
  padding: 0; 
    margin: 10px 0;}
	 #content .third .title { padding: 0  20px}
  #content .third .hd {  font-weight: bold; padding: 5px 10px;  text-shadow: 1px 1px 2px #000; border: none; position: absolute; top: 20px; left: 20px; }
    #content .third .date { position: absolute; top: 20px; right: 20px; font-weight: bold;  border: none;      padding: 5px 10px;  text-shadow: 1px 1px 2px #000; }
   #content .third .img { width: 100%; height: auto}
   #content .third .title a { font-size: 20px; } #content .third .title p a { font-size: 15px;}
  #content .right { display: none}
  .selected { background: #ffffeb}
  #content .selected { margin-bottom: -10px;}
   #content .selected  .title {
    padding: 0 20px 10px 20px;
}

#sandwich {
    position: absolute;
    top:14px;
    right: 20px;
    height: 22px;
    width: 22px;
    background: url('../img/m_menu.png') no-repeat;
    background-size: 22px;
    cursor: pointer;
   display: block
}
#close {
    position: absolute;
    top: 14px;
    right: 20px;
    height: 22px;
    width: 22px;
    background: url('../img/m_close.png') no-repeat;
    background-size: 22px;
    cursor: pointer;
	z-index: 1002131232102;
	  display: block
}
  div.menu {
    position: fixed;
    z-index: 100213123210;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 40px 20px 20px 20px;
    width: 100%;
    height: auto;
  min-height: 100%;
    background: rgba(0,0,0, 0.90);
    display: none;
}
div.menu li { font-size: 15px; line-height: 150%}
#hd .right { display: none}
 #counters { position: absolute; top:-10000px; left: -10000px}
 
 .width606 { width: 100%;}
  .width606m0 { width: 100%;}
 .width606m20 { width: 100%;}
 .hcc { padding: 0}
 .hc__right  { padding: 0}
 .news { box-sizing: border-box;}
 .tags { line-height: 150%}
 
 		.error404 { margin: 0; width: 100%; text-align: center;   vertical-align: top;  padding-top: 20px; box-sizing: border-box}
		.error404 .logo { height: 32px;}
		
		.error404 .third {  position: relative;  width: auto;
    box-sizing: border-box;
  padding: 0; 
    margin: 10px 0;}
.error404 .third .title { padding: 0  20px}
.error404 .third .hd {  font-weight: bold; padding: 5px 10px;  text-shadow: 1px 1px 2px #000; border: none; position: absolute; top: 20px; left: 20px; }
   .error404 .third .date { position: absolute; top: 20px; right: 20px; font-weight: bold;  border: none;      padding: 5px 10px;  text-shadow: 1px 1px 2px #000; }
  .error404 .third .img { width: 100%; height: auto}
  .error404 .third .title a { font-size: 20px; } .error404 .third .title p a { font-size: 15px;}
   .error404 .services { padding: 10px 0;}
   
   .input { font-size: 16px;padding: 10px; width: 100%; box-sizing: border-box; border: 1px solid #ccc}
.submit { font-size: 16px;padding: 10px; border: 1px solid #fcbf30;box-sizing: border-box; background: #fcbf30; color: #fff; font-weight: bold;}
.formSearch {display: block }
   .formSearch .td { background: none; border: none; width: 100%}
 .mobileArchive { display: block} 
 
 .related h2 { margin: 20px;}
a.desktop {font-weight: bold; display: block; padding-top: 10px; color: #fcbf30}
.table { display: block}
.wrp { margin: 0}
.cell { display: block; width: 100%; box-sizing: border-box;}

.block iframe { width: 100%}
 }
 
 
  @media screen and (max-width: 480px) and (orientation:landscape) {
  div.menu { position: absolute; }
 }