@media screen and (max-width: 1024px){
	.site-navigation{
		width: 100%;
		float: none;
	}

	.toggle-nav{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1000;
		width: 47px;
		height: 47px;
	}
	.toggle-nav.is-visible{
		top: 0 !important;
		margin-right: -250px
	}
	#masthead.scrolled .toggle-nav{
		top: 0 !important;
	}

	.toggle-nav span,
	.toggle-nav span:before,
	.toggle-nav span:after,
	#primary-menu,
	#page,
	#masthead{
		-webkit-transition: all .2s;
		-moz-transition:    all .2s;
		transition:         all .2s;
	}
	.toggle-nav span{
		background: #fff;
		height: 3px;
		position: absolute;
		left: 7px;
		top: calc(50% - 1px);
		width: 23px;
		border-radius: 3px;
	}
	.toggle-nav span:before{
		content: "";
		position: absolute;
		background: #fff;
		border-radius: 3px;
	}
	.toggle-nav span:after{
		content: "";
		position: absolute;
		background: #fff;
		border-radius: 3px;
	}
	.menu-item-has-children .sub-trigger:before,
	.menu-item-has-children .sub-trigger:after{
		content: "";
		position: absolute;
		background: #fff;
	}
	.toggle-nav span:before,
	.toggle-nav span:after{
		backface-visibility: hidden;
		height: 100%;
		width: 100%;
		-webkit-transform: translateZ(0);
		-moz-transform:    translateZ(0);
		-ms-transform:     translateZ(0);
		-o-transform:      translateZ(0);
		transform:         translateZ(0);
	}
	.toggle-nav span:before{
		-webkit-transform: translateY(-6px);
		-moz-transform:    translateY(-6px);
		-ms-transform:     translateY(-6px);
		-o-transform:      translateY(-6px);
		transform:         translateY(-7px);
	}
	.toggle-nav span:after{
		-webkit-transform: translateY(6px);
		-moz-transform:    translateY(6px);
		-ms-transform:     translateY(6px);
		-o-transform:      translateY(6px);
		transform:         translateY(7px);
	}
	.toggle-nav.is-visible span{
		background: none;
		left: 3px;
		width: 28px;
	}
	.toggle-nav.is-visible span:before{
		-webkit-transform: translateY(0) rotate(-45deg);
		-moz-transform:    translateY(0) rotate(-45deg);
		-ms-transform:     translateY(0) rotate(-45deg);
		-o-transform:      translateY(0) rotate(-45deg);
		transform:         translateY(0) rotate(-45deg);
	}
	.toggle-nav.is-visible span:after{
		-webkit-transform: translateY(0) rotate(45deg);
		-moz-transform:    translateY(0) rotate(45deg);
		-ms-transform:     translateY(0) rotate(45deg);
		-o-transform:      translateY(0) rotate(45deg);
		transform:         translateY(0) rotate(45deg);
	}
	#page{
		position: relative;
		right: 0;
	}
	#primary-menu,
	.site-navigation.centered #primary-menu{
		background: #4f5e70;
		text-align: left;
		height: 100vh;
		overflow: auto;
		position: fixed;
		right: -250px;
		padding-top: 50px;
		width: 250px;
		z-index: 100;
	}
	.admin-bar #primary-menu,
	.admin-bar .site-navigation.centered #primary-menu{
		padding-top: 97px;
	}

	#page.is-visible{
		right: 250px;
	}
	#masthead.is-visible{
		left: -250px;
		border-right: 1px solid rgba(255,255,255,0.1);
	}
	#page.is-visible #primary-menu,
	#masthead.is-visible #primary-menu{
		top: 0;
		right: 0;
	}
	#primary-menu li{
		position: relative;
		width: 100%;
	}
	#primary-menu > li::after{
		display: none;
	}
	#primary-menu li a,
	#masthead.scrolled #primary-menu li a{
		padding: 8px 20px;
		margin: 0;
	}
	#primary-menu li.menu-item-has-children a,
	#primary-menu li.menu-item-has-children a:hover,
	#masthead.scrolled #primary-menu li.menu-item-has-children a,
	#masthead.scrolled #primary-menu li.menu-item-has-children a:hover{
		padding: 8px 40px 8px 20px;
	}
	.menu-item-has-children:after{
		display: none;
	}
	.menu-item-has-children .menu-item-has-children:after{
		display: none;
	}
	#primary-menu li a:hover{
		padding: 8px 20px;
		margin: 0;
	}
	#primary-menu > li.current-menu-item,
	#primary-menu > li:hover,
	#primary-menu > li.current-menu-item:hover{
		background-image: none;
	}
	.menu-item-has-children .sub-trigger{
		position: absolute;
		width: 36px;
		height: 36px;
		right: 10px;
		top: 0;
		z-index: 100;
		cursor: pointer;
		display: block;
	}
	.menu-item-has-children .sub-trigger:before{
		height: 2px;
		left: calc(50% - 9px);
		top: calc(50% - 1px);
		width: 18px;
	}
	.menu-item-has-children .sub-trigger:after{
		height: 18px;
		left: calc(50% - 1px);
		top: calc(50% - 9px);
		width: 2px;
	}
	.menu-item-has-children .sub-trigger.is-open:after{
		background: none;
	}
	#primary-menu .sub-menu,
	#primary-menu li:hover > .sub-menu{
		left: 0;
		width: 250px;
		display: none;
		opacity: 1;
		visibility: visible;
		position: relative;
		top: 0;
		-webkit-transition: none;
		-moz-transition:    none;
		transition:         none;
	}
	#primary-menu .sub-menu li{
		padding: 0;
		text-transform: none;
		border: 0;
	}

	#site-description,
	#masthead.style2 #site-description,
	#masthead.style3 #site-description{
		width: 73%;
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 10px 0 0 0;
	}
	#masthead.scrolled #site-description,
	#masthead.scrolled.style2 #site-description,
	#masthead.scrolled.style3 #site-description{
		padding: 0;
	}

	#top-info,
	#masthead.style2 #top-info,
	#masthead.style3 #top-info{
		width: 73%;
		float: right;
		padding: 0;
		margin-top: 8px;
		margin-right: 7%;
	}

	.top-tel{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	#masthead.style2 .top-tel{
		padding: 5px 15px;
	}

	#masthead.style2 .top-tel,
	#masthead.style3 .top-tel,
	#masthead.scrolled.style2 .top-tel,
	#masthead.scrolled.style3 .top-tel{
		padding: 0 0 5px 15px;
	}

	.top-tel .fa{
		font-size: 18px;
		line-height: 34px;
		width: 34px;
		height: 34px;
		top: 0;
		margin-right: 13px;
	}

	.top-login-dropdown,
	.top-login-mini-cart{
		top: 39px;
	}

	#masthead.style3 .top-cart{
		padding-right: 0;
	}

	.top-cart .item-count {
		top: 3px;
		right: -3px;
		font-size: 9px;
		min-width: 14px;
		height: 14px;
		line-height: 14px;
	}

	.header-title .fa{
		font-size: 21px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	#masthead.light .toggle-nav span,
	#masthead.light .toggle-nav span:before,
	#masthead.light .toggle-nav span:after{
		background: #323b44;
	}

	#masthead.light .toggle-nav.is-visible span{
		background: none;
	}

	#masthead.light .toggle-nav.is-visible span:before,
	#masthead.light .toggle-nav.is-visible span:after{
		background: #fff;
	}

	#masthead.light #primary-menu li a{
		color: #fff;
	}

	#top-banner{
		font-size: 13px;
	}

}