.pk_row {
    height: 600px;
}
.pk_column {
    float: left;
    width: 50%;
    padding: 10px;
    height:100%;
    background:white;
    border: 1px solid #ccc;
}
.pk_column.pk-column-data {
	border-right: none;
}
.pk_row:after {
    content: "";
    display: table;
    clear: both;
}
.pk-column-data ul li.pk-active, .pk-column-data ul li.pk-active .location_title {
    background:#326e51;
    color:white;
}
.location {
    float: left;
    width: 48%;
}
.district.location {
	float: right;
}
.clearfix {
    clear:both;
}
#district option.hidden {
    display:none;
}
.location_title, .location_address {
    margin-bottom:2px;
}
.location_title {
    font-weight: bold;
    color:#326e51;
}
.province.location, .district.location {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
ul#pk_list_map {
    padding-left: 0;
    list-style: none;
    border-top: 2px solid #ebebeb;
    overflow-y: scroll;
    max-height: 500px;
}
ul#pk_list_map li {
    padding: 15px;
}
ul#pk_list_map p {
    margin-bottom: 5px !important;
}
@media screen and (max-width: 540px) {
	.pk_row {
		display: flex;
		flex-direction: column;
    	height: unset;
	}
	.pk_row > div {
		flex-basis: 100%;
		width: 100%;
	}
	.province {
		margin-right: 0;
		float: left;
	}

	.pk_column.pk-column-data {
		border-bottom: none;
	}
}