@media all and (min-width: 1261px)  {
#top_m, #home_m , #search_m { display: none !important; }
#menu_m , #menu_m ul { display: none !important;  }
#banner_m  { display: none !important;  }
#mobile_top_spacer { display: none !important;  }
#bmenu_home_m  { display: none !important;  }
#region_mobile_link { display: none !important;  }
}

@media all and (max-width: 1260px)  {
#top , #banner , #menu ,   #logo { display: none !important; }
#mobile_top_spacer { height: 6em; }
}

#top_m { position: fixed; top:0; left:0; right:0; height: 4em; -webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61); -moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61); box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61); background-color: var(--cl);  z-index: 9000;}
#icon_m { float: left; display: block; margin: 0 0 0 0; width: 5em; height: 4em; background: rgba(255,0,0,0.0) url(img/menu_m.png) no-repeat center center; }
#icon_search_m { float: right; display: block; margin: 0 0 0 0; width: 5em; height: 4em; background: rgba(255,0,0,0.0) url(img/search_m.png) no-repeat center center;  }

#search_m { background-color:#1c6638;  display: none; line-height: 1.3em; top: 4em; position: fixed; width: 100%; z-index: 30;}
#szo_cont_m { height: 2.7em; overflow: hidden; width: 90%; background: var(--cl);  margin: 1em auto; border-radius: 6px; }
#szo_m { font-size: 1em; line-height: 100%; height: 100%; text-indent: 1em; line-height: 2em; float: left; display: block; font-weight: 300;  color: #FFFFFF; width: 70%; background: var(--cl); border-width: 0;}
#search_go_m { float: right; display: block;   height: 100%; background: #278149; width: 18%; line-height: 2.9em; color: #e4e4e4; font-size: 1em;   }
/*#home_m { float: right; display: block; margin: 1.1em 0.7em 0 0; width: 45px; height: 34px;  }*/

#szo_m::-webkit-input-placeholder { color: #e5e5e5; }
#szo_m::-moz-placeholder {  color: #e5e5e5;  }
#szo_m:-ms-input-placeholder {  color: #e5e5e5;  }
#szo_m:-moz-placeholder {   color: #e5e5e5;  }

#logo_m  {   display: none;  width: 30%; background:red; left: 35%; top:0; bottom:0; right: 65%; margin: auto;  position: absolute; vertical-align: center;  }
#logo_m  img { max-width: 100%; max-height: 100%;  vertical-align: center;   }

#menu_m { position: fixed; top: 4em;  left:0; right: 0; bottom: 0;  background-color: var(--cl);  display: none; text-align: left; z-index: 30;  overflow: auto;}
#menu_m ul { list-style-type: none; padding:0; margin: 0; }
#menu_m a { color: #f5f5f5; display: block; border-bottom: 1px solid #57b279;   }
#menu_m > ul > li > a { padding: 0.4em 0 0.4em 1.6em; font-size: 1.2em;  }
#menu_m > ul ul  a { padding: 0.4em 0 0.4em 2.9em; font-size: 1.1em;  }
#menu_m > ul ul ul a { padding: 0.4em 0 0.4em 4.9em; font-size: 1.1em; }
#menu_m > ul ul ul ul a { padding: 0.4em 0 0.4em 5.9em; font-size: 1.1em;  }

#menu_m  li ul { display: none; }


@media all and (max-width: 1260px)  {

table { backaground: red; width: 100% !important; }
table tr:first-child { background: #e7e7e7; padding-top: 0.6em; }
tr { backaground: green; display: block; border-bottom: 2px solid #d0d0d0; text-align: center !important; }
 
td { baackground: yellow; width: auto !important;  height: auto !important; padding: 0em; display: block; text-align: center !important;  }

.inl_fotok { margin: 10px 0 ; max-width: 700px; }
.inl_fotok img { height: 100px; margin: 4px; border:4px solid #FFFFFF; box-shadow: 0 0 2px 0px rgba(0,0,0,0.4); transition: opacity 0.12s; }
.inl_fotok img:hover { opacity: 0.7; }

#feadr {}
#feadr img { width: 100% !important; height: auto !important; }

#banner_slide {  display: none; width: 100%; height: 8em;  margin-bottom: 2em;   }
#banner_slide ul { padding:0; margin:0; width: 100%;  height: 8em;   }
#banner_slide .bx-wrapper .bx-pager, #banner_slide .bx-wrapper .bx-controls-auto { display: none !important;   }
#banner_slide ul li { height: 100% }
#banner_slide ul li div { width: 100%;  height: 8em;  background-position: center center; }

#banner_slide_pages { display: none;   }
#banner_slide_pages .bx-wrapper .bx-pager, #banner_slide_pages .bx-wrapper .bx-controls-auto { display: none !important;   }
#banner_slide_pages ul {   }
#banner_slide_pages ul li {  }
#banner_slide_pages ul li div {  }

#loadcale {   width: 100%; height: 100%; position: relative; }
#loadcale:after { z-index: 2; position: absolute; content: "\f110"; font-family: FontAwesome; color: #784f0d; font-size:30px; left: 50%; top: 50%;-webkit-animation: fa-spin 2s infinite linear;  animation: fa-spin 2s infinite linear;}

#content {   text-align: center; }
#tartalom {   min-height: 26em; margin: 0 auto; text-align: center; padding: 0 1em 3em 1em; line-height: 1.3em; font-size: 1em;}
#tartalom img { max-width: 100%; height: auto !important;  }
#description { line-height: 1.3em; font-size: 1em; width: 100%; overflow: hidden; }
#description img { max-width: 100%; height: auto !important;  }

#bottom { padding: 1.5em 0 1.5em 0; background-color: #22461e; text-align: center; }
#bottom-c { margin: 0 auto; text-align: center;  }

.bmenu { display: none; color: #d7d7d7; text-transform: uppercase; font-size: 1em;   margin-right: 30px; }
.bmenu:hover { color: #ffffff; }
#bmenu_home_m { display: block; margin: 0 auto;  }
#bmenu_home_m i { color: #e0e0e0; font-size: 1.8em; }

#copy { color: #c1c1c1;  font-size: 1em; margin-top: 2em; }
#copy1 { color: #a0a0a0;  font-size: 0.8em; margin-top: 0.6em; }

#mainhirek { margin-top: 85px; margin-bottom: 85px;  clear: both; float: none; }
#mainhirek b { font-weight: normal; margin-bottom: 25px; display: block;  color: #644617; font-size: 1.4em }

#pagetitle { font-weight: normal; margin-bottom: 1em; display: block;  color: #644617; font-size: 1.4em }
#pagetitle2 { font-weight: normal; margin-bottom: 0; display: block;  color: #644617; font-size: 1.4em }

.mainhir { margin: 0 0 60px 0; max-width: 900px;  }
.mainhir img { }
.mainhir span { background-color: #e0e0e0; color: #1e6036; font-size: 12px; display: inline-block; padding: 5px 10px; border-radius: 2px; margin-right: 8px; }
.mainhir a { color: #1e6036; font-size: 1.2em; display: block; margin-top: 5px; margin-bottom: 7px; }
.mainhir a:hover { text-decoration: underline }
.mainhir u { display: inline; color: #333333; font-size: 1.0em; margin-top: 0.5em; text-decoration: none; line-height: 1.4em; }
.mainhir i { color: #555; display: inline; font-size: 0.8em; font-style: normal; margin-left: 10px;  }

#foo-tit { font-size: 1.2em; color: #644617; text-align: center; position: relative; display: block; margin-top: 120px;}
#foo-subtit { font-size: 1.0em; color: #644617; text-align: center; padding-top: 0.3em; padding-bottom: 30px;  display: block;   }
#foo-tit:before{ content: " "; position: absolute; z-index:2;  display: block; width: 100%; margin: -110px auto 0 auto; height: 103px; background-image: url(img/logo.png); background-repeat: no-repeat; background-position: center center;}

.fobox { display: inline-block; margin: 1.5em auto 1.5em auto; width: 300px; text-align: center; }
.fobox img { display: block; transition: opacity 0.1s; width: 291px !important; height: 208px !important; }
.fobox:hover span { text-decoration: underline; }
.fobox:hover img { opacity: 0.8; }
.fobox span { display: block;   font-size: 1em; margin-top: 0.5em; }
.fobox-spacer {  }

#cale { height: 385px; clear: both; float: none; margin: 30px 0 0 0; background: #f0f0f0; display: none;  }
#cale_spacer { margin-top: 50px; clear: both; float: none; }
#caleviz { display: none !important; float: left; margin: 0px 0 0 300px; }
#caleviz:hover span { text-decoration: underline; color: #444; }
#caleviz .fa-calendar { margin-right: 10px; color: #90d7ab; font-size: 1.5em;}
#caleviz span { color: #585858; font-size: 1.1em}
#caleviz .fa-angle-double-right { margin-left: 4px; color: #585858; font-size: 1.1em;}
#cale-left { float: left; width: 63px;  }
#cale-left a { display: block; margin: 180px 0 0 20px;  }
#cale-left a i { color: #967c60; font-size: 1.5em  }
#cale-left a:hover i { color: #532b00;   }
#cale-right { float: right; width: 63px;   }
#cale-right a { display: block; margin: 180px 0 0 18px;  }
#cale-right a:hover i { color: #532b00;   }
#cale-right a i { color: #967c60; font-size: 1.5em  }
.cale-today { text-align: center;  display: block; padding-top: 20px; color: #256e40; }
.cale-today:hover { text-decoration: underline; }
.cale-month { width: 342px; float: left;   }
.cale-month-name { text-align: center; height: 64px; line-height: 70px;   }
.cale-month-days-container { background: #d4dac6; height: 259px;  }
.cale-month-margin-left { margin-left: 52px; }
.cale-month-inner { padding: 10px; }
.cale-hetnapjai { margin: 5px 0 10px 0; clear: both; float: none; }
.cale-hetnapjai a , .cale-napok a { font-size: 1.1em; display: block; float: left; padding: 3px 0; margin: 3px 5px; width: 35px; text-align: center;   }
.cale-hetnapjai a  { cursor: default;   }
.cale-hetnapjai a.sn1 , .cale-hetnapjai a.sn2 , .cale-hetnapjai a.sn3 , .cale-hetnapjai a.sn4 , .cale-hetnapjai a.sn5   { color: #644617; font-weight: bold; }
.cale-hetnapjai a.sn6 , .cale-hetnapjai a.sn7   { color: #8c0808; font-weight: bold;}
.cale-napok a.aktho { color: #333333; }
.cale-napok a.masho { color: transparent; }
.cale-napok a.esem { background-color: #8fb19c; }
.cale-napok a.esem:hover { background-color: #477c5b; color: #ffffff; }
.cale-napok { clear: both; float: none; }
.cale-napok br { display: block; clear: both; float: none; }
 
 
#region-title { margin-top: 2em; margin-bottom: 0.8em; font-size: 1.2em; }
#region {  width: 100%; height: 550px  }

#contact_form {    }
.ctitle2 { font-size: 1em; color: #222222; text-align: left;   }
.finp { display: block; width: 85%; border:1px solid #cfcfcf; border-radius: 2px; font-size: 1em; height: 33px; line-height: 33px; text-indent: 6px; color: #333; }
.finp_space { margin-left: 14px; }
#txt { resize: none;display: block; width: 881px; border-radius: 2px; transition: border-color 0.15s; border:1px solid #b7b7b7; height: 120px; padding: 4px 0 0 0px; text-indent: 6px; font-size: 1em ; color: #333; overflow: auto;   }
#txt:focus { border-color: #256e40;}
#csmb{  border-width:0; cursor: pointer; }
#csmb:hover{   }
#prl { display: none; color: #256e40; float: left;}
#zoom_mobile { display: none; }
 
	
	
/* EVENTS */

.events { text-align: left; margin-bottom: 40px; }
.events-tit { font-size: 1.2em; color: #1e6036; line-height: 1.1em; font-weight: 400 ; display: block; margin: 0 0 0.7em 0; }
.events-tit:hover {   color: #1e6036;  text-decoration: underline }
.events-hea { font-size: 1em; color: #333333; line-height: 1.3em;  display: inline; }
.events-dat { font-size: 0.8em;   color: #666; line-height: 1.25em; margin-top: 0.4em; display: inline;}
.events-img { display:none; float: left; margin-right: 14px; margin-top: 5px; box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.3);  }
.events-img img  {display: block; }
.events-tov { display: block; margin: 0.7em 0 0em 0; }
.events-tov a {  }

.event-tit { font-size: 1.2em;   line-height: 1.1em;  color: #1e6036;  font-weight: 400}
.event-dat { font-size: 1em; font-weight: 500; font-style: italic; color: #666; line-height: 1.7em; }
.event-des { font-size: 1em; color: #333333; line-height: 1.4em; margin-top:5px; }
.event-vissz { display: block; margin: 2em 0 0em 0; }
.event-vissz a {  }



/* FOTOK */

.fotopage-tit  { font-size: 1.4em;   line-height: 2.1em;  color: #1f539c;  font-weight: 400; margin: 0 0 20px 0;}
.foto1-cat-cont { float: left; cursor: pointer; width: 288px; height: 215px; margin: 0 10px 10px 0;  }
.foto1-cat {  width: 288px; height: 215px;  position: absolute; text-align: center; background-position: center center; background-repeat: no-repeat;   }
.goto1-cat-link { text-align: center;  z-index: 5; display: none; color: #ffffff; position: absolute; margin: 100px 0 0 25px; border-radius: 3px; background-color: #000000; background-color: rgba(0,0,0,0.4); width: 230px; font-size: 1.3em;  }
.goto1-cat-link:hover { color: #ffffff;  }
.foto1-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto1-cat-link:hover {  }
.foto_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}


.foto-cat-cont { float: left; cursor: pointer; width: 288px; height: 280px;  text-align: center; transition: background-color 0.22s; }
.foto-cat {  width: 288px; height: 215px; text-align: center; background-color: #000000;  position: relative; }
.foto-cat img { max-height: 100%;   max-width: 100%; width: auto; height: auto;position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto;  }
.goto-cat-link { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; display: block;  }
.goto-cat-link:hover { color: #444444;  }
.foto-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto-cat-link:hover {  }
.fotocat_bg {background-color: #c7d0d7; }



/* VIDEOK */

.vid { width: 256px; height: 230px; transition: background-color 0.22s; cursor: pointer; float: left; overflow: hidden; text-align: center; margin: 20px 40px 20px 0;  }
.vid-img { width: 256px; height: 160px;   background-position: center top; background-repeat: no-repeat;  }
.vid-nev { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; }
.video_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}
.vid_bg {background-color: #c7d0d7; }



.reszo { color: red; font-weight: bold; background-color: #ddd; padding: 0.3em 0.6em; font-size: 1em;}
.keres-cim { font-size: 1.2em; padding: 0.7em 0; display: block; }
.keres-desc { font-size: 0.9em; line-height: 1.6em; color: #333333; }
.keres-link { text-decoration: none; display: inline-block; padding: 0.5em 2em; background: #e0e0e0; border-radius: 3px;  }
.keres-link:hover { text-decoration: none; }
.keres-fa-sym { display: none !important; }



#contact_form { text-align: center; }
#mobile_map { }
.ctitle2 { font-size: 1em; color: #222222; text-align: center;   }
.finp { display: block; width: 80%; margin: 0 auto 2em auto;  border:1px solid #cfcfcf;  border-radius: 2px; font-size: 1em; height: 2em; line-height: 2em; padding: 0 0 0 6px; color: #333; }
#txt { resize: none; display: block; width: 80%; border-radius: 2px; margin: 0 auto 2em auto; transition: border-color 0.15s; border:1px solid #b7b7b7; height: 5em; padding: 4px 0 0 6px; font-size: 1em ; color: #333; overflow: auto;   }
#txt:focus { border-color: #949364;}
#csmb{  border-width:0; cursor: pointer; }
#csmb:hover{  }
#prl {  display: none; color: #9b216c; float: left;}
#zoom_desktop { display: none; }

}