
#mobnav {
	width: 320px;
	height: 100%;
	padding: 30px;
	position: fixed;
	color: #E9E5DB;
	font-size: 18px;
	line-height: 1.75;
	background: #364F56;
	transition: transform ease .4s;
	transform: translate(-320px, 0);
}
#mobnav.live {
	z-index: 999999;
	transform: translate(0);
}
.logged-in #mobnav {
	top: 32px;
	height: calc(100% - 32px);
}

#mobnav .close-holder {
	color: #E9E5DB;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.top-head {
	display: none;
	background: #364F56;
}

.top-nav {
	color: #000;
	display: none;
	overflow: hidden;
	background: #C4C4C4;
}

.top-nav .menu-toggle {
	float: left;
}

.top-nav .search-toggle {
	float: right;
}

@media (max-width: 1440px) {
	h4 {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.container {
		padding: 20px 3%;
	}

	#header .search-lang {
		margin-left: 20px;
	}

	.diptih .hlf .text {
		left: 0;
		top: 15px;
		max-width: 80%;
		transform: translate(10%, 0);
	}
	.diptih .hlf h4 {
		margin-bottom: 15px;
	}
	.diptih .hlf h6,
	.diptih .hlf p {
		margin-bottom: 20px;
	}

	.large-gallery {
		max-width: 100%;
		padding: 0 20px;
	}

	footer {
		padding: 40px 0 0;
	}

	footer .wrapper .block.footer-logo {
		margin-bottom: 40px;
		padding-top: 0;
		width: 100%;
		float: none;
	}

	footer .wrapper .block.menu-mid,
	footer .wrapper .block.menu-small,
	footer .wrapper .block.menu-large {
		padding: 0 15px;
		width: 25%;
	}
}

@media (max-width: 1280px) {
	#header .socials {
		display: none;
	}

	#header .search-lang,
	#header .search-lang .search-toggle,
	#header .search-lang .langs {
		margin-left: 10px;
	}

	.slider .slide .info h1 {
		font-size: 48px;
	}

	.event-nav {
		padding: 0 2.5%;
	}

	.event-nav .event-pagination a.next-step {
		right: 2.5%;
	}
}

@media (max-width: 1024px) {
	#mobnav .sub-menu {
		padding: 0 15px;
		opacity: .7;
	}

	#mobnav .menu > li {
		margin-bottom: 5px;
	}

	#mobnav .menu > li > a {
		text-transform: uppercase;
		font-weight: 700;
	}

	#mobnav .current-menu-item {
		list-style: disc;
		font-weight: 700;
	}

	#mobnav .socials {
		display: block;
		float: none;
		margin: 0;
	}

	.top-head {
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		position: fixed;
		text-align: center;
		transition: top ease .11s;
	}
	.top-head.down {
		top: 120px;
		transition: top ease .44s;
	}
	.logged-in .top-head {
		top: 32px;
	}
	.logged-in .top-head.down {
		top: 152px;
	}

	.top-head img {
		margin: 10px;
		max-width: 300px;
	}

	.top-nav {
		display: block;
		color: #364F56;
		font-size: 20px;
		padding: 5px 15px;
	}

	#lang_sel_list {
		height: auto;
	}

	#lang_sel_list li {
		float: none;
	}

	#lang_sel_list a,
	#lang_sel_list a:visited {
		background: transparent !important;
		text-transform: capitalize;
		padding-top: 10px;
		line-height: 1.5;
		font-size: 16px;
		color: #fff;
	}

	#header .container {
		display: none;
	}

	.slider {
		min-height: 0;
		margin-top: 80px;
	}

	.slider .slide {
		min-height: 0;
	}

	.slick-dots li {
		width: 15%;
	}

	.categories .cat h4,
	.home-categories .cat h4 {
		font-size: 24px;
		padding: 0 15px;
		top: 15px;
	}

	.categories .cat .learn-more,
	.home-categories .cat .learn-more {
		bottom: 10px;
	}

	.categories .cat {
		width: 49%;
		margin-left: 2%;
	}

	.categories .cat:nth-child(2n+1) {
		margin-left: 0;
	}

	.event-nav .event-pagination {
		padding: 44px 0 0;
	}

	.event-nav .event-filters {
		display: block;
	}

	.event-nav .event-pagination a {
		top: 11px;
	}

	.event-nav .event-pagination h3 {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.slider .slide .info {
		max-width: 100%;
		padding: 20px;
	}

	.slider .slide .info {
		transform: none;
		width: 100%;
		left: 0;
		top: 5%;
	}

	.slider .slide .info h1 {
		margin-bottom: 12px;
		font-size: 36px;
	}

	.slider .slide .info p {
		margin-bottom: 20px;
		line-height: 1.5;
	}

	.home .slider .slide .info {
		transform: translate(-50%, -50%);
		position: absolute;
		left: 50%;
		top: 55%;
	}

	.boxes {
		display: block;
	}

	.boxes .box,
	.boxes .box:first-child,
	.boxes .box:last-child,
	.boxes .box.marginalized {
		margin: 0;
	}
	.boxes .box.marginalized:after {
		content: none;
	}

	.home-categories {
		padding: 0 20%;
	}

	.boxes.news,
	.boxes.related.slick-slide {
		display: block !important;
	}

	#tabs ul li a {
		padding: 25px 15px;
	}

	#tabs .tab-content h5 {
		font-size: 24px;
	}

	.museums .ui-tabs-nav li {
		margin: 0 15px;
	}

	.museums .ui-tabs-nav li a {
		padding: 40px 0 20px;
		font-size: 16px;
	}

	.museums .tab-content h2,
	.contact-content h3 {
		margin-bottom: 12px;
		font-size: 36px;
	}

	.contact-content {
		line-height: 1.25;
	}

	.post-content {
		padding: 40px 10% 0;
	}

	.archive-content article .entry-thumbnail,
	.archive-content article .entry-content {
		float: none;
		width: 100%;
		border: none;
		padding: 0 10%;
	}
	.archive-content article .entry-thumbnail img {
		float: none;
		text-align: center;
		margin: 15px auto 30px;
	}

	footer .wrapper .block.footer-logo {
		height: 240px !important;
	}

	footer .wrapper .block.menu-mid,
	footer .wrapper .block.menu-small,
	footer .wrapper .block.menu-large {
		padding: 15px 30px;
		width: 100%;
		float: none;
	}
}

@media (max-width: 640px) {
	.slider,
	.slider .slide {
		min-height: 240px;
	}

	.slider .slide img {
		display: none;
	}

	.slider .slide .info {
		position: relative;
	}

	#tabs ul {
		width: 33%;
	}

	#tabs .tab-content {
		width: 67%;
	}

	.archive-content {
		padding: 30px 0 0;
	}

	.archive-content article .entry-title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.categories .cat {
		width: 90%;
		float: none;
		margin: 0 5% 5% !important;
	}

	.half {
		width: 100%;
		float: none;
		text-align: center;
	}
	.half:nth-child(even) {
		border-left: none;
	}
}
