/* === 5iops.com responsive override v1 === */

@media screen and (max-width: 768px) {
  body { min-width: auto !important; }
  .body-top, .body-bottom { width: 100% !important; }
  .wrapper, .main, .content, #content { width: 100% !important; max-width: 100% !important; box-sizing: border-box; padding: 0 10px !important; }
  .sidebar, .col-right, .aside { float: none !important; width: 100% !important; margin: 0 !important; }
  .col-left, .main-content { float: none !important; width: 100% !important; }
  img { max-width: 100% !important; height: auto !important; }
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .nav, .navigation, .menu { overflow-x: auto; white-space: nowrap; }
  .nav a, .navigation a { padding: 6px 10px !important; font-size: 14px !important; }
  #header, .header { width: 100% !important; }
  #footer, .footer { width: 100% !important; }
  .hide-mobile { display: none !important; }
  .show-mobile { display: block !important; }
  /* PHPCMS specific */
  .pad-10, .pad-15 { padding: 5px !important; }
  .box, .category-list { width: 100% !important; box-sizing: border-box; }
  input[type="text"], input[type="search"] { max-width: 100% !important; box-sizing: border-box; }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .wrapper, .main { width: 96% !important; }
  #header, .header { width: 100% !important; }
}