@media screen and (max-width: 1200px) {
  header .banner img {
    width: auto;
    height: auto;
  }
  header .main-menu ul li a {
    padding: 20px 35px;
  }
  .hp main .content article .recommended-products .product {
    min-height: 191px;
  }
  footer .footer-top .loga a {
    margin: 0;
    width: 48%;
  }
  footer .footer-top .loga img {
    max-width: 100%;
  }
  main .content .categories a {
    padding: 0 15px;
  }
  .detail main .content .product-detail .product-gallery .buttons a {
    padding: 15px 0;
  }
  .detail main .content .product-detail .product-gallery .buttons a.save-image {
    padding: 29px 0;
    padding-left: 80px;
    vertical-align: top;
  }
  .detail main .content .product-detail .product-gallery .buy-it a {
    background: url(/frontend/images/cart-ico.png) 36% center no-repeat;
  }
  .person {
    min-height: 360px;
  }
}
@media screen and (max-width: 992px) {
  /* Slide mobile menu */
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html,
  body {
    height: 100%;
    width: 100%;
    background: #e4e4e4;
    font-size: 18px;
  }
  a.mobile-menu {
    display: block;
    position: absolute;
    top: 30px;
    z-index: 1;
    font-size: 40px;
    color: #2a2928;
    cursor: pointer;
    text-decoration: none;
    transition: right 0.2s;
    left: 15px;
  }
  .siteWrap {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    background: #fff;
    transition: left 0.2s;
  }
  .siteWrap.display {
    left: 60%;
  }
  .static-banner h1 {
    font-size: 29px;
    padding: 20px 0;
    line-height: 1.3;
  }
  main .content article,
  .hp main .content article {
    padding: 30px 0;
  }
  header #home-link {
    position: static;
    text-align: center;
    padding: 30px 0 30px 60px;
  }
  header #home-link img {
    height: auto;
  }
  header ul.info-box {
    padding: 0 0 10px 0;
    text-align: center;
    margin: 0;
    height: initial;
  }
  header .main-menu {
    position: absolute;
    left: -60%;
    width: 59.8%;
    top: 0;
    padding: 0;
    z-index: 99;
    overflow: hidden;
    background: none;
  }
  header .main-menu .container {
    width: 100%;
    padding: 0;
  }
  header .main-menu img {
    width: auto;
    max-width: 100%;
  }
  header .main-menu.display {
    width: 60%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    list-style: none;
    background: #048589;
    padding: 20px 0;
    text-transform: uppercase;
    display: block;
    transition: left 0.2s;
  }
  header .main-menu li.homeIcon a {
    padding: 20px;
  }
  header .main-menu ul,
  header .main-menu > ul > li:hover ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    display: block;
    background: #eae6e6;
  }
  header .main-menu ul li ul {
    position: static;
  }
  header .main-menu > ul > li:hover ul {
    position: static;
    background: transparent;
  }
  header .main-menu ul li ul li {
    position: static;
  }
  header .main-menu ul li ul li a,
  header .main-menu ul li ul li.active a {
    padding: 15px 40px;
    font-size: 20px;
  }
  header .main-menu ul li {
    width: 100%;
    font-size: 13px;
    padding: 0;
    margin: 0;
    background: none;
    display: block;
  }
  header .main-menu ul li a {
    display: block;
    color: #2b2a29;
    font-size: 16px;
    text-decoration: none;
    padding: 22px 20px;
    font-weight: 600;
    background: none;
    text-align: left;
    border-bottom: 1px solid #e4d9d9;
  }
  header .main-menu > ul > li > a {
    font-weight: 500;
  }
  header .main-menu li a:hover {
    background: #aaa;
    text-decoration: underline;
    color: #fff;
  }
  main .content {
    text-align: center;
  }
  main .content .floatBox .row {
    text-align: center;
    display: inline-table;
    width: 100%;
  }
  main .content .floatBox .row h2 {
    margin-top: 10px;
  }
  main .content .floatBox .row h3 {
    margin-top: 10px;
  }
  main .content .floatBox .row .imgBox {
    display: table-header-group;
  }
  main .content .floatBox .row .textBox {
    display: table-footer-group;
  }
  main .content ol {
    padding: 0 20px;
    list-style-type: none;
  }
  main .content ol li {
    padding: 4px 0;
    border-bottom: 1px solid #f5f0f0;
  }
  main .content ol li:last-child {
    border: none;
  }
  main .content .categories li {
    display: block;
    background: none;
    padding: 5px 0;
  }
  footer {
    text-align: center;
    font-size: 17px;
  }
  footer .iframeWrapper {
    text-align: center;
  }
  footer ul.footer-menu {
    display: none;
    text-align: center;
  }
  footer ul.footer-menu li {
    display: block;
  }
  footer .footer-top {
    font-size: 18px;
  }
  footer .footer-top .logo {
    margin: 0 0 20px 0;
  }
  footer .footer-top .loga {
    padding-top: 20px;
  }
  footer .footer-top .loga a {
    display: block;
    width: auto;
    text-align: center;
    padding: 15px 0;
  }
  main .content .floatBox .row .imgBox img {
    margin-bottom: 20px;
  }
  .detail main .content .product-detail .product-gallery .buttons a {
    display: block;
    padding: 20px 0;
  }
  .detail main .content .product-detail .product-gallery .buttons a.save-image {
    background: url(/frontend/images/download-ico.png) 20px center no-repeat;
    padding: 20px 0;
    padding-left: 70px;
    border-bottom: 1px solid #5edce6;
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  main .content {
    font-size: 15px;
    /*.floatBox { 
				.row { 
					width: auto;

					table { width: auto; }					
				}
			}*/
  }
  main .content h1 {
    font-size: 22px;
    padding: 0;
    line-height: 1.3;
  }
  main .content h2 {
    font-size: 20px;
    line-height: 1.3;
  }
  main .content .photoGallery .photoGalleryItems .item {
    width: 50%;
  }
  main .content table.cenikTable {
    border: none;
  }
  main .content table.cenikTable tr {
    background: none;
  }
  main .content table.cenikTable tr td {
    display: block;
    margin: 10px 0;
    border: 1px solid #eee;
  }
  main .content table.cenikTable tr td:first-child {
    font-weight: bold;
    background: #eee;
  }
  main .content table.downloadTable {
    border: none;
  }
  main .content table.downloadTable tr {
    background: none;
  }
  main .content table.downloadTable tr td {
    display: block;
    margin: 10px 0;
    border: 1px solid #eee;
  }
}
@media screen and (max-width: 500px) {
  header #home-link img {
    width: 60%;
    height: auto;
  }
  header a.mobile-menu {
    top: 0;
    left: 15px;
  }
  header ul.info-box {
    text-align: center;
    padding-top: 10px;
    font-size: 15px;
  }
  header ul.info-box li {
    text-align: center;
    display: inline-block;
    padding: 10px 0 8px 0;
  }
  header ul.info-box li.fb {
    background: none;
    padding-bottom: 0;
    /*position: absolute; top: 50%; z-index: 999; left: 15px; margin-top: -26px;*/
    display: block;
  }
  header ul.info-box li:after {
    display: none;
  }
  header .main-menu ul li a {
    padding: 15px;
  }
  main .content {
    font-size: 14px;
  }
  main .content h1 {
    font-size: 20px;
    padding: 0;
    line-height: 1.3;
  }
  main .content h2 {
    font-size: 18px;
    line-height: 1.3;
  }
  main .content .photoGallery .photoGalleryItems .item {
    width: 100%;
  }
  footer .iframeWrapper {
    max-width: 100%;
    overflow: hidden;
  }
}