@media screen and (max-width: 1340px) {
	
	body {
		font-size: 1.05em;
	}

	/* STRUCTURE */
	#pagewrap {
		max-width: 100%;
	}

	.pagewidth,
	.full_width .themify_builder_row .row_inner {
		max-width: 96%;
	}
	.full_width .themify_builder_row.fullwidth .row_inner {
		max-width: 100%;
	}
		
}

@media screen and (min-width: 1101px) {
	/************************************************************************************
	MOBILE NAVIGATION
	*************************************************************************************/
	/* ensure menu is visible on desktop version */
	#main-nav {
		display: block !important;
	}
	#menu-icon span {
		display: none;
	}
}

/* change max-width to trigger mobile menu (#headerwrap added to override Themify Styling output css) */
@media screen and (max-width: 1100px) {

	/************************************************************************************
	HEADER
	*************************************************************************************/
	#headerwrap #header {
		height: auto;
		padding: 2em 0 1em;
	}

	/* site logo */
	#headerwrap #site-logo {
		margin-bottom: 1em;
		padding: 0;
	}
	#site-logo a:after {
		top: 1em;
	}
	/* header widget */
	#headerwrap .header-widget {
		position: static;
		float: none;
		text-align: left;
		clear: both;
		margin: 0;
	}
	#headerwrap .header-widget .widget {
		margin: 0 0 10px;
	}
	
	/* menu icon */
	#headerwrap #menu-icon {
		position: absolute;
		display: block;
		top: 1.25em;
		right: 0;
		text-decoration: none;
		font-size: 1.5em;
	}
	
	/************************************************************************************
	MENU PANEL
	*************************************************************************************/
	/* slide menu panel */
	#sidr {
		display: none;
	}
	#sidr.uk-active {
		display: block;
	}
	.uk-offcanvas {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		touch-action: none;
		background-color: rgba(0, 0, 0, 0.1);
	}
	.uk-offcanvas-page {
		position: fixed;
		-webkit-transition: margin-left 0.3s ease-in-out;
		transition: margin-left 0.3s ease-in-out;
	}
	.uk-offcanvas-bar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		z-index: 1001;
		width: 270px;
		max-width: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: -webkit-transform 0.3s ease-in-out;
		transition: transform 0.3s ease-in-out;
		-ms-scroll-chaining: none;
		background-color: #fff;
		color: #000;
		padding: 55px 20px 30px;
		border-left: 1px solid #000;
	}
	.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	.uk-offcanvas-bar-flip {
		left: auto;
		right: 0;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	#headerwrap #sidr a {
		color: #000;
		text-decoration: none;
	}

	/* slide menu close */
	#headerwrap #menu-icon-close {
		position: absolute;
		display: block;
		color: #7f7f7f;
		text-decoration: none;
		top: 10px;
		right: 20px;
		font-size: 1.25em;
	}
	#headerwrap #menu-icon-close:after {
		content: "\e646";
		font-family: 'themify';
	}
	#headerwrap #menu-icon-close:hover {
		color: #000;
	}

	/* main nav */
	#headerwrap #main-nav {
		position: static;
		padding: 0;
		margin: 15px 0;
		background: