/*big screen*/
@media only screen and (min-width: 1550px) {

body {font-size:16px}

.container { width: 1400px }



}
@media only screen and (max-width: 1200px) {
	
#iKalendar { height: 1100px; }
 .topnav nav{display:none}
 .mob-nav { display: list-item;}
#ham {display:block}
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month { right: 30%;}
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month {left:30%}
}

@media only screen and (max-width: 900px) {
#iKalendar { height: 1587px; }
body {font-size: 15px}
h1 {font-size: 3em;}
.container { width: 90%; }

.topbar .contacts {display:none}
.top-text-area { width: 80%;     line-height: 1.6em;}
.top-text-area h1 { line-height: 0.9em; font-size: 2.9em;}
.hot-newska, .hot-box { width: 40%; font-size: 1.5em;}
#leaf2 {display:none}
.grid {display:grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 4em;}
.cenik-card .times { font-size: 3em;} 
.cenik-card .ceny { font-size: 1.1em;}
.kontakt-card .left, .kontakt-card .right {width:100%}
.kontakt-card .right {margin-top:3em} 

.kontakt-card {width: 100%;}
.kontakt-card .col1, .kontakt-card .col2 { width: 50%;}
.kontakt-card .col3 { width: 100%; margin-top: 3em;}
.map {margin-top:3em}

.foot .socs img { margin-left: 1em;}
.nav-foot {display:none} 

/*.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month { right: 20%;}
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month {left:20%}*/
.swiper-button-next-kalendar { right: 0px; top: 141px;}
.swiper-button-prev-kalendar { left: 0px; top: 141px;}

.swiper-button-next-lektori, .swiper-button-prev-lektori {display:none}

.kal-lekce {padding: 0.3em;     font-size: 0.7em;}
#leaf3 { top: -52%;}
.kalendar .weekday { font-size: 1.1em;}



.online-lekce .akce-card { width: 100%; }
.online-lekce  .thumb { height: auto; }

}
 
@media only screen and (max-width: 650px) {
h2 {font-size: 2.2em;}
#ham {right: 5%;  }
.rovnovaha {display:none}
/*.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month { right: 0;}
.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month {left:0}*/
.kal-den { width: 100%;}
.kal-lekce { padding: 0.3em 0 1.7em; font-size: 0.9em;}
.kalendar-popup {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 50%;
	padding: 1em;
      overflow-y: scroll;
}

.kalendar-popup .nazev {
	font-size: 1.7em;
}

.kalendar-popup .date {
	font-size: 1.2em;
}

.kalendar-popup h3 {
	font-size: 1.3em;
}

.kalendar .weekday {
    font-size: 1.9em;}
	
	
.top-text-area p {
	font-weight: 300;
    font-size: 1em;
}    

img.size-full {
	width: 100%;
	height: auto;
}

} 
 
 

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


html { font-size: 13px; }
h2 {font-size: 2.2em;}
.container { width: 90%; }

.topbar {border:none}
.topbar .socs {display:none}
.topnav .logo { width: 146px; margin-top: -42px;}
#ham {right: 9%; top: 27px; height: 40px; width: 42px; margin: 7px 0;}
.menu nav { font-size: 1.2em;}
.top-banner { height: 80vh;}
.top-banner .swiper-button-next, .top-banner .swiper-button-prev {display:none}
.hot-news {padding: 1em 0 4em;}
.hot-newska, .hot-box { width: 90%; height: auto;  margin: 6px auto;}
.hot-box {    padding: 3.1em 3.2% 1em;}
#leaf1 { width: 48%; left: -8%; top: 108%;}
#leaf3 {display:none}
.rozpis-lekci {  padding: 1em 0 2em;}
.tt_responsive .tt_timetable.small .box_header {text-align: left; color:#f3c250!important; font-size:20px!important; font-family: 'Cormorant Garamond', serif!important}
.tt_responsive .tt_timetable.small .tt_items_list div.event_container { text-align: left;}
.but-info {    margin-top: 3em; display: block;}
.lektori {    padding: 5em 0 2em;}
.lektori-card, .lektori-card h3 { text-align: center;}
.kurzy:before {display:none}
.popis-lekci { padding: 4em 0;}
p.perex { width: 90%;}
.grid {grid-template-columns: 1fr; text-align: center;}
.lekce h3 { text-align: center;}
.lekce span { left: 43%;  top: -0.1em;  font-size: 8em;}
.cenik-card { width: 87%; padding: 4em 0;}
#leaf4 { width: 33%; top: 204%; z-index: 1;}
.cenik .bank { width: 80%;}
.swiper-akce .swiper-button-next, .swiper-akce .swiper-button-prev {display:none}

.onas .left, .onas .right {width:100%}
.onas .right { margin-top: 4em; padding:0}
.grid-galerie {grid-template-columns: 1fr;}
.kontakty .intro { padding: 4em 10% 6em;}
.kontakt-card .col1, .kontakt-card .col2 {width:100%}
.dotaz-info { line-height: 1.2em;}
#map {width:100%}
.foot .col1 {width: 100%; display:none}
.foot .logo { position: static; margin: auto; display: block;}
.foot .col.last { position: static; width:100%}
.foot .socs { margin-bottom: 2em; margin-top:4em; overflow: auto; text-align: center; margin-left:0}
.foot .socs img { margin: 0 1em; display: inline-block; float: none; }
.copyright { position: static; width: 90%;}
/* .podminky {display:none}  */

/* pages */
.single-post-text { width: 100%;}
.tt_event_page_left  {width:100%}
.tt_event_theme_page  {width:90%}
.tt_event_theme_page p { font-size: inherit!important; font-family:inherit!important; line-height: 1.7em;  } 
.single-post-image { width: 100%;  margin-top: 3em;}
.single-akce .datum-konani { font-size: 2em;}
.single-post-text { width: 100%; margin-bottom: 4em;}



}