@media (max-width : 767px){
	body{
		perspective: 1000;
		-webkit-perspective: 1000;
		-moz-perspective: 1000;
		-o-perspective: 1000;
		-ms-perspective: 1000;
	}
	
/*
	#trigger-toolbar:before{
		display: none;
	}
*/
	
	#main{
		background-color: #fff;
	}
	a#logo{
		left: 50%;
		margin-left: -37.5px;
	}
	#main,
	#footer{
		position: relative;
		z-index: 10;
	}
	#footer{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#mobile-navigation{
		width: 100%;
		height: 100vh;
		position: fixed;
		z-index: 1;
		background: #222;
		color: #7f7e7c;
		top: 0px;
		right: -9999px;
		padding-left: 50px;
		transition: transform .6s, right 0s linear .6s;
		-webkit-transition: -webkit-transform .6s, right 0s linear .6s;
		-moz-transition: -moz-transform .6s, right 0s linear .6s;
		-o-transition: -o-transform .6s, right 0s linear .6s;
		-ms-transition: -ms-transform .6s, right 0s linear .6s;
		transform: translate3d(100px,0px,0px);
		-webkit-transform: translate3d(100px,0px,0px);
		-moz-transform: translate3d(100px,0px,0px);
		-o-transform: translate3d(100px,0px,0px);
		-ms-transform: translate3d(100px,0px,0px);
	}
	html.menu-open #mobile-navigation{
		right: 0px;
		transition: transform .6s, right 0s linear 0s;
		-webkit-transition: -webkit-transform .6s, right 0s linear 0s;
		-moz-transition: -moz-transform .6s, right 0s linear .0s;
		-o-transition: -o-transform .6s, right 0s linear 0s;
		-ms-transition: -ms-transform .6s, right 0s linear 0s;
		transform: translate3d(0px,0px,0px);
		-webkit-transform: translate3d(0px,0px,0px);
		-moz-transform: translate3d(0px,0px,0px);
		-o-transform: translate3d(0px,0px,0px);
		-ms-transform: translate3d(0px,0px,0px);
	}
	#header,
	#main,
	#footer{
		transition: transform .6s;
		-webkit-transition: -webkit-transform .6s;
		-moz-transition: -moz-transform .6s;
		-o-transition: -o-transform .6s;
		-ms-transition: -ms-transform .6s;
		transform: translate3d( 0px, 0px, 0px );
		-webkit-transform: translate3d( 0px, 0px, 0px );
		-moz-transform: translate3d( 0px, 0px, 0px );
		-o-transform: translate3d( 0px, 0px, 0px );
		-ms-transform: translate3d( 0px, 0px, 0px );
	}
	html.menu-open #header,
	html.menu-open #main,
	html.menu-open #footer{
		transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-webkit-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-moz-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-o-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-ms-transform: translate3d( calc(-100% + 50px), 0px, 0px );
	}
	#search-box {
	    max-width: none;
	    height: 50px;
	    margin-top: auto;
	    padding-top: 8px;
	    background: #eee;
	    position: relative;
	}
	input#search-field{
		padding-right: 20px;
	}
	.toolbar-item{
		float: none;
	}
	#nav{
		height: auto;
		margin-top: 50px;
		text-transform: uppercase;
		font-size: 12px;
	}
	#nav li{
		display: block;
		position: relative;
		line-height: normal;
	}
	#nav li a{
		color: #7f7e7c;
		line-height: 44px;
		border-bottom: dotted 1px #444;
		display: block;
		position: relative;
	}
	#nav li a.touched,
	#nav li.current-menu-item a{
		color: #eee;
		text-decoration: none;
	}
	
	#nav li a:after{
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		border-top: solid 1px #7f7e7c;
		border-right: solid 1px #7f7e7c;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -4px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
	.blocker{
		position: fixed;
		width: 100%;
		height: 100vh;
		background-color: rgba(0,0,0,.5);
		z-index: 599;
		left: -9999px;
		top: 0px;
		transform: translate3d( 0px, 0px, 0px );
		-webkit-transform: translate3d( 0px, 0px, 0px );
		-moz-transform: translate3d( 0px, 0px, 0px );
		-o-transform: translate3d( 0px, 0px, 0px );
		-ms-transform: translate3d( 0px, 0px, 0px );
		transition: transform .6s, opacity .6s, left 0s linear .6s;
		-webkit-transition: -webkit-transform .6s, opacity .6s, left 0s linear .6s;
		-moz-transition: -moz-transform .6s, opacity .6s, left 0s linear .6s;
		-o-transition: -o-transform .6s, opacity .6s, left 0s linear .6s;
		-ms-transition: -ms-transform .6s, opacity .6s, left 0s linear .6s;
		opacity: 0;
	}
	html.menu-open .blocker{
		left: 0px;
		opacity: 1;
		transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-webkit-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-moz-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-o-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		-ms-transform: translate3d( calc(-100% + 50px), 0px, 0px );
		transition: transform .6s, opacity .6s, left 0s linear 0s;
		-webkit-transition: -webkit-transform .6s, opacity .6s, left 0s linear 0s;
		-moz-transition: -moz-transform .6s, opacity .6s, left 0s linear 0s;
		-o-transition: -o-transform .6s, opacity .6s, left 0s linear 0s;
		-ms-transition: -ms-transform .6s, opacity .6s, left 0s linear 0s;
	}
	#trigger-toolbar span{
	    font-size: 18px;
	    display: inline-block;
	    position: relative;
	    width: 8px;
	    height: 8px;
	    border-radius: 4px/4px;
	    -webkit-border-radius: 4px/4px;
	    -moz-border-radius: 4px/4px;
	    border: solid 1px #111;
	    margin: auto 2px;
	}
	#toolbar{
		margin-right: auto;
	}
	#trigger-toolbar,
	#toolbar{
/* 		width: 50px; */
		text-align: center;
	}
	#trigger-toolbar{
		padding-top: 21px;
		padding-right: 10px;
	}
	.welcome-slider-item cite{
/* 		display: none !important; */
font-size: 8px;
line-height: auto;
	}
	.welcome-slider-item cite span{
	font-size: 7px;
	font-style: italic;
}
	#artists-slider{
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.artist-item .right{
		padding-left: 15px;
	}
	#artists .slick-arrow{
		display: none !important;
	}
	.artist-item{
		text-align: center;
	}
	h3{
		font-size: 18px;
	}
	.artist-item h3{
		margin-bottom: 15px;
	}
	#logo-construction,
	.svg-wrapper{
		width: 200px;
		height: 150px;
	}
	#logo-construction svg{
		transform: translateY(-25%);
		-webkit-transform: translateY(-25%);
		-moz-transform: translateY(-25%);
		-o-transform: translateY(-25%);
		-ms-transform: translateY(-25%);
	}
	.outside,
	.inside{
		display: block;
	}
	#history-preview.gradient{
		background: #eee;
	}
	#news-preview .right,
	#news-preview .right .push-image{
		width: auto;
		max-width: none;
	}
	#welcome-video-wrapper video{
		margin: auto;
	    position: absolute;
	    z-index: 2 !important;
	    top: 0px !important;
	    left: 0px !important;
	    width: 100% !important;
	    height: 100% !important;
	    transform: none !important;
	    -webkit-transform: none !important;
	    -moz-transform: none !important;
	    -o-transform: none !important;
	    -ms-transform: none !important;
	    visibility: visible !important;
	    opacity: 1 !important;
    }
    #tabbar-nav{
		display: block;
	}
	#tabbar-nav a:not(:first-child):not(:last-child){
		border-left: none;
		border-right: none;
	}
	#tabbar-nav a{
		width: auto;
		border-bottom: dotted 1px #ccc;
		font-size: 14px;
	}
	#tabbar-nav a:first-child{
		border-top: dotted 1px #ccc;
	}
	#title-box h1{
	    margin-top: 50px;
	    margin-left: auto;
	    text-align: center;
	    font-size: 18px;
	}
	#title-box h1:before{
		display: block;
		margin-right: auto;
		margin-bottom: 5px;
		font-size: 14px;
	}
	#biography-box,
	#artworks{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	#biography{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.artwork-item{
		margin-bottom: 15px;
	}
	#about-header-page {
    	height: auto;
    	padding-bottom: 15px;
	}
	#about-header-page.gradient{
		background: rgba(237,237,238,1);
	}
	#title-box.title h1 span{
		display: block;
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.3;
	}
	#title-box.title h1{
		padding-left: 20px;
		padding-right: 20px;
	}
	#people{
		margin-top: auto;
	}
	#people .left figure{
		margin-bottom: 20px;
	}
	#people .right .row{
		margin-left: auto;
		margin-right: auto;
	}
	#history-identity-vision .left, #history-identity-vision .right {
	    width: auto;
	    min-width:1px;
	    max-width: none;
	}
	#history .left .offset-container,
	#vision .left .offset-container,
	#identity .left .offset-container{
	    width: auto;
	    max-width: none;
	    float: none;
	    background: #fff;
	}
	#history .left .offset-content,
	#vision .left .offset-content,
	#identity .left .offset-content,
	#vision .right .wrap {
	    margin-left: 20px;
	}
	#history h3 {
	    margin-left: 20px;
	    font-size: 34px;
	    margin-top: auto;
	}
	#identity .left .offset-container img,
	#vision .left .offset-container img{
		height: 300px;
	}
	#history-identity-vision .left{
		margin-bottom: 30px;
	}
	#history-identity-vision{
		margin-bottom: 30px;
	}
	#news-preview .left{
		padding-right: 15px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.about-footer-image{
		width: auto;
		float: none;
	}
	.about-footer-image.left figure, .about-footer-image.right figure {
	    width: auto;
	    max-width: none;
	}
	.about-footer-image img {
	    max-width: 100%;
	    max-height: none;
	    width: auto;
	    height: auto;
	}
	#title-box div.title-wrapper{
	    margin-top: 50px;
	    margin-left: auto;
	    text-align: center;
	    font-size: 18px;
	}
	#title-box div.title-wrapper span {
	    display: block;
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 1.3;
	}
	#news-header-page{
		height: 250px;
	}
	#single-news h1{
		margin: auto;
		font-size: 28px;
	}
	#single-news time{
		margin-bottom: 30px;
	}
	.post-thumbnail{
		margin-bottom: 30px;
	}
	#single-news h2{
		font-size: 20px;
	}
	.entry-content cite {
	    font-size: 16px;
	    padding-left: 20px;
	}
	#event-details{
		text-align: center;
	}
	#event-details .col-sm-4:not(:last-child){
		margin-bottom: 15px;
	}
	.caption-module .pull-left,
	.caption-module .pull-right{
		float: none !important;
		text-align: center;
	}
	a.download-sheet:after{
		display: none;
	}
	.artworks-fancybox .fancybox-caption{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#language-switcher{
		margin-right: auto;
		float: none;
		text-align: center;
		margin-top: 20px;
	}
	#language-switcher a{
		color: #ccc;
	}
	#language-switcher a.current{
		color: #eee;
	}
	#language-switcher span.pipe{
		margin: auto 10px;
	}
	#news-preview .right img{
		height: auto;
		width: auto;
		max-width: 100%;
	}
	#search-box ul.ui-autocomplete{
		width: 100% !important;
		position: absolute !important;
		left: 0px !important;
		top: 100% !important;
		max-height: 250px !important;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.contact-info{
		text-align: center;
	}
	.vcard .wrapper{
		padding-left: 0px;
	}
	.vcard-icon{
		display: none;
	}
	#contactform .row{
		margin-bottom: auto;
	}
	#contactform .inputter{
		margin-bottom: 10px;
	}
	.fancybox-caption {
    font-size: 11px !important;
    text-transform: none;
    line-height: 1.1;
}
a.download-sheet{
	background: rgba(0,0,0,.5);
	display: block;
	margin-top: 10px;
	padding: 10px;
	text-decoration: none;
	border: 1px solid orange;
}

@media (max-width : 767px) and (orientation:landscape){
	html,body{
		height: 100vh;
	}
	body *{
		display: none !important;
		background-color: #212121;
	}
	body:after{
		content: '';
		display: block !important;
		z-index: 9999;
		background-color: #212121;
		width: 100vw;
		height: 100vh;
		left: 0px;
		top: 0px;
	    background-image: url(images/rotate-device.png);
	    background-repeat: no-repeat;
	    background-position: 50% 50%;
	    background-size: 130px 103px;
	    margin-bottom: 1px;
	    pointer-events: none;
	}
}
@media (max-width : 767px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 2){
	body:after{
		background-image: url(images/rotate-device@2x.png);	
	}
}
@media (max-width : 767px) and (orientation:landscape) and (-webkit-device-pixel-ratio: 3){
	body:after{
		background-image: url(images/rotate-device@3x.png);	
	}
}