@media (max-width: 1080px) and (pointer: coarse), (max-width: 992px) {
	#hafter .wrapper > #navigation {display: none!important}
	#hafter .funcBlock .mobile-menu {display: block!important}
	.mobile-navigation {background-color: transparent; width: auto; height: 100vh; padding: 0; text-align: left; position: fixed; top: 0; left: 0; z-index: 999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none}
		.mobile-navigation > #navigation {
			background-color: var(--default-color-6); width: 100%; max-width: calc(414px - 60px); height: 100vh; height: calc(var(--vh, 1vh) * 100); margin: 0; padding: 0; opacity: 0; overflow: hidden; position: fixed; top: 0; left: -105%; z-index: 999; -webkit-box-shadow: 0 0 70px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 70px 10px rgba(0,0,0,0.3); box-shadow: 0 0 70px 10px rgba(0,0,0,0.3);
			-webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden;
			overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
		}
		.mobileMenuOpened .mobile-navigation > #navigation {opacity: 1; left: 0}
	#navigation .language-selector {border-bottom: 1px solid rgba(255,255,255,0.3)}
		#navigation .language-selector a {background-color: var(--default-color-1); width: 100%; padding: 15px 18px 15px 48px}
		#navigation .language-selector a::before, #navigation .language-selector a::after {left: 18px}
	#navigation ul:not(.submenu) {width: 100%; margin: 0; padding: 0; color: var(--default-color-8); font-size: 1.125rem; font-weight: 700; line-height: 1.2; text-transform: uppercase}
		#navigation ul:not(.submenu) li {
			display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0; padding: 0;
			border-bottom: 1px solid rgba(255,255,255,0.3); -webkit-transition: var(--default-transition-1); -moz-transition: var(--default-transition-1); transition: var(--default-transition-1)
		}
		#navigation ul:not(.submenu) li.toggle {padding: 15px 18px; top: 0}
		#navigation ul:not(.submenu) li.toggle::after {margin-left: auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg)}
			#navigation ul:not(.submenu) li a {width: 100%; margin: 0; padding: 15px 18px; color: inherit; text-decoration: none}
			#navigation ul:not(.submenu) li.hover {padding: 0 18px 0 0}
			#navigation ul:not(.submenu) li.hover a {width: calc(100% - 30px); padding: 15px 0 15px 18px}
	#navigation .submenu {max-height: inherit; height: 100vh; height: calc(var(--vh, 1vh) * 100); padding: 0; border: none; overflow: hidden; overflow-y: auto; position: absolute; top: 0; left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-overflow-scrolling: touch}
		#navigation .submenu li, #navigation .submenu.gyartok li {width: 100%; margin: 0}
		#navigation .submenu li.mobile-back {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--default-color-6); color: var(--default-color-8); padding: 15px 18px; cursor: pointer}
		#navigation .submenu li.mobile-back::before {content: ''; background: transparent url('../art/svg/icon-chevron-double-left.svg') no-repeat center center; width: 22px; height: 22px; margin-right: 10px; -webkit-filter: var(--default-filter-8); filter: var(--default-filter-8)}
			#navigation .submenu li a {padding: 15px 18px 13px}
	#navigation .share-links {padding-top: 30px; padding-bottom: 30px}


	#navigation .share-links a {background-color: var(--default-color-8); height: 50px; position: relative; cursor: pointer; border-radius: 50px}
	#navigation .share-links a::before {content: ''; background: transparent no-repeat center center; background-image: var(--fbg-img); background-size: 25px; display: block; width: 50px; height: 50px; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)}

		#navigation .share-links a {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 30px); margin: 0 15px 15px; padding: 0 10px; color: var(--default-color-1); text-align: center; text-decoration: none}
		#navigation .share-links a:last-child {margin-bottom: 0}
		#navigation .share-links a::after {content: attr(data-tip)}
}
@media (max-width: 992px){
	#hbefore .navigation-selector, #hbefore .language-selector {display: none!important}
	#hbefore .wrapper {min-height: 34px}
		#hbefore .wrapper .information-time {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-size: 0.938rem; font-weight: 500}
			#hbefore .wrapper .information-time strong {font-weight: inherit}
			#hbefore .wrapper .information-time .sep::after {margin: 0 12px}
	#header .top-text {font-size: 1rem; font-weight: 600}
	#topSlider {margin-bottom: 49px}
}
@media (max-width: 592px){
	#hafter .logo {margin: 0 auto 10px}
	#hafter .funcBlock {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto}
	#hafter .funcBlock > *:first-child:not(script) {margin-left: 0}

    #topSlider .sliderFor {-ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px}
        #topSlider .sliderFor .box {display: block; margin: 2px 0}
            #topSlider .sliderFor .box img {-webkit-mask-image: url('../art/svg/hirlevelmask.svg'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: center; mask-image: url('../art/svg/hirlevelmask.svg'); mask-repeat: no-repeat; mask-size: cover; mask-position: center}
    #topSlider .sliderFor::after {display: none}
}
@media (max-width: 434px){
	#hbefore .wrapper .information-time .sep {width: 100%; height: 1px; font-size: 0; line-height: 0}
}
@media (max-width: 433px){
	.mobile-navigation > #navigation {max-width: calc(360px - 60px)}
	#navigation .share-links a::after {max-width: calc(100% - 50px); line-height: 1.2; text-align: left}
}