@media (max-width:800px){
	.about_logo{
		width:300px;	
	}
	.left{
		width:60px;
	}
	.middle{
		width:calc(100% - 60px);
	}
	.menu li img, .menu li svg{
		width:30px;
		height:30px;
	}
	.menu li span{
		display:none;
	}
}
@media (max-width:800px){
	.cont > div{
		padding:0px;
	}
	/*width*/
	.bubble-cont{
		height: calc(100% - 40px);
	}
	.notification_bubble.bubble-error a{
		color:var(--graph-red);
	}
	.notification_bubble.bubble-notice a{
		color:#ded078;
	}
	.wrap-bubble.w-quarter{
		width:calc(100% - 80px);
	}
	.wrap-bubble.w-third{
		width:calc(100% - 80px);
	}
	.wrap-bubble.w-twothird{
		width:calc(100% - 80px);
	}
	.wrap-bubble.w-half{
		width:calc(100% - 80px);
	}
	.wrap-bubble.w-20{
		width:calc(100% - 80px);
	}
	/*width empty*/
	.bubble-cont.empty{
		height: 100%;
	}
	.wrap-bubble.empty.w-quarter{
		width:100%;
	}
	.wrap-bubble.empty.w-third{
		width:100%;
	}
	.wrap-bubble.empty.w-twothird{
		width:100%;
	}
	.wrap-bubble.empty.w-half{
		width:100%;
	}
	.wrap-bubble.empty.w-20{
		width:100%;
	}
	/*width light*/
	.wrap-bubble.light.w-quarter{
		width:calc(100% - 40px);
	}
	.wrap-bubble.light.w-third{
		width:calc(100% - 40px);
	}
	.wrap-bubble.light.w-twothird{
		width:calc(100% - 40px);
	}
	.wrap-bubble.light.w-half{
		width:calc(100% - 40px);
	}
	.wrap-bubble.light.w-20{
		width:calc(100% - 40px);
	}
	/*height*/
	.wrap-bubble.h-s{
		min-height:120px;
		height:auto;
	}
	.wrap-bubble.h-m{
		min-height:200px;
		height:auto;
	}
	.wrap-bubble.h-l{
		min-height:320px;
		height:auto;
	}
	.wrap-bubble.h-xl{
		min-height:400px;
		height:auto;
	}
	.wrap-bubble.h-auto{
		max-height:100%;
	}
	/*height empty*/
	.wrap-bubble.empty.h-s{
		height:auto;
	}
	.wrap-bubble.empty.h-m{
		height:auto;
	}
	.wrap-bubble.empty.h-l{
		height:auto;
	}
	.wrap-bubble.empty.h-xl{
		height:auto;
	}
}