@media screen and (max-width:1200px) {
	.wrapper {
		padding-left:30px;
		padding-right:30px;
	}
	
	.grid-layout.four-column.has-description .item.description,
	.item.description {
		padding-right:0;
	}
}

@media screen and (max-width:1140px) {
	
	#pagefooter .footer-nav .menu > li > a {
		font-size:1.2em;
	}
}

@media screen and (max-width:1024px) {
	.touch .format-image .zoomers {
		display:none;
	}
	.touch .format-image .image {
		max-height:none !important;
	}
}

@media screen and (max-width:1023px) {
	
	#pagefooter .footer-nav .menu {
		flex-wrap:wrap;
		justify-content: flex-start;
	}
	
	#pagefooter .footer-nav .menu > li {
		width:calc(20% - 20px);
		margin-right:20px;
		flex-grow:0;
	}
	
	#pagefooter .footer-nav .menu > li > a {
		white-space:normal;
	}
	
	#pagefooter .footer-nav .sub-menu {
		position:relative;
	}
	#pagefooter .footer-nav .sub-menu a {
		display:block;
		padding-left:10px;
		text-indent:-10px;
	}
	
}

@media screen and (max-width:830px) {
	#home-feature-logo {
		max-width:250px;
	}
	.collections-linknav {
		position:relative;
		top:0;
		right:auto;
		margin-bottom:27px;
	}
	.collections-linknav ul {
		margin-left:0;
		padding-left:0;
	}
	.collections-linknav li {
		border-left:0;
		padding-left:0;
		margin-left:0;
		border-right:1px solid #7f7f7f;
		padding-right:6px;
		margin-right:6px;
	}
	.collections-linknav li:last-child {
		border:0;
	}
	body.page-collections h1.entry-title {
	}
}

@media screen and  (max-width:781px) and (min-width:767px) {
	.wp-grid .wp-block-column {
		flex-basis:24% !important;
	}
	.wp-grid .wp-block-column.item.description {
		flex-basis:50% !important;
	}
}

@media screen and (max-width:767px) {
	
	body.has-notification-bar #pageheader #brand,
	body.page-template-t_homepage.has-notification-bar #pageheader #brand.show,
	body.has-notification-bar #pageheader #nav-panel {
		top:73px;
	}
	body.has-notification-bar #nav-toggle,
	body.has-notification-bar #nav-toggle.active {
		top:86px;
	}
	body.has-notification-bar #home-feature-logo {
		top:85px;
	}
	
	
	
	.wrapper {
		padding-left:5%;
		padding-right:5%;
	}
	
	.column {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.pad-right-110,
	.pad-right-20pcent,
	.pad-right-30pcent,
	.exhibition-listing .exhibition .abstract {
		padding-right:0;
	}
	
	/**************************
	extra-small columns
	**************************/
	.xs-size .half-col { 
		width: 49.2%;
	}
	.xs-size .third-col { 
		width: 32.2667%;
	}
	.xs-size .two-thirds-col { 
		width: 66.1333%;
	}
	.xs-size .fourth-col { 
		width: 23.8%;
	}
	.xs-size .three-quarters-col {
		width :74.6%;
	}
	.xs-size .fifth-col { 
		width: 18.72%;
	}
	.xs-size .sixth-col { 
		width: 15.3333%;
	}
	
	.xs-size .half-col,
	.xs-size .third-col,
	.xs-size .two-thirds-col,
	.xs-size .fourth-col,
	.xs-size .three-quarters-col,
	.xs-size .fifth-col,
	.xs-size .sixth-col {
		float: left;
		margin-left: 1.6%;
		position: relative;
	}
	.xs-size .column:first-child {
		clear:both;
		margin-left:0;
	}
	
	#pagefooter .footer-nav {
		border-bottom:1px solid #7f7f7f;
	}
	
	#pagefooter .footer-nav .menu {
		display:block;
	}
	#pagefooter .footer-nav .menu > li {
		width:100%;
		margin-right:0;
	}
	
	#pagefooter .footer-nav .menu > li {
		display:block;
	}
	#pagefooter .footer-nav .menu > li.menu-item-has-children {
		min-height:0;
	}
	#pagefooter .footer-nav .sub-menu {
		display:none;
	}
	#pagefooter .footer-left,
	#pagefooter .footer-right {
		min-width:0;
	}
	
	#pagefooter .footer-left {
		border-bottom:1px solid #7f7f7f;
		padding-top:15px;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	#pagefooter .footer-right .column {
		width: 30.6667%;
		margin-left: 4%;
		padding-right:0;
	}
	#pagefooter .footer-right .column:first-child {
		margin-left:0;
	}
	
	#pagefooter .wheelchair p, 
	#pagefooter .social-icons p {
		padding-bottom:0;
	}
	#pagefooter .column.wheelchair,
	#pagefooter .column.social-icons {
		text-align:left;
		display:inline-block;
		width:auto;
	}
	#pagefooter .column.wheelchair {
		margin-right:60px;
	}
	
	.fold, 
	.section {
		margin-bottom:25px;
	}
	
	.item,
	.program.post {
		margin-bottom:25px;
	}
	
	
	/* convert grid system to 3 columns */
	.grid-layout .item {
		width:32.6667%;
		min-height:240px;
	}
	
	/* reset the line clears */
	.grid-layout.four-column .item:nth-of-type(4n+2),
	.grid-layout.four-column.has-description .item:nth-child(4n),
	.grid-layout.four-column .has-filter .item:nth-of-type(4n+2) {
		clear:none;
	}
	
	.grid-layout.four-column .publication.item {
		height:auto;
	}

	
	.grid-layout.four-column .item:nth-of-type(4n) {
		margin-right:1% !important;
	}
	.grid-layout.four-column .has-filter .item:nth-of-type(3n+1) {
		margin-right:0 !important;
	}
	.grid-layout.four-column .item:nth-of-type(3n) {
		margin-right:0;
	}
	.grid-layout.four-column .item:nth-of-type(3n+1) {
		clear:left;
	}
	
	/* grids with year filters */
	.grid-layout.four-column .has-filter .item:nth-of-type(3n+1) {
		clear:none;
	}
	.grid-layout.four-column .has-filter .item:nth-of-type(3n+2) {
		clear:left;
	}
	
	/* grids with descriptions */
	.grid-layout.four-column.has-description .item.description {
		width:66.3333%;
	}
	.grid-layout.four-column.has-description .item:nth-of-type(3) {
		margin-right:1%;
	}
	.grid-layout.four-column.has-description .item:nth-of-type(3n) {
		margin-right:1%;
	}
	.grid-layout.four-column.has-description .item:nth-of-type(3n+2),
	.grid-layout.four-column.has-description .item:nth-of-type(3n+1) {
		clear:none;
	}
	.grid-layout.four-column.has-description .item:nth-of-type(3n) {
		clear:left;
	}
	.grid-layout.four-column.has-description .item:nth-child(2) {
		margin-right:0;
	}
	.grid-layout.four-column.has-description .item:nth-child(4n+3) {
		margin-right:1%;
	}
	.grid-layout.four-column.has-description .item:nth-child(3n+2) {
		margin-right:0 !important;
	}
	
	/* descriptions */
	.grid-layout.four-column.has-description .item.description {
		font-size:1em;
	}
	.grid-layout.four-column.has-description .item.description .serif-text {
		font-size:0.8667em;
	}
	
	.item.description {
		font-size:1em;
	}
	
	/* Grids created with WP columns */
	.wp-grid .item.description {
		flex-basis:100% !important;
	}
	
	/* publication thumbs */
	.item .thumb img {
		height:175px;
	}
	
	.archive .section .row {
		margin-top:0;
	}
	
	/* Home Page Template */
	#home-feature-image {
		overflow:hidden;
		width:100%;
	}
	#home-feature-image img {
		display:block;
		height:100vh;
		max-width:none;
		width:auto;
		position:relative;
		top:0;
		left:50%;
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#home-feature-logo {
		width:179px;
		top:12px;
		right:0;
	}
	#home-feature-logo img {
		right:-12px;
	}
	
	
	.page-template-t_homepage #home-info .column-first,
	.page-template-t_homepage #home-info .third-col,
	.page-template-t_homepage #home-info .column-last {
		width:100%;
	}
	
	.page-template-t_homepage #home-info h2 {
		display:block;
		float:none;
		margin-top:1em;
	}
	.page-template-t_homepage #home-info .location-text {
		width:100%;
		float:none;
	}
	.page-template-t_homepage #home-info .hours-table {
		width:100%;
		float:none;
		margin-top:10px;
	}
	
	.page-template-t_homepage .fold#programs {
		padding-top:25px;
		padding-bottom:0px;
	}
	.page-template-t_homepage .fold#programs .wrapper {
		padding-right:0;
		padding-left:0;
		width:90%;
		margin-right:5%;
		margin-left:5%;
	}
	.page-template-t_homepage .fold#programs .fourth-col,
	.page-template-t_homepage .fold#collections .fourth-col {
		width:48.5%;
		margin-left:1.5%;
		float:left;
	}
	.page-template-t_homepage .fold#programs .fourth-col:nth-child(odd),
	.page-template-t_homepage .fold#collections .fourth-col:nth-child(odd) {
		margin-left:0;
		clear:left;
	}

	
	/* image details */
	#image-details .column {
		margin-bottom:12px;
		text-align:center;
	}
	
	.format-image .zoomers {
		display:none;
	}
	.format-image .image {
		max-height:none !important;
		height:auto !important;
		max-width:90vw;
		margin:0 auto;
	}
	.format-image .text,
	.format-image .text.long-form {
		width:90vw;
		margin:0 auto;
	}
	.format-image .image img {
		max-width:100% !important;
	}
	.format-image .close-button {
		right:5vw;
	}
	
	
	.item .thumb img {
		width:auto !important;
		max-width:90%;
		max-height:90%;
	}
	
	

} /* end 767px */

@media screen and (max-width:767px) and (orientation:landscape) {
	#home-feature-image img {
		height:auto;
		width:100vw;
	}
}


/* smartphones */
@media screen and (max-width:599px) {
	
	#pageheader #brand {
		background:rgba(205,215,225,0.9);
	}
	
	#pageheader #nav-panel {
		background:rgba(0,0,0,0.9);
		width:100vw;
		left:-100vw;
	}
	#main-search input.search-field {
		width:100%;
	}
	
	/*.grid-layout .item {
		height:250px;
	}
	
	.xs-size .column {
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
	}*/
	
	.wp-grid .wp-block-column {	
		flex-basis:48% !important;
	}
	.wp-grid .wp-block-column {
		margin-right:1%;
		margin-left:0 !important;
	}

}

@media screen and (max-width:479px) {
	
	/* convert grid system to 2 columns */
	
	
	
	
	
	.grid-layout.four-column .item {
		width:49.5%;
		min-height:200px;
	}
	
	.grid-layout.two-column .item,
	.grid-layout.three-column .item {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	
	.grid-layout .description.item {
		width:100% !important;
		display:block;
		margin-right:0;
		padding-right:0 !important;
		height:auto !important;
		min-height:none !important;
	}
	
	.grid-layout.three-column .item:nth-of-type(even),
	.grid-layout.four-column .item:nth-of-type(even) {
		clear:none !important;
		margin-right:0 !important;
	}
	.grid-layout.three-column .item:nth-of-type(odd),
	.grid-layout.four-column .item:nth-of-type(odd) {
		clear:left !important;
		margin-right:1% !important;
	}
	
	
	.grid-layout.four-column .has-filter .item:nth-of-type(odd) {
		clear:none !important;
		margin-right:0 !important;
	}
	.grid-layout.four-column .has-filter .item:nth-of-type(even) {
		clear:left !important;
		margin-right:0.66% !important;
	}
	
	
	.grid-layout.four-column.has-description .item:nth-of-type(odd) {
		clear:none !important;
		margin-right:0 !important;
	}
	.grid-layout.four-column.has-description .item:nth-of-type(even) {
		clear:left !important;
		margin-right:1% !important;
	}


	
	
}

@media screen and (max-width:830px) {
	.collections-linknav {
		max-width:75%;
	}
}