@media (max-width:1199px){

/******************************************************************************************* Header*/
#header .logo a{width:309px; background-size:100% auto; height:39px;}
#header{background-size:cover !important;}
#header .fb-link {height: 26px;}
/*player*/
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause{width:50px; height:50px;}

.mejs-controls .mejs-button.mejs-play button, .mejs-container .mejs-controls div{width:50px; height:50px;}
.mejs-controls a.mejs-horizontal-volume-slider {
    margin-left: 41px;
    margin-top: 14px;
}
.folk-player{width:267px; height:50px; overflow:hidden;}
.mejs-controls a.mejs-horizontal-volume-slider:after{width:15px; height:18px; left:-23px; top:2px;}

/******************************************************************************************* Baner*/
.baner .img{background-size:auto 400px !important; background-position:center center !important; height:400px;}

.baner .desc{padding:16px 0 16px 19px;}
.baner .desc h2{font-size:28px; line-height:31px; margin:0;}
.baner .desc h3{font-size:13px; margin:0;}

.baner.subsite{height:270px;}
/******************************************************************************************* Nawigacja*/


/******************************************************************************************* RamĂłwka*/

h2.title{margin:0 0 32px; font-size:30px; line-height:30px;}
.played-now h2{font-size:17px; line-heigth:17px; }
.playlist li{font-size:15px; line-heigt:15px; }
.playlist li::after{top:15px;}

.schedule .desc h2{font-size:16px; line-height:20px;}
.schedule .txt h3, .schedule .txt h4 , .schedule .txt p{font-size:14px; line-height:18px;}
.schedule .txt h4{margin:0;}
.schedule .txt{padding:15px;}
.schedule .photo{height:216px;}

.flowers-side > span.span1{top:-20px;} .flowers-side > span.span2{top:-20px}
.hiddenAtFirst3{margin-bottom:50px;}
/*******************************************************************************************galeria*/
.fr_gallery p{font-size:16px; line-height:24px; margin: 0 0 20px;}
 .fr_gallery ul li{font-size:16px; line-height:24px; }
.fr_gallery p img{width:49px; height:auto;}
.fr_gallery h3, .fr_gallery h2{margin:0 0 32px; font-size:30px; line-height:30px;}

/*******************************************************************************************stopka*/
#footer h1.rk-logo a{width:123px; height:56px;}
#footer h1.rk-logo{margin:0 auto 11px;}
#footer{background-size:450px auto; padding:51px 0 99px;}
#footer::after{width:145px; top:-65px; background-size:100% auto;}

/*******************************************************************************************kontakt*/
.contact-data h2{font-size:32px; line-height:32px;}
.contact-data h3{font-size:14px; line-height:18px; margin: 0 0 22px;}
.contact-data p{font-size:15px; line-height:24px; padding:22px}
.contact-data{padding:80px 0  ; height:364px;}
.googlemaps, #googlemaps{height:364px;}

.flower-bottom::before{width:80%;}

}

@media (max-width:991px){

/******************************************************************************************* Header*/
#header .logo a{width:220px; height:33px;}
#header h1.logo {margin:0 !important;}
#header{padding:15px 0 ;}


/*player*/
.mejs-controls .mejs-button.mejs-playpause-button.mejs-pause, .mejs-controls .mejs-button.mejs-play button{width:30px !important; height:30px !important; background-size:30px 30px !important;}

.mejs-controls .mejs-button.mejs-play button, .mejs-container .mejs-controls div{width:30px ; height:30px;}

.mejs-controls a.mejs-horizontal-volume-slider {
    margin-left: 35px;
    margin-top: 4px;
}
.folk-player{width:236px; height:30px; overflow:hidden;}

/******************************************************************************************* Baner*/

.baner .img{height:300px; background-size: auto 300px !important; background-position: center bottom;}

.baner .desc {padding: 8px 0 ; }
.baner .desc h3{margin:-5px 0 0 !important;}
.baner .desc h2{font-size:18px; line-height:22px; margin:0 !important;}
.baner.subsite{height:220px;}
/******************************************************************************************* Nawigacja*/


/******************************************************************************************* RamĂłwka*/
h2.title{font-size:27px; line-height:27px;}
.played-now h2{margin:0 !important; font-size:16px; line-height:16px;padding:17px 20px 22px 68px; background-size:42px auto;  background-position: 10px 14px;}
.next-playlist{padding: 0 0 0 68px;}
.next-playlist::after{left:24px;}

.schedule{padding-top:40px;}
.schedule .photo {
    background-size: cover !important;
    height: 209px;
    padding: 171px 0 0;
}
.schedule .desc h2{margin:0 !important;}
.schedule .col-3{width:50%;}
.hiddenAtFirst3{margin-bottom:30px;}


/*******************************************************************************************galeria*/
.fr_gallery p, .fr_gallery ul li{font-size:15px; line-height:22px;}
.fr_gallery ul{padding-left:15px;}
.fr_gallery h3, .fr_gallery h2{font-size:27px; line-height:27px;}


/*******************************************************************************************stopka*/

#footer h1.rk-logo a { height: 49px;  width: 103px;}
#footer{padding:38px 0 91px;}

/*******************************************************************************************kontakt*/
.contact-data h2{font-size:26px; line-height:26px; margin: 0 0 10px;}
.contact-data .txt{padding-left:15px; padding-right:15px;}
#contact > h2.container{font-size:24px !important; line-height:24px !important; }
#contact{margin-bottom:120px;}

}

@media (max-width:767px){
/******************************************************************************************* Header*/

#header .container{max-width:100%}
#navigate nav{display:none; margin:-6px 0 0 ;}




/******************************************************************************************* Baner*/
.baner .desc h3{display:none;}
.baner .img{background-size:auto 250px !important; height:250px;}

.baner .desc{padding:15px 0 ;}
.baner.subsite{margin:0 !important; height:114px; }

.mejs-controls a.mejs-horizontal-volume-slider::after{display:none;}
.mejs-controls a.mejs-horizontal-volume-slider{margin-left:15px;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{width:100px;}
.mejs-horizontal-volume-slider{display:none !important;}
.folk-player, .mejs-controls{width:30px !important;}

/******************************************************************************************* Nawigacja*/

#navigate ul li{width:100%; text-align:center; font-size:14px; line-height:14px;}
#navigate ul{width:100%; padding:0;}
#navigate ul li::after{display:none;}
#navigate ul li:hover, #navigate ul li:focus{background:#e6e6e6;}
#navigate nav{padding:15px 0; background:#f4f4f4; border-bottom:none;}
#navigate, #navigate .container{padding:0;}
#navigate .container{max-width:100%; padding:0;}
#navigate ul li:hover, #navigate ul li.active{color:#cd0048 !important; background:#e6e6e6 !important;}
/******************************************************************************************* RamĂłwka*/
.recent-playlist{padding: 20px 0 0 ;}
h2.title{font-size:18px; line-height:18px; margin: 0 0 10px;}
.played-now h2{font-size:14px; line-height:20px; padding:13px 20px 13px 46px;  background-position: 8px 13px; background-size: 30px auto;}
h3.title{font-size:14px; line-height:14px;}
.next-playlist{padding: 0 0 0 46px;}
.playlist li{font-size:14px; line-heigth:14px;}
.playlist li::after{left:-30px;}
.recent-playlist.hiddenAtFirst4{padding-bottom:0;}

.schedule{padding-top:30px;}
.schedule .col-3{width:100%;}
.schedule .desc h2{font-size:15px; line-height:18px;}
.schedule.no-photo .desc h2{color:#000;}
.schedule .txt h4, .schedule .txt p{font-size:14px !important; line-height:18px !important;}
.schedule .txt h3{font-size:14px; line-height:18px;}
.schedule.no-photo .photo{background:none !important; padding:0 !important; height:auto}
.schedule.no-photo .desc {background:none; padding:0;}
.schedule .txt{padding:0 0 20px;}
.flower-bottom::after{width:35px; background-size:80% auto !important; height:45px;}
.schedule div.slider .bx-wrapper{width:80%;}
.schedule div.slider .txt{padding-left:15px; padding-right:15px; padding-top:15px;}
.schedule div.slider .desc{padding-left:15px !important; padding-right:15px !important;}
.schedule  div.slider  .photo{height: 116px;
    padding: 69px 0 0;}
	.schedule div.slider{margin-top:0px; margin-bottom:20px;}
	.flowers-side > span.span1, .flowers-side > span.span2{display:none;}
	.hiddenAtFirst3{margin-bottom:20px;}
	.recent-playlist a.btn{display:inline-block; float:none; margin:10px auto;}
	.recent-playlist.hiddenAtFirst4 h2.title{margin:0 !important;}
	.schedule2 {margin: 0 0 43px !important;}
/*******************************************************************************************galeria*/
.fr_gallery{padding:30px 0 10px}
.fr_gallery h3, .fr_gallery h2{font-size:22px; line-height:22px; margin: 0 0 10px;}
.fr_gallery .col-6{width:100%;}

/*******************************************************************************************stopka*/
#footer h1.rk-logo a {height: 37px; width: 78px;}
#footer h1.rk-logo{display:inline-block; width:auto; margin: 0 auto 5px;}
#footer{padding:25px 0 56px;}
#footer::after{width:50px; background-size:100% auto; height:23px; top:-22px;}
#footer { background-size: 305px auto;}

/*******************************************************************************************kontakt*/
.contact-data h2{font-size:16px; line-height:16px; margin: 0 0 10px;}
.contact-data h3{font-size:13px; line-height:13px; }
.contact-data p{font-size:14px; line-height:20px;}
.contact-data {padding:40px 15px; height:272px;}
.googlemaps, #googlemaps{height:272px;}
#contact{padding:30px 0 ; margin: 0 0 50px;  }
#contact > h2.container{font-size:18px !important; line-heigth:18px !important;}
}


@media (max-width:560px){
/******************************************************************************************* Header*/
#header .logo a {
    height: 26px;
    width: 170px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{width:60px;}
.folk-player{width:170px; }
#header h1.logo{margin:3px 0 0 !important;}
.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{width:115px;}

/******************************************************************************************* Baner*/

.baner .img{background-size:auto 150px !important; height:150px;}

.baner .desc{padding:6px 0 ;}
.baner .desc h2{font-size:14px; line-height:16px;}

/******************************************************************************************* Nawigacja*/


/******************************************************************************************* RamĂłwka*/
h2.title{margin: 0 0 15px; font-size:18px; line-height:18px;}

/*******************************************************************************************galeria*/
.fr_gallery h3, .fr_gallery h2{margin: 0 0 15px; font-size:18px; line-height:18px;}
.fr_gallery p img{width:37px;}
.fr_gallery p {
    font-size: 14px;
    line-height: 21px;
	margin: 0 0 15px;
	text-align:left;
}


/*******************************************************************************************stopka*/

/*******************************************************************************************kontakt*/
.contact-data {width:100%; height:auto !important;}
.googlemaps, #googlemaps{width:100%; height:200px;}
}

@media (max-width:380px){


.mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{width:35px;}
.folk-player{width:90px;}
}

@media (min-width:1200px) and (max-width:1400px){
.dispN{display:none;}
}