@media (hover:none){
	body{
		max-height: 100vh;
        height: 100vh;
        overflow: hidden;
		scrollbar-width: auto;
	}
	#root { 
		/* height: calc(100vh - 11rem - 135px); */
		height: calc(100vh - 11.2rem - 120px);
		/* height: 100%; */
	}
	#content{
		height: calc(100% - 1.2rem);
	}
	.blockContent, #firstContent
	{
		min-height: 0;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		scrollbar-width: thin;
	}
}
@media screen and (orientation: landscape) {
	body{
		max-height: 100%;
        height: 100%;
        overflow-y: auto;
	}
	#main{
		height: 100%;
	}
	#root
	{
		height: 100%;
	}
	.blockContent, #firstContent
	{
		height: 100%;
	}
}
@media (max-width: 862.98px){
	html{
		font-size: 24px;
	}
}
@media (max-width: 800.9px){
	html{
		font-size: 23px;
	}
}
@media (max-width: 750.9px){
	html{
		font-size: 21px;
	}
}
@media (max-width: 740.9px){
	html{
		font-size: 20px;
	}
}
@media (max-width: 694.9px){
	html{
		font-size: 19px;
	}
}
@media (max-width: 620.9px){
	html{
		font-size: 18px;
	}
}
@media (max-width: 610.9px){	
	#root { 
		min-height: calc(100vh - 11.2rem - 80px);
		height: calc(100vh - 11.2rem - 80px);
		position:relative;
	}	
	#main { 
		height: calc(100vh - 1.8rem - 80px - 4.6rem);
	}
}
@media (max-width: 562.9px){
	html{
		font-size: 16px;
	}
	/*.row{
		margin-right: -0.6rem;
		margin-left: -0.6rem;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: .8rem;
		padding-left: .8rem;
	}*/
	.row{
		margin-right: 0;
		margin-left: 0;
	}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: .2rem;
		padding-left: .2rem;
	}
	.bor .hoverContent,.bor .hoverContent{
		margin: 0;
		width: 100%;
	}
	.bor:hover .hoverContent,.bor.showHover .hoverContent{
		margin: 0;
		width: 100%;
	}
}
@media (max-width: 500.9px){
	html{
		font-size: 14px;
	}
}
@media (max-width: 443.9px){
	html{
		font-size: 12px;
	}
	#header {
		height: calc(80px + .8rem);
	}
	#root { 
		/* min-height: calc(100vh - 12rem - 90px); */
		min-height: calc(100vh - 11.2rem - 80px);
		position:relative;
	}	
	#main { 
		height: calc(100vh - 1.8rem - 80px - 4.6rem);
	}
	div.msg_dzhuma{
		top:calc(40px + 4.5rem);
	}
}
@media (max-width: 393.9px){
	html{
		font-size: 11.5px;
	}
}
@media (max-width: 383.9px){
	html{
		font-size: 11px;
	}
}
@media (max-width: 356.9px){
	html{
		font-size: 10px;
	}
}