/**/
@media (max-width: 1920px) {
	
	#header_logo_text_name {
    line-height: 36px;
}
div#header_logo_text {
    width: 68rem;
}

div#metric_pribor{
	width:468px;
	left:-80%;
}

/*div#water_cost{
	top:-342px;
	font-size:58px;
	line-height:58px;
}
div#water_button {
	top:-410px;
	left:176px;
}

div#water_content {
    position: absolute;
    width: 60rem;
    height: 40rem;
    top: calc(50% - 44rem);
    left: calc(50% - 20rem);
    color: white;
}*/

}

@media (max-width: 1600px) {
	
	#header_logo_text_name {
    line-height: 27px;
}
div#header_logo_text {
    width: 68rem;
}

}

@media (max-width: 1280px) {
	.warp {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
	}
	.nowarp{
		width:100%;
		min-width:100vw;
		max-width: 100%;
		margin:0px;
	}
	
	.ndoc{position:relative; top:40px; margin-bottom:54px;}
	
	div#water_button {
    width: 38rem;
    left: calc(50% - 9rem);
	top:-228px;
    margin-top: 2rem;
    height: 50px;
    line-height: 50px;
    font-size: 18px;	
}

div#water_cost {
    position: relative;
    width: 100%;
    height: 12rem;
    font-size: 36px;
	top:-234px;
	left:72px;
	line-height:36px;
	
}

div#water_content {
    position: absolute;
    width: 60rem;
    height: 40rem;
    top: calc(50% - 44rem);
    left: calc(50% - 16rem);
    color: white;
}
}




@media (max-width: 1170px) {
	.warp {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
	}
	.nowarp{
		width:100%;
		min-width:100vw;
		max-width: 100%;
		margin:0px;
	}
	
	div#water_button {
    width: 38rem;
    left: calc(50% - 0rem);
	top:-228px;
    margin-top: 2rem;
    height: 50px;
    line-height: 50px;
    font-size: 18px;	
}

div#water_cost {
    position: relative;
    width: 100%;
    height: 20rem;
    font-size: 30px;
	top:-198px;
	left:104px;
	line-height:30px;
	
}

div#water_content {
    position: absolute;
    width: 64rem;
    height: 40rem;
    top: calc(50% - 44rem);
    left: calc(50% - 20rem);
    color: white;
}

	

	table.arcticmodal-container_i{
		width:100%;
	}
	div.box-modal{
		width:100% !important;
		min-width: 100% !important;
		left:0px;
		margin-left:0px;
	}
	div#shadow{
		overflow: auto;
	}
	div.box-modal{
		top:5%;
		margin-top: 0px;
		height:auto;
	}
	.col-md-2I{
		width: 18%;
		font-size: 12px;
		text-align: center;
		border: 1px solid #ccc;
		padding: 5px;
		border-radius: 5px;
		margin-right: 2%;
		overflow: hidden;
	}
	.col-md-4I{
		width: 28%;
		margin-left: 2%;
		border: 1px solid #ccc;
		padding: 5px;
		border-radius: 5px;
		font-size:13px;
	}
	.col-md-4I .cityName{
		font: bold 17px/25px Tahoma;
	}
	.col-md-4I .cityTextDesc {
		font: 13px/16px Tahoma;
	}
	.colorShemaLeftArea{
		text-align: center;
	}
	.colorShemaDesc{
		display:block;
	}
	.col-md-6I{
		width: 49%;
		margin: 0px;
	}
	.searchItemsLoadForm{
		width:100%;
	}
	
	.header_contener_text {
    font-size: 12pt;
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
	font-family:calibri;
	/*position:relative;
	top:11px;*/
}
}

@media (max-width: 991px) {
	.colorShemaLeftElement{
		display: inline-block;
		
	}
	
	ul.men li {font-size:8px !important;}
	.colorShemaDesc{
		display: inline-block;
	}
	.col-md-2I{
		width:100%;
		margin: 0px 0px 10px 0px;
	}
	.colorShemaLeftArea .caleDay {
		font: bold 13px/33px Tahoma;
		width: 35px;
		height: 35px;
	}
	.col-md-6I {
		width: 60%;
		margin: 0px;
	}
	.col-md-4I{
		width: 38%;
		margin-left: 2%;
	}
	.topMenuItem:nth-child(1) {
		margin-left: 5px;
	}
}

@media (max-width: 870px) {
	.workArea table > tbody > tr > td{
		font-size: 10px !important;
	}
	.workArea table > thead > tr > th{
		font-size: 10px !important;
	}
	
}

@media (max-width: 800px) {
	#header_logo_text_city2, #header_logo_text_phone2, #header_logo_text_graph2 {
   font-size:18px;
    padding-right: 3rem;
    
}


	div#water_button {
   
    width: 38rem;
    left: calc(50% - -1rem);
	top:-228px;
    margin-top: 2rem;
    height: 50px;
    line-height: 50px;
    font-size: 16px;	
}

div#water_cost {
    position: relative;
    width: 100%;
    height: 20rem;
    font-size: 28px;
	top:-190px;
	left:100px;
	
	line-height:30px;
	
}


div#header_logo_text {
    margin-left: 8rem;
    padding-top: 12px;
    width: 66rem;
}	

#header_logo_text_graph2 {line-height:27px; padding-right: 0rem !important;}
}



@media (max-width: 780px) {
	.workArea {
		padding: 5px 5px;
		min-height: 400px;
	}
	.topMenuItem {
		width: 49px;
		height: 69px;
		margin: 0px 22px;
		background-size: contain;
	}
	.header {
		height: 69px;
	}
	
	
}

@media (max-width: 768px) {
	.PoverkiRowView{
		position: relative;
		box-shadow: none;
		border: 0px none;
	}
	
	#header_logo_text_city2, #header_logo_text_phone2, #header_logo_text_graph2 {
   font-size:17px;
    padding-right: 2rem;
    
}


div#header_logo_text {
    margin-left: 2rem;
	
    padding-top: 12px;
    width: 64rem;
}	
}

@media (max-width: 705px) {
	.col-md-6I {
		font-size: 11px;
	}
	.MeterCalendar th, .MeterCalendar td{
		width:14%;
	}
	.caleDay {
		font: bold 14px/35px Tahoma;
		width: 38px;
		height: 38px;
	}
	.colorShemaLeftArea .caleDay {
		font: bold 11px/27px Tahoma;
		width: 30px;
		height: 30px;
	}
	.col-md-2I{
		font-size: 10px;
	}
	label{
		white-space: nowrap;
	}
	
}

@media (max-width: 622px) {
	.col-md-6I {
		width: 100%;
		margin: 0px;
	}
	.col-md-4I{
		width: 100%;
		margin: 10px 0px 0px;
	}
	.topMenuItem {
		width: 35px;
		height: 49px;
		margin: 0px 12px;
		background-size: contain;
	}
	.header {
		height: 49px;
	}
	.PoverkiRowViewLeft{
		font-size:11px;
	}
	.box-modal .form-control{
		font-size:11px;
	}
	
	ul.men li {font-size:8px !important;}
}