@media only screen and (max-width: 1100px) {
  #top-bar-green h3 {
    display: none;
  }
  
  #zalety-wrap {
    width: 50%;
    left: 40px;
  }
  
  #content-wrap {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
}


@media only screen and (max-width: 900px) {
    #menu {
     display: none;
    }
    
    .top-bar {
      background: #fff;
      height: 120px;
    }
    
    .top-bar-minus {
      height: auto !important;
    }
    
    .top-bar-minus #top-bar-phone-wrap {
       padding-top: 2px;
    }
    
    .mob-menu-header-holder {
      top: 46px !important;
      width: 60px !important;
      z-index: 99998 !important;
    }

    .mob-menu-logo-holder .headertext {
      display: none;
    }
    
    .show-nav-right .mobmenu-panel.show-panel {
        z-index: 99999;
    }

  .mobmenur-container {
    position: absolute;
    top: 21px !important;
  }
  
  .mobmenur-container i {
    color: #000000 !important;
  }
      
  .mob-icon-menu:before {
    font-size: 34px !important;
  }
  
  .mobmenu-content li a {
    padding: 14px 20px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #4a4a4a;
    font-weight: 700 !important;
  }
  
    .mobmenu-content li:last-child a {
      border: none;
    }
  
  .mobmenu-right-panel {
   background: #000000 url(img/diamond-menu.png) repeat !important;
  }
  
  .mob-cancel-button {
    top: 10px;
    right: 10px;
  }
  
  .produkt-cnt {
    width: 40%;
    padding: 20px 4.8%;
  }
  
  .section-title h2 {
    font-size: 2.200em;
    }
    
  .section-title h3 {
    font-size: 1.400em;
  }
  
  #footer-top h3 {
    margin: 0 0 8px 0;
    width: 100%;
    font-size: 1.4em;
  }
  
  #foote-btn-wrap {
    float: none;
  }
  
    
  #footer-img {
    width: 40%;
    margin: 0;
    margin-left: 30%;
    float: none;
    border-right: none;
    text-align: center;
  }
  
  #footer-img img {
    max-width: 180px;
  }


    #footer-right {
    width: 30%;
    margin: 0 5% 0 6%;
    padding: 0;
    float: right;
    }
  
    
  #footer-left {
    width: 60%;
    margin: 0;
    padding: 20px 20% 30px 20%;
    float: none;
    border-right: none;
    text-align: center;
  }

  #footer-center {
    width: 46%;
    margin: 0 6% 0 5%;
    padding: 0;
    border-right: 1px solid #363636;
    }
    
    #footer-right {
    width: 30%;
    margin: 0 5% 0 6%;
    padding: 0;
    float: right;
    }
      
}

@media only screen and (max-width: 780px) {
   .top-bar-phone + .top-bar-phone {
    display: none;
  }
  
  .top-bar-minus .top-bar-phone + .top-bar-phone {
    display: inline-block;
  }
  
  .top-bar-minus .top-bar-phone {
    font-size: 1em;
    font-weight: 700;
  }
  
   #front-onas-cnt {
    width: 96%;
    padding: 0 2%;
    float: none;
    text-align: center;
    margin: 0;
  }
  
  #front-onas-cnt-btn .button {
    margin-left: auto;
    margin-right: auto;
  }
  
  #front-onas-img {
    display: none;
  }
  
  
  #front-products-slider {
    padding-top: 0;
  }

  #front-products-slider-bck {
    display: none;
  }
  
   .lw-section .lw-section-33-1,
   .lw-section .lw-section-33-2,
   .lw-section .lw-section-33-3,
   .lw-section .lw-section-22-1,
   .lw-section .lw-section-22-2,
   .lw-section .lw-section-31-1,
   .lw-section .lw-section-31-1,
   .lw-section .lw-section-31-2,
   .lw-section .lw-section-13-1,
   .lw-section .lw-section-13-2 {
      width: 100%;
      float: none;
      margin: 0 0 18px 0;
      padding: 0;
   }

   #lw-main-title {
    font-size: 1.8em;
    margin-bottom: 8px;
    padding-bottom: 8px
    }
    
    #lw-sub-title {
      font-size: 1.2em;
    }
    
    .lw-section-flex  .lw-section-33-flex {
      flex: none;
      width: 90%;
      padding: 24px 5%;
      margin-bottom: 34px;
    }
    
    #left-content,
    #sidebar {
      width: 96%;
      float: none;
      margin: 0 2% 10px 2%;
    }
    
    #left-content {
      padding-bottom: 30px;
    }
    
    #front-zalety .section-title h3 {
        width: 100%;
        margin-bottom: 20px;
    }
    
    #zalety-wrap {
      padding: 40px 10% 10px 10%;
      width: 60%;
      left: 10%;
      margin-left: 0;
    }
    
    .pulse-wrap .circle {
      display: none;
    }
    
    #obszar-cnt {
        width: 90%;
        margin-left: 5%;
    }
    
    #contact-wrap-left {
      width: 90%;
      float: none;
      margin: 0 0 0 5%;
    }
    
    #contact-wrap-right {
      width: 80%;
      float: none;
      margin: 5%;
    }
    
    .onas-box  .lw-section-33-flex + .lw-section-33-flex {
      margin-left: 0;
    }
    
    #content-wrap {
        padding: 0 30px 0 30px;
    }


}


@media only screen and (max-width: 548px) {
    
    .top-bar {
      background: #fff;
      height: 100px;
    }
    
    .top-bar-minus {
      height: auto !important;
    }
    
    #logo-top {
      max-width: 170px;
      height: auto;
  }
  
  #logo-top img {
    width: 100px;
    height: auto;
    padding: 14px 14px;
    padding-bottom: 22px;
  }
  
  .mob-menu-header-holder {
    top: 38px !important;
  }
  
  #front-zalety {
    background-size: auto 100%;
  }
  
    #front-zalety .section-title h2 {
        font-size: 1.8em;
        text-align: center;
    }
    
    #front-zalety .section-title h3 {
        font-size: 1.4em;
        text-align: center;
    }
  
    #zalety-wrap {
      padding: 50px 10% 10px 10%;
      width: 70%;
      left: 5%;
    }
    
    .page-top-image {
      background-attachment: scroll !important;
    }
    
    .page-top-image .group {
        height: 250px;
        position: relative;
    }
    
    .page-top-image .group .page-main-title {
        font-size: 2.800em;
        font-weight: 700;
        position: relative;
        margin-bottom: 30px;
        color: #fff;
        top: 120px;
    }
    
    #top-img-bck .group h1 {
      position: relative;
      top: 40px;
    }

}


@media only screen and (max-width: 480px) {
    #top-bar-phone-wrap {
     margin-right: 14px;
    }
    
        
    .top-bar-minus #top-bar-phone-wrap {
       padding-top: 4px;
    }
    
    .top-bar-phone {
    font-size: 0.9em;
    padding-left: 20px;
    }
    
  .top-bar-phone:before {
    top: 0px;
    width: 16px;
    }
    
    #footer-top {
      padding: 10px 0;
    }
    
  #footer-top h3 {
    margin: 0;
    }
    
  #footer-bottom {
    margin-top: 0;
    padding-top: 20px;
  }
  
  #footer-left {
    width: 90%;
    margin: 0;
    padding: 20px 5% 20px 5%;
  }
  
    #footer-center {
    width: 90%;
    margin: 0 5% 0 5%;
    padding: 0 0 40px 0;
    border-right: none;
    float: none;
    text-align: center;
    }
    
    #footer-right {
    width: 90%;
    margin: 0 5%;
    padding: 0;
    float: none;
     text-align: center;
    }
    
    #footer-owner, #footer-creator {
      display: block;
      float: none;
      text-align: center;
    }
    
    .textwidget .place, .textwidget .hours {
        display: inline-block;
    }
    
    #contact-wrap-left {
        width: 98%;
        margin: 1%;
    }
    
    #contact-wrap-right {
        width: 88%;
        margin: 1%;
    }
    
    .contaxt-box-ico {
      max-width: 80px;
    }
    
    #formularz {
    padding: 40px;
    }
        
    #front-zalety .group {
        height: 910px;
    }

    
}