/*
#####################################################################################
##################################################################################### -  
#####################################################################################
*/

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

	.phone-new {

		font-size: 170%;
		margin:0px;
		border: 2px #f5f5f5 solid;
	}

	HEADER {

		font-size: 100%;
		width:100%;
		margin:0px;
		padding:0px;
		height: auto;

	}

	.MenuUl li {
		display: block;
		width:95%;
		padding:none;
	}

	HEADER h1 {
     
		font-size: 180%;
		text-align:center;
		margin:0px;
		padding:2%;

	}

	HEADER p {

		font-size: 95%;
		width:auto;
		margin:0px;
		padding:3%;
		border:0px #333 solid;

	}

FOOTER { 

	background:#333;
	width:99%;
	color: #fff;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 0px #ff0000 solid;
	text-align:center;
	vertical-align:center;

}

FOOTER p { 
	
	font-size: 90%;
	FONT: Arial, Helvetica, sans-serif;
	background:#333;
	margin:0px 0px 0px 0px;
	color: #FFF;
	padding:3%;
}

.PriceClass {


padding:5%;

}

.price-title{
 width:60%; /* Длина фигуры */
}

.price{
 width:30%; /* Длина фигуры */
}


.FotoTabl TD {

display:inline;
 width:94%; /* Длина фигуры */
}


.FotoTabl TD:NTH-CHILD(1) {
float:left;
width:30%; /* Длина фигуры */
padding:2%;
}

.FotoTabl TD:NTH-CHILD(2) {
float:left;
width:60%; /* Длина фигуры */
padding:2%;
}

.FotoTabl TD:NTH-CHILD(3) {
	display:table;
	height: 10%;
}

.FotoTabl TD:NTH-CHILD(4) {
	display:table;
}

.FotoTabl TD:NTH-CHILD(5) {
	display:table;
}

.FotoTabl TD:NTH-CHILD(6) {
	display:table;
}

.FotoTabl TD img{
margin:2% 5% 2% 24%;
}

}

/*
#####################################################################################
##################################################################################### -  
#####################################################################################
*/

/*
#####################################################################################
##################################################################################### -  
#####################################################################################
*/

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

	.phone-new {

		font-size: 170%;
		margin:0px;
		border: 2px #f5f5f5 solid;
	}

	HEADER {

		font-size: 100%;
		width:100%;
		margin:0px;
		padding:0px;
		height: auto;

	}

	.MenuUl li {
		display: block;
		width:95%;
		padding:none;
	}

	HEADER h1 {
     
		font-size: 100%;
		text-align:center;
		margin:0px;
		padding:2%;

	}

	HEADER p {

		font-size: 95%;
		width:auto;
		margin:0px;
		padding:3%;
		border:0px #333 solid;

	}

FOOTER { 

	background:#333;
	width:99%;
	color: #fff;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: 1px #ff0000 solid;
	text-align:center;
	vertical-align:center;

}

FOOTER p { 
	
	font-size: 90%;
	FONT: Arial, Helvetica, sans-serif;
	background:#333;
	margin:0px 0px 0px 0px;
	color: #FFF;
}


}

/*
#####################################################################################
##################################################################################### -  
#####################################################################################
*/