@media all and (max-width : 1228px) {

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

.layout {
	margin-left: 16px;
	margin-top: 58px;
	width: calc(100% - 32px);
}

.blank {
	display: none;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
header {
	width: 100%;

	.header-grid {
		.six-columns {
			grid-column: 1 / span 6;
		}

		.four-columns {
			grid-column: auto / span 4;
		}

		.two-columns {
			grid-column: auto / span 2;
		}
	}
}

/*--------------------------------------------------------------
Hamburger
--------------------------------------------------------------*/

.hamburger {
	right: 16px;
	top: 18px !important;
}

.menu-active {
	top: 23px !important;
}

.hamburger > div {
	height: 1px;
	margin-bottom: 5px;
	width: 28px;
}

.menu-active > div:nth-of-type(3) {
	margin-top: -6px;
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/

.menu-section {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(128, 128, 128, 0.95);
}

.menu-background {
	display: none;
}

.menu-top,
.menu {
	width: calc(100% - 32px);
}

.menu {
	padding-left: 16px;
}

.navigation-menu {
	float: left;
	padding-bottom: 48px;
	width: 100%;
}

.menu,
.menu-top .four-columns,
.menu-top .two-columns,
.header-grid .four-columns {
	font-size: 14px;
	line-height: 18px;
}

.menu-row {
	background-image: url();
	margin-left: -16px;
	padding: 0px 0px 0px 0px;
	width: calc(100% + 16px);
}

.menu-row > li {
	background-image: url(../imgs/border-white.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-size: auto 1.68px;
	padding: 16px 0px 14px 0px;
	width: 100%;
}

.menu-row > li > a {
	float: left;
	width: 120px;
}

.sub-menu {
	float: left;
	width: calc(100% - 120px);
}

/*--------------------------------------------------------------
Grid
--------------------------------------------------------------*/

.block-content > * {
	align-self: start;
}

.grid-profile-layout > * {
	align-self: start !important;
}

.one-column,
.two-columns,
.three-columns,
.four-columns,
.five-columns,
.six-columns,
.seven-columns,
.eight-columns,
.nine-columns,
.ten-columns,
.eleven-columns {
	grid-column: auto / span 12;
}

.border-bottom-grid {
	height: auto !important;
	margin-bottom: 0px !important;
}

.border-bottom-grid:last-of-type {
	margin-bottom: 22px !important;
	margin-top: 0px !important;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

.six-column-post h2,
.six-column-post p,
.four-column-full-post,
.grid-event-details .events-list-event,
.main-grid-content-half-right,
.main-grid-content-half,
.grid-profile img {
	width: 100% !important;
}

.person-responsibilities,
.person-subhead {
	height: auto;
}

.extra-space {
	padding-bottom: 16px !important;
}

/*--------------------------------------------------------------
Folio Swiper
--------------------------------------------------------------*/

.swiper-section {
	height: 90vh;
}

.swiper-container {
	margin: 24px 0px 0px 16px;
	width: calc(100% - 32px);
}

.swiper-section .swiper-slide img {
	height: auto;
	max-height: 90vh;
	width: 100%;
}

/*--------------------------------------------------------------
Events
--------------------------------------------------------------*/

#month-header {
	width: 50%;
}

#calendar #next {
	margin: 2px 0px 0px 6px;
}

.event-name-time.first {
	margin-left: 0px;
}

.event-name {
	width: 100%;
}

.event-time {
	float: left;
	margin-top: 0px;
	width: 100%;
}

.event-button {
	float: left;
	margin: 0px 1px 12px 0px;
}

.start-time {
	display: none;
}

/*--------------------------------------------------------------
Single Event
--------------------------------------------------------------*/

.event-details-section br br {
	height: auto;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/

.why-join-aia img {
	height: 88px !important;
	margin-bottom: 16px;
	width: 88px !important;
}

/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

#instant-search,
.search-section {
	left: -100vw !important;
	width: calc(100vw - 32px);
}

.search-section {
	top: 78px;
}

.search-active {
	display: none !important;
}

#instant-search {
	padding: 2px 0px 2px 0px;
	text-indent: 5px;
	top: 32px;
}

#instant-search,
#search-results,
.trending {
	margin-left: 108px;
}

.trending {
	float: left;
	width: 100%;
}

#instant-search,
#search-results,
.trending {
	font-size: 14px;
}

#search-results,
.trending {
	line-height: 18px;
}

#search-results {
	width: calc(100vw - 48px);
}

input {
  border-radius: 0;
}

input[type="search"] {
  -webkit-appearance: none;
}

/*--------------------------------------------------------------
Sponsors
--------------------------------------------------------------*/

.sponsor-logo {
	margin-bottom: 0px;
	padding-top: 100%;
}

.sponsor-logo::before {
	background-image: url() !important;
	display: none !important;
}

.sponsor-logo img {
	height: 80%;
	left: 10%;
	top: 10%;
	width: 80%;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.footer-column {
	width: 100%;
}

.footer-column:last-of-type {
	padding-top: 12px;
}

.footer-grid .two-columns.border-top,
.footer-grid .four-columns.border-top,
.footer-grid .six-columns.border-top {
	background-image: url() !important;
}

.footer-grid .two-columns.border-top,
.footer-grid .six-columns.border-top {
	padding-top: 0px;
}

.mobile-social {
	display: block;
	float: left;
	margin-bottom: 24px;
	width: 100%;
}

}

@media all and (max-width: 800px) {
	/*--------------------------------------------------------------
	Header
	--------------------------------------------------------------*/
	header {
		width: 100%;

		.header-grid {
			grid-template-columns: repeat(6, minmax(0, 1fr));
			
			.six-columns {
				grid-column: 1 / span 3;
			}

			.four-columns {
				grid-column: auto / span 2;
			}

			.two-columns {
				grid-column: auto / span 1;
			}
		}
	}
}