@media (max-width: 1050px){
	#layout{grid-template-columns: 200px 1fr;}
	.nav{grid-gap: 5px; padding: 0px 10px;}
	.nav > a > div{width: auto;}
	
	.content > div{padding: 0px 15px 0px 0px;}
	
	/**VIEW ARTWORK**/
	.view_artwork{grid-template-columns: 1fr;}
}

@media (min-width: 601px) and (max-width: 864px){
	#mainMenu > a > div{grid-template-columns: 1fr; padding: 0px; grid-gap: 5px;}
	#mainMenu > a:not(:last-child) > div{margin-bottom: 23px;}
	#mainMenu > a > div > div:nth-child(2){text-align: center; font-size: 11px;}
	#mainMenu > a > div > div:first-child > div{width: 23px; height: 23px;}
}

@media (max-width: 864px){
	.desktop{display: none;}
	.mobile{display: hidden;}
	
	#layout{grid-template-columns: 100px 1fr;}
	.sidenav .snLogo > a > div{width: 40px;}
	.sidenav .snLogo > a > div > div:first-child{display: none;}
	.sidenav .snLogo > a > div > div:nth-child(2){display: block; border-radius: 5px;}
	
	#footer > div:nth-child(2){font-size: 6px;}
	
	.content > div{padding: 0px;}
	
	.menu_popup{display: inline-block; width: 100%;}
	.menu_popup > div{width: 40px; height: 40px; margin-right: 25px; float: right;}
	.menu_popup > div > div{width: 25px; height: 25px; margin-top: 7px; cursor: pointer;}
	
	.mobile_linkback{position: relative; top: 10px; left: 20px;}
	.mobile_linkright{position: relative; top: 10px;right: 20px;}
	
	/**FRONT**/
	.front_layout{display: block;}
	.front_layout > div{display: block;}
	.front_layout > div:first-child{position: relative; padding: 70px 0px; overflow: hidden;}
	.front_layout > div:first-child:before{opacity: 0.1; bottom: -50px; left: -20px;}
	.front_layout > div:first-child > div:first-child{width: 80%; padding: unset; position: relative; z-index: 1; text-align: center;}
	.front_layout > div:first-child > div:first-child > div:first-child{font-size: 25px;}
	.front_layout > div:first-child > div:first-child > div:last-child{font-size: 15px;}
	
}

@media (max-width: 820px){
	.headerBack.mobileBack{display: grid;}
	
	.chat_layout{grid-template-columns: 1fr;}
	.chat_layout:not(.clShow) > div:first-child{display: block;}
	.chat_layout:not(.clShow) > div:nth-child(2){display: none;}
	.chat_layout.clShow > div:first-child{display: none;}
	.chat_layout.clShow > div:nth-child(2){display: block;}
}

@media (max-width: 750px){
	.layoutWork .lwHead .lhInfo > div > div:first-child, .layoutWork .lwHead .lhInfo > div > div:nth-child(2){padding: 10px; font-size: 12px;}
}

@media (max-width: 710px){
	.layoutContentMenu{grid-template-columns: 1fr;}
	
	.menuVertical{white-space: nowrap; border: none;}
	.menuVertical > div{display: inline-block; padding: 10px 15px; border: 1px solid var(--bg_line); border-radius: 10px;}
	.menuVertical > div.active{border: 1px solid var(--bg_blue);}
	.menuVertical > div:before{display: none;}
	.menuVertical > div:not(:last-child){margin-right: 10px;}
	.menuVertical > div > div:first-child{margin-bottom: 5px;}
	.menuVertical > div > div:nth-child(2){font-size: 11px;}
	
	.card_competition{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 660px){
	.layoutWork .lwHead .lhInfo > div > div:first-child{font-size: 11px;}
}

@media (max-width: 600px){
	#layout{grid-template-columns: 0px 1fr; grid-gap: 0px;}
	
	.template:not(.noside){grid-gap: 0px;}
	
	.hamburger{display: block;}
	.sidenav{position: fixed; width: 100%; height: 100%; max-width: 250px; box-shadow: 0px 0px 5px var(--shadow); top: 0px; left: 0px; z-index: 45; background: var(--bg_white); display: none; overflow: auto;}
	
	#mainMenu{margin: 15px; padding: 15px 0px; border: 1px solid var(--bg_line); border-radius: 5px;}
	
	#content{padding: 0px 15px;}
	
	#layout > div:nth-child(2){margin-top: 60px;}
	.layoutWork{margin-top: 0px;}
	
	.header{padding: 0px 15px;}
	.header .title{margin-top: 8px;}
	.header .title > div:first-child{font-size: 20px;}
	
	/**VIEW WORKS**/
	.view_work .vwHeader{padding: 0px 15px 20px 15px;}
}

@media (max-width: 530px){
	.layoutWork .lwHead{grid-template-columns: 1fr;}
	.layoutWork .lwHead > div:nth-child(2){padding-top: 0px;}
}

@media (max-width: 440px){
	.home_count .hcItem{grid-template-columns: 1fr 1fr;}
	.home_focus{grid-template-columns: 1fr;}
}

@media (max-width: 400px){
}