.E {width: 31%; margin: 10px;}
.E>.in {height: 85px;}
.E>.in>.Img {float: left; margin-right: 5px; margin-bottom: 5px; width: 45%; text-align: center; }
.E>.in>.Img > img { max-width: 100%; max-height: 70px; }
.E>.in>.Text { text-align: left;overflow: hidden; }
.E>.in>.Text>.namecompany span {color: rgb(85, 85, 85); font-size: 14px; } 

.E>.Audio{width: 100%;}
.E>.Audio audio {width: 100%; }

.oRez {}
.oRez .e {width: 25%; margin-bottom: 20px;}

.Img_case {float: none; width: 100%; text-align: center; }
.Img_case:hover {cursor: pointer; }
.Img_case img {
    width: 93%;
    height: 212px;
}
.Text_case {float: none; width: 100%; text-align: center; margin-top: 10px;}







@media all and  (max-width:992px) {
	.E>.in {height: 170px;}
	.E>.in>.Img {float: none; width: 100%;}
	.E>.in>.Text {text-align: center;}
/*	.oRez .e {width: 50%;}*/

}
@media all and  (max-width:767px) {
	.oRez .e {width: 50%;}
}

@media all and  (max-width:540px) {
	.E {width: 100%;margin-bottom: 20px;}
	.E>.in {height: auto;}
	.E>.in>.Img {float: none; width: 100%;}
	.E>.in>.Text {text-align: center;}
	.oRez .e {width: 100%;}
	.Img_case img {
    height: 200px;
}

}