#responsivemenu,
#responsivemenubutton,
#responsivemenuholder,
#slider_container.mobile {
  display: none;
}

/* below 1280 */
@media only screen
and (max-width : 1279px) {
  #kovacs-niki {
    display: none;
  }
  a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
}

/* below 1024 */
@media only screen
and (max-width : 1023px) {
  body {
    background: #555555 url(/images/background.png) top center no-repeat; 
    padding-bottom: 70px;
  }
  #responsivemenu {
    display: block;
    position: fixed;
    width: auto;
    top: 20px;
    right: 0;
    z-index: 20000;
  }
  #responsiveshortcuts {
    position: absolute;
    top: 0;
    right: 60px;
    display: block;
    width: 95px;
    height: 40px;
  }
  #responsiveshortcuts:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;  
  }
  #responsiveshortcuts a.mail {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/images/responsive_mail.png) center center no-repeat;
    background-size: 40px 32px;
    float: left;
    margin-right: 15px;
  }
  #responsiveshortcuts a.phone {
    display: block;
    width: 40px;
    height: 40px;
    background: url(/images/responsive_phone.png) center center no-repeat;
    background-size: 40px 32px;
    float: left;    
  }
  #responsivemenubutton {
    background: rgba(130,181,28,0.99) url(/images/responsive_menu.png) center center no-repeat;
    background-size: 35px 28px;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 10px 0 0 10px;
    position: fixed;
    top: 15px;
    right: 0;
    z-index: 20050;
  }
  #responsivemenuholder {
    background: rgba(0,0,0,0.99);
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    overflow-y: scroll !important;
    padding: 20px 20px 100px 20px;    
  }
  #responsivemenuholder.visible {
    z-index: 20050;
    opacity: 1;
  }
  #responsivemenuholder ul {
    display: none;
  }
  #responsivemenuholder h2 {
    color: #323232;
    font-family: 'gothic';
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
  }
  #responsivemenuholder h2:not(:first-child) {
    margin-top: 20px;
  }
  #responsivemenuholder ul {
    list-style: none;
  }
  #responsivemenuholder ul li {
    border-bottom: rgba(255,255,255,0.2) 1px dotted;
    padding-bottom: 10px;
    margin: 10px 0;
  }
  #responsivemenuholder ul li:last-child {
    border-bottom: none;
    padding-bottom: 5px;
    margin-bottom: 0;
  }
  #responsivemenuholder ul li:first-child {
    border-top: rgba(255,255,255,0.2) 1px dotted;
    padding-top: 10px;
  }  
  #responsivemenuholder ul li a {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    text-decoration: none;
  }
  #responsivemenuholder ul li a.ghl {
    color: #4c7103;
  }
  #responsivemenuholder ul li a.selected {
    color: #323232;
  }
  #responsivemenuholder .a-container {
    margin: 10px 0;
    border-bottom: rgba(255,255,255,0.2) 1px solid;
    padding-bottom: 10px;  
  }  
  #responsivemenuholder a.alone {
    color: #7AB306;
    font-family: 'gothic';
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    display: flex;
    text-decoration: none;
    text-align: left;
    align-items: center;
  } 
  #responsivemenuholder a.alone span {
    margin-left: auto;
    font-size: 20px;
  }  
  #responsivemenuholder a.alone.highlight {
    color: #ffffff;
  }
  #responsivemenuholder a.alone.lowprior {
    color: #4c7103;
  }
  a.responsivemenucloser {
    font-weight: bold;
    font-size: 20px;
    position: fixed;
    bottom: 30px;
    display: flex;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.5);
    border-radius: 100%;
    overflow: hidden;
    color: #000000;
    align-items: center;
    justify-content: center;
    left: calc(50% - 20px);
    line-height: 40px;
    z-index: 100;
  }
  #wrapper {
    width: 100%;
    padding: 0 20px;
    margin: 0;
  }
  #header {
    height: auto;
    padding-bottom: 10px;
    position: fixed;
    z-index: 20000;
    top: 0;
    left: 0;
    background: #555555 url(/images/background.png) top center no-repeat;    
  }
  #logo {
    width: 100%;
    margin-left: 20px;
    position: relative;
  }
  #mail {
    display: none;
  }
  #phone {
    display: none;
  }
  #phone span {
    display: block;
    margin-top: 6px;
  }
  #contact {
    display: none;
  }
  #topmenu {
    display: none;
  }
  #topmenu .left {
    display: none;
  }
  #middle {
    background: #ececec;
    margin-top: 170px;
  }
  #left_col {
    float: none;
    width: 100%;
    display: none;
  }
  #right_col {
    float: none;
    width: 100%;
    margin-top: 10px;  
  }
  #menu h2 {
    margin-left: 0;
    width: 100%;
    display: table;    
  }
  #menu h2 a {
    width: 100%;
  }
  #menu h2#button_a {
    background: url(/images/button_a_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }
  #menu h2#button_b {
    background: url(/images/button_b_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }
  #menu h2#button_ju {
    background: url(/images/button_ju_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }  
  #menu h2#button_rent {
    background: url(/images/button_rent_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }
  #menu h2#button_vt {
    background: url(/images/button_vt_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }
  #menu h2#button_shop {
    background: url(/images/button_shop_responsive.png) left center no-repeat;
    border-radius: 10px;  
  }  
  #calendar {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    padding-bottom: 20px;
  }
  #calendar h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_calendar_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #calendar h2 span {
    height: 38px;
  }
  #calendar h3 {
    display: none;
  }
  #calendar ul {
    padding-top: 0;
  }
  #calendar p,
  #calendar h3,
  #calendar h4,
  #calendar ul {
    padding: 0 20px;  
  }
  #notes {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    margin-top: 3px;
  }
  #notes h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_notes_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #notes h2 span {
    height: 38px;
  }
  #onlineb {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    margin-top: 3px;
  }
  #onlineb h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_online_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #onlineb h2 span {
    height: 38px;
  }
  #trainingb {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    margin-top: 3px;
  }
  #trainingb h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_training_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #trainingb h2 span {
    height: 38px;
  }    
  #voucher {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    margin-top: 3px;
  }
  #voucher h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_voucher_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #voucher h2 span {
    height: 38px;
  }
  #blog {
    background: #e0e0e0; 
    border-radius: 15px 15px 10px 10px;
    margin-top: 3px;
  }
  #blog h2 {
    margin-left: 0;
    width: 100%;
    background: url(/images/left_title_blog_responsive.png) left center no-repeat;
    border-radius: 10px;
    height: 40px;        
  }
  #blog h2 span {
    height: 38px;
  }      
  #slider_container {
    width: 100%;
    height: auto;
  }
  #partners a {
    width: 25%;
    height: auto;
    text-align: center;
    margin-right: 0;
  }
  #partners a img {
    max-width: 100%;
  }       
  #facebook-faces {
    display: none;
  }
  #iTopPage {
    display: none !important;
  }
  #content .emptytitle {
    width: 100%;
  }
  #content .title {
    width: 100%;
    height: auto;
    position: relative;
  }
  #content .title h1 {
    position: relative;
    bottom: 0;
    margin-top: 10px;
  }  
  #content .title img {
    width: 100%;
    max-width: 100%;
  }
  #content table {
    max-width: 100% !important;
  }
  #content img {
    max-width: 100% !important;
  }    
  #messagebox {
    display: none;
  }
  #content .picturegallery {
    text-align: center;
  }  
  #content .picturegallery a {
    margin: 5px !important;
    float: none;
    display: inline-block;
  }
  #backgroundmask {
    display: none;
  }
  .bloglist {
    flex-direction: column;
  }
  .bloglist a {
    margin-right: 0;
    margin-bottom: 20px;
  }
  #online-jelentkezes {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #7AB306;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: 'gothic';
  }
  /*#online-jelentkezes img {
    margin-right: 10px;
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    animation: pulsate 3s ease-out;
    animation-iteration-count: infinite;    
  }*/
  #online-jelentkezes .button-b {
    position: absolute;
    width: 100px;
    height: 60px;
    top: 0;
    left: 0;
    background: url(/images/mel-b.jpg) center center no-repeat;
  }
  #online-jelentkezes .button-a {
    position: absolute;
    width: 100px;
    height: 60px;
    top: 0;
    right: 0;
    background: url(/images/mel-a.jpg) center center no-repeat;
  }
}
/* below 768 */
@media only screen
and (max-width : 768px) {
  #slider_container .nivo-controlNav {
    bottom: 20px !important;
  }
  #links {
    display: none;
  }
  .rtc {
    max-width: 100% !important;
    overflow: scroll;
    background: url(/images/swipe.png) top center no-repeat;
    padding-top: 40px;      
  }   
  #npl-table th, #npl-table td {display: block;}
  .el-button,
  .highlighted-contact-container {
    width: 100% !important;
  }
  .highlighted-online-container .entry {
    width: 100%;
    margin: 0 !important;
  }
  .highlighted-online-container .entry:last-child {
    margin-top: 4px !important;
  }
}
/* below 600 */
@media only screen
and (max-width : 600px) {
  #partners a {
    width: 50%;
  }
  #logo {
    height: 70px;
    width: auto;
  }
  #middle {
    margin-top: 80px;
  }
  #logo img {
    max-height: 100%;
  }
  #page-splash .address iframe {
    width: 100% !important;
  }
  #slider_container {
    display: none;
  }
  #content .title img {
    display: none;
  }
  #slider_container.mobile {
    display: block !important;
  }
  .vedofelszereles-kepek {
    flex-wrap: wrap;
    justify-content: center;
  }
  .vedofelszereles-kepek a {
    width: calc(100% / 2); 
  } 
}
/* below 480 */
@media only screen
and (max-width : 480px) {
  #wrapper {
    padding: 0 5px;
  }
  #topmenu {
    height: auto;
    padding-bottom: 5px;
  }
  #topmenu a,
  #topmenu span {
    float: none;
    display: inline-block;
    font-size: 14px;
  }
  #topmenu span:nth-child(4) {
    display: none;
  }
  #topmenu a#facebook,
  #topmenu a#google {
    display: none;
  }
  #phone {
    top: -20px;
  }
  #phone span {
    margin-top: 13px;
  }
  #topmenu a:nth-child(5),
  #topmenu span:nth-child(6) {
    display: none;
  }
  #page-splash #content .block h3 {
    min-height: 45px;
  }
  #page-splash #content .block h3 a {
    font-size: 16px;
  }
  #content .instructor img {
    float: none;
    margin-top: 20px;
  }    
  #content .instructor h4 {
    margin-top: 0;
    float: none;
  }
  #npl-table {
    margin-top: 30px !important;
  }
  #online-jelentkezes {
    font-size: 15px;
  }
  .table-sum-container {
    flex-direction: column;
  }
  .table-sum-entry {
    width: 100%;
  }
  .table-sum-entry:last-child {
    margin-top: 2px;
  }
  .instrutors-image-row img {
    width: calc(100% / 3);
  }
  .sb-image-row a {
    width: 100%;
  }  
}