/*-----------------------------------------------------------------------------------------------------
media-mobile.css
responsive middle view
Author     : Szincsák András <andras@szincsak.hu>
------------------------------------------------------------------------------------------------------*/
@media (min-width:1279px){

}

@media (max-width:979px){
    body {padding-top:45px}
    body.noframe {padding-top:0px}
    #mainContent {min-height: auto}
  


    #headerMain {position: fixed;z-index: 5;background-color:#293346;box-shadow: 2px 3px 20px rgba(41, 47, 43, 0.43);top:0;left:0;height:45px}
    #headerMain .logomobile {opacity:1;position: relative;z-index: 3;margin-left: 0;}

    
    #headerMain .nav-inner {overflow: auto;height: auto;padding: 0;background:#293346;width:100%;max-width: 100%;max-height: 0;z-index:2;position:fixed;top:44px;bottom:0;left:0;right:0;transition: all .5s ease-in-out}
    #headerMain .nav-inner.opened {max-height: 100%;padding-top:66px;}
    
    #topMenu{padding:0;margin:0!Important;}
    #topMenu li {display:block;width:100%;}
    #topMenu li,#topMenu li.activ, #topMenu li:hover {background: #293346!Important}
    #topMenu li a {text-transform: uppercase;white-space:normal!important;font-size:1.3em;}
    #topMenu li a:after {border:none}
    
    #topMenu li.hasSubmenu.open {position: absolute;top: 30px;bottom: 0;z-index: 3;}
    #topMenu li.hasSubmenu a {position:relative;transition:all ease-in-out .5s}
    #topMenu li.hasSubmenu a span {display: none;margin: -20px 0 20px -15px;background: #646573;padding: 10px;font-size: 10px} 
    #topMenu li.hasSubmenu.open .menuTitle{;background: #262f44;z-index: 2;}
    #topMenu li.hasSubmenu.open a span {display:block;margin-bottom: 20px;}
    #topMenu li.hasSubmenu ul {width: 100%;transition: all ease-in-out .5s;transform: translate3d(-400px,0px,0);}
    #topMenu li.hasSubmenu.open ul {transform:translate3d(0px,0,0)}
    #topMenu li.hasSubmenu ul li {padding-left:15px;background:#444b5a !important;}
    #topMenu li.hasSubmenu ul li a {font-size:1em}
    
    #topMenu li.hasSubmenu ul li a:after {display:none}
    #topMenu li.hasSubmenu ul li.hasSubmenu.open {position: static}
    #topMenu li.hasSubmenu ul li.hasSubmenu.open ul {display:none}
    
    .user-inner {display:block;padding:0 10px;float:left}
    .user-inner .userlogin {font-size:2.5em;color:#fff}
    .user-inner ul {display:none}
    .user-inner ul li {list-style: none}
    .user-inner ul li a {color:#fff;text-decoration: none;padding:10px 30px 10px 10px;display:block}
    .user-inner.open ul {display:block;position: absolute;left:10px;top:100%;background: #0000009e}
    

}

@media (max-width:767px){
 .boxcol.trainingdetails{margin-bottom:30px}
.tlist strong{display:block}
.eventheader h1{font-size:1.1rem!important}
}