/* Obrazky v clancich
----------------------------------------------- */
@media only screen and (max-width: 480px) {

.article .article-img-fly-left {float: none; margin: 10px 0;}
.article .article-img-fly-left img {width: 100%; margin-bottom: 10px;}

.article .article-img-fly-right {float: none; margin: 10px 0;}
.article .article-img-fly-right img {width: 100%; margin-bottom: 10px;}

}



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

h1#h1, h2#h1 {left: 71px; top: 26px; margin: 0;}

#nophotographer {width: calc(100% - 280px); margin: 0 0 55px 75px; padding: 40px 65px 43px;}

#socialmenu {left: auto; right: 71px; margin: 0;}

.zajezdynamiru-text {width: 700px;}
.zajezdynamiru-img {width: calc(100% - 750px);}
.zajezdynamiru-img img {width: 90%;}

}



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

.text-vybaveni {padding-left: 650px;}

}



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

.program-text {margin: 245px 0 0 0;}

#kontakt {font-size: 30px; padding: 18px 0 0 70px;}
#kontakt ul li.kontakt-email {background: url("../images/kontakt-gold-email.png") 0 10px no-repeat; background-size: 45px 45px;}
#kontakt ul li.kontakt-phone {background: url("../images/kontakt-gold-mobil.png") 0 10px no-repeat; background-size: 45px 45px;}
#kontakt ul li {padding-left: 63px;}

.container-blog-list .blog-list-divider {display: none;}

.container-blog-list .blog-list-date {width: 100%; margin-left: 0px; padding-left: 50px; line-height: 1em;}
.container-blog-list a.blog-list .blog-list-autor {position: relative; top: 10px; width: 100%; margin-left: 0px; line-height: 1em;}
.container-blog-list a.blog-list .blog-list-autor img {position: relative; top: 3px; width: 35px; height: 35px;}

.zajezdynamiru-odkaz {padding: 0 110px 0 80px; min-height: 300px;}

}



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

.row .col {margin-right: 20px;}

.row .col1 {width: 190px;}
.row .col2 {width: 80px;}
.row .col3 {width: 80px;}

.row .col h3 {font-size: 30px;}
.row .col h4 {font-size: 16px;}

}



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

#nophotographer a.nophotographer-button, #nophotographer a.nophotographer-button:visited {font-size: 20px; margin-right: 13px; padding: 31px 36px;}

#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {padding: 31px 36px 31px 95px;}
#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {padding: 31px 36px 31px 82px;}

.program-text {margin: 225px 0 0 0;}

.text-procsnami {background: url("../images/proc-jet-s-nami.png") 100% 28px no-repeat;}
.text-procsnami ul {width: 500px;}

.text-vybaveni {padding: 0 0 0 650px; background-size: 400px 500px;}
.text-vybaveni ul {width: 500px;}

.zajezdynamiru-text {width: 600px;}
.zajezdynamiru-img {width: calc(100% - 650px);}
.zajezdynamiru-img img {width: 90%;}

}



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

.container-workshop .workshop-term {width: 100%; float: left;}
.container-workshop .workshop-price {width: 100%; float: left; text-align: left;}

#workshop-item {margin: 30px 75px 0;}

#workshop-item-2 {margin: 30px 0 0 0;}

.timeline-content {top: -60px;}

}



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

.filter-box {padding: 26px 24px 18px 24px;}
.filter-box-inner {display: block;}
.filter-button {margin: 0 7px 7px 0;}

}



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

#order {
  
  width: calc(100% - 52px);
  margin: 25px auto 25px;

}

}



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

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#partneri #partneri-left a.partneri-1 img, #partneri #partneri-left a.partneri-1:visited img {width: 100px;}
#partneri #partneri-left a.partneri-2 img, #partneri #partneri-left a.partneri-2:visited img {width: 100px;}
#partneri #partneri-left a.partneri-3, #partneri #partneri-left a.partneri-3:visited {margin-top: 40px;}
#partneri #partneri-left a.partneri-3 img, #partneri #partneri-left a.partneri-3:visited img {width: 130px;}
#partneri #partneri-left a.partneri-4 img, #partneri #partneri-left a.partneri-4:visited img {width: 50px;}

#partneri #partneri-right a.partneri-5, #partneri #partneri-right a.partneri-5:visited {margin-top: 20px;}
#partneri #partneri-right a.partneri-5 img, #partneri #partneri-right a.partneri-5:visited img {width: 80px;}

.text-vybaveni {padding: 0 0 0 600px; background-size: 400px 500px;}
.text-vybaveni ul {width: 500px;}

.zajezdynamiru-text {width: 500px;}
.zajezdynamiru-img {width: calc(100% - 550px);}
.zajezdynamiru-img img {width: 90%;}

}



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

#workshop-item-3 #workshop-item-3-inner {display: block;}
#workshop-item-3 #workshop-item-3-inner .workshop-item-included {width: calc(100% - 48px); display: block; margin-bottom: 20px;}
#workshop-item-3 #workshop-item-3-inner .workshop-item-not-included {width: calc(100% - 48px); display: block;}

#formular {width: 500px;}
#kontakt {width: calc(100% - 570px);}

#kontakty-left {width: 300px; margin: 0 0 38px 0;}
#kontakty-left .article h3 {font-size: 30px;}
#kontakty-left .article p {font-size: 18px;}

#kontakty-right {width: 580px; margin: 0 0 38px 0;}
#kontakty-right .article h3 {font-size: 30px;}
#kontakty-right .article p {font-size: 18px;}

.container-why {text-align: center;}
.why-item {width: 29.0%; height: 300px; text-align: center; padding: 0 1.9% 0; float: left;}

}



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

#workshop-item-2 .lektor {width: 100%; margin-right: 0; margin-bottom: 0;}
#workshop-item-2 .lektor:nth-child(2) {margin-right: 0; margin-bottom: 20px;}
#workshop-item-2 .lektor-more {margin-top: 20px;}

#workshop-item-1, #workshop-item-2, #workshop-item-3, #workshop-item-4 {width: calc(100% - 460px);}

.text-procsnami ul {width: 450px;}

.text-vybaveni {width: calc(100% - 480px); padding: 0 0 0 450px; background: url("../images/doporucene-vybaveni.png") 30px 0px no-repeat; background-size: 400px 500px;}
.text-vybaveni ul {width: calc(100% - 30px); margin-left: 30px;}

#formular-zajezdynamiru .formular-zajezdynamiru-left {width: 500px; max-width: 750px;}
#formular-zajezdynamiru .formular-zajezdynamiru-right {width: calc(100% - 600px);}
#formular-zajezdynamiru .formular-zajezdynamiru-right img {top: 80px; max-width: 100%;}

}



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

#nophotographer a.nophotographer-button, #nophotographer a.nophotographer-button:visited {font-size: 20px; margin-right: 13px; padding: 21px 26px;}
#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {background: url("../images/nophotographer-button-1.png") 25px 15px no-repeat #1B3A4B; padding: 21px 20px 21px 75px;}
#nophotographer a.nophotographer-button-1:hover {background: url("../images/nophotographer-button-1.png") 25px 15px no-repeat #254b60;}
#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {background: url("../images/nophotographer-button-2.png") 23px 10px no-repeat #1B3A4B; padding: 21px 20px 21px 72px;}
#nophotographer a.nophotographer-button-2:hover {background: url("../images/nophotographer-button-2.png") 23px 10px no-repeat #254b60;}

.program-text {margin: 205px 0 0 0;}
.program-text h3 {font-size: 22px;}
.program-text p {font-size: 15px;}

}



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

.container-lastminute .lastminute-box {width: calc(100% - 32px); margin: 0 0 24px 0; padding: 0 0 25px 0;}

.row .col {margin-right: 0;}

.row .col1 {width: 300px;}
.row .col2 {width: 200px;}
.row .col3 {width: 100px;}

.row .col h3 {font-size: 40px;}
.row .col h4 {font-size: 20px;}

.about-text {width: 100%; max-width: 100%; margin: 24px 0 0 0; float: left;}

.about-img {float: left; width: 100%; position: static; top: 0; left: 0; text-align: left; margin: 50px 0;}

.award {margin: 0 20px 45px 0; flex: 0 1 calc(50% - 20px);}

}



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

.text-procsnami ul {width: 400px;}

.lector {position: relative; margin: 50px 0 0 0; padding: 60px 20px 20px 20px;}
.lector-img {position: absolute; left: 50%; top: -64px; margin: 0 0 0 -64px; padding: 0; width: 128px; height: 128px;}
.lector-content {width: 100%;}
.lector-text {width: 100%; text-align: center;}

.zajezdynamiru-odkaz {padding: 0 70px 0 50px; min-height: 300px;}

}



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

.container-workshop a.workshop {width: calc(50% - 30px);}

.container-workshop .workshop-term {width: auto; float: left;}
.container-workshop .workshop-price {width: auto; float: right;}

.container-workshop-noterm a.workshop {width: calc(50% - 30px);}

#workshop-item-1 {font-size: 18px;}
#workshop-item-1 h2 {font-size: 32px;}

#workshop-item-4 {font-size: 18px;}
#workshop-item-4 h2 {font-size: 32px;}

.program-text {margin: 195px 0 0 0;}

#formular {width: 400px;}
#kontakt {width: calc(100% - 470px);}

.container-blog-list {gap: 70px;}
.container-blog-list a.blog-list {flex: 0 1 calc(50% - 35px);}

#lector-container {margin: 40px auto 68px;}

h1#h1, h2#h1 {left: 20px;}

#menu nav ul {margin-left: 140px;}

#socialmenu {right: 20px;}

.zajezdynamiru-img img {width: 100%; top: 0;}

#kontakt-zajezdynamiru ul li {width: calc(100% - 73px);}
#kontakt-zajezdynamiru ul li.kontakt-email {margin-left: 0;}

}



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

#nophotographer a.nophotographer-button, #nophotographer a.nophotographer-button:visited {font-size: 18px; margin-right: 13px; padding: 10px 15px; width: auto;}
#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {background: url("../images/nophotographer-button-1.png") 15px 8px no-repeat #1B3A4B; padding: 10px 15px 10px 53px; background-size: 23px 19px;}
#nophotographer a.nophotographer-button-1:hover {background: url("../images/nophotographer-button-1.png") 15px 8px no-repeat #254b60; background-size: 23px 19px;}
#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {background: url("../images/nophotographer-button-2.png") 15px 7px no-repeat #1B3A4B; padding: 10px 15px 10px 45px; background-size: 19px 23px;}
#nophotographer a.nophotographer-button-2:hover {background: url("../images/nophotographer-button-2.png") 15px 7px no-repeat #254b60; background-size: 19px 23px;}

#subscriber {background: url("../images/subscriber.png") 60% 100% no-repeat;}

/*
.container-type .container-type-expedice {width: calc(100% - 14px); margin: 0 0 10px 0; padding-bottom: 15px; background: url("../images/icon-expedice.png") 29px 34px no-repeat #fff;}
.container-type .container-type-expedice h3 {padding: 17px 0 0 92px;}
.container-type .container-type-expedice p {margin-bottom: 0;}
.container-type .container-type-expedice-active {background: url("../images/icon-expedice.png") 29px 34px no-repeat #ffe3e2;}

.container-type .container-type-zajezd {width: calc(100% - 14px); margin: 0 0 0 0; padding-bottom: 15px; background: url("../images/icon-zajezd.png") 28px 28px no-repeat #fff;}
.container-type .container-type-zajezd h3 {padding: 17px 0 0 92px;}
.container-type .container-type-zajezd p {margin-bottom: 0;}
.container-type .container-type-zajezd-active {background: url("../images/icon-zajezd.png") 28px 28px no-repeat #ffe3e2;}
*/

}



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

.text-procsnami {background-size: 400px 396px;}
.text-procsnami ul {width: 350px;}

#kontakty-left {width: 100%; margin: 0 0 38px 0;}
#kontakty-right {width: 100%; float: left; margin: 0 0 38px 0;}

.wheretogo-text {width: calc(100% - 400px); margin: 0 0 30px 0;}
.wheretogo-text .article {max-width: 100%;}
.wheretogo-img {width: 400px;margin: 0 0 63px 0;}
.wheretogo-img img {max-width: 80%;}

.timeline-content {top: -70px;}

}



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

.program-text {margin: 185px 0 0 0;}

}



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

.zajezdynamiru-text {width: 100%;}
.zajezdynamiru-img {width: 100%; margin: 30px 0 50px;}
.zajezdynamiru-img img {width: auto; max-width: 100%;}

#formular-zajezdynamiru .formular-zajezdynamiru-left {width: calc(100% - 83px); max-width: 100%;}
#formular-zajezdynamiru .formular-zajezdynamiru-right {width: 100%;}
#formular-zajezdynamiru .formular-zajezdynamiru-right img {top: 0px; width: auto; max-width: 100%;}

}



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

.container-blog a.blog {flex: 1 1 calc(50% - 30px);}

.program-text {margin: 175px 0 0 0;}

#kontakt {font-size: 25px; padding: 18px 0 0 70px;}
#kontakt ul li.kontakt-email {background: url("../images/kontakt-gold-email.png") 0 8px no-repeat; background-size: 35px 35px;}
#kontakt ul li.kontakt-phone {background: url("../images/kontakt-gold-mobil.png") 0 8px no-repeat; background-size: 35px 35px;}
#kontakt ul li {padding-left: 50px;}

.zajezdynamiru-odkaz {padding: 0 40px 0 50px; min-height: 300px;}

}



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

.hero-map-1, .hero-map-2 {display: none; visibility: hidden;}

#hero .hero-bubble {left: 0; margin: 0; background-image: url("../images/hero-bubble.png"); background-repeat: no-repeat; background-size: 100% auto;}
#hero .hero-icons-item p {font-size: 30px;}

.article-img-fly-right-1 img {width: 250px !important; height: auto !important;}

#nophotographer {width: calc(100% - 150px); margin: 0 0 55px 30px; padding: 20px 45px 23px;}

.line-dashed {width: calc(100% - 60px); margin: 30px 0 30px 30px;}

.container-workshop {gap: 30px; width: calc(100% - 60px); margin: 0 30px 20px;}
.container-workshop-header h3 {margin: 0 28px 33px 30px;}
.container-related h3 {margin: 59px 28px 33px 30px;}

.container-workshop-noterm {gap: 30px; width: calc(100% - 60px); margin: 0 30px 20px;}

.container-blog {width: calc(100% - 60px); margin: 0 30px 53px;}
.container-blog-header h3 {margin: 10px 28px 46px 30px;}

#partneri {width: calc(100% - 60px); padding: 20px 30px;}

#sluzby {width: calc(100% - 60px); padding: 25px 30px;}

.container-lastminute {width: calc(100% - 60px); margin: 0 30px;}
.container-lastminute-header h3 {margin: 0 28px 48px 30px;}

#subscriber {width: calc(100% - 60px); padding: 0 30px 44px; background: none;}

#subscriber #subscriber-left {width: 70%;}
#subscriber #subscriber-right {width: 30%;}

.container-workshop-header h2 {margin: 0 28px 33px 30px;}
.container-workshop-header-more h2 {width: calc(100% - 60px);}

.container-workshop-noterm-header {width: calc(100% - 60px); margin: 0 0 0 30px;}
.container-workshop-noterm-header h2 {margin: 0 0 33px 0; width: 100%;}

.filter-box {width: calc(100% - 110px); margin: 7px 0 36px 30px;}

.container-type {width: calc(100% - 60px); margin: 0 30px 36px;}

.container-type .container-type-expedice {width: calc(100% - 12px); margin-bottom: 10px; margin-left: 0;}
.container-type .container-type-zajezd {width: calc(100% - 12px); margin-bottom: 10px; margin-left: 0;}
.container-type .container-type-zajezdnamiru {width: calc(100% - 12px); margin-left: 0;}

.container-workshop a.workshop {width: calc(50% - 15px);}
.container-workshop-noterm a.workshop {width: calc(50% - 15px);}

.gallery-container {width: calc(100% - 60px); margin: 0 30px;}

#workshop-item {width: calc(100% - 60px); margin: 30px 30px 0;}

.nav-tab-wrapper {width: calc(100% - 60px); height: auto;}

.nav-tab-wrapper a.nav-tab-noactive, .nav-tab-wrapper a.nav-tab-noactive:visited {font-size: 18px; padding: 20px;}
.nav-tab-wrapper a.nav-tab-active, .nav-tab-wrapper a.nav-tab-active:visited {font-size: 18px; padding: 20px;}

#program {gap: 30px; padding: 8px 30px;}

#mygallery {width: calc(100% - 40px); margin: 0 30px;}
.tab-content.active {padding: 20px 0;}

.text-procsnami {width: calc(100% - 60px); padding: 30px 0 0 30px;}

.container-page {width: calc(100% - 60px); margin: 0 30px 0;}

#kontakty-right #attach li.ext-pdf {background: url("../img/ext_pdf2.png") center 0 no-repeat;}

.container-article {width: calc(100% - 60px); margin: 23px 30px 53px;}

#attach-article {width: calc(100% - 60px); margin: 0 30px 20px;}

.container-blog-list {width: calc(100% - 60px); margin: 0 30px 53px; gap: 50px;}
.container-blog-list a.blog-list {flex: 0 1 calc(50% - 25px);}

.container-workshop-lector-header h3 {margin: 20px 28px 30px 30px;}

.container-awards {width: calc(100% - 60px); margin: 20px 30px 10px;}

.program-change {width: calc(100% - 60px); padding: 8px 30px 0;}

#header {height: 70px !important;}
#menu {top: 0 !important;}
#container {padding-top: 70px}

h1#h1, h2#h1 {width: 50px !important; height: 50px !important; background-size: 50px 50px !important; left: 19px !important; top: 10px !important; z-index: 999;}
h1#h1 a, h2#h1 a {width: 50px !important; height: 50px !important;}

.container-page h2.lektor-h2 a, .container-page h2.lektor-h2 a:visited {display: block; width: 100%; float: left; margin: 0 0 0 0; line-height: 40px;}

#socialmenu {top: 17px !important; right: 100px; z-index: 998;}

}



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

#nophotographer a.nophotographer-button, #nophotographer a.nophotographer-button:visited {font-size: 18px; margin-right: 13px; margin-bottom: 13px; padding: 18px 15px; width: 120px; text-align: center;}
#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {background: url("../images/nophotographer-button-1.png") 15px 16px no-repeat #1B3A4B; padding: 10px 5px 10px 53px; margin-bottom: 13px; background-size: 23px 19px; width: 100px; text-align: left;}
#nophotographer a.nophotographer-button-1:hover {background: url("../images/nophotographer-button-1.png") 15px 16px no-repeat #254b60; background-size: 23px 19px;}
#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {background: url("../images/nophotographer-button-2.png") 15px 15px no-repeat #1B3A4B; padding: 10px 15px 10px 45px; margin-bottom: 13px; background-size: 19px 23px; width: 130px; text-align: left;}
#nophotographer a.nophotographer-button-2:hover {background: url("../images/nophotographer-button-2.png") 15px 15px no-repeat #254b60; background-size: 19px 23px;}

#nophotographer .article p.article-img-fly-1 {margin-bottom: 0;}

}



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

#order .box label {max-width: 100%; width: 170px;}
#order .box select {max-width: 100%; width: calc(100% - 185px);}
#order .box input {max-width: 100%; width: calc(100% - 231px);}

}



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

#content-workshop {background: url("../images/bubble-workshop-small.png") #FCFBF7 100% -32px no-repeat;}

#workshop-item {display: flex; flex-wrap: wrap; position: static;}

#workshop-item-1 {order: 1; width: 100%; padding-right: 0;}
#workshop-item-2 {order: 2; width: 100%; padding-right: 0;}

#workshop-item-5 {order: 3; width: 100%; position: static; right: auto; top: auto; bottom: auto;}
#workshop-item-5 #sidebar {float: none; margin: 0 auto; overflow: hidden;}

#workshop-item-3 {order: 4; width: 100%; padding-right: 0;}
#workshop-item-4 {order: 5; width: 100%; padding-right: 0;}

#workshop-item-2 .lektor {width: 50%; float: left; margin-bottom: 20px;}
#workshop-item-2 .lektor:nth-child(2) {margin-right: 0;}

}



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

#hero {height: 600px;}
#hero .hero-icons {margin: 30px 0 0 0;}
#hero .hero-icons-item img {width: 48px; height: 48px;}
#hero .hero-icons-item p {font-size: 24px; padding: 12px 0 0 20px;}

.reference-container {grid-template-columns: 1fr; gap: 40px;}

}



@media only screen and (max-width: 889px) {
 
 .filter-button {margin: 0 8px 8px 0;}

.filter-open-btn {display: inline-block; font-family: "Inter";}
.filter-box-inner {display: none;}

.filter-button-news {display: inline-block; margin-left: 16px;}

}



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

#formular {width: 100%; padding: 0;}
#kontakt {width: 100%; padding: 0;}
#kontakt .kontakt-img {display: none;}

#kontakt ul li.kontakt-email {background: url("../images/kontakt-gold-email.png") center 0 no-repeat; background-size: 60px 60px;}
#kontakt ul li.kontakt-phone {background: url("../images/kontakt-gold-mobil.png") center 0 no-repeat; background-size: 60px 60px;}

#kontakt ul li {text-align: center; padding: 60px 0 30px 0; font-size: 40px;}

#formular-zajezdynamiru .newsletter-info {width: calc(100% - 220px);}

}



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

#partneri #partneri-left {width: 68%;}
#partneri #partneri-right {width: 32%;}

#partneri #partneri-left a, #partneri #partneri-left a:visited {margin-right: 20px;}

#partneri #partneri-left a.partneri-1 img, #partneri #partneri-left a.partneri-1:visited img {width: 60px;}
#partneri #partneri-left a.partneri-2 img, #partneri #partneri-left a.partneri-2:visited img {width: 60px;}
#partneri #partneri-left a.partneri-3, #partneri #partneri-left a.partneri-3:visited {margin-top: 35px;}
#partneri #partneri-left a.partneri-3 img, #partneri #partneri-left a.partneri-3:visited img {width: 80px;}
#partneri #partneri-left a.partneri-4 img, #partneri #partneri-left a.partneri-4:visited img {width: 30px;}

#partneri #partneri-right a.partneri-5, #partneri #partneri-right a.partneri-5:visited {margin-top: 25px;}
#partneri #partneri-right a.partneri-5 img, #partneri #partneri-right a.partneri-5:visited img {width: 50px;}

#subscriber #subscriber-right a.button-kontakty, #subscriber #subscriber-right a.button-kontakty:visited {max-width: calc(100% - 64px); padding: 22px 0 22px 64px;}

.timeline-item {padding: 15px 30px;}

.timeline-content {top: -40px;}
.timeline-content h3 {font-size: 25px; margin: 0 0 8px;}
.timeline-content p {font-size: 15px;}

.lector {width: calc(100% - 40px);}

}



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

.why-item {width: 46.0%; height: 300px; padding: 0 1.9% 0;}

}



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

.container-workshop .workshop-term {width: 100%; float: left;}
.container-workshop .workshop-price {width: 100%; float: left; text-align: left;}

.program {flex: 0 0 calc(50% - 15px);}
.program-text {margin: 245px 0 0 0;}

.text-procsnami {background: none; min-height: auto;}
.text-procsnami ul {width: calc(100% - 30px); margin-left: 30px; margin-bottom: 0;}
.text-procsnami div.clear {height: 0;}

.text-vybaveni {width: calc(100% - 60px); margin: 0 30px; padding: 0; background: none; min-height: auto;}
.text-vybaveni ul {width: calc(100% - 30px); margin-left: 30px;}
.text-vybaveni div.clear {height: 0;}

.lector-detail-img {width: 210px;}
.lector-detail-img img {width: 150px; height: 150px;}

.lector-detail-text {width: calc(100% - 210px);}

.zajezdynamiru-odkaz {flex-direction: column; text-align: center; padding: 40px 20px 30px; min-height: 300px;}
.zajezdynamiru-odkaz-image {max-width: 100%;}
.zajezdynamiru-odkaz-content {margin-bottom: 40px;}

}



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

.overlay input[type=text] {width: calc(70% - 30px);}
.overlay button {width: calc(30% - 30px);}

.modal {padding-top: 50px;}

#hero .hero-icons {width: 100%; max-width: 650px;}
#hero .hero-icons-item {width: 80%; margin: 0 0 0 20%;}

.sluzby-text-more {display: none;}
a.sluzby-show-more, a.sluzby-show-more:visited {display: inline;}

.program-text {margin: 225px 0 0 0;}

.icon-video {top: 40%;}

}



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

#workshop-item-2 .lektor {width: 100%; margin-right: 0; margin-bottom: 0;}
#workshop-item-2 .lektor:nth-child(2) {margin-right: 0; margin-bottom: 20px;}

#workshop-item-5 #sidebar {float: left; margin: 0; overflow: hidden;}

}



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

#subscriber {background: url("../images/subscriber.png") 80% 80% no-repeat;}

#subscriber #subscriber-left {width: 100%;}
#subscriber #subscriber-right {width: 100%; float: left;}

.container-workshop-header h2 {margin-bottom: 25px;}
.container-workshop-header-more {padding-top: 57px;}
.container-workshop-header-more h2 span {line-height: 1.0em;}
.container-workshop-noterm-header h2 {margin-bottom: 25px;}

.wheretogo-text {width: 100%; margin: 0 0 30px 0;}
.wheretogo-img {width: 100%;; margin: 0 0 30px 0; text-align: center; left: 0; top: 0;}
.wheretogo-img img {max-width: 100%;}

.timeline-content img {width: 60px;}
.timeline-text {width: calc(100% - 94px);}
.timeline::before {padding: 0 0 50px 0;}
.timeline-content {top: -35px;}

.award {margin: 0 20px 45px 0; flex: 0 1 calc(100% - 20px);}

.container-workshop-header-more h2 span {font-size: 40px;}

#formular-zajezdynamiru .formular-zajezdynamiru-left {width: 100%; padding: 30px 0 0 0;}

}



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

.filter-open-btn {width: calc(50% - 8px); text-align: left; padding-top: 12px; padding-bottom: 12px; background-position: right 20px top 17px;}

.dropdown-container {width: 100%;}
.modal-link-container {width: 50%; display: flex; justify-content: space-between;}
.modal-link-container-time {width: 50%; display: flex; justify-content: space-between;}
.filter-button-news {width: calc(50% - 8px); margin-left: 16px; margin-right: 0; border: 1px solid #CCCBCB; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15); text-align: left; color: #546B78; font-weight: 400; font-family: "Inter"; font-size: 14.53px; padding-top: 12px; padding-bottom: 12px; padding-left: 17px;}
.filter-button-news:hover {color: #000;}
.filter-button.active:hover {color: #fff;}

.modal-content {width: calc(50% - 98px);}
.modal-users {width: calc(50% - 101px);}
.modal-time {width: calc(50% - 101px);}

.container-article .article h1 {font-size: 30px;}
.container-article .article p {font-size: 15px;}
#attach-article #attach {font-size: 15px;}
#attach-article #attach li {padding: 7px 0 0 60px;}

.container-article .blog-list-autor {font-size: 12px;}
.container-article .blog-list-date {font-size: 12px;}
.container-article .blog-list-divider {font-size: 12px;}

.container-article .blog-list-autor img {margin-right: 8px;}
.container-article .blog-list-header {margin: 0 0 25px 0;}

}



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

.program-text {margin: 205px 0 0 0;}

.row .col {margin-right: 0; text-align: center; margin-bottom: 40px;}
.row .col h3 {margin-bottom: 0;}

.row .col1 {width: 100%;}
.row .col2 {width: 100%;}
.row .col3 {width: 100%;}

.about-img {text-align: center; margin-top: 20px;}
.about-img img {max-width: 100%;}

.timeline::before {left: 30%;}

.timeline-item {width: 350px;}
.timeline-item:nth-child(odd) {left: 30%; text-align: left;}
.timeline-item:nth-child(even) {left: 30%;}
.timeline-item:nth-child(odd)::before {left: -15px;}
.timeline-item:nth-child(odd) .timeline-content {flex-direction: row-reverse;}

.icon-video {top: 37%;}

#kontakt-zajezdynamiru {width: 100%; padding-left: 0;}

#kontakt-zajezdynamiru ul li {width: 100%;}
#kontakt-zajezdynamiru ul li.kontakt-email {background: url("../images/kontakt-gold-email.png") center 0 no-repeat; background-size: 60px 60px;}
#kontakt-zajezdynamiru ul li.kontakt-phone {background: url("../images/kontakt-gold-mobil.png") center 0 no-repeat; background-size: 60px 60px;}

#kontakt-zajezdynamiru ul li {text-align: center; padding: 60px 0 30px 0; font-size: 40px;}

#order .box label {width: 100%; margin: 0 0 5px 15px;}
#order .box select {width: 100%;}
#order .box input {width: calc(100% - 46px);}

.box #voucherResult span {width: calc(100% - 30px); margin: 10px 15px 0 15px;}

}



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

#hero .hero-bubble {left: 0; top: 0; margin: 0 0 0 0; background: url("../images/hero-bubble-responsive.png") repeat;}
#hero .hero-icons {margin-bottom: 30px;}
#hero .hero-icons-item {line-height: 1.55em;}
#hero .hero-icons-item p {padding: 8px 0 0 20px;}

.container-lastminute .lastminute-box {width: 100%;}

.container-lastminute .lastminute-content {float: right; width: calc(100% - 147px); margin: 0; padding: 0; text-align: left;}
.container-lastminute .lastminute-content p {margin: 5px 0 6px;}
.container-lastminute .lastminute-availability {float: right; width: calc(100% - 147px); margin: 0; padding: 0; text-align: left;}
.container-lastminute .lastminute-availability a {width: 160px;}

.container-page h2 {width: calc(100% - 60px); font-size: 40px;}

.container-page h2.lektor-h2 a, .container-page h2.lektor-h2 a:visited {font-size: 0.6em;}

.container-page .zajezdynamiru-text h2 {font-size: 30px;}

#order h2 {font-size: 40px;}

}



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

.container-workshop a.workshop {width: 100%;}
.container-workshop-noterm a.workshop {width: 100%;}

.program-text {margin: 195px 0 0 0;}

.container-blog-list a.blog-list {flex: 0 1 100%;}

#formular-zajezdynamiru form .formular-button {width: 100%; padding: 10px 0 0 0; float: left;}
#formular-zajezdynamiru form .formular-button input {margin: 12px 0 0 0;}

#formular-zajezdynamiru .newsletter-info {width: 100%;  padding: 0px 0 29px 0;}

.zajezdynamiru-odkaz {width: 100%;}

#formular-zajezdynamiru .form-row, #formular-zajezdynamiru .formular-button-row {grid-template-columns: 1fr;}   
#formular-zajezdynamiru label {margin-bottom: 5px;}
#formular-zajezdynamiru input[type="submit"] {grid-column: 1; width: 100%;}

}



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

.lector-detail {margin: 15px 0 37px 0;}

.lector-detail-img {width: 100%; margin-bottom: 20px;}
.lector-detail-img img {width: 150px; height: 150px;}

.lector-detail-text {width: 100%;}

}



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

#hero {height: 500px;}

#hero .hero-overlay h1 {font-size: 60px; line-height: 66px; margin: 30px 0 0 0;}
#hero .hero-overlay h1 span {font-size: 40px; line-height: 60px;}

.article-img-fly-right-1 {display: none; visibility: hidden;}
.article-img-fly-1 {display: block; visibility: visible;}
.article-img-fly-1 img {max-width: 479px;}

.program-text {margin: 175px 0 0 0;}

}



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

#partneri #partneri-left, #partneri #partneri-right {width: 100%; float: left; text-align: center; font-size: 25px;}

#partneri #partneri-left a, #partneri #partneri-left a:visited, #partneri #partneri-right a, #partneri #partneri-right a:visited {display: inline-block; float: none; margin: 0 10px;}

#partneri #partneri-left a.partneri-1 img, #partneri #partneri-left a.partneri-1:visited img {width: 100px;}
#partneri #partneri-left a.partneri-2 img, #partneri #partneri-left a.partneri-2:visited img {width: 100px; position: relative; top: 9px;}
#partneri #partneri-left a.partneri-3, #partneri #partneri-left a.partneri-3:visited {margin-top: 0;}
#partneri #partneri-left a.partneri-3 img, #partneri #partneri-left a.partneri-3:visited img {width: 130px;}
#partneri #partneri-left a.partneri-4 img, #partneri #partneri-left a.partneri-4:visited img {width: 50px; position: relative; top: 8px;}

#partneri #partneri-right {margin-bottom: 20px;}
#partneri #partneri-right h3 {margin-top: 30px;}
#partneri #partneri-right a.partneri-5, #partneri #partneri-right a.partneri-5:visited {margin-top: 20px;}
#partneri #partneri-right a.partneri-5 img, #partneri #partneri-right a.partneri-5:visited img {width: 80px;}

}



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

.article .article-column-2 {column-count: 1;}
.article .article-column-3 {column-count: 1;}
.article .article-column-4 {column-count: 1;}

.overlay-content {width: 90%;}
.overlay-content form {width: 100%;}
.overlay input[type=text] {width: 60%; margin: 0;}
.overlay button {width: calc(40% - 30px); margin: 0;}

.program-text {padding: 20px; width: calc(100% - 40px); margin: 165px 0 0 0;}

.reference-item {flex-direction: column; text-align: center;}
.reference-content {margin-left: 0;}

.box-checkbox {margin: 22px 0 0 45px; width: calc(100% - 45px);}
.checkmark-order {top: 6px;}
.box-checkbox label span.label-text {font-size: 14px;}

#order .button {font-size: 30px; padding: 6px 0 5px; margin: 18px 0 55px 45px; max-width: 100%; width: calc(100% - 90px);}
#order a.button, #order a.button:visited {padding: 23px 0 22px;}

#order p {font-size: 14px;}

}



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

.modal-users {width: 174px;}

.timeline::before {left: 15%;}

.timeline-item {width: 80%;}
.timeline-item:nth-child(odd) {left: 15%;}
.timeline-item:nth-child(even) {left: 15%;}

}



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

#hero .hero-icons-item {width: 93%; margin: 0 0 0 7%;}

#kontakt ul li.kontakt-email {background: url("../images/kontakt-gold-email.png") center 0 no-repeat; background-size: 50px 50px;}
#kontakt ul li.kontakt-phone {background: url("../images/kontakt-gold-mobil.png") center 0 no-repeat; background-size: 50px 50px;}

#kontakt ul li {padding: 50px 0 30px 0; font-size: 30px;}

#kontakt-zajezdynamiru ul li {font-size: 30px;}

}



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

.container-type .container-type-expedice p {width: calc(100% - 30px); padding: 0 15px;}
.container-type .container-type-zajezd p {width: calc(100% - 30px); padding: 0 15px;}

}



@media only screen and (max-width: 510px) {
  
#nophotographer {width: calc(100% - 110px); margin: 0 0 55px 30px; padding: 10px 25px 15px;}
#nophotographer .article h1 {font-size: 25px;}
#nophotographer .article p {font-size: 18px; line-height: 24px; margin-bottom: 20px;}

#nophotographer a.nophotographer-button, #nophotographer a.nophotographer-button:visited {width: calc(100% - 30px); padding: 10px 15px; text-align: left;}
#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {background: url("../images/nophotographer-button-1.png") 15px 8px no-repeat #1B3A4B; background-size: 23px 19px; width: calc(100% - 68px); padding: 10px 15px 10px 53px;}
#nophotographer a.nophotographer-button-1:hover {background: url("../images/nophotographer-button-1.png") 15px 8px no-repeat #254b60; background-size: 23px 19px;}
#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {background: url("../images/nophotographer-button-2.png") 18px 7px no-repeat #1B3A4B; background-size: 19px 23px; width: calc(100% - 68px); padding: 10px 15px 10px 53px;}
#nophotographer a.nophotographer-button-2:hover {background: url("../images/nophotographer-button-2.png") 18px 7px no-repeat #254b60; background-size: 19px 23px;}

.container-lastminute-header h3 {font-size: 25px; margin: 0 30px 30px 30px;}

.container-lastminute .lastminute-box {margin-bottom: 0;}

.container-lastminute .lastminute-content h3 {font-size: 18px;}
.container-lastminute .lastminute-content p {font-size: 15px;}
.container-lastminute .lastminute-content p span {}
.container-lastminute .lastminute-content p.lastminute-price {font-size: 15px;}

.container-lastminute .lastminute-availability a, .container-lastminute .lastminute-availability a:visited {font-size: 15px; max-width: 100%; display: block; padding-right: 5px; padding-left: 5px;}

.container-blog-header h3 {font-size: 25px;}
.container-blog-header a, .container-blog-header a:visited {font-size: 18px;}

.container-workshop-header h3 {font-size: 25px; margin: 0 15px 10px 30px;}
.container-related h3 {margin: 30px 15px 10px 30px;}

#subscriber #subscriber-left .newsletter-container h2 {font-size: 25px; line-height: 28px;}
#subscriber #subscriber-left .newsletter-form input[type="email"] {width: calc(100% - 42px); max-width: 100%; margin: 10px 0 13px;}
#subscriber #subscriber-left .newsletter-form button {width: 100%; max-width: 100%;}

#subscriber #subscriber-right ul {font-size: 18px; margin-bottom: 30px;}
#subscriber #subscriber-right ul li {margin: 0 0 10px 0;}
#subscriber #subscriber-right ul li a, #subscriber #subscriber-right ul li a:visited {line-height: 24px; text-decoration: none; color: #05073C;}

.container-workshop .workshop-title {font-size: 25px; line-height: 27px; margin: 0 0 2px 0;}
.container-workshop .workshop-type {font-size: 15px; line-height: 23px;}
.container-workshop .workshop-term {font-size: 15px; line-height: 23px;}
.container-workshop .workshop-price {font-size: 15px; line-height: 23px;}

.container-workshop-noterm-header h2 {font-size: 25px; line-height: 28px;}

.container-workshop-noterm .workshop-title {font-size: 25px; line-height: 27px; margin: 0 0 2px 0;}
.container-workshop-noterm .workshop-type {font-size: 15px; line-height: 23px;}

}



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

.right-item {display: none; visibility: hidden;}
.gallery-container {overflow: hidden; float: left; display: block; height: auto;}
.large-item {float: left; display: block; height: auto;}
.large-item img {position: static; border-radius: 10px;}
a.button-all-picture, a.button-all-picture:visited {font-size: 13px; padding: 7px 15px 9px; bottom: 20px; right: 20px;}
.icon-video {position: absolute;}

.program-text {margin: 155px 0 0 0;}

.why-item {width: 100%; height: auto; padding: 0 0 50px 0;}

.lector-tags {display: none;}

.lector-other-expeditions {width: 100%; margin: 20px 0 0 0;}
.lector-other-expeditions a, .lector-other-expeditions a:visited {display: block; background: #F4F0DF; text-align: center; width: 100%; padding: 20px 0; text-decoration: none; font-size: 18px; color: #1B3A4B; font-family: "Jaldi"; font-weight: 700; border-radius: 10px; transition: 0.3s;}
.lector-other-expeditions a:hover {text-decoration: none; background: #e8e4d3;}

#order {width: 100%; background: #fff; border: 0; border-radius: 0; margin: 0; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);}
#order h2 {margin: 20px;}
#order .order-box {width: calc(100% - 70px); margin: 0 0 0 20px; padding: 20px 15px;}

#order .order-h2 {margin-bottom: 10px; line-height: 1em; margin-top: 25px;}
#order .order-h2 span {font-size: 30px;}
#order .order-p {margin: 0 20px 20px; width: calc(100% - 40px);}

#order .alert-good, #order .alert-bad {width: calc(100% - 60px); margin: 10px 0 0 20px;}

}



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

.filter-open-btn {width: 100%; margin-bottom: 8px;}
.filter-button-news {width: 100%; margin-left: 0;}

.dropdown-container {display: block;}
.modal-link-container {width: calc(100% - 2px); margin-bottom: 8px;}
.modal-link-container-time {width: calc(100% - 2px);}

.modal-content {width: calc(100% - 148px);}
.modal-users {width: calc(100% - 148px);}
.modal-time {width: calc(100% - 148px);}

#workshop-item-3 {margin-top: 50px;}
#workshop-item-3 .workshop-line {display: none;}

#workshop-item-5 #sidebar {width: 100%; border: 0; padding: 0; background: none;}
#workshop-item-5 #sidebar .custom-box-term .selected-term {font-size: 18px;}
#workshop-item-5 #sidebar .custom-box-term .subtext-term {font-size: 15px;}
#workshop-item-5 #sidebar .expedition-item {margin-bottom: 5px;}
#workshop-item-5 #sidebar .expedition-item p {font-size: 15px;}
#sidebar h4 {font-size: 30px;}
#sidebar-bottom .sidebar-bottom-green {font-size: 15px;}
#sidebar-bottom .sidebar-bottom-red {font-size: 15px;}
a.button-order, a.button-order:visited {font-size: 30px; margin-top: 30px;}
a.button-interest, a.button-interest:visited {font-size: 30px; margin-top: 30px;}
a.button-alternate, a.button-alternate:visited {font-size: 30px; margin-top: 30px;}

.modal-free-terms {margin: 15px 0 0 10px;}

#kontakty-right #attach li {padding: 0 0 25px 35px; width: calc(100% - 35px); text-align: left;}
#kontakty-right #attach li.ext-pdf {background: url("../img/ext_pdf2.png") 0 5px no-repeat; background-size: 24px 25px;}

}



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

#hero .hero-overlay h1 {font-size: 45px; line-height: 50px; margin: 30px 0 0 0;}
#hero .hero-overlay h1 span {font-size: 30px; line-height: 40px;}

.container-blog a.blog {flex: 1 1 calc(100% - 30px);}

#formular form .formular-input label {width: calc(100% - 60px); font-size: 15px; padding-top: 0; padding-bottom: 10px;}
#formular form .formular-antispam label {width: calc(100% - 60px); font-size: 15px; padding-top: 0; padding-bottom: 10px;}
#formular form .formular-input input.field {width: calc(100% - 42px); margin-bottom: 0;}
#formular form .formular-textarea {margin-bottom: 20px;}
#formular form .formular-antispam input.field {width: calc(100% - 146px); margin-bottom: 0;}

#formular form .formular-button input {margin: 12px 0 0 0;}
#formular .newsletter-info {width: 100%; padding: 0px 0 29px 0;}

}



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

.program {flex: 0 0 100%;}
.program-text {margin: 265px 0 0 0;}

.timeline-content {top: -50px;}

}



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

.program-text {margin: 225px 0 0 0;}

}



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

.eu-cookies {font-size: 0.75em;}
.eu-cookies button {font-size: 0.875em;}
.modal-row .button-cookies {margin: 0 0 0 5px; padding: 4px 7px;}
.modal-row .button-cookies-selected {padding: 4px 7px;}

.container-lastminute .lastminute-image {width: 87px;}
.container-lastminute .lastminute-content {width: calc(100% - 100px);}
.container-lastminute .lastminute-availability {width: calc(100% - 100px);}
.container-lastminute .lastminute-availability a, .container-lastminute .lastminute-availability a:visited {font-size: 12px; max-width: calc(100% - 10px);}

.container-workshop-header-more {padding-top: 35px;}
.container-workshop-header-more h2 {font-size: 22px;}
.container-workshop-header-more h2 span {font-size: 30px;}

#workshop-item-1 {font-size: 15px; line-height: 1.4em;}
#workshop-item-1 h2 {font-size: 25px; line-height: 1.4em;}
#workshop-item-1 p {margin: 10px 0;}

#workshop-item-2 h2 {font-size: 25px; margin-bottom: 30px;}
#workshop-item-2 .lektor-photo {width: 68px;}
#workshop-item-2 .lektor-photo img {width: 60px; height: 60px;}
#workshop-item-2 .lektor-name {width: calc(100% - 90px);}
#workshop-item-2 .lektor-name h3 {font-size: 22px;}
#workshop-item-2 .lektor-name br.br {display: none;}
#workshop-item-2 .lektor-name a, #workshop-item-2 .lektor-name a:visited {font-size: 15px;}

#workshop-item-3 #workshop-item-3-inner h2 {font-size: 25px; line-height: 1.4em; margin: 0 0 20px 0;}
#workshop-item-3 #workshop-item-3-inner ul li {font-size: 15px; margin: 0 0 10px 0; padding-top: 2px;}

#workshop-item-4 {font-size: 15px; line-height: 1.4em;}
#workshop-item-4 h2 {font-size: 25px; line-height: 1.4em;}
#workshop-item-4 .workshop-line {margin: 35px 0 20px;}

.text-procsnami h2 {font-size: 25px;}
.text-procsnami ul {font-size: 15px;}
.text-procsnami ul li {margin-bottom: 18px;}

.text-vybaveni h2 {font-size: 25px;}
.text-vybaveni ul {font-size: 15px;}
.text-vybaveni ul li {margin-bottom: 18px;}

.container-related {margin-top: 0;}

#kontakt ul li {padding: 50px 0 30px 0; font-size: 25px;}

.container-page h2 {font-size: 30px;}
.about-text {font-size: 18px;}

.wheretogo-text h3 {font-size: 30px;}

.timeline {margin-top: 80px;}
.container-page h2.timeline-h2 {font-size: 25px;}
.timeline-item {padding-right: 0;}

.container-why h3 {font-size: 25px;}
.why-item h4 {font-size: 22px;}
.why-item p {font-size: 15px;}

#content-page {background: url("../images/bubble-page-small.png") #FCFBF7 100% -32px no-repeat;}

.container-blog-list {margin-bottom: 30px; gap: 30px;}
.container-blog-list a.blog-list img {height: 200px;}
.container-blog-list .blog-list-title {font-size: 25px;}
.container-blog-list .blog-list-info {display: none;}

.lector-detail-text p {font-size: 15px;}

.container-workshop-lector-header h3 {font-size: 25px; margin: 10px 28px 20px 30px;}

.lector-detail-social a, .lector-detail-social a:visited {font-size: 15px; padding: 9px 49px 0 56px; min-height: 46px;}

a.lector-detail-social-web, a.lector-detail-social-web:visited {background: url("../images/icon_web.png") 0 0 no-repeat; background-size: 40px 40px;}
a.lector-detail-social-facebook, a.lector-detail-social-facebook:visited {background: url("../images/icon_facebook.png") 0 0 no-repeat; background-size: 40px 40px;}
a.lector-detail-social-instagram, a.lector-detail-social-instagram:visited {background: url("../images/icon_instagram.png") 0 0 no-repeat; background-size: 40px 40px;}

.lector-text h3 a, .lector-text h3 a:visited {font-size: 25px;}
.lector-text p {font-size: 15px;}
.lector-text a.lector-link, .lector-text a.lector-link:visited {font-size: 15px;}

.award-text {font-size: 15px; padding-top: 0;}

.award-icon {width: 40px; height: 40px; background: url("../images/icon_award.png") no-repeat 0 3px; background-size: 40px 40px; padding-right: 18px; min-height: 43px;}

#kontakt-zajezdynamiru ul li {font-size: 24px;}

.zajezdynamiru-odkaz-title {margin: 0 0 20px 0; font-size: 30px;}
.zajezdynamiru-odkaz-text {line-height: 1.4; margin-bottom: 25px; font-size: 15px;}

a.zajezdynamiru-odkaz-button, a.zajezdynamiru-odkaz-button:visited {padding: 22px 30px; font-size: 16px;}

.box-checkbox {margin: 22px 0 0 25px; width: calc(100% - 45px);}
.checkmark-order {top: 6px;}
.box-checkbox label span.label-text {font-size: 14px; padding-right: 5px;}

#order .button {font-size: 30px; padding: 6px 0 5px; margin: 18px 0 55px 20px; width: calc(100% - 40px);}

}



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

#nophotographer a.nophotographer-button-2, #nophotographer a.nophotographer-button-2:visited  {background: url("../images/nophotographer-button-2.png") 18px 14px no-repeat #1B3A4B; background-size: 19px 23px;}
#nophotographer a.nophotographer-button-2:hover {background: url("../images/nophotographer-button-2.png") 18px 14px no-repeat #254b60; background-size: 19px 23px;}

#subscriber {background: url("../images/subscriber.png") 80% 73% no-repeat; background-size: 150px 134px;}

}



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

.program-text {margin: 205px 0 0 0;}

.timeline {margin-top: 100px;}
.timeline::before {left: 7%;}

.timeline-item {width: 90%;}
.timeline-item:nth-child(odd) {left: 7%;}
.timeline-item:nth-child(even) {left: 7%;}

.box a.btn-add-participant, a.btn-add-participant:visited {padding: 10px 16px; font-size: 18px;}

}



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

#hero .hero-overlay h1 {font-size: 40px; line-height: 45px; margin: 25px 0 0 0;}
#hero .hero-overlay h1 span {font-size: 25px; line-height: 35px;}

#hero .hero-icons-item p {font-size: 22px; padding: 0 0 0 20px;}
#hero .hero-icons-item img {margin-top: 4px;}

.container-type .container-type-expedice h3 {font-size: 22px;}
.container-type .container-type-zajezd h3 {font-size: 22px;}
.container-type .container-type-zajezdnamiru h3 {font-size: 22px;}

.expedition-item {gap: 15px;}
#workshop-item-5 #sidebar .custom-box-term .selected-term {font-size: 16px;}

#kontakt ul li {padding: 50px 0 30px 0; font-size: 22px;}

#order .button {font-size: 24px;}

}



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

#nophotographer a.nophotographer-button-1, #nophotographer a.nophotographer-button-1:visited {background: url("../images/nophotographer-button-1.png") 15px 16px no-repeat #1B3A4B; background-size: 23px 19px;}
#nophotographer a.nophotographer-button-1:hover {background: url("../images/nophotographer-button-1.png") 15px 16px no-repeat #254b60; background-size: 23px 19px;}

.modal-users {width: 180px;}

#workshop-item-2 .lektor-name a, #workshop-item-2 .lektor-name a:visited {font-size: 13px;}

.program-text {margin: 195px 0 0 0;}

a.zajezdynamiru-odkaz-button, a.zajezdynamiru-odkaz-button:visited {padding: 22px 20px;}

}



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

.program-text {margin: 185px 0 0 0;}

a.button-alternate, a.button-alternate:visited {font-size: 24px;}
.workshop-modal-content input.button-alternate {font-size: 24px;}

}