.cinemas-tit{color: #12161B;font-size: 20px;font-weight: 800;line-height: 31px;margin-bottom: 20px;}
.list-down{display: flex;justify-content: space-between;}
.list-down > li{width: calc(100% / 3 - 12px);background: #F5F7F8;box-sizing: border-box;position: relative;}
.list-down > li .card-title{width: auto;background: #D3D8D9;padding: 20px 40px;text-align: center;display: flex;align-items: center;justify-content: center;height: 65px;font-size: 18px;box-sizing: border-box;gap: 20px;border: 0;color: #12161B;border-radius: 0;}
.list-down > li:hover .card-title{background: #D3D8D9;opacity: 1;}
.list-down > li .card-title .card-logo{width: 26px;height: 26px;}
.list-down > li .card-title .card-logo img{width: 100%;height: 100%;object-fit: cover;}
.list-down > li .card-info{padding: 25px 25px 80px;color: #12161B;font-weight: 400;min-height: 300px;box-sizing: border-box;}
.list-down > li .card-info li{font-size: 16px;line-height: 22px;padding-bottom: 12px;text-align: left;}
.list-down > li .card-info li:last-child{padding-bottom: 0;position: absolute;bottom: 26px;left: 10px;width: 100%;padding-left: 0;}

.list-down > li > ul > li .card-title {background: #E22917;border: 1px solid #E22917;color: #fff;border-radius: 8px;width: max-content;height: unset;font-size: 17px;padding: 12.5px 27px 11.5px;gap: 12px;margin:auto;}
.list-down > li > ul > li .card-title .card-logo {filter: invert(1);width: 17.5px;height: 100%;margin-top: -3px;}
.list-down > li > ul > li .card-title:hover {background: #e22917 !important;opacity: 0.5 !important; }
.list-down > li:hover > ul > li .card-title {background: #E22917;opacity: 1;}  

.list-down > li .card-info li:last-child:before {display: none;}

@media screen and (max-width: 1024px) {
	.list-down{flex-wrap: wrap;gap: 24px;}
	.list-down > li{width: calc(100% / 2 - 12px);}
}

@media screen and (max-width: 768px) {
	.list-down > li {width: calc(100% / 1 - 0px);} 
	
	.list-down > li .card-info{padding: 15px 15px 20px;}
	.list-down > li .card-info li{font-size: 14px;}
	.cinemas-tit{font-size: 16px;margin-bottom: 16px;}
	
	.list-down > li .card-info li:last-child {padding-bottom: 0;position: relative;bottom: unset;left: unset;padding: 5px 0 0;}
	.list-down > li .card-info{min-height: auto;}
}

@media screen and (max-width: 500px) {
	.list-down > li{width: 100%;}
	.list-down > li > ul > li .card-title {width: 100%;font-size: 14px;padding: 10.5px 20px 9.5px;justify-content: unset;}
}