/* Added for the static rebuild: small-screen adjustments only. Desktop (980px and wider) is unchanged from the original site. */
@media only screen and (max-width: 979px) {
  section .inside { width: auto; padding-left: 15px; padding-right: 15px; }
  img { max-width: 100%; height: auto; }
  #header .logo { width: auto; max-width: 383px; height: auto; }
  #header .logo img { display: block; margin: 0 auto; }
  #menu .inside { height: auto; padding: 10px 5px; line-height: 26px; }
  #menu .inside a, #menu .inside span { margin: 0 8px; }
  #menu .inside #fatherPro { position: static; height: auto !important; }
  #menu .inside #productsId { height: auto !important; }
  #menu .inside .submenu { left: 0; right: 0; top: auto; width: auto; box-sizing: border-box; padding: 10px 0; line-height: 18px; }
  #menu .inside .submenu .row { overflow: hidden; }
  #menu .inside .submenu .item { width: 50%; box-sizing: border-box; padding: 8px 10px; }
  #menu .inside .submenu .item ul { padding-left: 15px; }
  .homepagebannerleft .text { width: auto; float: none; background: rgba(255,255,255,.88); padding: 10px 15px; font-size: 15px; }
  .categoriesslider .inside { width: auto; }
  .categoriesslider .inside .nav { display: none; }
  .categoriesslider .sliderwindow { height: auto; overflow: visible; margin-top: 25px; }
  .categoriesslider .slider { position: static; width: auto !important; height: auto; left: 0 !important; text-align: center; overflow: visible; }
  .categoriesslider .slider .item { float: none; display: inline-block; vertical-align: top; width: 150px; height: 170px; margin: 0 5px 15px; }
  .categoriesslider .slider .item .img { width: 150px; height: 135px; }
  .categorylist { text-align: center; }
  .categorylist .item { float: none; display: inline-block; vertical-align: top; margin: 25px auto 0; max-width: 100%; height: auto; }
  .categorylist .item.last { margin-right: auto; }
  .categorylist .item .img { float: none; max-width: 100%; }
  .categorylist .item span { float: none; box-sizing: border-box; width: 100%; height: auto; }
  section .inside .column, section .inside .columnright { width: auto; float: none; margin-right: 0; margin-bottom: 20px; }
  .youtubevideo { min-width: 0; }
  .youtubevideo .overlayPic img { max-width: 100%; }
  #howitworkslider .slider { margin-left: calc(50% - 460px); }
  #howitworkslider .inside .nav { left: 5px; bottom: 250px; z-index: 2; }
  #howitworkslider .inside .nav.right { left: auto; right: 5px; }
  #howitworkslider .slider .item div { width: 300px; margin-left: -150px; }
  #contact .inside .contactitem { word-break: break-word; }
  input, textarea { width: 100%; box-sizing: border-box; float: none; }
  input.first, textarea.first { margin-right: 0; }
  textarea { float: none; }
  input[type="submit"] { width: auto; margin-left: 0; float: none; display: block; margin: 0 auto; }
  #footermenu .item { width: 46%; margin-right: 4%; }
  #footermenu .item.last { margin-right: 0; }
  #footermenu .item ul { padding-left: 20px; }
  #footermenu .socialicon.facebook { margin-left: 20px; }
  #footer .inside { padding: 10px 15px; text-align: center; }
  #footer .inside a { float: none; display: block; margin-top: 5px; }
}