@media screen and (max-width: 1250px) {
	#header .h_menu{margin-right: 15px;}
}

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

@media screen and (max-width: 980px) {
	#header .h_menu{margin-right: 0px;}
	#header .h_opt .hoPost{grid-template-columns: 1fr; grid-gap: 0px; padding: 5px 15px;}
	#header .h_opt .hoPost > div:first-child{display: none;}
}

@media screen and (max-width: 920px) {
	#header{box-shadow: 0px 0px 10px var(--shadow);}
	#header .h_logo > div{margin-top: 0px; margin-left: auto; position: absolute; top: 20px; left: 0px; right: 0px;}
	#header .h_menu{position: fixed; width: 100%; max-width: 350px; height: 100%; top: 0px; left: 0px; padding-top: 65px; background: var(--bg_black); display: none;}
	#header .h_menu.h2{grid-template-columns: 1fr 1fr;}
	#header .h_menu.h3{grid-template-columns: 1fr 1fr 1fr;}
	#header .h_menu.h4{grid-template-columns: 1fr 1fr 1fr 1fr;}
	#header .h_menu > a{display: unset; width: 100%;}
	#header .h_menu > a:first-child > div{margin-top: 0px;}
	#header .h_menu > a .hmTxt{color: var(--text_white); padding: 15px 0px 16px 20px;}
	#header .h_menu > a .hmTxt > div:before{width: 35px;}
	#header .h_menu .menuDesktop{display: none;}
	
	#header .h_btn, #header .h_opt{display: none;}
	
	#headerMobile{display: block;}
	#navbarMobile{display: grid;}
	
	#footer{padding-bottom: 70px;}
	#footer .fLogo > div{width: 250px;}
}

@media screen and (max-width: 875px) {
	.popupReport{display: block;}
	
	.content_layout{flex-direction: unset;}
	.content_layout > div{width: 100%; flex: 1;}
	.content_layout > div:first-child{padding-right: 15px; order: 1; padding-right: 0px;}
	.content_layout > div:nth-child(2){order: 2; margin-top: 20px;}
	.content_layout .clSide{flex: unset;}
	
	.explore_write{display: block;}
	.explore_post, .explore_chat, .explore_report{display: none;}
	
	.explore_head .ehBanner > div{background-image: url('../../../images/background/explore_header_m.png'); padding-bottom: 142%;}
	.explore_post.epFloating{position: fixed; bottom: 0px; left: 0px; z-index: 58; width: 100%; margin-top: 0px; display: block; background: var(--bg_silversoft); padding: 15px; box-sizing: border-box; box-shadow: 0px 0px 15px var(--bg_silver);}
	.explore_post.epFloating .epOpt{margin-left: 0px; margin-bottom: 10px;}
	.explore_post.epFloating .epOpt > div{border-radius: 10px; border: 1px solid transparent;}
	.explore_post.epFloating .epOpt > div:not(:last-child){margin-right: 10px;}
	.explore_post.epFloating .epContent{display: grid; padding: 0px; border: none; grid-template-rows: min-content min-content 66px 38px; grid-gap: 10px; height: 75vh;}
	.explore_post.epFloating .epContent > div{width: 100%; height: 100%;}
	.explore_post.epFloating .mt10, .explore_post.epFloating .mt15{margin-top: 0px;}
	.explore_post.epFloating .epContent textarea{height: 90%;}
	
	.explore_report{margin-top: 0px;}
}

@media screen and (max-width: 810px) {
	#footer{padding: 25px 15px 70px 15px;}
}

@media screen and (max-width: 750px) {
	.info_about_gridimg .iagItem{width: 500px;}
}

@media screen and (max-width: 730px) {
	.mobileHidden{display: none;}
}

@media screen and (max-width: 690px) {
	.explore_head .ehInfo > div{grid-template-columns: 1fr;}
}

@media screen and (max-width: 600px) {
	.works_write{grid-template-columns: 1fr 115px;}
	
	.error_page{margin-left: 20px; margin-right: 20px;}
	
	.info_about_gridimg{padding: 0px;}
	.info_about_gridimg .iagItem{width: 395px;}
}

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

@media screen and (max-width: 550px) {
	.storie_layout .slContent{padding: 0px; border-radius: 0px; border: none;}
	
	.card_stories.detail .csItem{padding: 0px;}
}

@media screen and (max-width: 495px) {	
	.popupReaction .prContent{grid-template-columns: 1fr 1fr 1fr;}
	
	.storie_reaction{grid-template-columns: 1fr 1fr 1fr 1fr;}
	
	.info_about_gridimg{padding: 0px;}
	.info_about_gridimg .iagItem{width: calc(100vw - 45px);}
}

@media screen and (max-width: 415px) {
	#header .h_menu{width: 100%; max-width: unset;}
	
	.info_alur{grid-template-columns: 1fr;}
}

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

/*******************************************************/

@media screen and (max-height: 490px) {
	.explore_post.epFloating{height: calc(100vh - 50px); overflow: auto;}
	.explore_post.epFloating .epContent{grid-template-rows: min-content 1fr 25px 55px;}
}