/* Hi-def.ru mobile layout 1.0.0. Desktop styles stay in style.css. */
.hd-brand { display:none; }
.hd-skip { position:fixed;top:-80px;left:12px;z-index:10000;padding:12px 16px;background:#fff;color:#153f58; }
.hd-skip:focus { top:8px;outline:3px solid #167eaf; }
@media screen and (max-width:1000px) {
  html,body { width:100%;height:auto;min-height:100%;background:#fff; }
  body { font-family:Tahoma,Arial,sans-serif;line-height:1.5;color:#202a30; }
  *,*::before,*::after { box-sizing:border-box; }
  a:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible { outline:3px solid #3187b3;outline-offset:2px; }
  .content { min-height:0; }
  .container { display:flex;flex-direction:column;width:100%;height:auto;padding:0; }
  .head { order:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;height:auto;padding:12px 14px;background:linear-gradient(135deg,#1e678b,#12374c); }
  .head .panelbg,.head .panelscr { display:none; }
  .logo_slogan { grid-row:1;display:flex;align-items:center;gap:12px;float:none;width:auto;height:auto;min-width:0;margin:0;background:none; }
  .hd-brand { display:block;flex:0 0 100px;line-height:0; }
  .hd-brand img { display:block;width:100px;height:auto; }
  .logo_slogan h1 { position:static;display:block;font:600 17px/1.25 Verdana,Arial,sans-serif;color:#fff; }
  .logo_slogan h2 { display:none; }
  .menu { grid-row:2;float:none;width:auto;height:auto;margin:0;padding:0;background:none; }
  .menu ul { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none; }
  .menu .sep { display:none; }
  .menu .item,.menu .active { float:none;width:auto;height:auto;background:none; }
  .menu ul li a { display:flex;align-items:center;justify-content:center;float:none;width:100%;height:40px;padding:0 3px;border:1px solid #ffffff40;border-radius:4px;background:#ffffff0d;color:#fff;font:600 13px/1.2 Tahoma,Arial,sans-serif; }
  .menu ul li a:hover { background:#ffffff22;color:#fff; }
  .menu .active a { background:#fff;border-color:#fff;color:#17455d; }
  .head>form { grid-row:3;min-width:0; }
  .search { display:flex;align-items:center;gap:6px;float:none;width:100%;height:auto;margin:0; }
  .search label { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
  .searchinput { flex:1;min-width:0;width:auto;height:44px;padding:8px 10px;border:1px solid #d0e0e9;border-radius:4px;background:#fff;font:16px/1.3 Tahoma,Arial,sans-serif; }
  .searchbtn,.searchbtn:hover { flex:0 0 70px;width:70px;height:44px;margin:0;border:1px solid #b9d6e5;border-radius:4px;background:#e3f1f7;color:#123f58;font:600 14px Tahoma,Arial,sans-serif;cursor:pointer; }
  .c_col { order:1;float:none;width:auto;min-width:0;padding:0 14px; }
  .l_col { order:2;float:none;width:auto;min-width:0;margin:24px 14px 16px; }
  .r_col,.ads { display:none; }
  .artcl_short,.artcl_full { float:none;width:100%;min-width:0;margin:0;padding:17px 0;background:none;overflow-wrap:anywhere; }
  .artcl_short { border-bottom:1px solid #dce4e8; }
  .artcl_short::after,.artcl_full::after { display:block;clear:both;content:""; }
  .artcl_short h3,.artcl_full h3 { padding:0;font:400 21px/1.25 Verdana,Arial,sans-serif; }
  .artcl_short h3 a,.artcl_full h3 { color:#a41d24; }
  .artcl_short h4,.artcl_full h4 { padding:7px 0 0;margin:0 0 10px;font:12px/1.45 Tahoma,Arial,sans-serif;color:#59666e; }
  .artcl_short p,.artcl_full p,.artcl_full li { margin:8px 0;font:16px/1.55 Tahoma,Arial,sans-serif;color:#202a30; }
  .artcl_full h2 { margin:20px 0 10px;font:600 21px/1.3 Verdana,Arial,sans-serif; }
  .artcl_full h4 { line-height:1.45; }
  .artcl_full a { overflow-wrap:anywhere; }
  .artcl_full>div,.artcl_full section,.artcl_full article { max-width:100%; }
  .artcl_short div#small { width:112px;margin:5px 12px 6px 0; }
  .artcl_short img#small { float:none;width:100%;height:auto;margin:0; }
  .artcl_short>img#small,.artcl_short>p>img#small { max-width:40%;float:left;margin:5px 12px 6px 0; }
  .artcl_short a#readmore { display:inline-block;min-height:36px;margin:0;padding:7px 0;font-size:15px;line-height:1.4; }
  .artcl_short span#sep,.artcl_full span#sep { clear:both;padding:10px 0 0;margin:12px 0 0;font:600 13px/1.65 Tahoma,Arial,sans-serif; }
  .artcl_short span a,.artcl_full span a { margin:0 0 0 6px;font:13px/1.65 Tahoma,Arial,sans-serif; }
  .artcl_full img,.artcl_full img#first { float:none;max-width:100%;height:auto !important;padding:4px;margin:8px 0; }
  .artcl_full div#first { float:none;width:auto;max-width:100%;margin:0; }
  .artcl_full iframe,.artcl_full video,.artcl_full object,.artcl_full embed { max-width:100%; }
  .artcl_full table { display:block;max-width:100%;overflow-x:auto; }
  .artcl_full pre { max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere; }
  .a_navigation a { display:inline-block;max-width:100%;min-height:44px;padding:10px 0;font-size:14px;line-height:1.4;overflow-wrap:anywhere; }
  .comments,.comments div,.addcomment,.capcha { float:none;width:100%;min-width:0;height:auto;margin:14px 0;padding-bottom:8px;background:none; }
  .comments h4,.addcomment h4 { font-size:17px;line-height:1.4; }
  .comments div p { clear:both;font-size:15px;line-height:1.5;overflow-wrap:anywhere; }
  .comments .date { float:none;display:block;clear:both;margin-top:4px;font-size:12px; }
  .addcomment label { margin:8px 0 4px;font-size:15px;line-height:1.4; }
  .comment_name_input,.txpCommentInputMessage,.addcomment textarea,.addcomment input[type=text] { display:block;max-width:100%;width:100%;min-height:44px;padding:9px;border:1px solid #9eafb9;border-radius:4px;font:16px/1.5 Tahoma,Arial,sans-serif; }
  .addcomment textarea { min-height:160px;resize:vertical; }
  .addcomment input[type=submit],.addcomment button,.addcomment>a { width:auto;min-height:44px;height:auto;margin:8px 8px 0 0;padding:9px 14px;border:1px solid #94adbb;border-radius:4px;background:#e8f1f6;color:#16445b;font:600 14px/1.5 Tahoma,Arial,sans-serif; }
  .capcha { display:flex;flex-wrap:wrap;gap:8px;align-items:center; }
  .capcha input { float:none;max-width:100%;height:44px;margin:0; }
  .capcha img { max-width:100%;height:auto; }
  .panelbtnz { display:flex;gap:6px;width:100%;height:auto;margin:0 0 12px; }
  .panelbtnz a { flex:1;display:flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:40px;padding:6px 3px;margin:0;border:1px solid #bccbd4;border-radius:4px;background:#eff4f7;color:#22536c;font-size:13px;line-height:1.3; }
  .newz,.newzbody,.newzbottom { width:100%; }
  .newz { background:#f5f8fa;border:1px solid #d9e3e9;border-radius:5px; }
  .newzbody { border:0; }
  .newz h3 { padding:10px;font-size:14px; }
  .newzbody a { width:auto;padding:7px 10px;font-size:14px;line-height:1.4; }
  .newzbottom { height:0;background:none; }
  .rss { top:12px;right:10px; }
  .null { width:auto;height:0;margin:0; }
  .footer { height:auto;margin:0;background:#eff3f5; }
  .bottom1,.bottom2 { min-height:0;background:none; }
  .bottomcontainer { width:100%;height:auto; }
  .bottomcontainer::after { display:block;clear:both;content:""; }
  .poll,.lastforum,.lastcomments,.copy,.subscr { float:none;width:100%;height:auto;min-height:0;margin:0;padding:12px 14px;background:none; }
  .bottom1 h5 { width:auto;height:auto;padding:0 0 8px;text-indent:0;font-size:12px;line-height:1.4; }
  .poll p,.poll label,.lastforum p,.lastforum p a,.lastcomments p,.lastcomments p a { font-size:13px;line-height:1.5; }
  .poll label.radio_checked,.poll label.radio_unchecked { padding:3px 0 3px 23px;background-position:0 6px; }
  .poll a { width:auto;height:auto;min-height:40px;margin:5px 8px 0 0;padding:8px 12px;border:1px solid #bbcbd4;border-radius:4px;background:#fff;font-size:13px;line-height:1.5; }
  .poll { overflow:auto; }
  .bottom2 { background:#153c51; }
  .copy { padding-bottom:0;text-align:left; }
  .copy span { position:static;display:block;padding:0;background:none;font-size:12px;line-height:1.6; }
  .copy span a { font-size:12px; }
  .subscr { padding-top:8px; }
  .subscr p { margin:0;font-size:12px;line-height:1.4; }
  .subscr input { float:none;display:inline-block;width:calc(100% - 118px);max-width:320px;height:44px;margin:8px 6px 0 0;padding:8px;border-radius:4px;font-size:16px; }
  .subscr a { float:none;display:inline-flex;align-items:center;justify-content:center;width:106px;height:44px;margin:8px 0 0;padding:5px;border:1px solid #4d91b2;border-radius:4px;background:#215976;color:#fff;font-size:13px;line-height:1.3; }
  .hd-empty { display:none; }
}