@media screen and (max-width:1199px) {
  #hamburger-menu {display: block;margin: 14px 10px;position:absolute;top:0px;right:0px;}
  .home .hamburger-inner, .home .hamburger-inner::before, .home .hamburger-inner::after {background-color: #e90009 !important;height:3px !important;}
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{height:4px;background-color: #fff;}
  .sidr {background: #101010;}

  #container, #head2 .container{width:100%;}
  #head2{display:none;}

  #home-main, #slogan-main{padding:0;height:auto;}
  #page #type-filtr .container{width:100%;}
  #page #chart .container{width:100%;}

  #head1 .container, #head1, #page3 #head1 .container, #page3 #head1{height:200px;}

  #page > .container{width:100%;}
  #page > .container{padding:0;}

  #contact-main{padding:0 2.5%;}
  #contact-main .container{width:100%;}
  #logo #title{}
  #logo #title img{width:100px;}

  #page h1, #contact-main .container > h2, #chart .container > h2, #news-main .container > h2{font-size:24px;padding:25px;}
  #contact-main .container, #chart .container, #news-main .container{background:#101010;}
  #page #chart{background:#101010;}

  #page div.content{padding:50px 2.5%;}

  #page #chart .by-rooms{display:none;}
  #page #chart .by-days{display:block;}
  #buttons-days{display:none;}

  #page2 #contact-main{padding:40px 2.5%;}

  #page #type-filtr li:hover{opacity:0.5;}
}


@media screen and (max-width:1024px) {
  #news-main .page.sub h2{text-align:center;}
  #news-main .page.sub .description{text-align:center;}
  #slogan-main #slogan .container, #home-main .container{width:90%;}

  #contact-main .container{width:100%;}
  .charts .hours{display:none;}
  #page #chart .empty{display:none;}
  .charts .day-container{width:100%;}
  #page #chart .by-days ul{margin:20px auto;float:none;}
  #page #chart .empty{display:none !important;}


  #page-6.pages-list .page{height:300px;}
  #page-6.pages-list .page h2{font-size:18px;}
  .images-3 li{height:250px;}
  .images-1{width:100%;}


  #slogan-main #slogan .container{font-size:24px;}
}


@media screen and (max-width:800px) {
  #news-main .container{width:100%;}
  #contact-main .left, #contact-main .right{width:100%;}
  #slogan-main #slogan .container, #home-main .container{font-size:24px;}

  #page h1, #contact-main .container > h2, #chart .container > h2, #news-main .container > h2{padding:30px;font-size:24px;}
  #page-6.pages-list .page{width:49%;}
  .images-3 li{width:49%;}
  #page-8.pages-list .page{width:49%;margin:0.5%;}

  .pages-list .page{width:100%;padding:0;}
  .pages-list .page .image{width:100%;text-align: center}
  .pages-list .page .date{float:none;width:100%;padding-top:10px;clear:both;}
  .pages-list .page .title{padding:0 2.5%;text-align:center;}
  .pages-list .page .description{padding:0 2.5%;text-align:center;}
}

@media screen and (max-width:640px) {
  #benefit div{width:100% !important;display:block;height:auto;padding:20px;}
  #cennik{width:100%;}
}


@media screen and (max-width:580px) {
  #page-6.pages-list .page{height:250px;}
  .images-3 li{height:250px;}

  #page h1, #contact-main .container > h2, #chart .container > h2, #news-main .container > h2{font-size:18px;}
  .pages-list .title{font-size:18px;}
  .pages-list div.description{font-size:14px;}

  #news-main .slick-slider{margin-top:10px;}
  #news-main{padding-bottom:10px;}


  /*
  CONTACT STYLES
   */
  #page3 #contact-main .description{width:100%;text-align:center;}
  #contact-main .container > h2{margin-bottom:10px;}
  #page2 #page div.content{width:100%;padding:10px 2.5%;}
  #page2 #contact-main{width:100%;padding-top:10px;}
  .form-full{width:100%;margin-top:0px;}
}

@media screen and (max-width:480px) {
  #page-6.pages-list .page{width:100%;}
  #page-6.pages-list .page h2{font-size:24px;}
  .images-3 li{width:100%;}
  #page-8.pages-list .page{width:100%;}

  #cennik td, #cennik th{font-size:14px !important;font-weight:400;}

  #slogan-main #slogan .container, #home-main .container{font-size:16px;}
  #page h1, #contact-main .container > h2, #chart .container > h2, #news-main .container > h2{font-size:16px;letter-spacing:3px;}
}

@media screen and (max-width:420px) {
  #cennik td, #cennik th{padding:10px 5px;}
}

@media screen and (max-width:370px) {
  #cennik td, #cennik th{font-size:12px !important;}
}