.popular_service {margin: 100px 0;}
.popular_service .container {position: relative;}
.popular_service .h2 {text-align: center; margin-bottom: 30px;}
.popular_service {position: relative;
	/*left: 1px;*/}
.popular_service>.container>.row {justify-content: normal;}
.popular_service_item {border: 1px solid #E8E8E8; height: 400px;}
.popular_service .col-9 .row {justify-content: space-between;}
.popular_service .col {margin: 0 0 -1px -1px; width: 100%;}
.popular_service .col-3 {margin:0 0 -1px -1px}
.popular_service .col-3 img {width: 100%;}
.col-3 .popular_service_item {height: 399px; text-align: center;}
.popular_service_item:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);}
.popular_service_item a {display: flex; justify-content: center; align-items: flex-end; flex-wrap: wrap; color: #fff; text-decoration: none !important; height:100%; text-align: center;}
.item_horizontal .popular_service_item a {flex-wrap: nowrap; align-items: flex-end;}
.item_horizontal .popular_service_item a img {padding: 20px;}
.popular_service_item span {display: block; }
.item_horizontal .popular_service_item .popular_title {}
.popular_service_item a:hover span.popular_title{
	background-color: #fff;
}

.popular_service_item span.popular_title {
	font-weight: bold;  padding: 0 10px;
	font-size: 18px; background: var(--main_color);
	margin-bottom: 10px;}

.popular_description {color: #9F9F9F; font-size: 14px; font-weight: normal;}
.popular_more {background: #FFFFFF;
	border: 1px solid var(--main_color);
	border-radius: 3px; width: 175px; height: 44px; line-height: 42px; position: absolute; right: 15px; top: -9px; text-align: center; text-decoration: none !important;}
.popular_more:hover {background: var(--main_color); color: #fff; transition: background-color 500ms}
@media only screen and (max-width : 1309px) {
	.popular_service .col {width: 50%;}
	.popular_service .row, .popular_service .col-9 .row {flex-wrap: wrap; justify-content: normal;}
	.popular_service .col-3 {width:calc(100% - 1px);}
	.popular_service .col-9 {width:100%;}
	.popular_service_item {    height: 100%;
		min-height: 400px;}
	.col-3 .popular_service_item {height: auto; padding: 0;}
	.popular_service .col-3 img {width: auto; max-height: 200px;}
	.item_horizontal .popular_service_item a {flex-wrap: wrap; }
	.item_horizontal .popular_service_item a img {padding: 0px;}
	.popular_service .col-3 .popular_service_item a {flex-wrap: nowrap; }
	.item_horizontal .popular_service_item .popular_title {width: 100%;}
}
@media only screen and (max-width : 767px) {
	.popular_service {margin: 50px 0;}

	.popular_service .h2 {
		margin-bottom: 15px;
	}

	.popular_service .container {
		padding-bottom: 70px;
	}

	.popular_more {top: auto; bottom: 0px; margin-right: 50%;     right: -87px;}
}
@media only screen and (max-width : 599px) {
	.popular_service .col-3 .popular_service_item a img {
		width: 50%;
	}
	.popular_service_item span.popular_title {font-size: 14px;}
	.popular_description {font-size: 12px;}
}