@media (max-width: 1200px) {
    .btn11 {
        display:block;
    }
    .serachbox{
        display:none;
    }

    nav .logo img{
        margin:20px auto 0 auto;
    }

}
@media (max-width: 992px) {
    #szukaj .element .search-item .date,
    #szukaj .element .search-item .title,
    #szukaj .element .search-item .synopsis{
        padding-left:20px;
        padding-right:20px;
    }
    #szukaj h1,
    #szukaj h2{
        font-size:27px;
    }
    .movie-section-recomended .read-more,
    .movie-section-recomended .calendar{
        width:50%;
        margin-top:25px;
    }
    .movie-section-recomended .read-more{
        float:right;
    }
    .movie-section-recomended .calendar{
        float:left;
    }
    .movie-section-recomended .tytul{
        margin-bottom:15px;
    }
    .movie-section-recomended .object .first{
        padding-left: calc(var(--bs-gutter-x)/ 2);
    }



    .program-row{
        height:auto;
        margin-left:5px;
        margin-right:5px;
    }
    .teraz-w-tv{
        margin-left:5px;
        margin-right:5px;

    }


    .program-row .date{
        font-size:14px;
        line-height: 32px;
        padding-top: 15px;
        padding-left:50px;
        align-items: normal;
    }
    .program-row .title{
        padding-left:50px;
        font-size:20px;
        line-height: 32px;
        font-weight: 600;
    }
    .program-row .title a, .program-row .title{
        font-size:14px;
        line-height: 32px;
        padding:0 0 14px 50px;
    }
    .bigbox .title a, .bigbox .title{
        padding:0 0 0 20px;
    }

    .program-row .more a, .program-row .more{
        font-size: 12px;
        line-height: 21px;
    }
    .program-row .more{
        line-height:32px;
        display: flex;
        align-items: center;
    }
    .program-row .calendar a, .program-row .calendar{
        font-size: 12px;
        line-height: 21px;
    }
    .program-row .calendar{
        padding-left:50px;
        line-height:32px;
        align-items: normal;
        padding-top:15px;
        margin-top:5px;
    }
    .program-row.expand, .bigbox, .teraz-w-tv{
        height:auto;
    }
    .bigbox .preview, .teraz-w-tv .preview{
        padding-left:40px;
        padding-right:40px;
    }
    .bigbox .date{
        margin-top:0;
        margin-bottom:0;
    }
    .bigbox .godzina-tytul, .teraz-w-tv .godzina-tytul{
        padding-left:40px;
    }

    .bigbox .date, .teraz-w-tv .date{
        padding-left:0;
        text-align: left;
    }
    .bigbox .synospsis{
         padding-left:40px;
         padding-right:40px;
     }
    .teraz-w-tv .synospsis{
        padding-left:30px;
        padding-right:30px;
    }
    .bigbox .add-to-calendar a {
        width: 190px;
        margin-left: 40px;
    }
    .bigbox .image img, .teraz-w-tv .image img{
        width:100%;
        height:auto;
    }
    .bigbox .title, .teraz-w-tv .title{
        padding-top:25px;
    }
    .bigbox .synospsis .more, .teraz-w-tv .synospsis .more{
        padding-bottom:0;
        float:right;
        font-size:14px;
    }
    .program-row.expand{
        padding-bottom:20px;
    }
    .program-row.expand .s_synops{
        padding:0;
    }
    .bigbox .synospsis .add-to-calendar a, .teraz-w-tv .synospsis .add-to-calendar{
        margin-top: 15px;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 13px;
        font-weight: 600;
        float:left;
    }
    .teraz-w-tv .title a{
        padding-left:25px;
        display: inline-block;
        padding-right: 25px;
    }
    .teraz-w-tv{
        padding-bottom:25px;
    }
    .teraz-w-tv .slogan{
        text-align:left;
    }
    .show-old-epg{
        margin:0 5px;
    }

    .full-movie .details, .full-movie .episode p, .full-movie .synopsis p{
        font-size:14px;
    }


    .movie-section-recomended .calendar{
        width:100%;
        margin: 0 0 20px 0;
    }
    .movie-section-recomended .tytul a{
        font-size:17px
    }
    .movie-section-recomended .read-more a,
    .movie-section-recomended .calendar a{
        font-size:13px;
    }
    .movie-section-recomended .calendar,
    .movie-section-recomended .tytul{
        margin-bottom:5px;
    }
    .movie-section-recomended .read-more, .movie-section-recomended .calendar{
        margin-top:1px;
    }
    .movie-section-recomended .dzien{
        margin-top:40px;
        font-size:16px;
    }



}
@media (max-width: 768px) {

    .program-row .title a,.program-row .title{
        padding-right:50px;
    }
    .calendar-carousel .calendar-cell{
        width:120px;
        height:54px;
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner span{
        font-size:18px;
        line-height: 28px;
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner a{
        font-size:16px;
    }
    .o-nas{
        width:95%;
    }

    #rekomendowane .rekomendowane::before,
    #rekomendowane .rekomendowane::after {
        content:none;
    }

    .slider-hp{
        width:100% !important;
        height:644px;
    }

    .clip{
        overflow: hidden;
        width:100% !important;
    }
    .clip .bg{
        width:100% !important;
    }
    .clip .slaid{
        border:0;
        position: relative;
        margin:0;
    }
    .slider-wrapper .slider .slick-slide, .slider-wrapper .slider {
        width: 100vw !important;
    }
    .clip .slaid .block h2{
        font-size:26px;
        background-position: 20px;
        padding-left:60px;
    }

    .slider-hp .slick-prev.slick-arrow,
    .slider-hp .slick-next.slick-arrow{
        height:43px;
        width:26px;
        bottom:50%;
        top:auto;
        transition: all 0.4s;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
    }

    .movie-section-recomended .dzien{
        margin:0 0 20px 0;
    }
    .movie-section-recomended .tytul{
        margin:20px 0;
        font-size:17px
    }
    .movie-section-recomended .calendar{
        width:100%;
        margin: 0 0 20px 0;
    }
    .program-row{
        padding-bottom:18px;
    }
    .program-row .calendar{
        margin-top:0;
        padding-top:0;
    }
    .bigbox .add-to-calendar a{
        margin-left:0;
    }

    .program-row .more{
        display: flex;
        justify-content: flex-end;
    }
    .program-row .more a{
        margin-right:40px;

    }
    .program-row .date{
        line-height: 23px;
    }
    .program-row .title a, .program-row .title{
        padding-bottom: 0;
    }
    .program-row .more{
        line-height:20px;
    }

}
@media (max-width: 400px) {
    .hp-3box .card .card-top-inner{
        font-size:21px;
    }
    .bigbox .synospsis .more,
    .bigbox .synospsis .add-to-calendar a{
        font-size: 12px;
    }
    .bigbox .synospsis .more{
        padding-right: 22px;
        margin-top:8px;
    }
    
}
@media (max-width: 575.99px) {

    .clip .slaid .block h2{
        font-size:22px;
        bottom: 15px;
    }
    .clip .slaid .block h2 span{
        font-size:15px;
    }
    .clip .slaid .block h2 .more{
        font-size:15px;
        bottom: -15px;
    }

    .slider-hp,
    .slider-wrapper .slider .slick-slide,
    .slider-wrapper .slider,
    .clip,
    .clip .bg,
    .clip .slaid,
    .clip .slaid .block,
    .slider-wrapper
    {
        height:500px;
    }
    .slick-current  .clip:hover .bg{
        background-size:cover;

    }
    .clip .bg{
        width:100% !important;
        background-size:cover;
    }
    .slider3box{
        width:100%;
        max-width: 480px;
        margin: 0 auto;
    }
    .hp-3box .card{
        width:93vw;
        margin:0 auto 10px auto;
        max-width:480px;
        height: calc(93vw * 0.6434);
    }
    .slick-prev::before, .slick-next::before {
        content:'';
    }

    .slider3box .slick-prev{
        left:-6px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_left.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slick-initialized .slick-slide{
        margin:0 5px;
    }
    .slider3box .slick-next{
        right:-6px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_right.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }


    .rekomendowane .carousel-cell img.small-img,
    .rekomendowane .carousel-cell .carousel-main-title{
        display:none;
    }

    #kontakt h1{
        margin:30px 0;
    }
    #kontakt_form{
        margin-top:30px;
    }
    .ikona-kanal{
        width:33%;
    }

    .calendar-carousel{
        margin-left:30px;
        margin-right: 30px;
    }


    .flickity-prev-next-button{
        width:30px;
        height:30px;
    }

    .najblizsze-emisje .emission-single{
        height:25px;
    }
    .najblizsze-emisje .emission-single > div{
        height:25px;
        line-height:25px;
    }
    .najblizsze-emisje .emission-single > div:last-child{
        margin-top:0;
    }
    .najblizsze-emisje .emission-single > div:nth-child(n+3){
        border:none;
    }
    .full-movie .title{
        font-size:24px;
    }
    .full-movie .type{
        font-size:16px;
    }


    #primary h1{
        font-size:32px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #primary .entry-content{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #primary .date{
        font-size:14px;
    }
    #primary h2.title{
        font-size:20px;
    }
    .rekomendowane{
        height:245px;
    }
    .rekomendowane .carousel-cell{
        width:329px;
        height:245px;
        overflow: hidden;
        margin-left:3px;
        margin-right:3px;

    }
    .rekomendowane .carousel-cell .expanded-content .slide-full-content{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        padding:0 25px 25px 25px;
        background-image: url('../img/rekomendowane_apla.png');
    }
    .rekomendowane .carousel-cell .expanded-content{
        position:absolute;
        top:0;
        left:0;
        width:329px;
        height:245px;
        overflow: hidden;
    }
    .rekomendowane .carousel-cell .expanded-content img{
        width:auto;
        height:120%;
    }

    .rekomendowane .carousel-cell .expanded-content{
        display:block;
    }


    #aktualnosci_hp h2 a{
        display:none;
    }
    .article-box{
        width:100%;
        margin:0 auto 5px auto;
    }
    .article-box .image{
        padding:28px;
    }
    .article-box .image img{
        width:100%;
        height:auto;
    }
    .article-box .day{
        margin-top:0;
    }
    .article-box .content{
        padding-left:25px;
        padding-right:25px;
        padding-bottom:50px;
    }
    .article-box .more{
        right:25px;
        text-align: right;
    }
    footer ul{
        flex-direction:column;
    }


}

@media (min-width: 576px) and (max-width:768px){
    .slider-hp,
    .slider-wrapper .slider .slick-slide,
    .slider-wrapper .slider,
    .clip,
    .clip .bg,
    .clip .slaid,
    .clip .slaid .block,
    .slider-wrapper
    {
        height:500px;
    }
    .slick-current  .clip:hover .bg{
        background-size:cover;

    }
    .clip .bg{
        width:100% !important;
        background-size:cover;
    }


    .ikona-kanal {
        width: 33%;
    }

    .slider3box{
        width: 480px;
        margin: 0 auto;
    }

    .hp-3box .card .card-img-top{
        width:100%;
        height:auto;
    }

    #primary h1{
        font-size:20px;
        margin-top: 32px;
        margin-bottom: 30px;
    }
    #primary .date{
        font-size:14px;
    }
    #primary h2.title{
        font-size:20px;
    }
    #primary .entry-content{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    .article-box{
        width:100%;
        margin:0 auto 5px auto;
    }
    .article-box .image{
        padding:28px;
    }
    .article-box .image img{
        width:100%;
        height:auto;
    }
    .article-box .day{
        margin-top:0;
    }
    .article-box .content{
        padding-left:25px;
        padding-right:25px;
        padding-bottom:50px;
    }
    .article-box .more{
        right:25px;
        text-align: right;
    }

    .rekomendowane{
        height:245px;
    }
    .rekomendowane .carousel-cell{
        width:329px;
        height:245px;
        overflow: hidden;
        margin-left:3px;
        margin-right:3px;

    }
    .rekomendowane .carousel-cell .expanded-content{
        display:block;

    }
    .rekomendowane .carousel-cell .expanded-content .slide-full-content{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        padding:0 25px 25px 25px;
        background-image: url('../img/rekomendowane_apla.png');
    }
    .rekomendowane .carousel-cell .expanded-content{
        position:absolute;
        top:0;
        left:0;
        width:329px;
        height:245px;
        overflow: hidden;
    }
    .rekomendowane .carousel-cell .expanded-content img{
        width:auto;
        height:120%;
    }

    .hp-3box .card{
        margin:0 10px;
    }
    .slider3box .slick-prev{
        left:-35px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_left.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider3box .slick-next{
        right:-35px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_right.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider3box .slick-prev::before,
    .slider3box .slick-next::before{
        content: '';
    }

    #kontakt h1{
        text-align: center;
    }
    #kontakt .first{
        background: transparent;
    }

    #kontakt .first p a,
    #kontakt .first p{
        color:#fff;
        text-align: center;
        margin-top:0;
        margin-left:0;
    }
    #kontakt .first p{
        margin-bottom:30px;
    }
    #kontakt .second{
        background:transparent;
    }
    #kontakt .second button{
        background:#55C3CD;
        margin:0 auto;
        float:none;
    }

}
@media (min-width:768px) and (max-width:992px){
    .slider-hp,
    .slider-wrapper .slider .slick-slide,
    .slider-wrapper .slider,
    .clip,
    .clip .bg,
    .clip .slaid,
    .clip .slaid .block,
    .slider-wrapper
    {
        height:500px;
    }
    .slick-current  .clip:hover .bg{
        background-size:cover;

    }


    .program-row .small .date{
        padding-left:40px;
    }
    .program-row .small .title{
        padding-top:15px;
    }






    .ikona-kanal {
        width: 25%;
    }

    .clip{
        overflow: hidden;
        width:100% !important;
    }
    .clip .bg{
        width:100% !important;
        background-size:cover;
    }
    .clip .slaid{
        border:0;
        position: relative;
        margin:0;
    }
    .slider-wrapper .slider .slick-slide, .slider-wrapper .slider {
        width: 100vw !important;
    }
    .clip .slaid .block h2{
        font-size:26px;
        background-position: 20px;
        padding-left:60px;
    }


    .hp-3box .card .card-img-top{
        width:100%;
        height:auto;
    }

    .calendar-carousel .calendar-cell{
        width:150px;
        height:76px;
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner span{
        font-size: 20px;
        line-height: 39px
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner a{
        font-size:19px;
    }


    #primary h1{
        font-size:32px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #primary .entry-content{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #primary .date{
        font-size:14px;
    }
    #primary h2.title{
        font-size:30px;
    }
    .slider3box{
        width: 480px;
        margin: 0 auto;
    }

    .hp-3box .card{
        margin:0 20px;
        width:460px;
    }
    .hp-3box .card .card-body{
        flex:none;
    }

    .slider3box .slick-prev{
        left:-25px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_left.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider3box .slick-next{
        right:-45px;
        z-index:5000;
        width: 34px;
        height: 53px;
        background-image: url('../img/a_right.svg');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .slider3box .slick-prev::before,
    .slider3box .slick-next::before{
        content: '';
    }

    .article-box .image img{
        width:90%;
        height:auto;
    }
    .full-movie .title{
        font-size:45px;
    }


    .clip{
        overflow: hidden;
    }
    .clip .slaid{
        border:0;
        position: relative;
    }
    .clip .slaid .left{
        position:absolute;
        height:100px;
        margin:0;
        padding:0;
        z-index:150;
        width:100%;
        bottom:0;
    }
    .clip .slaid .left p{
        display:none;
    }
    .clip .slaid .right{
        margin:0;
        padding:0;
        position: absolute;
        z-index:100;
        overflow: hidden;
    }
    .clip .slaid .left .wrapper{
        width:100%;
        bottom:0;
        background-color:#fff;
    }
    .clip .slaid .left .more{
        position:absolute;
        right:10px;
        bottom:15px;
    }
    .clip .slaid .left .title{
        margin:10px auto;
        margin-left:10px;
        width:100%;
        font-size:20px;
        text-align:left;
    }
    .clip .slaid .left .day{
        width:50%;
        bottom:60px;
        font-size:18px;
        margin-left:10px;
        position:static;

    }
    .clip .slaid .left .hour{
        font-size:50px;
        line-height: 50px;
        margin-left:10px;
        margin-bottom:15px;
        position:static;
    }
}
@media (min-width:992px) and (max-width:1200px){
    .slider-hp,
    .slider-wrapper .slider .slick-slide,
    .slider-wrapper .slider,
    .clip,
    .clip .bg,
    .clip .slaid,
    .clip .slaid .block,
    .slider-wrapper
    {
        height:500px;
    }

    .ikona-kanal {
        width: 20%;
    }
    .clip{
        overflow: hidden;
        width:80vw !important;
    }
    .clip .bg{
        width:80vw !important;
    }
    .clip .slaid{
        border:0;
        position: relative;
        margin:0;
    }
    .slider-wrapper .slider .slick-slide {
        width: 80vw !important;
    }
    .slider-wrapper .slider {
        width: 100vw !important;
    }
    .clip .slaid .block h2{
        font-size:26px;
        background-position: 20px;
        padding-left:60px;
    }


    .movie-section-recomended .object .image img{
        margin-top:10px;
    }
    .movie-section-recomended .dzien{
        margin-top:40px;
    }

    .full-movie .title{
        font-size:45px;
    }

    .movie-section-recomended .tytul a{
        font-size:17px
    }
    .movie-section-recomended .read-more a,
    .movie-section-recomended .calendar a{
        font-size:13px;
    }

    .program-row .date,
    .program-row .title a, .program-row .title{
        font-size:19px;
        line-height:45px;
    }
    .program-row .more a, .program-row .more{
        font-size:13px;
    }
    .program-row .calendar a, .program-row .calendar{
        font-size:13px;
    }
    .bigbox .image img, .teraz-w-tv .image img{
        width:95%;
        height:auto;
    }
    .bigbox .synospsis, .teraz-w-tv .synospsis{
        font-size:14px;
        line-height:20px;
    }
    .bigbox .godzina-tytul, .teraz-w-tv .godzina-tytul,
    .bigbox .date{
        padding-left:14px;
    }
    .bigbox .preview .image{
        padding-top:10px;
    }
    .program-row.expand, .bigbox, .teraz-w-tv{
        height:232px;
    }

    .calendar-carousel .calendar-cell{
        width:150px;
        height:76px;
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner span{
        font-size: 20px;
        line-height: 39px
    }
    .calendar-carousel .calendar-cell .calendar-cell-inner a{
        font-size:19px;
    }


    #primary h1{
        font-size:25px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #primary .date{
        font-size:18px;
    }
    #primary h2.title{
        font-size:38px;
    }

    .najblizsze-emisje .emission-single > div{
        font-size:15px;
    }
    .najblizsze-emisje .emission-single .add-to-calendar a,
    .najblizsze-emisje .emission-single .add-to-calendar{
        font-size:10px;
    }

    .hp-3box .card .card-top-inner{
        font-size:19px;
    }
    .hp-3box .card .card-body h4 a{
        font-size:20px;
    }
    .hp-3box .card .card-bottom .read-more a,
    .hp-3box .card .card-bottom .read-more{
        font-size:11px;
    }
    .hp-3box .card .card-bottom .read-more a{
        padding-right: 20px;
    }
    .hp-3box .card .card-bottom .add-to-calendar a,
    .hp-3box .card .card-bottom .add-to-calendar{
        font-size:11px;
    }

    .hp-3box .card .card-img-top{
        width: auto;
        height: 100%;
    }
    .article-box{
        width:100%;
        margin:0 auto 5px auto;
    }
    .article-box .image{
        padding:28px;
    }
    .article-box .image img{
        width:100%;
        height:auto;
    }
    .article-box .day{
        margin-top:0;
    }
    .article-box .content{
        padding-left:25px;
        padding-right:25px;
        padding-bottom:50px;
    }
    .article-box .more{
        right:25px;
        text-align: right;
    }
}
@media (min-width:1200px) and (max-width:1400px){
    .slider-hp,
    .slider-wrapper .slider .slick-slide,
    .slider-wrapper .slider,
    .clip,
    .clip .bg,
    .clip .slaid,
    .clip .slaid .block,
    .slider-wrapper
    {
        height:560px;
    }
    .ikona-kanal {
        width: 16.6%;
    }
    .clip{
        overflow: hidden;
        width:80vw !important;
    }
    .clip .bg{
        width:80vw !important;
    }
    .clip .slaid{
        border:0;
        position: relative;
        margin:0;
    }
    .slider-wrapper .slider .slick-slide {
        width: 80vw !important;
    }
    .slider-wrapper .slider {
        width: 100vw !important;
    }
    .clip .slaid .block h2{
        font-size:26px;
        background-position: 20px;
        padding-left:60px;
    }


    .article-box .image img{
        width:90%;
        height:auto;
    }
    .article-box .day{
        margin-top:25px;
    }
    .article-box .title{
        font-size:18px;
    }
    .program-row .date,
    .program-row .title a, .program-row .title{
        font-size:22px;
    }
    .program-row .more a, .program-row .more,
    .program-row .calendar a, .program-row .calendar{
        font-size:13px;
    }
    .bigbox .image img, .teraz-w-tv .image img{
        width:95%;
        height:auto;
    }

    .hp-3box .card .card-img-top{
        height:100%;
        width:auto;
    }

}

@media (min-width:1400px){

}

@media (min-width:300px) and (max-width:1200px){
    nav ul{
        display:none;
        position:fixed;
        top:60px;
        left:0;
        width:100%;
        height:calc(100vh - 60px);
        background-color:#1D2087;
        z-index: 9999;
        padding: 0;
        margin:0;
    }
    nav.fixed{
        position: fixed;
        top:0;
    }
    nav ul.open{
        display:block;
    }
    nav ul li:first-child{
        margin-top:25vh;
    }
    nav ul li{
        width:100%;
        text-align: center;
    }
    nav ul li a{
        color:#fff;
    }
    nav ul li:last-child img{
        padding:0 15px 0 0;
    }
    nav ul li:last-child a:last-child img{
        padding:0;
    }
    div.menu{
        display:block;
    }
}