/* octodex.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Свой CSS: .container 980, шапка с абсолютным лого/телефоном и слоганом padding-left 312, меню float в 59px,
   колонки инлайн 67%/33% и 464px float, тизеры 310 float, новости 30% float. Все правила только внутри
   @media (max-width:768px). */
@media screen and (max-width:768px){
  .container{width:auto;padding:0 8px}
  #alpha,#alpha_in{padding-top:10px;background-size:cover}
  #alpha #header #logo,#alpha_in #header #logo{position:static;display:block;margin:0 auto;max-width:100%}
  #alpha #header #telephone,#alpha_in #header #telephone{position:static;display:block;margin:8px auto;max-width:100%}
  #alpha #header #slog,#alpha_in #header #slog{padding:10px 0}
  #alpha #header #slog h1,#alpha_in #header #slog p{width:auto;padding-left:10px}
  #alpha #navbar,#alpha_in #navbar{margin-top:10px;overflow:hidden}
  #alpha #navbar #menu,#alpha_in #navbar #menu{float:none;margin:6px 0;width:auto}
  #alpha #navbar #menu ul,#alpha_in #navbar #menu ul,#alpha #navbar #menu div,#alpha_in #navbar #menu div{height:auto;float:none}
  #alpha #navbar #menu div.menu_lf,#alpha_in #navbar #menu div.menu_lf,#alpha #navbar #menu div.menu_rt,#alpha_in #navbar #menu div.menu_rt{display:none}
  #alpha #navbar #menu ul li,#alpha_in #navbar #menu ul li{float:none;display:inline-block;margin:6px 10px}
  #alpha #about .column,#beta .col,#beta .teaserbox,#beta .teaserblock,#gamma .news{float:none;width:auto!important;margin-left:0}
  .column[style*="width"],div[style*="width: 464px"]{width:auto!important;float:none!important;padding-right:0!important}
  #alpha #about .column p,#alpha #about .column .slogan h2,#alpha #about .column .slogan p{width:auto}
  #beta .teaserblock{margin:0 0 20px}
  #beta .prod_link{position:static;margin:10px 0}
  #gamma .news_blocks div{margin-left:0}
  #gamma #bottom_nav{height:auto}
  #gamma #bottom_nav h3,#gamma #bottom_nav p.nav{float:none}
  #gamma #bottom_nav p.nav a{margin:0 12px 0 0}
  #gamma #footer{height:auto;overflow:hidden}
  #gamma #footer #credits,#gamma #footer #counter{float:none;text-align:center;margin:6px 0}
  img{max-width:100%;height:auto}
  table{display:block;overflow-x:auto;max-width:100%;width:auto!important}
  body{overflow-wrap:anywhere;word-wrap:break-word}
}