@media screen and ( max-width: 1360px ) { 
	header > .inside { padding: 0 20px; }
}

@media screen and ( max-width: 1130px ) { 
	main > .inside , footer > .inside , .wrapper > .inside { padding: 0 20px; }
}

@media screen and ( max-width: 1200px ) {   
}

@media screen and ( max-width: 1024px ) {
	header#branding > .inside { flex-wrap: wrap; }
	header#branding { height: auto; min-height: 75px; }
	header#branding #hamburger { display: block; }
	header#branding #main-navigation nav ul.menu > li { display: block; text-align: right; padding: 15px 0; margin: 0; }
	header#branding #main-navigation nav ul.menu > li > a { padding-right: 15px; }
	header#branding nav > ul > li > ul.sub-menu { position: static; display: block; text-align: right; opacity: 1; overflow: visible; min-width: auto; height: auto; margin-right: 0; padding-top: 10px; }
	header#branding nav > ul > li > ul.sub-menu:hover { padding-top: 10px; }
	header#branding nav > ul > li > ul.sub-menu > li { display: block; margin : 0; padding: 0; }
	header#branding nav > ul > li > ul.sub-menu > li > a { font-size: 14px; }
	header#branding #main-navigation { width: 100%; height: 0; overflow: hidden; opacity: 0; transition: padding .5s , opacity .5s; }
	#hamburger-cb:checked + header#branding { min-height: calc(100vh - 80px); }
	#hamburger-cb:checked + header#branding #main-navigation { padding-top: 30px; opacity: 1; height: auto; }
	#hamburger-cb:checked ~ a#scrollTopButton { display: none; }
}

@media screen and ( max-width: 768px ) {
	header#hero { height: auto; }
	header#hero > .inside { flex-wrap: wrap; padding: 0; }
	header#hero #lang-switch { flex: 1 0 100%; margin-top: 20px; }
	header#hero #lang-switch nav { padding: 0 20px; }
	header#hero #lang-switch nav > ul { width: 100%; }
	header#hero #lang-switch nav > ul > li { display: inline-block; padding: 0 10px; border-bottom: 0; border-right: 2px solid #162752; }
	header#hero #lang-switch nav > ul > li:last-child { border-right: 0; padding-right: 0; }
	header#hero #slider > #slider-overlay { display: none; }
	header#hero #slider > #slider-container { margin-left: 0; }
	header#hero #slider > #slider-container .fotorama__nav-wrap { right: 18px; }
	header#hero #slider > #slider-container .fotorama__wrap , header#hero #slider > #slider-container .fotorama__stage { height: 300px!important; }
	header#hero #header-text { display: none; }
}

@media screen and ( max-width: 480px ) {
	h1, h2 { font-size: 40px; }
}