/* swim-play.ru — мобильная адаптация без изменения десктопа (15.09.2026).
   Drupal-тема swimplay: #wrapper/#header/#menu_wrapper/#container/#footer_container 980px, лого+слоган float, меню
   float с выпадашками, nivo-slider, колонки .home_left 688 | .home_right 244, контакты 680|187. Все правила только
   внутри @media (max-width:768px). */
@media screen and (max-width:768px){
  #wrapper,#header,#menu_wrapper,#container,#container .top,#container_bottom,#footer_container{width:auto;max-width:100%}
  #header{height:auto;overflow:hidden;padding:0 6px}
  #logo_container,#slogan,#header_phone{float:none!important;text-align:center}
  #logo{width:auto;margin:6px 0 0}
  #menu_wrapper,#main_menu{height:auto;background-size:cover}
  #main_menu{float:none}
  #main_menu>ul.menu{display:flex;flex-wrap:wrap;margin:0;padding:0}
  #main_menu li ul.menu{display:none}
  #main_menu li:hover>ul.menu{display:block}
  #main_menu li{float:none;height:auto}
  #main_menu ul li a,#main_menu ul li span{float:none;padding:8px 8px}
  .expanded .menu{max-width:calc(100vw - 30px)}
  #container{min-height:0;padding:0 6px;box-sizing:border-box}
  .slider-wrapper,.nivoSlider,#slider{max-width:100%}
  .home_left,.home_right,.about_left,.about_right,#contact_left,#contact_right,#form_container,#product_full .left,#product_full .right,#details_wrapper{float:none;width:auto}
  .left_details,.left_details2,.right_details{float:none;width:auto;margin:6px 0;padding:0}
  #details_wrapper{height:auto}
  .pic_float_right{float:none;margin:8px auto;display:block}
  .product_list li{padding:0 10px 20px 0}
  ul#buttons{width:auto}
  #contact label{float:none;width:auto;text-align:left;height:auto;display:block}
  #contact input,#contact textarea,#contact select{max-width:100%;box-sizing:border-box}
  .ticks li{width:auto;float:none}
  #footer{text-align:center}
  #footer>div[style*="float"]{float:none!important;padding:4px 0!important;text-align:center}
  #footer ul{width:auto}
  #footer li{float:none;display:inline-block}
  .view-gallery .views-row{margin:8px 0;float:none}
  img{max-width:100%;height:auto}
  table{max-width:100%}
  #content table{display:block;overflow-x:auto;width:auto!important;max-width:100%}
  iframe{max-width:100%}
  #content,#footer{overflow-wrap:anywhere;word-wrap:break-word}
}