@media screen and (min-width: 481px) {

  .header-mobile,
  .footer-mobile {
    display: none;
  }

  .sf-arrows > li > a.sf-with-ul:after {
      border-top-color: #ffcc65 !important;
  }

  .sf-arrows ul .sf-with-ul:after {
    border-left-color: #ffcc65 !important;
  }

  .info-rzetelna {
    margin-top: 60px;
    margin-bottom: -60px;
    border: 1px solid #CCCCCC;
    width: 200px;
    margin-left: 4px;
    padding-bottom: 4px;
    box-shadow: 0 4px 8px -2px grey;
    -moz-box-shadow: 0 4px 8px -2px gray;
    -webkit-box-shadow: 0 4px 8px -2px grey;
    position: relative;
    text-align: center;
  }
  .koszykzakupowy {
    margin-top: 30px;
    margin-bottom: -30px;
    border: 1px solid #CCCCCC;
    width: 200px;
    margin-left: 4px;
    padding-bottom: 10px;
    box-shadow: 0 4px 8px -2px grey;
    -moz-box-shadow: 0 4px 8px -2px gray;
    -webkit-box-shadow: 0 4px 8px -2px grey;
    position: relative;
    text-align: center;
  }

  .count {
    border-radius: 50%;
    left: +0.2em;
  }

  .koszykzakupowy h2 {
    font-weight: normal;
    font-family: arial, Sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #414040;
    background: #FFD466;
    margin-top: 0;
    padding: 6px;
    text-align: left;
  }

  .koszykzakupowy p {
    text-align: center;
  }

  .koszyk {
    font-size: 2.5em !important;
  }

}

@media screen and (max-width: 480px) {
  div.header,
  .swieta,
  .swieta1,
  .nad-menu,
  .footer,
  .menu {
    display: none;
  }

  .arkusz {
    width: 100%;
    margin-top: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: white;
    float: left;
  }

  .menugora {
      display: none;
      width: 100%;
      height: inherit;
      float: left;
  }

  .menugora ul {
    height: inherit;
    margin: 0;
    padding: 0;
    float: left;
  }

  .menugora li {
    width: 48.3%;
    margin: 0.5% 0.5% 0.5%;
    padding: 4px 0;
  }

  .header-mobile {
    width: 100%;
    float: left;
  }

  .info-logo {
    float: left;
    width: 60%;
  }
  .info-qrcode {
    float: right;
    width: 40%;
  }

  img.qrcode {
	width: auto;
	height: 100%;
  }
  img.logo {
      height: auto;
      width: 100%;
  }

  img { max-width: 100%; }

  .info-rzetelna {
      width: 100%;
      text-align:center;
  }

  .info-baner {
      width: 100%;
  }

  .info-baner iframe.bannertop {
      width: 100%;
      max-height: 100px;
  }

  .rzetel > img {
  }

  /* ############################# OKNO ZAMOWIENIA ########################### */

  #zamowienie {
    height: 100% !important;
  }

  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width: 100% !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    overflow-y: scroll;
  }

  /* ############################# MENU ########################### */

  div.menu {
    width: 100% !important;
    float: left;
    margin-bottom: 12px !important;
  }

  ul#menu {
    width: 100% !important;
    margin: 0 !important;
    background: none !important;
    background-color: #333333 !important;
    padding: 0 !important;
    height: auto !important;
    touch-action: none !important;
  }

  ul#menu li,
  ul#menu>li:first-child,
  ul#menu li:nth-child(4),
  ul#menu li:nth-child(7) {
    width: 100% !important;
    border-left: none;
    margin-left: 0;
    padding: 5px 0px;
  }

  .sf-arrows > li > .sf-with-ul:after {
    border-top-color: #ffd466;
    border-top-color: rgb(255, 212, 102) !important;
  }

  .sf-arrows ul .sf-with-ul:after {
    border-left-color: #ffd466;
    border-left-color: rgb(255, 212, 102) !important;
  }

  .fa {
    font-size: 18px;
  }

  .mm-iconbar__top {
    font-size: 16px;
  }

  .mm-iconbar__top .mcount {
    padding: 0;
    font-size: 0.6em !important;
    left: 1em !important;
    top: -2em !important;
  }

  .mcount:before {
    padding-left: 0.5em !important;
  }

  .mcount:after {
    padding-right: 0.5em !important;
  }

  input#words {
    float: left;
  }

  input[type="image"] {
    padding-left: 5px;
  }

  /* ######################## MAIN czyli CONTENT ######################## */

  div.main {
    width: 98%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
  }

  div.content {
    width: 100%;
    float: left;
    padding-left: 0;
    border-right: none !important;
    padding-right: 0 !important;
  }

  form.szukaj {
    display: none;
    /* display: block;
    float: left !important;
    margin-bottom: 20px;
    margin-left: 0;
    width: 99% !important;
    padding: 0; */
  }

  form.szukaj > div {
    max-width: 100%;
    padding: 13px;
  }

  form.szukaj input#words {
    width: 60%;
  }

  .koszykzakupowy {
    float: left;
    display: none;
  }

  div.right {
    margin-top: 0;
    float: left;
    padding-left: 0;
    width: 100%;
  }

  div.right > div {
    width: 100%;
  }

  div.right div h2 {
    text-align: center;
  }

  div.right div ul {
    margin: 0 auto;
  }

  .main .left {
    width: 100%;
    border-right: none !important;
    float: left;
    padding: 0;
  }

  .main .content.middle {
    width: 100%;
    float: left;
  }

  .produkt .gal {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .produkt .galeria,
  .produkt #nav {
    margin: 0 auto;
  }

  .handlowiec,
  .realizacje,
  .cell {
    float: left;
    width: 100%;
  }

  table.cennik {
    word-wrap: break-word;
    word-break: break-all;
  }

  /* ######################## FOOTER ######################## */

  div.foot {
    width: 100%;
    float: left;
  }

  .footer-mobile {
    width: 100%;
    float: left;
  }

  table.card {
    border-spacing: 10px;
    overflow: hidden;
  }

  .card td.telefony {
    border-left: 0;
    padding-left: 0;
  }

}