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

	.nodesktop {display:block;}

	.logo {width: 40px; height: 40px; z-index: 100;}
	.logo img {width: 100%;}

	.works-nav {padding-top:4rem;}
	.works-nav .previous-link, .works-nav .next-link {bottom: 0.2em; top: auto; }
	.works-nav .previous-link {left:.2em;}
	.works-nav .next-link {right: 0.2em;}


	.flex-video {box-shadow: none;}
	
	.flex-video .toggle-video-btn {font-size: 50px; padding-top: 24%;}
	.fullscreen-btn { font-size:16px;}

	.media-wrapper .caption {text-align: center; padding: 1.25rem 0;}
	.media-wrapper .work-title { font-size: 22px;}
	.media-wrapper .work-technique { font-size: 15px;}
	.media-wrapper .work-other-info { font-size: 13px;}	

	.payment-box .inner .box .colophon-column, .payment-box .inner .box .buy-column {float: none; width: 100%;}
	
	
}
 @media screen and (orientation:landscape) and (max-width:1024px) {
	.works-nav {
	    padding-top: 1.5rem;
	}
 }
  @media screen and (orientation:portrait) and (max-width:1024px) {
	.works-nav {
	    padding-top: 1rem;
	}

	.info-link {
	    font-size: 20px;
	}
	.info-link i {display: block; margin-bottom: .25em;}
 }