@media screen and (max-width: 1250px) {
}

@media screen and (max-width: 850px) {
	.hq_items{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 800px) {
	.front_menu{grid-template-columns: 1fr 1fr 1fr;}
}

@media screen and (max-width: 650px) {
	.creator_premium{grid-template-columns: 1fr;}
}

@media screen and (max-width: 630px) {
	.creator_box.withIcon > div.cbRight{grid-template-columns: 1fr 150px;}
	.creator_box.withIcon > div.cbLeft{grid-template-columns: 150px 1fr;}
}

@media screen and (max-width: 600px) {	
	.headTitle{padding: 25px 20px;}
	
	.front_menu{grid-template-columns: 1fr 1fr;}
	
	/*HQ**/
	.hq_benefit .hbInfo > div{grid-template-columns: 25px 1fr;}
	.hbSection > div{flex-direction:row;flex-wrap:wrap; align-items: start;}
	.hsImage{width:30%;order:-1;}
	.hsImage > div{padding-bottom:100%;}
	.hsContent{width:60%;}
	
	/**CREATOR**/
	.creator_box > div.cbLeft{grid-template-columns: 200px 1fr;}
	.creator_box > div.cbRight{grid-template-columns: 1fr 200px;}
	.creator_box > div:not(:last-child){margin-bottom: 15px;}
	.creator_box .cbContent{padding: 20px 0px;}
	
}

@media screen and (max-width: 590px) {
	.others_da .odBox .obContent{grid-template-columns: 150px 1fr;}
}

@media screen and (max-width: 550px) {
	.creator_box.withIcon > div.cbRight{grid-template-columns: 1fr 70px;}
	.creator_box.withIcon > div.cbLeft{grid-template-columns: 70px 1fr;}
}

@media screen and (max-width: 530px) {
	/**CREATOR**/
	.creator_menu{background: var(--bg_silvercalm); border-radius: 10px; padding-bottom: 0px; border: none;}
	.creator_menu > div{display: block;}
	.creator_menu > div:not(:last-child){margin-right: 0px;}
	
	.creator_box > div{grid-gap: 15px;}
	.creator_box .cbCover > div{padding-bottom: 155%;}
	.creator_box > div.cbLeft{grid-template-columns: 90px 1fr;}
	.creator_box > div.cbRight{grid-template-columns: 1fr 90px;}
}

@media screen and (max-width: 490px) {
	.others_da .odBox .obContent{grid-template-columns: 100px 1fr;}
}

@media screen and (max-width: 485px) {
	/**HQ**/
	.hq_benefit{padding: 15px 0px;}
	.hq_benefit .hbInfo > div > div:first-child > div{width: 15px; height: 15px;}
	
	.help_store_hts > div{grid-template-columns: 110px 1fr;}
}

@media screen and (max-width: 470px) {
	.others_da .odBox .obContent{grid-template-columns: 1fr;}
}

@media screen and (max-width: 361px) {
}