body.active{overflow:hidden}
.only-mb{display:none}
li.only-pc{display:inline-block}
#header__account .close,
#header__nav .close,
#header__nav .logo{display:none;}
#header nav > ul > li.only-mb{
	display:none;		
}
@media(max-width:767px){
	li.only-pc{
		display:none;
	}
	body{
		overflow-x:hidden;
	}
	body.active{
		overflow:hidden;
	}
	body.active::before{
		content:'';
		background-color:rgba(0,0,0,.4);
		position:fixed;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:10;
	}
	.only-mb{
		display:block;
	}
	span.only-mb,
	a.only-mb{
		display:inline-block;
	}
	.mb-align-center{
		text-align:center!important;
		justify-content:center!important;
	}
	#header__toggle{
		width:20%;
	}
	#header__toggle button{
		border:0;
		font-size:2rem;
		color:#121212;
	}
	#header__logo{
		text-align:center;
		width:60%;
		display:flex;
		justify-content:center;
		padding-right:0!important;
	}
	#header__logo a img{
		height:50px;
	}
	#header__nav .logo{
		display:block;
		text-align:center;
	}
	#header__nav .logo img{
		height:50px;
	}
	#header__user{
		width:20%;
		flex:1;
		display:flex;
		justify-content:flex-end;
	}
	#header__user button{
		border:0;
		font-size:2rem;
		color:#121212;
	}
	#header__account{
		padding:1rem;
		display:none;
	}
	#header__account ul{
		position:relative;
	}
	#header__account .close{
		position:static;
		display:inline-flex;
	}
	#header__account .close button{
		position:absolute;
		left:-4rem;
		top:-1rem;
		border:0;
		background-color:#121212!important;
		color:#fff;
		font-size:2rem;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:3rem;
		height:3rem;
		line-height:1;
	}
	#header__account.active{
		display:block;
	}
	#header__account li.only-pc{
		display:none!important;
	}
	#header__account li.first{
		display:flex;
		justify-content:space-between;
		text-align:center;
		margin-bottom:2rem;
		border-bottom:1px solid #efefef;
		padding-top:2rem;
		padding-bottom:3rem;
	}
	#header__account li.first a{
		width:49%;
		text-align:center;
		justify-content:center;
		border:1px solid var(--color-primary);
		margin-left:0.5rem;
	}
	#header__account li.first a:first-child{
		background-color:var(--color-primary);
		color:#fff;
		margin-left:0;
		margin-right:0.5rem;
	}
	#header__account li > a{
		font-size:1rem!important;
	}
	#quick{
		display:none;
	}
	.container,
	.container-small{
		min-width:100%;
		max-width:100%;
	}
	#wrapper{
		display:block;
		min-width:100%;
	}
	#header .container{
		display:block;
	}
	#header__nav{
		position:fixed;
		left:0;
		top:0;
		width:80%;
		z-index:9998;
		height:100%!important;
		overflow-y:auto;
		background-color:rgba(255,255,255,.99);
		padding:3rem 0;
		display:none;
	}
	#header__nav.active{
		display:block;
	}
	#header nav > ul{
		display:block;
	}
	#header nav > ul > li{
		display:block;
		height:auto;
	}
	
	#header nav > ul > li.close{
		display:inline-flex;
		position:static;
	}
	#header nav > ul > li.close button{
		background-color:var(--color-accent);
		color:#fff;
		position:absolute;
		right:0;
		top:0;
		border:0;
		width:3rem;
		height:3rem;
	}
	#header nav > ul > li > a{
		display:block;
		padding:1rem;
	}
	#header nav > ul > li > ul{
		display:block;
		opacity:1;
		visibility:visible;
		position:relative;
		left:auto;
		top:auto;
		border-radius:1rem;
		background-color:#f8f8f8;
		margin-left:1rem;
		margin-right:1rem;
	}
	#header nav > ul > li > ul > li{
		display:block;
		padding:.05rem 1rem;
	}
	#header nav, #header nav > ul, #header nav > ul > li{
		height:auto;
	}
	#header #--header-main .container{
		display:flex;
		justify-content:space-between;
		padding:1rem;
	}
	[class*=list-column-] img{
		height:200px!important;
	}
	#moduleShopView [class*=list-column-] img{
		height:auto!important;
		width:100%!important;
	}
	.mb-list-column-2 > li{
		width:50%;
	}
	.mb-list-column-3 > li{
		width:50%;
	}
	.mb-list-column-1{
		margin-left:-1rem;
	}
	.mb-list-column-1 > li{
		width:50%;
		padding-left:1rem;
		padding-bottom:1rem;
	}
	.mb-list-column-1 .item.item-overlay .item-title,
	.mb-list-column-1 .item.item-overlay .item-desc{
		display:none;
	}
	.mb-list-column-1 .item.item-overlay .item__body{
		display:none;
	}
	#header__account{
		white-space:nowrap;
		position:fixed;
		right:0;
		top:0;
		width:70%;
		height:100%!important;
		background-color:rgba(255,255,255,.99);
		z-index:9998;
	}
	#header__account > ul{
		display:flex;
	}
	#header__account > ul > li{
		display:flex!important;
		align-items:center;
	}
	#header__account > ul > li > a{
		display:flex!important;
		align-items:center;
		width:100%;
	}
	#header__account > ul > li span{
		font-size:14px;
	}
	#footer .container{
		display:block;
		text-align:center;
	}
	#footer__info{
		text-align:center;
		margin-top:1rem;
	}
	#footer__nav{
		display:block;
		text-align:center!important;
		margin-top:1rem;
	}
	#footer__nav > ul{
		justify-content:center;
	}
	.item .item__head img + img{
		display:none;
	}
	.item.item-hover--change:hover img{
		transform: scale(1);
	}
	#modal{
		margin:0;
		align-items:flex-start;
		overflow-y:auto;
	}
	#modal .modal__head .col:last-child{
		padding-right:5rem;
	}
	#btn_modal_close{
		position:fixed;
		right:0rem;
		top:0rem;
		border-radius:0;
		width:60px;
		height:60px;
		z-index:9999;
	}
	#modal .modal{
		min-width:100%;
		max-width:100%;
		height:auto;
		margin:0 auto;
	}
	#modal .modal .modal__head .modal-title{
		font-size:1rem;
	}
	#modal .modal .modal__head{
		padding:1rem 1rem;
		position:fixed;
		left:0;
		top:0;
		width:100%;
		background-color:#fff;
		z-index:9999;
	}
	#modal .modal .modal__head .btn{
		height:30px;
		font-size:.9rem;
		padding:1rem;
	}
	
	#modal.active .modal .modal__body{
		max-height:none;
		height:auto;
		overflow:auto!important;
		overflow-x:hidden!important;
		padding:1rem;
		padding-top:calc(60px + 1rem);
	}
	#moduleShopView .moduleShopViewOptions table th, #moduleShopView .moduleShopViewOptions table td{
		font-size:.8rem;
	}
	#moduleShopView .img-container .download{
		opacity:1!important;
		visibility:visible!important;
		width:4rem!important;
		height:4rem!important;
	}
	#moduleShopView .img-container .download em{
		font-size:.7rem!important;
	}
	.grid{
		flex-wrap:wrap;
	}
	.grid > .mb-grid__col-6{
		min-width:100%;
		max-width:100%;
	}
	#modal .modal .modal__foot{
		flex-wrap:wrap;
		position:relative;
		padding:1rem;
	}
	#modal .modal .modal__foot .col:first-child{
		width:70%;
		padding-bottom:1rem;
		position:absolute;
		top:-5rem;
		left:50%;
		transform:translateX(-50%);
	}
	#modal .modal .modal__foot .col:first-child .flex{
		width:100%;
	}
	#modal .modal .modal__foot .col:first-child .flex button{
		width:100%;
	}
	#modal .modal .modal__foot .col:last-child{
		font-size:.8rem!important;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#modal .modal .modal__foot .col .mb-flex{
		display:flex;
		width:100%;
		justify-content:space-between;
	}
	#modal .modal .modal__foot .col .mb-flex .btn{
		width:100%;
		white-space:nowrap;
		flex:1 1 auto;
	}
	#modal .modal .modal__foot .col:last-child .flex-inline{
		flex-wrap:wrap;
		width:100%;
		padding-bottom:.5rem!important;
		padding-right:0!important;
	}
	#modal .modal .modal__foot .col:last-child .flex-inline .flex__col{
		flex:1 1 auto;
	}
	#modal .modal .modal__foot .col:last-child .flex-inline .flex__col:last-child{
		text-align:right;
	}
	
	.widgetGridGallery .grid{
		display:flex;
		flex-wrap:wrap;
		gap:0;
		padding-left:.5rem;
		padding-right:.5rem;
	}
	.widgetGridGallery .grid .grid__col{
		margin-bottom:1rem;
		width:50%;
		padding-left:.5rem;
		padding-right:.5rem;
	}
	.widgetGridGallery .grid img{
		height:150px;
	}
	.moduleShopOrderItem .moduleShopOrderItem__image img{
		height:60px;
	}
	#moduleShopOrderComplete .inner{
		width:100%!important;
	}
	#moduleShopOrderComplete h1{
		font-size:2rem!important;
	}
	#moduleShopOrderComplete p{
		font-size:1rem!important;
	}
	
	.content__head{
		display:block!important;
		text-align:center;
	}
}