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

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

#accessibility { margin-top: 25px; }
#accessibility a { width: 40px; height: 40px; line-height: 40px; }
#menu { position: absolute; margin-top: 62px; left: 5%; right: 5%; height: 0px; overflow: hidden; }
.sf-menu { display: block; }
.sf-menu > li { display: block; text-align: center; margin: 0px !important; background-color: var(--main-bgcolor); }
.sf-menu > li > a,
.sf-menu > ul > li > a { display: block; }
.sf-menu > li > a { border-bottom: 1px solid rgba(255,255,255,0.1); }
.sf-menu > li > ul > li > a { border-bottom: 1px solid #225369; }
.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 > ul > li { background: rgba(255,255,255,0.1); }
.sf-menu > li > ul > li > a { text-align: center; padding: 10px 0px; }

.well-01 { padding-top: 35px; padding-bottom: 35px; }
.well-02 { padding-top: 55px; padding-bottom: 55px; }
.well-03 { padding-top: 75px; padding-bottom: 75px; }

.parallax01 p { padding-right: 0px; }

.box_preface {
	width: 90%;
	background: linear-gradient(0deg, var(--main-bgcolor) 155px, var(--white-bgcolor) 155px);
	padding-left: 5%;
	padding-right: 5%;
}
.preface { background-position: bottom 155px left; }
.preface > div:first-child { padding: 50px 0px 0px 42%; font-size: 1em; line-height: 1.5em; }
.preface > div:last-child { position: relative; padding-top: 150px; }
.preface { background-size: 220px auto; }

}

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

:root {  
  --font-size: 14px;
  --line-height: 22px;
}

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

.box_cnt_prelegenci_txt { padding: 0px; }

.zagadnienia h2 { padding-bottom: 30px; }
.zagadnienia p { padding: 30px 0px; }
.why-worth img,
.place img { width: 80%; }

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

.box_02news { margin: 15px 0px; }
.box_zagadnienia,
.box_04,
.box_043 { margin-right: 0px; margin-left: 0px; }

.box_site,
.box_person { padding: 0px; }
.box_person_photo { width: 200px; height: 200px; margin-right: 30px; }
.dlakogo_txt { padding-right: 0px; padding-left: 0px; }
.box_online { padding: 45px 0px; }

}

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

.container { width: 1180px; }

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

#partnertop img { height: 55px; }
.sf-menu > li > a { padding-left: 10px; padding-right: 10px; }

.logo img { width: 130px; }
.box_img { height: 320px; }
.transmisja iframe { height: 566px; }
.thumb { width: 280px; height: 280px; }

}

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

.container { width: 990px; }

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; }

#partnertop { margin-top: 20px; }
#partnertop img { height: 50px; }
#menu-trigger { margin-top: 25px; }
#menu { margin-top: 92px; }

.logo img { width: 110px; }
#slogan h1 { font-size: 30px; line-height: 40px; }
#slogan h2 { font-size: 25px; line-height: 35px; }
#slogan p { font-size: 1.4em; }
.timer2 strong { font-size: 2.9em; }

.box_img { height: 270px; }
.why-worth .white,
.place .city { padding: 5% 10%; }
.preface > div:first-child { padding: 50px 30% 0px 30%; }

.box_site,
.box_person { padding: 0px 50px; }
.box_site_photo { width: 400px; height: 400px; margin-right: 40px; }
.box_prelegenci { width: 200px; margin: 7px; padding: 20px 5px 30px 5px; }
.box_prelegent_photo { width: 160px; height: 160px; }
.transmisja iframe { height: 504px; }
.thumb { width: 316px; height: 316px; }

}

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

.container { width: 730px; }

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; }
#accessibility { margin-top: 20px; }
#menu { margin-top: 82px; }

#partnertop { margin-top: 20px; }
#partnertop img { height: 40px; }

.logo img { width: 110px; }
#slogan h1 { font-size: 30px; line-height: 40px; }
#slogan h2 { font-size: 25px; line-height: 35px; }
#slogan p { font-size: 1.3em; }
#timer { top: 110px; }
.timer2 strong { font-size: 2.8em; }

.parallax { background-size: 130%; }
.box_site_photo { width: 300px; height: 300px; margin-right: 30px; }
.box_img img { height: 410px; }
.preface > div:first-child { padding: 50px 20% 0px 40%; }
.transmisja iframe { height: 414px; }
.thumb { width: 226px; height: 226px; }

}

@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; }
#accessibility { margin-top: 20px; }
#menu { margin-top: 82px; }

.logo img { width: 100px; }
#partnertop { margin-top: 20px; }
#partnertop img { height: 40px; }
#slogan h1 { font-size: 25px; line-height: 35px; }
#slogan h2 { font-size: 20px; line-height: 30px; }
#slogan p { font-size: 1em; }
#timer { top: 110px; }
.timer1 { font-size: 1em; }
.timer2 strong { font-size: 2.5em; }

.box_img img { height: 340px; }

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

.box_site,
.box_site > div { display: block; }
.box_site_photo { width: 100%; height: 500px; margin-right: 0px; margin-bottom: 20px; }

.parallax { background-size: 160%; }
.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; }
.transmisja iframe { height: 340px; }
.thumb { width: 286px; height: 286px; }

}

@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: 80px; }
#accessibility { width: 100%; margin-top: 0px; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.25); }
#accessibility a,
#menu-trigger { width: 30px; height: 30px; line-height: 30px; }
#menu-trigger { margin-top: 7px; }
#menu { margin-top: 72px; }

.logo { float: none; display: block; margin-right: 0px; }
.logo img { width: 110px; }
.logo-space { padding-right: 15px; margin-right: 5px; }

#partnertop { margin-top: 40px; }
#partnertop img { height: 30px; }
#slogan { bottom: 70px; }
#slogan h1 { font-size: 25px; line-height: 35px; }
#slogan h2 { font-size: 20px; line-height: 30px; }
#slogan p { font-size: 1em; }
#timer { top: 100px; }
.timer1 { font-size: 1em; }
.timer2 strong { font-size: 2.5em; }

.box_img img { height: 250px; }

.preface > div:first-child { padding: 50px 10% 150px 10%; }
.btn { padding: 10px 25px; }

.box_prelegenci { width: 200px; margin: 7px; padding: 20px 5px 30px 5px; }
.box_prelegent_photo { width: 160px; height: 160px; }

.box_partner,
.box_partner_active { width: 204px; margin: 7px; }
.box_partner > div,
.box_partner_active > div { width: 204px; height: 120px; }
.parallax { background-size: 230%; }

.dlakogo_txt { padding-top: 30px; padding-bottom: 30px; }
.box_site,
.box_person,
.box_site > div,
.box_person > div { display: block; }
.box_site_photo { width: 100%; height: 400px; margin-right: 0px; margin-bottom: 20px; }
.box_person_photo { margin-right: 0px; }
.transmisja iframe { height: 250px; }
.thumb { width: 206px; height: 206px; }

#inside-div { margin-left: -40%; width: 80%; }
.inside-patron-img img { max-height: 140px; }
.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: 27px; line-height: 37px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 18px; line-height: 28px; }

#top { height: 80px; }
#accessibility { width: 100%; margin-top: 0px; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.25); }
#accessibility a,
#menu-trigger { width: 30px; height: 30px; line-height: 30px; }
#menu-trigger { margin-top: 7px; }

.logo { float: none; display: block; margin-right: 0px; }
.logo img { width: 110px; }
.logo-space { padding-right: 10px; margin-right: 5px; }

#partnertop { margin-top: 40px; }
#partnertop img { height: 26px; }
#slogan { bottom: 50px; }
#slogan h1 { font-size: 20px; line-height: 30px; }
#slogan h2 { font-size: 18px; line-height: 28px; }
#slogan p { font-size: 1em; }
#timer { top: 100px; }
.timer1 { font-size: 1em; }
.timer2 strong { font-size: 2.5em; }

.box_img img { height: 180px; }
.parallax { background-size: 310%; }
.why-worth img,
.place img { width: 90%; }
.why-worth .white,
.place .city { padding: 10%; }
.btn { padding: 10px 20px; }
.navi-btn .btn { width: 80%; padding: 10px 0px; text-align: center;  }

.preface > div:first-child { padding: 50px 10% 160px 10%; }

.box_prelegenci { width: 150px; margin: 3px; padding: 10px 5px 30px 5px; }
.box_prelegent_photo { width: 130px; height: 130px; }

.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; }
.dlakogo_txt { padding-top: 20px; padding-bottom: 20px; }
.box_site,
.box_person,
.box_site > div,
.box_person > div { display: block; }
.box_site_photo { width: 100%; height: 300px; margin-right: 0px; margin-bottom: 20px; }
.box_person_photo { margin-right: 0px; }
.transmisja iframe { height: 180px; }
.thumb { width: 146px; height: 146px; }

#inside-div { margin-left: -40%; width: 80%; }
.inside-patron-img img { max-width: 100%; max-height: 120px; }
.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; }
.program-godz,
.program-lok { padding: 10px 15px; font-size: 1em; }
.table-form1 td { display: block; width: 100%; }
.resp-accordion { font-size: 18px; padding-left: 50px; }
.resp-accordion:before { width: 50px; margin-left: -50px; }
.resp-tab-content { padding: 0px; }

}