@media screen and (max-width: 1280px) {

#menu-trigger { 
	float: right;
	display: inline-block;
	margin-top: 20px;
	background-color: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	font-size: 20px;
	cursor: pointer;
}
#menu-trigger:hover { color: #000; }

#menu { position: absolute; margin-top: 62px; left: 5%; right: 5%; height: 0px; border-radius: 16px; overflow: hidden; }
.sf-menu { display: block; }
.sf-menu > li { display: block; text-align: center; padding: 2px !important; background: #1d5098; }
.sf-menu > li > a,
.sf-menu > ul > li > a  { display: block; padding: 10px 0px; }
.sf-menu > li > .sf-with-ul:before { display: none !important; }
.sf-menu > ul,
.sf-menu > li > ul { position: static; width: 100%; display: block !important; padding: 0px !important; }
.sf-menu > ul > li { display: block;  }
.sf-menu > li > a.fa-caret-down:before { top: 20px; }
.sf-menu > li > ul > li { margin-top: 4px !important;  }
.sf-menu > li > ul > li > a { text-align: center; padding: 10px 0px; }

#slogan .date { font-size: 1.4em; }
.box_site,
.box_person { padding: 50px; }

}

@media screen and (max-width: 1024px) {

body { font: 400 14px/22px 'Rubik', sans-serif; }

.bg-wrap { background: linear-gradient(to top, #fff 35%, #e5eff5 0%); }
.bg-wrap2 { background: linear-gradient(to bottom, #fff 75%, #e5eff5 0%); }
.bg-wrap3 { background: linear-gradient(to top, #fff 75%, #e5eff5 0%); }

.dlakogo,
.dlakogo_img { padding: 0px; }

.box_movie_txt { padding: 30px 0px; }
.box_cnt_prelegenci_txt { padding: 0px; }

.box_02,
.box_02news,
.box_03,
.box_032,
.box_04,
.box_043 { width: 100%; }

.box_02news { margin: 15px 0px; }
.box_04,
.box_043 { margin-right: 0px; margin-left: 0px; }
.box_site_photo,
.box_person_photo { width: 200px; height: 200px; margin-right: 30px; }
.box_register { padding-right: 0px; padding-left: 0px; }
.box_online { padding: 45px 0px; }

footer .organizator img { width: 150px; }

}

@media screen and (min-width: 1280px) and (max-width: 1440px) {

.container { width: 1180px; }

h1 { font-size: 55px; line-height: 65px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 22px; line-height: 32px; }

.sf-menu > li > a { padding: 15px 10px; }
#slogan .free { padding: 15px 25px; font-size: 1.3em; }
.timer1 { height: 90px; line-height: 90px; font-size: 1.3em; }
.timer2 { height: 90px; line-height: 90px; }
.timer2 span { font-size: 1.3em; }
.box_movie iframe,
.box_img,
.box_iframe iframe { height: 320px; }
.transmisja_iframe iframe { height: 495px; }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

.container { width: 990px; }

h1 { font-size: 50px; line-height: 60px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 20px; line-height: 30px; }

#top { height: 90px; border-bottom-left-radius: 90px; }
#menu-trigger { margin-top: 25px; }
#menu { margin-top: 92px; }
#media { margin-top: 20px; }
#menu { margin-top: 18px; }
.site-logo { width: 315px; height: 160px; margin-left: -50px; }
.site-logo .brand { margin-top: -50px; margin-left: -50px; width: 100px; height: 100px; }
#slogan .free { padding: 15px 25px; font-size: 1.2em; }
.timer1 { height: 80px; line-height: 80px; font-size: 1.2em; }
.timer2 { height: 80px; line-height: 80px; }
.timer2 strong { font-size: 2em; }
.timer2 span { font-size: 1.2em; }
.box_movie_txt { padding: 0px 30px 0px 0px; }
.box_movie iframe,
.box_img,
.box_iframe iframe { height: 270px; }
.transmisja_iframe iframe { height: 390px; }

.box_prelegenci { width: 200px; border-radius: 100px; margin: 7px; padding: 20px 5px 100px 5px; }
.box_prelegent_photo { width: 160px; height: 160px; }
.box_prelegent_more { right: 0px; }

footer .organizator img { width: 150px; }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

.container { width: 730px; }

h1 { font-size: 45px; line-height: 55px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 20px; line-height: 30px; }

#top { height: 80px; border-bottom-left-radius: 80px; }
#menu { margin-top: 82px; }
#media { margin-top: 15px; margin-right: 15px; }
.site-logo { width: 275px; height: 140px; margin-left: -50px; }
.site-logo .brand { margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; }
#slogan .free { padding: 15px 25px; font-size: 1.2em; }
.timer1 { width: 45%; height: 80px; line-height: 80px; font-size: 1.2em; }
.timer2 { width: 55%; height: 80px; line-height: 80px; }
.timer2 strong { font-size: 2em; }
.timer2 span { font-size: 1.2em; }
.box_movie iframe,
.box_img img,
.box_iframe iframe,
.transmisja_iframe iframe { height: 410px; }

footer .logo img { max-width: 160px; }
footer .organizator img { width: 140px; }
footer .box_flex > div { padding: 0px 15px; }

}

@media screen and (min-width: 640px) and (max-width: 768px) {

.container { width: 600px; }

h1 { font-size: 40px; line-height: 50px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 20px; line-height: 30px; }

#top { height: 80px; border-bottom-left-radius: 80px; }
#menu { margin-top: 82px; }
#media { margin-top: 15px; margin-right: 15px; }
.site-logo { width: 275px; height: 140px; margin-left: -50px; }
.site-logo .brand { margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; }
#slogan .free { padding: 15px 25px; font-size: 1em; }
.timer1 { width: 45%; height: 70px; line-height: 70px; font-size: 1em; }
.timer2 { width: 55%; height: 70px; line-height: 70px; }
.timer2 strong { font-size: 1.5em; }
.timer2 span { font-size: 1em; }
.box_movie iframe,
.box_img img,
.box_iframe iframe,
.transmisja_iframe iframe { height: 340px; }

.box_partner,
.box_partner_active { width: 270px; }
.box_partner > div,
.box_partner_active > div { width: 270px; height: 160px; }

.thumb { width: 285px; height: 285px; }
.program-list { display: block; padding: 15px; }
.program-list > div:nth-child(1),
.program-list > div:nth-child(2) { display: block; width: 100%; text-align: left; }

footer .box_flex > div { display: inline-block; width: 49%; padding: 10px 0px; }
footer .box_flex > div:first-child { display: block; width: 100%; }
footer .logo { text-align: center; }

}

@media screen and (min-width: 480px) and (max-width: 640px) {

.container { width: 440px; }

h1 { font-size: 35px; line-height: 45px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 19px; line-height: 29px; }

#top { height: 70px; border-bottom-left-radius: 70px; }
#media { margin-top: 15px; margin-right: 15px; }
#media a { width: 30px; height: 30px; line-height: 30px; }
#media a:before { font-size: 18px; }
#menu-trigger { width: 30px; height: 30px; line-height: 30px; }
#menu { margin-top: 72px; }
.site-logo { width: 236px; height: 120px; margin-left: -50px; }
.site-logo .brand { margin-top: -35px; margin-left: -35px; width: 70px; height: 70px; }
#slogan { top: 35%; }
#slogan .free { padding: 13px 23px; font-size: 1em; }
.timer1 { width: 100%; height: 60px; line-height: 60px; font-size: 1em; border-top-right-radius: 16px; border-bottom-left-radius: 0px; }
.timer2 { width: 100%; height: 60px; line-height: 60px; margin-top: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 16px; }
.timer2 strong { font-size: 1.5em; }
.timer2 span { font-size: 1em; }
.box_movie iframe,
.box_img img,
.box_iframe iframe,
.transmisja_iframe iframe { height: 250px; }

.box_prelegenci { width: 200px; border-radius: 100px; margin: 7px; padding: 20px 5px 100px 5px; }
.box_prelegent_photo { width: 160px; height: 160px; }
.box_prelegent_more { right: 0px; }

.box_partner,
.box_partner_active { width: 204px; margin: 7px; }
.box_partner > div,
.box_partner_active > div { width: 204px; height: 120px; }
.thumb { width: 205px; height: 205px; }

.box_news, .box_site, .dlakogo_txt, .transmisja_txt { padding: 30px; }
.box_site,
.box_person { display: block; padding: 50px 30px; }
.box_site > div,
.box_person > div { display: block; }
.box_site_photo { width: 100%; height:300px; margin-right: 0px; }
.box_person_photo { margin-right: 0px; }

footer .box_flex > div { display: inline-block; width: 49%; padding: 10px 0px; }
footer .box_flex > div:first-child { display: block; width: 100%; }
footer .logo { text-align: center; }

#inside-div { margin-left: -40%; width: 80%; }
.inside-patron-img img { max-height: 140px; }
.program-menu { padding: 20px; margin: 10px 0px; }
.program-list { display: block; padding: 15px; }
.program-list > div:nth-child(1),
.program-list > div:nth-child(2) { display: block; width: 100%; text-align: left; }
.table-form1 td { display: block; width: 100%; }
.resp-accordion { font-size: 19px; padding-left: 60px; }
.resp-accordion:before { width: 60px; margin-left: -60px; }

}

@media screen and (max-width: 480px) {

.container { width: 320px; }

h1 { font-size: 30px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 25px; line-height: 35px; }
h4 { font-size: 18px; line-height: 28px; }

#top { height: 60px; border-bottom-left-radius: 60px; }
#media { margin-top: 10px; margin-right: 10px; }
#media a { width: 30px; height: 30px; line-height: 30px; }
#media a:before { font-size: 18px; }
#menu-trigger { margin-top: 15px; width: 30px; height: 30px; line-height: 30px; }

.site-logo { width: 200px; height: 102px; margin-left: -50px; }
.site-logo .brand { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; }
#slogan { top: 30%; }
#slogan .free { padding: 10px 20px; font-size: 1em; }
#slogan .date { font-size: 15px; line-height: 25px; }
.timer1 { width: 100%; height: 60px; line-height: 60px; font-size: 1em; border-top-right-radius: 16px; border-bottom-left-radius: 0px; }
.timer2 { width: 100%; height: 60px; line-height: 60px; margin-top: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 16px; }
.timer2 strong { font-size: 1.5em; }
.timer2 span { font-size: 1em; }
.box_movie iframe,
.box_img img,
.box_iframe iframe,
.transmisja_iframe iframe { height: 180px; }
.bg-wrap { background: linear-gradient(to top, #fff 25%, #e5eff5 0%); }

.box_prelegenci { width: 150px; border-radius: 75px; margin: 3px; padding: 10px 5px 70px 5px; }
.box_prelegent_photo { width: 130px; height: 130px; }
.box_prelegent_more { right: 0px; width: 40px; height: 40px; line-height: 40px; font-size: 30px; }

.box_partner,
.box_partner_active { width: 150px; margin: 5px; }
.box_partner > div,
.box_partner_active > div { width: 150px; height: 88px; }
.box_whitetxt,
.box_filmtxt { padding: 16px; }
.box_news, .box_site, .dlakogo_txt, .transmisja_txt { padding: 20px; }
.box_site,
.box_person { display: block; padding: 40px 20px; }
.box_site > div,
.box_person > div { display: block; }
.box_site_photo { width: 100%; margin-right: 0px; }
.box_person_photo { margin-right: 0px; }

footer .box_flex > div { display: inline-block; width: 49%; padding: 10px 0px; }
footer .box_flex > div:first-child { display: block; width: 100%; }
footer .logo { text-align: center; }

#inside-div { margin-left: -40%; width: 80%; }
.inside-patron-img img { max-width: 100%; max-height: 120px; }
.program-menu { padding: 20px; margin: 10px 0px; }
.program-list { display: block; padding: 15px; }
.program-list > div:nth-child(1),
.program-list > div:nth-child(2) { display: block; width: 100%; text-align: left; }
.table-form1 td { display: block; width: 100%; }
.resp-accordion { font-size: 18px; padding-left: 50px; }
.resp-accordion:before { width: 50px; margin-left: -50px; }

}