.mMetka { border:1px solid #eee; margin-bottom:40px; }
.mMetka * { box-sizing:border-box; }
.mMetka:after { content:''; clear:both; display:table; width:100%; }

.mMetka_left .mMetka__right { float:right; width:calc(100% - 350px); height:100%; }
.mMetka_left .mMetka__left { float:left; overflow:auto; width:350px; height:100%; }

.mMetka_right .mMetka__right { float:left; width:calc(100% - 350px); height:100%; }
.mMetka_right .mMetka__left { float:right; overflow:auto; width:350px; height:100%; }

.mMetka__list { cursor:pointer; padding:20px;width: 25%;float: left;border: 1px solid #e5e5e5;height: 100px !important;overflow: hidden;}
.mMetka__list:hover { background:#f4f4f4; }
.mMetka__name { font-size:16px; font-style:italic; }
.mMetka__description { color:#9c9c9c; font-size:12px; }


@media screen and (max-width: 767px) {
	.mMetka { height:initial!important; }
	.mMetka_left .mMetka__right { float:none; width:100%; }
	.mMetka_left .mMetka__left { float:none; width:100%; }
}