@media only screen and ( max-width : 825px ) {
	/*menu*/
	.menu{
		height: 20px;
		position: absolute;
		right: 20px;
		top: 30px;
		width: 30px;
		z-index: 99;
	}
	.menu__line{
		background: #fff;
		display: block;
		height: 1px;
		position: absolute;
		transition:transform .3s;
		width: 100%;
	}
	.menu__line--center{
		top: 9px;
		width: 20px;
	}
	.menu__line--bottom{
		bottom: 0;
	}
	.menu__line--top.active{
		top: 8px;
		transform: rotate(45deg);
		background: #fff;
	}
	.menu__line--center.active{
		transform:scaleX(0);
		background: #fff;
	}
	.menu__line--bottom.active{
		bottom: 10px;
		transform: rotate(135deg);
		background: #fff;
	}
	
	/*gnav*/
	.gnav{
		background: rgba(0,0,0,0.8);
		display: none;
		height: 100%;
		position: fixed;
		width: 100%;
		z-index: 98;
		overflow-y: auto;
	}
	.gnav__wrap{
		align-items:center;
		display: flex;
		height: 100%;
		justify-content: center;
		position: absolute;
		width: 100%;
	}
	.megamenu-inner li {
		text-align: left !important;
	}
	.megamenu-inner li:last-child {
	}
	.gnav__menu__item:nth-last-child(1),
	.gnav__menu__item:nth-last-child(2),
	.gnav__menu__item:nth-last-child(3),
	.gnav__menu__item:nth-last-child(5),
	.gnav__menu__item:nth-last-child(6){
		margin: 0 5em;
		text-align: left !important;
	}
	.gnav__menu__item.dropdown-trigger {
		margin: 0 5em;
		text-align: left !important;
		position: relative;
	}
	.gnav__menu__item:first-child {
		margin-top:40px;
	}
	.gnav__menu__item a{
		color: #fff;
		font-size: 14px;
		font-weight: 100;
		text-decoration: none;
		transition: .5s;
		padding:0 !important;
		display: block;
	}
	.gnav__menu__item a:hover{
		color: #666;
	}
}