.slicknav_menu{
  background:#000;
  display:none;
  position:fixed;
  top:70px;
  width:100%;
  z-index:9999;
}
.slicknav_btn{ background:#000; }
.slicknav_menu .slicknav_icon-bar{ background-color:#D33E53; }
.slicknav_menu .ytb, .slicknav_menu .fbk{ display:none; }
@media screen and (min-width:999px){
  #repertuar table.barak-only,
  #repertuar table.vod-only{ display:none; }
}
@media screen and (max-width:998px){
  body{
    height:auto !important;
    overflow:hidden;
  }
  body.touch-supported #hidden-wrapper{ display:block !important; }
  body.slicknav_open{ height:100% !important; }
  body.slicknav_open .slicknav_nav, body.slicknav_open .slicknav_nav ul{
    background:#000;
    height:100%;
    list-style:none;
    overflow:auto;
    padding-left:0;
    padding-right:0;
    padding-top:0;
    position:relative;
  }
  body.slicknav_open .slicknav_menu{
    background:#000;
    display:block;
    height:calc(100% - 68px);
    overflow:auto;
    padding-bottom:68px;
    position:relative;
    z-index:9999;
  }
  body.slicknav_open .slicknav_menu .selected > a{
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    background-color:#CE4455 !important;
    border-radius:6px;
  }
  nav > ul.main-menu{ display:none; }
  .container a:link, .container a:visited{
    color:#ce4455;
    text-decoration:none;
  }
  .container a:active, .container a:hover{ color:#000; }
  .slicknav_menu{ display:block; }
  .container{
    min-height:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    width:calc(100% - 36px);
  }
  .container{ width:calc(100% - 36px); }
  .grid{
    margin-left:0 !important;
    width:100% !important;
  }
  .push{ height:10px; }
  .grid > .inner{ margin-left:-18px !important; }
  .pagination{ position:relative; }
  .pagination a:link, .pagination a:visited{
    color:#000 !important;
    font-weight:bold;
    text-transform:uppercase;
  }
  .pagination a:active, .pagination a:hover{ color:#CE4455 !important; }
  .pagination .pages{
    color:#CE4455;
    font-weight:bold;
    left:50%;
    margin-left:-27.5%;
    padding:0;
    position:absolute;
    top:0;
    width:55%;
  }
  .pagination .prev{
    position:absolute;
    left:0;
    text-align:left;
    top:0;
    width:20%;
  }
  .pagination .next{
    position:absolute;
    right:0;
    text-align:right;
    top:0;
    width:20%;
  }
  .pagination .separator,
  .pagination .last,
  .pagination .first,
  .pagination .pages-indicator{ display:none; }
  .visible-desktop{ display:none !important; }
  .hidden-desktop{ display:block !important; }

  #logo{
    margin-left:18px;
    left:0;
    top:0;
  }
  #wrapper{ padding-top:117px; }
  #banner{
    margin:0 auto 18px;
    width:100%;
  }
  #banner img{
    height:auto;
    margin:0 auto;
    width:100%;
  }
  #cookie-bar{ height:auto !important; }
  #repertuar #controls{
    margin-left:-2px !important;
    width:calc(100% - 2px) !important;
  }
  #repertuar #controls ul{
    left:0 !important;
    width:100%;
  }
  #repertuar #controls li.drop-down-parent{
    display:block;
    float:left;
    margin-left:20px;
    padding:3px 0 3px 0 !important;
    position:relative;
    text-align:center;
    width:calc(50% - 25px) !important;
  }
  #repertuar #controls li{ padding-right:0; }
  #galeria #controls{
    margin-left:-2px !important;
    width:calc(100% - 2px) !important;
  }
  #galeria #controls ul{
    left:0 !important;
    width:100%;
  }
  #galeria #controls li.drop-down-parent{
    display:block;
    float:left;
    margin-left:20px;
    padding:3px 0 3px 0 !important;
    position:relative;
    text-align:center;
    width:calc(50% - 25px) !important;
  }
  #galeria #controls li{ padding-right:0; }

  #front .grid-8.inner{ width:auto !important; }
  #front h2.grid-8{ width:calc(100% - 18px) !important; }
  #aktualnosci,
  #other,
  #spektakl.details.archive{ padding-top:20px !important; }
  #aktualnosci .grid-6 article div{ width:100% !important; }
  #aktualnosci .latest{ display:none; }
  #front li.grid-4,
  #repertuar .spectacle-list li.grid-4,
  #galeria .spectacle-list li.grid-3,
  #other .grid-4{ width:calc(50% - 18px) !important; }
  #front ul img,
  #repertuar ul.spectacle-list img{
    display:block;
    height:auto;
    margin:0 auto;
    width:100% !important;
  }
  #galeria ul.grid img{
    display:block;
    height:auto;
    margin:0 auto;
    width:100% !important;
  }
  #front .news-list{
    margin-top:40px;
    width:calc(100% + 18px) !important;
  }
  #front .news-list .grid-4,
  #zespol .grid-4{ width:calc(100% - 18px) !important; }
  #front .front-news li.grid-4{ width:100% !important; }
  #front .front-news li.grid-4.last{ border-bottom:0; }
  #aktualnosci .grid,
  #repertuar .grid,
  #repertuar .grid,
  #spektakl .grid,
  #other .grid{
    margin-left:-18px !important;
    width:calc(100% + 18px) !important;
  }
  #aktualnosci .grid-8, #aktualnosci .grid-12{ width:calc(100% - 18px) !important; }
  #aktualnosci .grid-8 a:link, #aktualnosci .grid-8 a:visited{ color:#ce4455; }
  #aktualnosci .grid-8 a:active, #aktualnosci .grid-8 a:hover{ color:#000; }
  #aktualnosci .grid-8 article{ padding:25px 0; }
  #aktualnosci .list img{ display:none; }
  #aktualnosci .grid-8.list .text{
    float:none !important;
    margin-top:20px;
    width:auto !important;
  }
  #repertuar,
  #galeria,
  #spektakl{ padding:20px 0 18px; }
  #spektakl.details{ padding-top:90px !important; }
  #repertuar .brakeline,
  #galeria .brakeline{ border-bottom:0 !important; }
  #repertuar .grid-8{ width:calc(100% - 18px) !important; }
  #repertuar .grid-3,
  #galeria .grid-3{ width:calc(100% - 18px) !important; }
  #repertuar h1{
    border-bottom:1px solid #aba9a8;
    margin-bottom:20px;
  }
  #repertuar table{ position:relative; }
  #repertuar table th,
  #repertuar table td{ background:none; }
  #repertuar table thead th span,
  #repertuar table thead td span{
    background:url("/static/img/sprite.png") right -100px no-repeat;
    display:block;
    height:51px;
    position:absolute;
    right:10px !important;
    top:0 !important;
    width:62px;
  }
  #repertuar table tr.with-data td{
    background:#CECECE;
    border-bottom:4px solid #FFF;
  }
  #repertuar table.wspolczesny-with-barak thead th.wspolczensy span{ background-position:right -100px; }
  #repertuar table.barak-only thead th.barak span,
  #repertuar table.vod-only thead th.barak span{
    background-position:right -155px;
    top:5px !important;
  }
  #repertuar table.barak-only,
  #repertuar table.vod-only{ margin-top:40px; }
  #repertuar table.wspolczesny-with-barak .barak,
  #repertuar table.wspolczesny-with-barak .vod{ display:none; }
  #repertuar table.barak-only .date,
  #repertuar table.vod-only .date,
  #repertuar table.wspolczesny-with-barak .date{ width:15%; }
  #repertuar table.wspolczesny-with-barak .wspolczesny{ width:20%; }
  #repertuar .grid-12,
  #other .grid-12{ width:calc(100% - 18px) !important; }
  #repertuar .grid-12.spectacle-list{
    margin-left:0 !important;
    width:100% !important;
  }
  #repertuar .grid-12 table{ width:100% !important; }
  #repertuar .pagination.grid-12{
    margin-left: 0 !important;
    padding-bottom:20px !important;
    width:100% !important;
  }
  #repertuar .pagination .grid-4{ width:calc(33.3333% - 18px) !important; }
  #repertuar .pagination .grid-6{ width:calc(50% - 18px) !important; }
  #repertuar .spectacle-list li.grid-4{ height:400px; }
  #repertuar .spectacle-list .more{
    border:0 none !important;
    color:#CE4455;
    display:block;
    float:none;
    margin-bottom:20px !important;
    margin-top:-10px !important;
    text-align:left;
    width:auto !important;
  }
  #repertuar .spectacle-list .latest-shows-box,
  #repertuar .spectacle-list .latest-shows-box h4{ width:100% !important; }
  #repertuar .spectacle-list .latest-shows-box h4{ margin-top:5px; }
  #repertuar .spectacle-list li.grid-4.last{ border-bottom:0 !important; }
  #repertuar li.grid-4 p{ max-height:auto; }
  #repertuar #search{
    float:right;
    margin-top:-27px;
  }
  #repertuar #search-input,
  #repertuar #search button{
    height:25px;
    line-height:25px;
    vertical-align:middle;
  }
  #repertuar .online-spectacle-list{
    padding-left:18px !important;
    width:100% !important;
  }
  #repertuar .online-spectacle-list .grid-4{ width:calc(50% - 18px) !important; }
  #repertuar .online-spectacle-list .online-spectacle-wrapper{ min-height:500px; }
  #galeria .grid-12.spectacle-list{
    margin-left:0 !important;
    width:100% !important;
  }
  #galeria .grid-12 table{ width:100% !important; }
  #galeria .pagination.grid-12{
    margin-left: 0 !important;
    padding-bottom:20px !important;
    width:100% !important;
  }
  #galeria .pagination .grid-4{ width:calc(33.3333% - 18px) !important; }
  #galeria .pagination .grid-6{ width:calc(50% - 18px) !important; }
  #galeria .spectacle-list li.grid-4{ height:400px; }
  #galeria .spectacle-list .more{
    border:0 none !important;
    color:#CE4455;
    display:block;
    float:none;
    margin-bottom:20px !important;
    margin-top:-10px !important;
    text-align:left;
    width:auto !important;
  }
  #galeria .spectacle-list .latest-shows-box,
  #galeria .spectacle-list .latest-shows-box h4{ width:100% !important; }
  #galeria .spectacle-list .latest-shows-box h4{ margin-top:5px; }
  #galeria .spectacle-list li.grid-4.last{ border-bottom:0 !important; }
  #galeria li.grid-4 p{ max-height:auto; }
  #galeria #search{
    float:right;
    margin-top:-27px;
  }
  #galeria #search-input,
  #galeria #search button{
    height:25px;
    line-height:25px;
    vertical-align:middle;
  }
  #rep_arch .grid-12{
    margin-left:0 !important;
    width:100% !important;
  }
  #rep_arch li.grid-4{
    height:auto !important;
    padding-bottom:25px;
    width:calc(50% - 18px) !important;
  }
  #rep_arch .grid-4 img{
    height:auto !important;
    width:100% !important;
  }
  #spektakl .grid-3{ width:calc(100% - 18px) !important; }
  #spektakl .grid-9 .grid-4{
    margin-left:0 !important;
    width:100% !important;
  }
  #spektakl .grid-9 .grid-4 img{ max-width:100% !important; }
  #spektakl .grid-12{ width:calc(100% - 18px) !important; }
  #spektakl .grid-9{
    margin-left:18px !important;
    width:calc(100% - 18px) !important;
  }
  #spektakl ul.info{ margin-right:0; }
  #spektakl .column,
  #other .column{
    float:none !important;
    width:100% !important;
  }
  #spektakl .column.last,
  #zespol .column.last,
  #other .column.last{ margin-left:0 !important; }
  #spektakl .column .grid-6.inner{ width:calc(100% - 18px) !important; }
  #spektakl .column .grid-6.inner .grid-3{
    border-bottom:0;
    margin-bottom:10px;
    width:100% !important;
  }
  #spektakl #target{ width:100% !important; }
  #spektakl .info iframe{
    height:250px;
    width:100%;
  }
  #spektakl.details .grid-5{ width:100% !important; }
  #zespol{ padding-top:0 !important; }
  #zespol .grid-12{ width:calc(100% + 18px) !important; }
  #zespol ul{ width:100% !important; }
  #zespol .people li{
    float:left;
    width:50% !important;
  }
  #zespol .person{
    font-size:16px;
    line-height:20px;
  }
  #zespol .function{
    display:block;
    font-size:14px !important;
    line-height:18px;
    margin-bottom:5px;
    margin-top:50px;
  }
  #zespol .grid-6.inner{ width:50% !important; }
  #zespol .column{
    float:none !important;
    width:100% !important;
  }
  #zespol .column .grid-6.inner{ width:calc(100% - 18px) !important; }
  #zespol .column .grid-6.inner .grid-3,
  #zespol .column .grid-3.inner .grid-3{
    border-bottom:0;
    margin-bottom:10px;
    width:100% !important;
  }
  #zespol #list-row{ display:none; }
  #zespol.list .grid-12{
    margin-left:0 !important;
    width:100% !important;
  }
  #zespol.list .grid-4{
    margin-left:0 !important;
    width:100% !important;
  }
  #zespol.list .function{
    border-top:1px solid #aba9a8;
    margin-top:20px !important;
    padding-top:20px !important;
  }
  #zespol.list .people{ margin-bottom:0 !important; }
  #zespol.list .people li{
    float:none !important;
    margin-bottom:0 !important;
    width:100% !important;
  }
  #zespol.list .content-block-1 .people li:first-child .function{
    border-top:0 !important;
    margin-top:0 !important;
  }
  #zespol.list .content-block-2 .people,
  #zespol.list .content-block-2 .people > li{ margin-bottom:0 !important; }
  #zespol #profile-row .grid-6,
  #spektakl .grid-6{ width:calc(100% - 18px) !important; }
  #zespol #profile-row .grid-12{ width:calc(100% - 18px) !important; }
  #zespol #profile .grid-2,
  #zespol #profile #actorlist .grid-3{ width:50% !important; }
  #zespol #profile .grid-9{ width:calc(100% + 28px) !important; }
  #zespol #profile .grid-9 #actorlist{ width:calc(100% - 46px) !important; }
  #zespol #profile .grid-6{ width:calc(100% - 18px) !important; }
  #zespol #profile #actorlist{ width:100% !important; }
  #zespol #profile h2,
  #other .grid-6{ width:calc(100% - 18px) !important; }
  #zespol .grid-3.bio{ width:calc(100% - 18px) !important; }
  #zespol .gallery-wrapper,
  #other .grid-3{ width:calc(50% - 18px) !important; }
  #zespol .gallery-wrapper img{ width:100% !important; }
  #zespol .description{ width:calc(50% - 18px) !important; }
  #zespol .grid-3.bio .gallery-wrapper{ float:left; }
  #zespol .grid-3.bio .description{
    float:left;
    margin-left:18px;
  }
  #bip{ padding-top:0 !important; }
  #bip .grid-4, #bip .grid-8{
    margin-left:0 !important;
    width:100% !important;
  }
  #bip h1{ width:100% !important; }
  #bip h2{ height:auto !important; }
  #other #text-nav{ margin-bottom:30px; }
  #other .grid-10{ width:calc(100% - 18px) !important; }
  #other .grid > .grid-10,
  #other #tresc-artykulu{
    margin-left:0 !important;
    width:100% !important;
  }
  #node-91 .grid-6 p{ display:none !important; }
  #node-91 .grid-6 .hidden-desktop p{ display:block !important; }

  #gmap{ width:100% !important; }

  #text .grid-12.inner,
  #text .grid-6,
  #text h2{ width:100% !important; }
  #text .overh2{ border-bottom:0 !important; }
  #text img{
    height:auto !important;
    width:100% !important;
  }
  #text ol li{ list-style:none !important; }
  #other h2{
    border-bottom:0 !important;
    font-size:18px;
    line-height:20px;
    margin:20px 0 !important;
  }
  .pagination .current-page.shifted{ position:static; }
  #lbclose{ top:55px; }
  #actor-nav{ display:none; }
  #imgcontainer{
    margin-left:-46% !important;
    padding-top:70px;
    width:92% !important;
  }
  #imgcontainer img{
    height:auto;
    margin:0 auto;
    width:100% !important;
  }
  footer{ height:auto !important; }
  footer .tickets{
    font-size:20px;
    line-height:24px;
    width:calc(100% - 36px) !important;
  }
  footer .tickets .header{
    display:inline-block;
    padding-right:20px;
  }
  footer .tickets a:link, footer .tickets a:visited,
  #other a.big-buy:link, #other a.big-buy:visited{
    background:#CE4455;
    color:#FFF;
    display:block;
    margin:20px 0;
    padding:10px;
    text-align:center;
    text-decoration:none;
  }
  footer .tickets a:active,
  footer .tickets a:focus,
  footer .tickets a:hover,
  #other a.big-buy:active,
  #other a.big-buy:focus,
  #other a.big-buy:hover{
    background:#FFF;
    color:#CE4455;
  }
  footer ul li img{
    float:none !important;
    margin:0 auto !important;
  }
  footer .grid{
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  footer .grid > div {
    box-sizing: border-box;
    height:auto !important;
    width:100% !important;
    margin:0;
    padding: 5px 20px;
    text-align: center;
    width: 100% !important;
  }
  footer .teatr-czlonkiem-zwiazku{
    width:100px !important;
  }
}
@media screen and (max-width:679px){
  .shows .reset{ margin-top:0; }
  .shows .col2{ margin-left:0; }
  #repertuar .spectacle-list li.grid-4{ height:auto !important; }
  #front li.grid-4, #repertuar .spectacle-list li.grid-4, #other .grid-4{ width:calc(100% - 18px) !important; }
  #rep_arch li.grid-4{ width:calc(100% - 18px) !important; }
  #zespol .grid-6.inner{ width:100% !important; }
  #zespol #profile-row .gallery-wrapper,
  #other .grid-3{ width:calc(100% - 18px) !important; }
  #zespol #profile .gallery-wrapper,
  #zespol .grid-3 .description{ width:calc(100% - 18px) !important; }
  #zespol #profile .grid-2, #zespol #profile #actorlist .grid-3{ width:100% !important; }
  #zespol #profile .grid-3.bio .gallery-wrapper{
    float:none;
    width:100% !important;
  }
  #zespol .grid-3.bio .description{
    float:none;
    margin-left:0;
    width:100% !important;
  }
  #zespol .description.grid-3{ width:calc(100% - 18px) !important; }
  #repertuar #search{
    float:none;
    margin-top:0;
  }
  #repertuar .online-spectacle-list .grid-4{ width:calc(100% - 18px) !important; }
  #teatr-online-intro{ padding:20px; }
  #teatr-online-intro-text,
  #teatr-online-intro-pay{
    float:none;
    padding:0;
    width:100%;
  }
  #teatr-online-intro-text p.account-number{
    font-size:18px;
    line-height:22px;
    margin:20px auto;
  }
  #teatr-online-intro-text p.account-number .number{
    display:block;
    margin-top:5px;
  }
  #teatr-online-intro-pay .amount{
    margin-top:15px;
    width:100%;
  }
  #teatr-online-intro-pay .submit{ width:100%; }
  #repertuar .grid-12.inner.online-spectacle-list{ margin-left:0 !important; }
  #repertuar .grid-12.inner.online-spectacle-list .grid-4{
    margin-left:0 !important;
    width:100%;
  }
  #galeria #search{
    float:none;
    margin-top:0;
  }
  /*footer iframe{ display:none !important; }*/
}
@media screen and (max-width:474px){
  #repertuar .online-spectacle-list .online-spectacle-wrapper{ min-height:500px; }
}