/* Responsive overrides — only applied on narrow viewports.
   Desktop layout (css/stile.css, fixed 943px) is left untouched. */
@media screen and (max-width: 980px) {
  html {
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
  }
  #main_wrapper,
  #header,
  #wrapper,
  #left_div,
  #mid_div,
  #right_div,
  #testo,
  #top_line,
  #footer,
  #footer div {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    position: static !important;
  }
  #main_wrapper { padding: 0 !important; }
  #header img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
  #left_div ul { width: 100% !important; padding: 0 !important; }
  #left_div ul li { width: auto !important; margin: 0 !important; }
  #left_div ul li a { width: auto !important; }
  #mid_div { padding: 12px !important; text-align: left !important; }
  #mid_div p img { float: none !important; display: block; margin-bottom: 8px; }
  #top_line { height: 18px !important; }
  #footer div { padding: 12px !important; }
  #footer img { max-width: 100% !important; height: auto !important; }
  #dog1, #dog2 { display: none !important; }
  img, ins, video, iframe, embed, object, table, .tablecasino {
    max-width: 100% !important;
    height: auto !important;
  }
  .tablecasino { box-shadow: none !important; }
  .tabella { box-sizing: border-box; width: 100% !important; }
}

@media screen and (max-width: 600px) {
  #mid_div p,
  #mid_div p a,
  #left_div ul li,
  #left_div ul li a { font-size: 15px !important; }
}