@media (max-width: 1350px) {
	
}

@media (max-width: 1200px) {
	.header .inner {
	    align-items: start;
		flex-direction: column;
	}

	.header__logo {
		max-width: 143px;
	}

	.header__logo svg {
    	height: auto;
		width: 100%;
	}

	.header__menu-toggle {
		display: block;
	}

	.header__menu-wrap {
        display: none;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 30px 0 0px;
    }

	.header__menu-wrap ul li {
		display: block;
        margin-bottom: 11px;
	}

	.header__menu .sub-menu {
        display: none;
        position: static;
        padding: 15px 0;
        margin-top: 13px;
    }

	.header__menu .sub-menu > li > a {
		font-size: inherit;
	}

	.header__menu li.menu-item-has-children.active > .sub-menu {
		display: block;
	}

	/* Remove underline effect on mobile */
	.header__menu-wrap ul li a::after, 
	.header__cta a::after, .footer ul li a::after {
		display: none;
	}

	.header__cta {
		display:none;
    	margin: 0 auto 10px;
	}

	.header__cta.nav-open {
		display:block;
	}

	.hero {
		height: 400px;
	}

	.hero__headline h1 {
		font-size: 44px;
		line-height: 51px;
	}

	.hero__caption {
		font-size:23px;
	}

	.about__caption p {
		font-size:22px;
		margin-bottom: 25px;
	}

	 .history-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
		margin-top:30px;
	}

	.history-gallery__entry {
		height: 150px;
	}

	.history-gallery__entry:first-child {
		height: 180px;
	}

	.hero-text {
		min-height: auto;
	}

	.hero-text .inner {
    	padding: 40px 0 40px;
	}

	.hero-text__icon {
		margin-bottom: 30px;
	}

	.hero-text__content::before {
		display: none;
	}

	.hero-text__caption p {
		font-size:20px;
	}

	.hero-text__sub-title {
		font-size: 18px;
	}

	.timeline__section {
    	margin-bottom: 20px;
	}

	.timeline__section-inner {
		flex-direction: column;
	    gap: 15px;
	}

	.timeline__section-label h2 {
		font-size: 38px;
	}

	.image-with-content .inner,
	.image-with-content .inner.is-reversed {
		flex-direction: column;
	}

	.image-with-content__image {
		margin-bottom:20px;
	}

	.three-column-images .inner {
		flex-direction: column;
	}

	.three-column-images .image-item {
		width: 100%;
	}

	.image-with-sidebar .inner,
	.image-with-sidebar .inner.is-reversed {
		flex-direction: column;
	}
	
	.image-gallery-cards .inner {
		flex-direction: column;
        gap: 30px;
	}

	.image-gallery-cards__image {
		width: 100% !important;
	}

	.exhibit-nav__top {
		padding: 24px 0;
	}

	.exhibit-nav__top .inner {
        align-items: baseline;
		flex-direction: column;
	}

	.exhibit-nav__prev {
		flex-wrap: wrap;
	}

	.exhibit-nav__bottom .inner {
		align-items: baseline;
		flex-direction: column;
	}

	.featured-quote .inner {
		flex-direction: column;
		text-align: center;
	}

	.featured-quote .inner::before {
    	font-size: 210px;
    	height: 90px;
	}

	.featured-quote__content p {
		font-size:26px;
		margin-bottom: 20px;
	}

	.featured-quote__attribution {
		font-size:16px;
	}

	.mega-menu {
		padding-top:110px;
	}

	.mega-menu-close {
		right: 4%;
	}

	.mega-menu__entry {
		flex-direction:column;
		height: 170px;
	}

	.mega-menu__entry:not(.mega-menu__entry--full) {
		flex: 1 1 calc(50% - 10px);
		width: 50%;
	}

	.mega-menu__title,
	.mega-menu__entry--full .mega-menu__title,
	.mega-menu__entry--third .mega-menu__title {
		flex: 1;
		font-size:16px;
		padding: 0px;
		width: 100%;
	}

	.mega-menu__image,
	.mega-menu__entry--third .mega-menu__image {
		flex: 1;
		width: 100%;
	}

	.timeline__section-back-to-top a {
		background-color: var(--color-blue);
		color: var(--color-white);
		font-size: 12px;
	}

	.timeline__section-back-to-top a::before {
		border-color: var(--color-white);
		width: 5px;
		height: 5px;
	}
	
	.ginner-container .zoom-lens  {
		display:none;
	}

	.error-404 {
		padding: 40px 0;
	}

	.footer__top {
        align-items: center;
		flex-direction: column;
		text-align: center;
	}

	.footer__col--col1 { 
		margin-bottom:20px;
        width: 100%;
	}

	.footer__col--col2 {
		flex-direction:column;
	    gap: 20px;
        width: 100%;
	}

	.footer__bottom {
		flex-direction: column;
		text-align: center;
	}

	.footer__bottom-left {
		flex-direction:column;
	    gap: 15px;
        margin-bottom: 15px;
	}

	.footer__bottom a,
	.footer__bottom span {
		font-size:15px;
	}
	
}

@media (max-width: 1000px) {
	
}

@media (max-width: 900px) {
   
}

@media (max-width: 800px) {
   
}

@media (max-width: 700px) {
    
}

@media (max-width: 600px) {
   
}

@media (max-width: 500px) {
    
}

@media (max-width: 450px) {
    
}

@media (max-width: 400px) {
   
}

@media (max-width: 350px) {

}