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

	.js .site-header nav {
		display: none;
		position: relative;
		text-align: center;
	}

	.header-image .site-header .wrap {
		background-position: left top;
		position: relative;
	}

	.nav-header {
		clear: left;
	}

	.site-header .menu-toggle {
		display: block;
		visibility: visible;
		background-color: transparent;
		width: auto;
		position: absolute;
		right: 0;
		top: 22px;
	}

	.dashicons-before:before {
		width: 40px;
		height: 40px;
		font-size: 40px;
	}

	.header-image .site-header .wrap {
		padding: 12px 0 7px 0;
	}

}

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

	.site-header .menu-toggle {
		top: 16px;
	}

	.dashicons-before:before {
		width: 30px;
		height: 30px;
		font-size: 30px;
	}

	.menu-toggle:before,
	.menu-toggle.activated:before {
		margin-right: 0;
	}

}

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

	.header-image .site-header .wrap {
		background-position: 6% top;
	}

	.site-header .menu-toggle {
		right: 6%;
	}

}

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

	.site-header {
		overflow: hidden;
	}

	.header-image .site-header .wrap {
		background-size: 200px 40px;
	}

	.dashicons-before:before {
		width: 20px;
		height: 20px;
		font-size: 20px;
	}

	.site-header .menu-toggle {
		top: 10px;
	}

}