/*==========================//
//===== LISSING DATA =======//
//==========================*/
.lissing_wrpr {
	background: #000000;
    color: #ffffff;
    font-weight: 300;
    border: 1px solid #ffffff;
    border-radius: 50vh;
}
.lissing_wrpr * {
	font-weight:300;
	font-size: 1.2rem;
}
.lissing_wrpr h3 {
	background:transparent;
	font-size: 1.2rem;
	font-weight:300;
	padding:0 1.2vw;
}
.lissing_wrpr .lissing_list h5 {
	font-weight:300;
	font-size: 1.2rem;
}
.lissing_wrpr .lissing_list li {
	padding:0 1.2vw;
}
.lissing_wrpr .lissing_list li:before,
.lissing_wrpr .lissing_list li:after {
	width:min-content;
	padding:3px;
	background:#000000;
    border: 1px solid #ffffff;
	font-weight:300;
	font-size:1rem;
	color:#ffffff;
}
.lissing_wrpr .lissing_list li:before {
	content:"";
	position: absolute;
	width:1px;
	height:100%;
	padding:0;
    top: 50%;
    right: 0;
	border:0;
	background:#ffffff;
    transform: translate(50%, -50%);
}
.lissing_wrpr .lissing_list li.noline:before {
	display:none;
}
.lissing_wrpr .lissing_list li:after {
	z-index:1;
}
.lissing_wrpr .lissing_list .lis_start_from {
	display: inline-block;
    width: min-content;
    white-space: normal;
    text-align: left;
	vertical-align:top;
}
.lissing_wrpr .lissing_list .lis_price {
	font-weight: 200;
    font-size: 2.5rem;
}


@media (max-width: 1024px){
	.lissing_wrpr {
		display:flex;
	}
	.lissing_wrpr:before,
	.lissing_wrpr h3:after,
	.lissing_wrpr .lissing_list li:after {
		display:none;
	}
	.lissing_wrpr .lissing_list {
		display:flex;
	}
	.lissing_wrpr h3 {
		font-size:4rem;
	}
	.lissing_wrpr .lissing_list h5 {
	    font-size: 4rem;
		font-weight: 300;
		text-align: right;
		color: #ffffff;
	}
	.lissing_wrpr .lissing_list li, 
	.lissing_wrpr .lissing_list li * {
		font-size:3rem;
	}
	.lissing_wrpr .lissing_list .lis_start_from {
		font-size: 3rem;
		line-height: 1;
	}
	.lissing_wrpr .lissing_list .lis_price {
	    font-size: 5rem;
	}
}
/*===== LISSING DATA =======//
//==========================*/