@media screen and (min-width: 410px) {
	#navbar .n_options > div:last-child{font-size: 15px; margin-top: 3px;}
}

@media screen and (min-width: 319px){
	#navbar_canvas{height: 80px;}
	#navbar{height: 60px;}
	
	.floating_button > div{bottom: 80px;}
}

@media screen and (min-width: 319px and max-width: 410px) {
	#navbar .n_options > div:last-child{font-size: 14px;}
}

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

@media screen and (max-width: 730px) {
	.stickerBox .sbContent > div > div{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
}

@media screen and (max-width: 680px) {
	.compHead{grid-template-columns: 1fr;}
	
	.card_profile_work > div{grid-template-columns: 1fr 1fr;}
	
	.card_art_grid .cagContent{grid-template-columns: 1fr; grid-gap: 15px;}
	
	.card_script_box{grid-template-columns: 1fr 1fr 1fr;}
	.card_talk_box{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 640px) {
	.e_login{grid-template-columns: 1fr; max-width: 350px; padding: 0px 15px;}
	.e_login .elInfo{display: grid; grid-template-columns: 80px 1fr; grid-gap: 25px;}
	.e_login .elInfo > div:first-child{width: 100%; padding-bottom: 128%; height: unset;}
	
	.market_layout .mlPadding{padding: 0px 15px;}
	.market_layout .mlHead{display: block; padding: 0px;}
	.market_layout .mlHead > div:nth-child(2){box-sizing: border-box;}
	.market_layout .mlBody{margin-bottom: 90px;}
	.market_layout .mlCover{padding-top: 25px;}
	.market_layout .mlCover > div{width: 300px; height: 300px; padding-bottom: 0px;}
	.market_layout .mlMoreCover > div{width: 70px; height: 70px;}
	.market_layout .mlMoreCover > div:first-child{margin-left: 15px;}
	.market_layout .mlMoreCover > div:last-child{margin-right: 15px;}
	.market_layout .mlTitle{margin-top: 10px;}
	.market_layout .mlInfo > div > div:nth-child(2) > div:first-child{font-size: 11px;}
	.market_layout .mlInfo > div > div:nth-child(2) > div:nth-child(2){font-size: 13px;}
	.market_layout .mlBonus{background: var(--bg_bluecalm); border: none; border-radius: 0px;}
	.market_layout .mlBtn{position: fixed; bottom: 0px; margin: 0px; align-items: center; left: 0px; width: 100%; padding: 10px; box-sizing: border-box; background: var(--bg_white); z-index: 45; box-shadow: 0px 0px 5px var(--shadow);}
	.market_layout .mlBtn .mbPrice{display: grid; grid-template-columns: 100px 1fr; margin-top: 3px;}
	.market_layout .mlReview{border-radius: 0px;}
	.market_layout .mbPrice > div{width: 100%;}
	.market_layout .mbPrice > div:first-child{color: var(--text_silver);}
	.market_layout .mbPrice > div:nth-child(2){text-align: right;}
	.market_layout .mbPrice .mlPrice .mpFinal{font-size: 17px;}
}

@media screen and (max-width: 620px) {
	.profile_pattern .ppBody .pbContent > div > div:nth-child(2){overflow: auto; padding-bottom: 5px;}
	.ppDay{position: absolute; width: 100%; height: calc(100% - 10px); top: 0px; left: 0px;}
	.profilePatternGrind{width: 540px;}
}

@media screen and (max-width: 580px) {
	.disc_reading > div{grid-template-columns: 100px 1fr; grid-gap: 15px;}
	
	.art_detail{grid-template-columns: 1fr;}
	
	.card_work{grid-template-columns: 1fr 1fr;}
	
	.card_market_items{grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width: 550px) {
	.set_theme{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px;}
	.set_theme > div{width: 100%; padding-bottom: 100%; height: unset; margin-bottom: 0px;}
	.set_theme > div:not(:last-child){margin-right: 0px;}
}

@media screen and (max-width: 500px) {
	#header .hcOption > a:not(:last-child){margin-right: 15px;}
	
	.profile_count_works > div:nth-child(2){grid-template-columns: 1fr 1fr 1fr;}
	
	.short_content .spPremium > div > div{margin: 25px 0px 0px 0px;}
	
	.stickerBox .sbContent > div > div{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
	
	.trans_detail .tdOption > div:first-child > a{display: block; width: 100%;}
	.trans_detail .tdOption > div:first-child > a:not(:last-child){margin-right: 0px; margin-bottom: 10px;}
	.trans_detail .tdOption > div:first-child div{width: 100%; box-sizing: border-box;}
	
	.set_theme{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
	
	.card_competition{grid-template-columns: 1fr;}
}

@media screen and (max-width: 480px) {
	.status_box .sbAct .saOpt{grid-gap: 20px;}
	.status_box.active .sbAct .saOpt > div{grid-template-columns: min-content;}
	.status_box.active .sbAct .saOpt > div > div:not(:first-child){display: none;}
}

@media screen and (max-width: 460px) {
	.wkHead .whContent{grid-template-columns: 90px 1fr;}
}

@media screen and (max-width: 420px) {
	.stickerBox .sbContent > div > div{grid-template-columns: 1fr 1fr 1fr 1fr;}
	
	.market_layout .mlCover{padding-top: 0px;}
	.market_layout .mlCover > div{width: 100%; height: auto; padding-bottom: 100%;}
}

@media screen and (max-width: 415px) {
	#header .hcOption > a:not(:last-child){margin-right: 10px;}
	
	.popup_download{margin-top: 10px;}
	.popup_download > a{width: 100%; display: block;}
	.popup_download > a > div{margin-left: 0px; width: 155px; height: 51px;}
	.popup_download > a:not(:last-child) > div{margin-bottom: 10px; margin-right: auto;}
	
	.dis_wallet .dwWallet > div{vertical-align: top;}
	
	.class_head .ch_top > div{display: inline-block;}
	.class_head .ch_top > div:first-child{width: 100%;}
	.class_head .ch_top > div:nth-child(2){padding-left: 0px; padding-top: 20px;}
	
	.talk_view > div:nth-child(3){padding: 20px 20px 0px 20px;}
	
	.wallet_option .wo_content > div:first-child{width: 170px;}
	
	#nbbReadBtn{display: none;}
	
	#flash_navbar > div{width: 100%;}
	#flash_navbar > div > div{padding: 20px 10px; text-align: center;}
	#flash_navbar > div > div > div{width: 25px; height: 25px;}
	
	.sm_content{grid-template-columns: 1fr 1fr;}
	.sm_head .shFlag1{opacity: 0.5;}
	.sm_head .shFlag2{opacity: 0.5;}
	.sm_head .shFlag3{opacity: 0.5;}
	
	.set_theme{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	
	/**CARD**/
	.card_art_grid .cagContent .ccBody > div:first-child{font-size: 15px;}
	
	.card_works{grid-template-columns: auto auto;}
	
	.card_art_grid, .card_script_box{grid-template-columns: 1fr 1fr;}
	.card_talk_box{grid-template-columns: 1fr;}
	.card_class_box{grid-template-columns: 1fr;}
	
	.card_room_online > div > div:first-child > div{display: inline-block; padding-bottom: 10px; width: 100%;}
	.card_room_online > div > div:first-child > div:nth-child(2){width: 50%; text-align: left;}
	.card_room_online > div > div:first-child > div:nth-child(3){width: 50%; text-align: right;}
	
	.card_flash .cb_cover > div:first-child > div{padding: 30px 85px 25px 20px;}
	.card_flash .cb_cover > div:first-child > div > div:first-child{font-size: 20px;}
	.card_flash .cb_cover > div:first-child > div > div:nth-child(2){font-size: 14px; margin-top: 10px;}
	.card_flash .cb_cover > div:nth-child(2){right: 15px; bottom: 30px; width: 50px;}
	.card_flash .cb_cover > div:nth-child(2) > div{width: 45px; height: 45px;}
	.card_flash .cb_cover > div:nth-child(2) > div > div{width: 30px; height: 30px; top: 9px;}
}

@media screen and (max-width: 361px) {
	#header .h_content .hc_search{width: 150px; float: left; margin-right: 0px;}
	.mobile_mini, .btnSendKwik{display: none;}
	
	.dis_wallet > div{grid-gap: 10px;}
	.dis_wallet .dwQr{width: 30px; height: 30px;}
	.dis_wallet .dwWallet > div:first-child{width: 30px;}
	.dis_wallet .dwWallet > div:first-child > div{height: 30px;}
	.dis_wallet .dwWallet .dwwHideMobile{display: none;}
	
	.status_box > div:nth-child(2) > div.options > div > div:not(:last-child){width: 30px;}
	
	.nov_first_options > div > div > div.nfo_icon{width: 25px; height: 25px;}
	.nov_first_options > div > div > div.nfo_title{font-size: 22px;}
	
	#flash_navbar > div > div:first-child{padding: 20px 5px 20px 10px; width: 25px;}
	#flash_navbar > div > div:not(:first-child){padding: 20px 0px;}
	
	.class_head .ch_count{grid-template-columns: 1fr 1fr;}
	.class_head .ch_count > div:last-child{display: none;}
	
	.know_header > a > div{width: 260px;}
	
	.set_theme{grid-template-columns: 1fr 1fr 1fr 1fr;}
	
	/**WORK**/
	.wkHead .whContent{grid-template-columns: 1fr;}
	.wkHead .whContent > div:first-child > div{padding-bottom: unset; width: 140px; height: 210px;
	
	.card_art_grid{grid-template-columns: 1fr;}
	.card_art_grid .cagContent .ccBody > div:nth-child(3){margin-top: 10px;}
	.card_art_grid .cagContent .ccBtn{margin-top: 10px;}
	
	.card_works > div > div:nth-child(2) > div{width: 130px;}
	.card_invoice .ci_list > div > div:nth-child(4) > span:not(:last-child){margin-right: 1px;}
	.card_invoice .ci_list > div > div:nth-child(4) > span:not(:last-child) button{margin-bottom: 15px;}
}