/* ----------- General mobile -----------*/
/*
@media only screen and (min-width: 1800px) {
    iframe {
      min-height: 600px;
    }
}
@media only screen and (min-width: 1380px) {
    iframe {
      min-height: 400px;
    }
}
*/
@media screen and (max-width: 1440px) {
	.blog-hero-wrapper .video-poster, .story-video-url .video-poster {
		max-width: 145vh;
	}
}
@media screen and (max-width: 1350px) {
	.smart {
		padding-right: 0;
		width: 50%;
		z-index: 11;
	}
	.exh-dates.covid {
		left: 40%;
	}
}
@media screen and (max-width: 1310px) {
	.exh-dates.covid {
		left: 38%;
	}
}
@media screen and (max-width: 1280px) {
	.blog-hero-wrapper {
		height: calc(100vh - 16vh);
	}
	.blog-hero-wrapper .video-poster, .story-video-url .video-poster {
		height: calc(100vh - 16vh);
		height: auto;
	}
}
@media screen and (max-width: 1120px) {
	.story-video-url-wrapper {
		height: calc(100vh - 20vh);
	}
	.blog-hero-wrapper {
		height: calc(100vh - 30vh);
	}
	.blog-hero-wrapper .video-poster, .story-video-url .video-poster {
		height: calc(100vh - 30vh);
	}
	.smart {
		width: 100%;
	}
	.exh-dates.covid {
		left: 50%;
	}
	.co-presented {
		display: none;
	}
	
	.related-events ul li {
		min-height: 32vw;
	}
}

@media screen and (max-width: 900px) {
	.smart {
		width: calc(100% - 3rem);
	}
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 820px) {
	.exh-dates.covid {
		left: 45%;
	}
}

@media screen and (max-width: 400px) {
	.grid li {
		width: 100%;	
		
	}

}

@media only screen and (max-width: 1440px) and (max-height: 610px) {
	.blog-hero-wrapper .video-poster, .story-video-url .video-poster {
		max-width: 68%;
	}
/*
	.blog-hero-wrapper .embed-container, .story-video-url-wrapper .embed-container {
	      padding-bottom: 54.25%;
    }
*/
}

@media only screen and (max-width: 1100px) and (max-height: 680px) {
    .row-02, .row-03, .row-04, .row-05, .row-06 {
        display: none;
    }
    .story-video-url-wrapper {
	    height: calc(100vh - 140px);
    }
/*
    .blog-hero-wrapper .embed-container, .story-video-url-wrapper .embed-container {
	        padding-bottom: 54.25%;
    }
*/
}

@media only screen and (max-width: 768px) {
	body {
		max-width: 100vw;
		overflow-x: hidden;
	}
	.special-hours .special-wrap {
    	padding: .5% 8% 0% 2%;
    }
    .page-home .container-fluid {
	    overflow-x: hidden;
    }
    header.fixed {
        top: 0;
        background: transparent;
    }
    .smart a, .smart-home {
	    padding-right: 0;
    }
    .artist-template .on-page-title {
	    padding-left: 1em;
	    
	    display: none;
    }
    .single-artists .container-fluid {
	    overflow-x: hidden;
    }
    .home-hero-wrapper, .artist-hero-wrapper, .tours-hero-wrapper {
	    height: calc(100vh - 220px);
	    height: 70vh;
	    height: calc(70vh + 1px);
	    max-width: 100vw;
	    overflow-x: hidden;
    }
    .tours-hero-wrapper .hero-image figure img {
	    height: 100%;
	    object-fit: contain;
	}
    .smart-tours-hero .hero-image figure img {
	    height: 100%;
	    object-fit: contain;
    }
    .big-play svg {
	    width: 20%;
    }
    ul.page-title li a span.org-name-mo {
/* 		display: none; */
	}
	.home-all-works ul.page-title, .page-works-on-view ul.page-title {
		max-height: 47px;
		overflow-y: hidden;
	}
	.home-all-works ul.page-title li, .page-works-on-view ul.page-title li, .page-virtual-tours ul.page-title li {
		padding: .75rem 0;
	}
	.home-all-works ul.page-title li a, .page-works-on-view ul.page-title li a, .page-virtual-tours ul.page-title li a {
		font-size: 1.5rem;
		
		font-size: 4.35vw;
		font-size: 3.875vw;
		line-height: 1.5rem;
		
		position: relative;
	}
	
	.home-all-works ul.page-title li:last-child, .page-works-on-view ul.page-title li:last-child {
		padding-right: 3.75rem;
	}
	.page-works-on-view ul.page-title li:last-child {
		padding-right: 1.75rem;
	}
	.home-all-works ul.page-title li.wrightwood-column-tab a span.org-name-mo, .page-works-on-view ul.page-title li.wrightwood-column-tab a span.org-name-mo {
		display: inline-block;
	}
	ul.page-title li span:before, .single-artists ul.page-title li span:before, .page-symposium ul.page-title li span:before {
		top: .125em;
		left: .125em;
	}
	.home-all-works ul.page-title li span:before, .page-works-on-view ul.page-title li span:before {
		content: '';
	}
	.page-home nav.on-page.child-nav.stick.home-all-works.fixed .smart-column-tab:after, .page-works-on-view  nav.on-page.child-nav.stick.home-all-works.fixed .smart-column-tab:after {
		display: none;
	}
	.page-works-on-view ul.page-title li a.active span.org-name-short:before, .page-virtual-tours ul.page-title li a.active span:before {
		content: url(../images/arrow_right.svg);
		width: 9.25px;
		height: auto;
		color: black;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.home-all-works ul.page-title li a.active span.org-name-short:before {
		content: url(../images/arrow_right.svg);
	    width: 9.25px;
	    height: auto;
	    color: black;
	    position: absolute;
	    top: 0;
	    left: 0;
	    opacity: 1;
	}
	ul.page-title {
		overflow-y: hidden;
	}
    .page-home .intro-intro {
	    padding: 2rem 1rem;
	    max-width: 100vw;
	}
	.home-page {
		overflow-x: hidden;
	}
	.medium-text {
    	max-width: 90%;
    }
    .intro-intro .medium-text {
    	max-width: 100%;
    }
    .page-home .stick.header-nav {
	    border-bottom: 1px solid black;
    }
    .page-home .stick.absolute.header-nav {
	    background: white;
    }
    .page-template-trailer .video {
	    padding: 40% 2% 0;
	    width: 96%;
	    height: 50vh;
    }
    .col-4, .col-3 {
        width: 100%;
    }
    .content {
        padding-top: 2em;
    }
    .dt {
        display: none;
    }
    .mo {
        display: block;
    }
	.affix, .navbar {
		background: white;
	}
	.smart {
		width: 100%;
	    padding: 1rem 0;
	    text-align: center;
	}
	.smart a .sub-title {
		display: none !important;
	}
	.page-symposium .stick {
		padding-right: 0;
	}
	.stick {
		padding: 0 2rem 0 1.5rem;
		width: 100%;
	}
	.stick.fixed, .page-symposium .stick.fixed {
		padding: 0 4rem 0 0;
		overflow: hidden;
	}
	.page-symposium .stick .shade {
		display: block;
	}
	.register {
		background: white;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent;
		height: calc(8% - 2px);
	    padding: 0;
	    position: fixed;
	    top: inherit;
	    left: 0;
	    bottom: 0;
	}
	.register.dt {
		display: none;
		background: transparent;
	}
	.register.mo {
		align-items: center;
	    display: flex;
	    justify-content: center;
	    border-top: 1px solid black;
	    font-size: 1.875rem;
	    z-index: 10000;
	    
	    transition: all .75s;
	    top: 100%;
	    bottom: inherit;
	    transform: translate(0,200%);
	}
	.register.mo.fixed {
	    z-index: 1000;
	    transform: translate(0, -100%);
	}
	.page-symposium .nav-btn {
		float: right;
	}
	.page-symposium ul.page-title li.symposium-link {
    	margin-left: 1.5rem;
    }
    .page-symposium ul.page-title:before {
	    left: 1.5rem;
    }
	.register a.btn-register {
    	padding: .5rem 1.25rem .75rem 1.25rem;
    }
	ul.page-title li:first-child span {
	    padding-left: .875em;
	}
	ul.page-title li span {
	    padding-left: 1em;
	}
	ul.page-title li a {
		padding-right: 1.25rem;
	}
	.exh-dates.active, .co-presented {
		display: none;
	}
    .navbar-toggle {
        position: fixed;
	    background-color: transparent;
	    background-image: none;
	    border: none;
	    border-radius: 0;
	    top: 0.4em;
	    right: 0;
	    z-index: 10000;
	    padding: 0.5em 0.25em;
	    margin: 0 .25em 0 0;
    }
    .nav ul>li.open>a, .nav ul>li>a:hover span.english, .nav ul>li>a:hover span.chinese {
	    border-bottom: 2px solid transparent;
    }

    .nav ul>li.open>a span.english:after {
	    content: url(../images/close.svg);
	    width: 8px;
	    height: auto;
	    color: black;
	    position: absolute;
	    top: 0;
	    right: -.65em;
	}
    .nav ul>li.open>a span.caret {
	    display: block;
    }
    .page-home .navbar-toggle {
	    position: absolute;
	}
    .navbar-toggle .icon-bar {
		width: 20px;
    }
    .navbar-collapse {
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        left: 700px;
        background: white;
        padding-top: 5.5em;
        padding-left: 0.65em;
        z-index: 10;
    }
    .collapse.navbar-collapse {
        height: 100% !important;
    }
	navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1060;
    }
    .nav-columns {
		flex-direction: column;
		display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.nav-columns.open {
		overflow-y: scroll;
		height: auto;
	}
	.nav-columns.open .covid-nav {
		display: none;
	}
	.smart-logo-wrapper {
		position: sticky;
	    top: 0;
	    left: 0;
	    z-index: 10000;
	    background: white;
	}
	.nav ul.navbar-nav {
		padding-top: 0;
		min-height: auto;
	}
	#allure-navigation-artists {
    	flex: none;
    }
	#allure-navigation-artists, #allure-navigation-primary {
		width: 100%;
		overflow-y: auto;
	}
	#allure-navigation-primary { 
		padding-bottom: 12rem;	
	}
	.nav ul.navbar-nav {
		min-height: inherit;
	}
	#allure-navigation-artists .navbar-nav {
		padding-bottom: 0;
	}
    .stick {
    	padding: 0;
    }
    ul.page-title li:last-child {
	    padding-right: 2rem;
    }
    .nav-columns.loading {
		animation: none;
		-webkit-animation: none;
		-moz-animation: none;
	}
    #allure-navigation-artists .navbar-nav > li > .dropdown-menu {
	    padding: 1rem 0 2rem;
    }
    .nav ul>li>a {
        width: auto;
        display: block;
/*         float: left; */
		float: none;
        font-size: 2rem;
    }
    .nav ul>li>a:focus {
	    outline-offset: 0;
    }
    .nav-btn {
/*
        height: 62px;
        width: auto;
*/
		height: 100%;
		max-height: 47px;
		width: 50px;
        display: block;
        -webkit-backface-visibility: hidden;
    }
    .nav ul>li.active a:before {
	    content: '';
	    display: none;
	}
    .english {
	    position: relative;
    }
    .nav ul>li.active a .english:before {
	    content: url(../images/arrow_right.svg);
	    width: 13px;
	    height: auto;
	    color: black;
	    position: absolute;
	    top: 0.125em;
	    left: -0.875em;
	}
	.page-home .nav ul>li.active a .english:before {
		display: none;
	}
	#allure-navigation-artists .navbar-nav > li > .dropdown-menu {
	    display: none;
    }
	.open>.dropdown-menu {
	    display: block;
	}
	#allure-navigation-artists .navbar-nav > li.open > .dropdown-menu {
	    position: static;
/* 	    float: none; */
		float: left;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    display: block;
	}
	
	
    form.menu-search-form #s {
        text-align: left;
    }
    .nav ul>li{
        list-style: none;
        display: block;
        width: 100%;
        padding: 0;
    }
    .dropdown-menu>li {
	    padding: .25em;
    }
    .collapsing {
	    -webkit-transition: all .01s ease-out;
	    -o-transition: all .01s ease-out;
	    transition: all .01s ease-out;
	}
    .menu-item.menu-item-search {
        float: left;
        width: auto;
		padding: .125em 0;
    }
    .page-menus p.menu-item {
	    width: 96%;
	    padding-right: 2em;
    }
    ul.page-title li span:before {
	    font-size: .75em;
	    top: .25em;
	    width: 8px;
	    height: 11px;
    }
    ul.page-title li span:before {
	    width: 11px;
		height: 13px;
	    top: -0.05em;
    }
    .flickity-viewport {
	    overflow: inherit !important;
    }
    .trailer:after {
	    height: 1px;
	    display: block;
	    width: 100%;
	    background: black;
	    content: '';
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	    opacity: 1;
	    
	    -webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		transition-delay: 2s;
    }
    .hero:after {
	    height: 1px;
	    display: block;
	    width: 100%;
	    background: black;
	    content: '';
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	    opacity: 1;
	    
		-webkit-transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		transition-delay: 2s;
    }
    .trailer.active:after, .hero.active:after {
	    opacity: 0;
	}
    .hero {
	    position: relative;
	    top: inherit;
	    left: inherit;
	    width: 100%;
	    max-width: 100vw;
	    height: 48vh;
	    margin-top: 8vh;
    }
    .page-template-holding .overview {
	    padding-left: 0;
	    width: 100%;
    }
    .trailer-cover, .trailer-link-wrap {
	    display: none;
    }
    .trailer {
		color: black;
	    width: 100%;
	    height: 80px;
	    height: 8vh;
		transform: translateY(-8vh);
		opacity: 1;
		
		display: none;
    }
    .hero {
	    margin-top: 0;
    }
    .hero-image .hero-bkg {
	    
	} 
	.hero-image .hero-bkg-mobile {
		display: block;
	}
	.hero-title {
		width: 104%;
		max-width: 104%;
	}
    .trailer:hover {
	    color: black;
    }
    .trailer:hover span {
	    transform: translate(0,-50%);
    }
    .trailer span svg {
	    padding: 0 .125em 0 0;
		width: 8px;
		margin-bottom: -1px;
    }
    .trailer span svg g {
	    stroke: black;
    }
    .the, .of {
		width: 12vw;
    }
    .allure, .matter {
	    height: 12vw;
    }
    .artist-details h2 {
	    font-size: 2.6rem;
	    line-height: 1.1;
    }
    .intro {
	    min-height: inherit !important;
	    padding-top: 2em;
    }
    .intro .top {
/* 	    display: none; */
		position: relative;
		top: inherit;
		left: inherit;
		height: 90px;
		border-top: none;
    }
    .intro .centered {
	    padding: 0;
    }
    .intro .centered, .intro .bottom {
	    position: relative;
	    top: inherit;
	    left: inherit;
	    transform: none;
    }
    .intro h3 {
	    line-height: 1.19;
    }
    .flickity-slider {
	    overflow: hidden;
    }
    div:focus {
	    border: none !important;
    }
    .credits {
    margin: 10em 0 0;
    }
    .overview-text, .artists, .location {
	    margin: 10em 0;
    }
    .artist-details {
	    max-width: 70%;
		width: 100%;
    }
    .name_english {
	    margin-bottom: .125em;
    }
    .name_chinese {
	    margin-top: .125em;
    }
    .intro .top ul li:first-child {
		display: none;
	}
    .date, .soon {
	    padding: 0;
    }
/*
    .no-touch {
	    display: block;
    }
*/
    .page-menus h2 {
        width: 96%;
    }
    .nav ul>li:nth-child(2),.dropdown-menu>li:first-child {
        margin-left: 0;
    }
    footer, .footer {
	    width: auto;
    }
    .modal {
	    z-index: 10500;
    }
    .modal .close {
	    right: .25em;
    }
    .trailer-modal .video {
	    padding: 20% 0 0;
    }
    .symposium-overview {
	    padding: 0 1rem;
    }
    .symposium-overview h1, .event-header h1 {
		font-size: 4rem;
		line-height: 4.25rem;
		margin-bottom: .5rem;
	}
	.symposium-overview h2.display-date-time {
		line-height: 1.1;
	}
	.symposium-overview h2.display-date-time span {
		display: block;
	}
	.symposium-overview p, .symposium-details p {
	    font-size: 2.4rem;
	    padding: 0 1rem 2rem;
	}
	.schedule h4 {
		padding: 1.5rem 1rem;
	}
    .schedule p {
	    padding: 1.5rem 1rem !important;
		font-size: 1.875rem;
		line-height: 1.19;
    }
    .schedule ul {
	    padding: 0 1rem 1.5rem 3.25rem;
	}
    .schedule-date p {
	    text-align: center;
	    padding: 1.5rem 0;
		text-transform: uppercase;
    }
    .col-xs-9.schedule p, .col-sm-9.schedule p {
	    padding: 1.5rem 1rem;
	}
    .symposium-funding p {
	    padding: .25rem 1rem 1.125rem 1rem;
    }
    .col-xs-9.schedule {
	    padding-left: .5em;
    }
    
    .flickity-prev-next-button.previous::before {
	  content: "Prev";
	}
	
	.flickity-prev-next-button.previous::after {
	  content: "/";
	}
	
	.flickity-prev-next-button.next::after {
	  content: "Next";
	}    
    .menus-gallery {
        height: 200px;
    }
    .flickity-prev-next-button.previous {
    	margin-left: .5em;
    }
    #symposium-gallery .flickity-prev-next-button {
	    width: 20%;
    }
    .grid li {
    	display: block;
    	float: left;
    	padding: .75%;
    	width: 97%;
    	opacity: 0;
    }
    .page-template-photos .entry-title {
	    width: auto;
		padding: 0 0 .5em 2.125em;
    }
    .page-template-photos .entry-title {
        padding-left: 0.5em;
	}
	.page-contact section {
        width: auto;
    }
	.page-contact .entry-title {
        padding-left: .5em;
    }
    .page-template-photos section {
	    padding-top: 2.125em;
    }
    #lightbox .exit, #lightbox .prev, #lightbox .next {
	    font-size: 5.5vw;
    }
    .page-template-photos section.footer {
	    padding-top: 0;
    }
    .footer {
	    padding-left: .5em;
    }
    .footer .row-01.visit-columns {
    	padding-top: 8%;
    }
    .footer .col-md-6 {
	    width: 100%;
    }
    .col-md-6.supported-by {
	    margin-top: 2rem;
    }
    .col-md-6.addtl-links {
	    align-items: flex-start;
	    display: flex;
	    justify-content: flex-start;
	    
	    display: none;
    }
    .footer .col-sm-6.footer-visit, .footer .col-sm-6.supported-by {
	    padding-left: 1rem;
	    padding-right: 1rem;
	}
    .footer .end {
	    padding-bottom: 8rem;
	    display: block;
    }
    .supported-by {
	    margin-bottom: 2rem;	
    }
    
    .bio {
    	padding: 0 1rem 10rem;
    }
    .artist-bio h1 {
	    font-size: 5.125rem;
		line-height: 5.5rem;
		padding: .65em 0 .25em;
    }
    .visit-btn .btn-wrap {
	    padding: 0 0 0 25px;
    }
    .visit-btn-close {
	    width: 25px;
	    padding-left: 0;
    }
    .visit-btn-close {
    	width: 30px;
    	height: 40px;
    }
    .mapboxgl-popup-content h3, .mapboxgl-popup-content p {
		font-size: 1.4rem;
		line-height: 1.2;
	}
    .big-play, .big-play:hover, #symposium-gallery .flickity-prev-next-button.previous, #artist-gallery .flickity-prev-next-button.previous, .symposium-module #symposium-gallery .flickity-prev-next-button.previous, #symposium-gallery .flickity-prev-next-button.next, #artist-gallery .flickity-prev-next-button.next, .symposium-module #symposium-gallery .flickity-prev-next-button.next {
	    cursor: pointer !important;
    }
	.on-page-title {
		display: none;
	}
	.large-text p, .medium-text p {
		font-size: 3rem;
	}
	.small-text {
    	max-width: 90%;
    }
	.large-pull-quote-wrap {
    	max-width: 100%;
    }
	.large-pull-quote, .large-pull-quote p {
		font-size: 3rem;
		line-height: 3.25rem;
		padding: 4rem 0 8rem;
	}
	.attribution {
	    margin-top: 1rem;
	    font-size: 2.5rem;
		line-height: 2.75rem;
    }
    h3.artwork-title {
	    font-size: 4.5rem;
		line-height: 4.5rem;
    }	
    .fifty, .single-column {
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    max-width: 100%;
	    padding: 0 2rem;
    }
    .artwork-title-wrap {
	    padding: 0 2rem;
    }
	.artwork-wrap {
	    padding: 0 2rem 2rem;
    }
    .single-artwork.artwork-wrap.single-column.center {
	    -ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    max-width: 100%;
	    float: left;
	    padding: 0 1.5rem 6em;
    }
    .single-artwork.process.artwork-wrap {
	    padding: 1rem 2rem;
    }
    .artwork-description {
	    width: 100%;
    }
    .artwork-description p {
	    font-size: 1.875rem;
	    line-height: 1.25;
    }
    .onehundred .artwork-description p {
		max-width: 100%;
	}
    .modal .transcripts {
	    max-width: 80%;
    }
    .all-works-on-view .col-sm-6 {
	    width: 100%;
	     padding: 3rem 0 0;
    }
    .tour-column.col-sm-6 {
	    width: 100%;
    }
    .modal-map-svg {
	    max-width: 100%;
    }
    .page-home .works-column li.work-wrap {
	    min-height: 50vh;
	    margin-bottom: 4rem;
    }
    .page-home .works-column .image-wrap {
	    height: 80%;
	}
	.page-home .works-column .onview-caption {
	    top: 80%;
	    font-size: 2.25rem;
		line-height: 3rem;
	}
    .works-column li.work-wrap {
	    width: 100%;
	    min-height: 35vh;
    }
	a.grid-image-link img {
		object-fit: contain;
		max-width: 100%;
		max-height: 100%;
	}
    .image-wrap {
	    height: 70%;
    }
    .onview-caption {
	    top: 70%;
    }
    .page-home .works-column li.work-wrap.sticky-visit {
	    min-height: 60vh;
	    margin-bottom: 0;
    }
    li.work-wrap.sticky-visit .visit-columns .register.dt {
	    display: block;
    }
    .page-home .works-column li.work-wrap.sticky-visit .smart-image, .page-home .works-column li.work-wrap.sticky-visit .wrightwood-image {
	    margin-top: 0;
    }
    .smart-image figure, .wrightwood-image figure {
	    max-width: 100vw;
    }
    .visit-btn.fixed {
		z-index: 10;
		-webkit-transform: translate(-50%, -145%);
	    transform: translate(-50%, -145%);
	}
	
	.visit-btn.fixed.active {
		-webkit-transform: translate(-50%, -390%);
		transform: translate(-50%, -390%);
	}
	.page-works-on-view .works-col a .img_caption {
		font-size: 1.75rem;
		line-height: 2.25rem;
	}
	.page-template-works-on-view nav.on-page.child-nav.stick.rule .smart-column-tab:after, .page-template-works-on-view .all-works-on-view.rule #smart-museum-of-art.smart-column:after {
		display: none;
	}
	.events-wrap {
		padding: 0 1rem 2rem;
	}
	.event-image {
		text-align: center;
	}
	.event-image img {
		max-width: 80%;
	}
	.related-events ul li {
		margin-bottom: 3.5rem;
	}
	.symposium-module-wrapper {
		padding: 3rem 2rem;
	}
	.row-box {
		padding: 4.5rem 1rem;
	}
	.row-box figure {
	    padding: 2rem 0;
	}
	.audio-button:hover:after {
	    opacity: 0;
	}
	.artwork-details {
		 padding: 0.5em 0 1em;
	}
	.map-wrapper {
	    width: 100%;
	    max-width: 75vw;
	    height: auto;
	    min-height: 70vh;
    }
    .map-caption {
	    padding-left: 1.5rem;
    }
    .map-caption p {
	    padding: 0 2.5rem .5rem;
	    display: block;
		text-align: left;
    }
    .map-ref {
	    text-align: center;
    }
    .smart-image figure img, .wrightwood-image img {
    	max-width: 85%;
    }
    .event-cat {
	    display: none;
    }
    .symposium-module .carousel--next {
	    right: -2.5%;
    } 
    .symposium-module .carousel--prev {
	        left: -2.5%;
    }
    .symposium-module-header h2, .symposium-module-header h3 {
		font-size: 4.5rem;
	    line-height: 4.5rem;
	    padding: 2.5rem 0 1.5rem;
	}
	.symposium-module-header h3 {
		margin: 0 0 2rem;
	}
	.share-home {
		margin-bottom: 2rem;
	}
	.video-column {
		justify-content: flex-start;
		padding:0;
	}
	.video-column li.video-wrap {
	    display: flex;
	    flex-direction: column;
	    width: 50%;
	    max-width: 50%;
	    min-height: 22vh;
	    float: left;
	    position: relative;
	    padding: .125em;
    }
    .intro-intro {
	    padding: 6rem 2rem 0;
	}
	.medium-image {
		max-width: 100%;
	}
	.medium-image figure {
		max-width: 90vw;
	}
	figcaption.catalogue-details span {
		float: left;
	}
	figcaption.catalogue-details span.price {
		margin-right: 4%;
		min-width: 10%;
	}
	figcaption.catalogue-details span.buy-btn {
		margin-top: 6%;
		margin-left: 14%;
	}
	.page-credits .medium-text p, .page-credits .medium-text ul li {
		font-size: 1.875rem;
	    line-height: 1.19;
	}
	.intro-intro .medium-small-text {
		max-width: 90%;
	}
	.video-poster {
		max-width: 90%;
	}	
	.home-v2 .artist-details h2 {
		font-size: 3.55rem;
		line-height: 1;
	}
	.home-v2 .intro-intro .blog-cat-list {
		padding: 0 3rem;
	}
	.single-blog-post .blog-cat-list li {
/*
		margin-right: 0;
		margin-bottom: 1rem;
*/
		margin-right: 0.5rem;
		margin-bottom: 0;
	}
	
	.blog .intro-intro .blog-cat-list {
		margin-bottom: 2rem;
		padding: 0 3rem;
	}
	
	.blog .intro-intro .blog-cat-list li a {
		margin: 0 0 .5rem;
	}
	
	.blog-wrapper h1, .blog-wrapper h2, .single-post .container-fluid h1, .single-post .container-fluid h2 {
		font-size: 4.125rem;
		line-height: 4.25rem;
/* 		padding-top: 1rem; */
		padding-top: 0;
	}
	
	.single-blog-post {
		padding: 2rem 1rem 2rem;
	}
	
	
	.blog-post-content .medium-small-text {
		max-width: 90%;
	}
	
	.blog-post-content {
		padding: 0 1rem;
	}
	
/*
	#stories-intro.row.intro-intro {
		padding: 6rem 1rem 0;
	}
*/
	
	.blog-post-content .large-text p {
		padding: 0 0 1.1em 0;	
	}
	
	.blog-hero-wrapper, .story-video-url-wrapper {
/* 		height: calc(50vh - 140px); */
		height: 26vh;
		max-width: 100%;
	}

	
	.blog-hero-wrapper .video-poster {
		max-width: 100%;
		height: auto;
	}
	
	.story-video-url {
		min-width:calc(100% - 2rem);
	}

	.story-video-url .video-poster {
		max-width: 100%;
		height: 26vh;
	}
	.half-col {
		padding: 2rem;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.blog-wrapper.all-allure-posts .single-blog-post {
		-webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: start;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-box-align: start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	}
	.blog-cat-list {
		margin-bottom: 2.5rem;
	}
	.blog-cat-list li {
		margin-bottom: .5rem;
	}
	.half-col-image, .category-article-image {
		width: 100%;
	    height: 60vw;
	    margin-right: 0vw;
	    margin-bottom: 1vw;
	}
	.category-text-wrapper {
		padding: 1rem 0;
	}
	.single-post .container-fluid .story-header-text h2 {
		line-height: 1.1;
		padding: 1rem 0 1rem;
	}
	.single-post .container-fluid .related-posts .category-article h2 {
		font-size: 3rem;
	}
	.half-col-text-wrapper {
		padding: 1rem 0 2rem;
	}
	.embed-container.sticky-video {
		bottom: 3rem;
	    right: 1rem;
	    width: 200px;
	    height: 120px;
	}
	.related-posts {
		padding-bottom: 4em;
	}
	.smart-map-modal .modal-body h2 span, .wrightwood-map-modal .modal-body h2 span {
		display: block;
	}
	.virtual .on-page h2 {
		line-height: 1.2;
	}
	.page-smart-museum-of-art-main-floor .virtual nav.on-page.child-nav.stick.fixed h2 {
		padding-right: 1.25rem;
	}
	.page-wrightwood-659-floor-1-atrium .virtual nav.on-page.child-nav.stick.fixed h2 {
		padding-right: .5rem;
	}
	.virtual .artwork-title-wrap h3 {
		letter-spacing: -1px;
	}
	.map-svg {
		width: 95%;
		max-width: 100%;
	}
	.smart-map-main-floor-modal {
		max-width: 100%;
	}
	.wrightwood-map-modal .modal-map-svg {
		transform: rotate(-90deg) scale(1.5);
	}
	.virtual .sticky-map .wrightwood-map-all-floors-modal .modal-map-svg {
		transform: rotate(-90deg) scale(1.125);
		min-height: 60vh;
	}
	.virtual .sticky-map .back-to-maps {
		bottom: 4rem;
	}
	.virtual .sticky-map .smart-map-main-floor .back-to-maps {
		bottom: 2rem;
	}
	.sticky-top.virtual-tour-mobile-stick {
		display: block;
		width: 100%;
	}
	
	.sticky-top.virtual-tour-mobile-stick a {
		font-size: 1.875rem;
	    line-height: 1.19;
	    color: black;
	    width: 100%;
	    min-height: 120px;
	    text-align: center;
	    display: inline-block;
	    padding: 1em 0;
	    border-top: 1px solid black;
	    text-decoration: none;
	}
	
	.sticky-top.virtual-tour-mobile-stick a span {
		display: inline-block;
	    position: relative;
	}
	
	.sticky-top.virtual-tour-mobile-stick a span:before {
	    content: url(../images/arrow_right.svg);
	    transform: rotate(-90deg);
	    width: 13px;
	    height: auto;
	    color: black;
	    position: absolute;
	    top: 0.125rem;
	    left: -1.125em;
	}
	
	.page-virtual-tours #wrightwood-659 .map-svg, .next-floor .map-svg, .virtual .sticky-map .wrightwood-map-all-floors-modal .map-svg {
		transform: translate(-50%, -50%) rotate(-90deg) scale(1.125);
		overflow: hidden;
	}
	#smart-map-modal-btn:hover ~ .map-svg, #wrightwood-map-modal-btn:hover ~ .map-svg, #wrightwood-map-floor-2-modal-btn:hover ~ .map-svg, #wrightwood-map-floor-3-modal-btn:hover ~ .map-svg, #wrightwood-map-floor-4-modal-btn:hover ~ .map-svg {
		transform: translate(-50%, -50%) rotate(-90deg) scale(.95);
	}
	.next-floor #wrightwood-map-modal-btn:hover ~ .map-svg, .next-floor #wrightwood-map-floor-2-modal-btn:hover ~ .map-svg, .next-floor #wrightwood-map-floor-3-modal-btn:hover ~ .map-svg, .next-floor #wrightwood-map-floor-4-modal-btn:hover ~ .map-svg {
		transform: translate(-50%, -50%) rotate(-90deg) scale(1.15)
	}
	#smart-map-modal-btn:hover ~ .map-svg #state g g, #wrightwood-map-modal-btn:hover ~ .map-svg #state g g, #wrightwood-map-floor-2-modal-btn:hover ~ .map-svg #state g g, #wrightwood-map-floor-3-modal-btn:hover ~ .map-svg #state g g, #wrightwood-map-floor-4-modal-btn:hover ~ .map-svg #state g g {
		opacity: 0;
	}
	.smart-map-modal-btn, .wrightwood-map-modal-btn, .wrightwood-map-floor-2-modal-btn, .wrightwood-map-floor-3-modal-btn, .wrightwood-map-floor-4-modal-btn {
		display: none;
	}
	.next-floor .smart-map-modal-btn, .next-floor .wrightwood-map-modal-btn, .next-floor .wrightwood-map-floor-2-modal-btn, .next-floor .wrightwood-map-floor-3-modal-btn, .next-floor .wrightwood-map-floor-4-modal-btn {
		display: block;
	}
	.smart-map-main-floor {
		min-height: 60vh;
	}
	.wrightwood-map-floor-1, .wrightwood-map-floor-2, .wrightwood-map-floor-3, .wrightwood-map-floor-4 {
		min-height: 90vh;
	}
	.sticky-map {
		min-height: 80vh;
		overflow: hidden;
	}
	.virtual .sticky-map { 
		position: relative;	
	}
	.virtual #smart-museum-of-art .sticky-map { 
		min-height: 70vh;
	}
	.virtual .smart-map-main-floor {
		justify-content: flex-start;
	}
	.virtual .wrightwood-map-all-floors-modal {
		min-height: 80vh;
		justify-content: flex-start;
		padding-top: 6rem;
	}
	.mobile-smart-map-modal-btn, .mobile-wrightwood-map-modal-btn, .mobile-wrightwood-map-floor-2-modal-btn, .mobile-wrightwood-map-floor-3-modal-btn, .mobile-wrightwood-map-floor-4-modal-btn {
		position: absolute;
		width: 100%;
		height: 80%;
		z-index: 1;
		background: transparent;
		border: none;
		margin: 0;
		padding: 0;
		display: block;
	}
	.virtual .tours-hero video {
		width: auto;
		height: 100%;
	}
	.virtual .artwork-title-wrap {
    	padding: 0 2rem 2rem;
    }
	.artist-page-link {
	    top: .5rem;
	    right: .5rem;
/* 	    font-size: 1.675rem; */
		font-size: 1.25rem;
	    line-height: 2.125rem;
	}
	.smart-map-main-floor-v2 #states g g, .wrightwood-map-floor-1-modal #states g g, .wrightwood-map-floor-2-modal #states g g, .wrightwood-map-floor-3-modal #states g g, .wrightwood-map-floor-4-modal #states g g {
		opacity: 0;
	}
	.map-markers {
		display: none;
	}
	.cell-caption {
		min-width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.home-v2 .hero {
		overflow: hidden;
	}
	.artists-sun-yuan-and-peng-yu .audio-button, .artists-huang-yong-ping .audio-button {
	    right: 0;
	}
	.exh-dates.covid {
		display: none;
	}
}

@media only screen and (max-width: 667px) {
	.video-column li.video-wrap {
		min-height: 25vh;
	}
}

@media only screen and (min-height: 900px) {
    .row-03 {
        display: block;
    }
}

@media (min-width: 769px) {
	.navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar-collapse {
		width: 100%;
		width: 100vw;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-collapse.collapse {
		padding-bottom: 0;
	}
	#menu-global-menu-right-1 {
		float: right!important;
	}
}