.module_city_related_links {
	padding: 50px 0;
}

.module_city_related_links .title {
	font-size: 24px;
	color: #035573;
	font-weight: bold;
}

.module_city_related_links ul {
	margin: 30px 0;
	list-style: none;
	padding: 0;
}

.module_city_related_links ul li {
	border-bottom: 1px solid #d6d6d6;
	padding: 8px 0 8px 20px;
	font-size: 16px;
}

.module_city_related_links ul li:last-child {
	border-bottom: none;
}

.module_city_related_links ul li a{
	color: #20b2cd;
	display: inline-block;
	padding-right: 20px;
	line-height: 18px;
	font-size: 0.95em;
}

.module_city_related_links ul li a:hover {
	background: url('../../../images/city_page/City-Desktop-right-map-arrow.png') no-repeat center right;
}

.module_city_related_links a.more {
	font-size: 20px;
	color: #035573;
	font-weight: bolder;
	display: inline-block;
	padding-left: 40px;
	height: 25px;
	line-height: 25px;
	background: url('../../../images/city_page/plus-sign.svg') no-repeat center left;
	background-size: 25px;

}

.module_city_related_links .related_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(3, 85, 115, 0.8);
	z-index: 9999;
	display: none;
}

.module_city_related_links .related_modal .modal_holder {
	background: #ffffff;
	position: absolute;
	width: 740px;
	height: 560px;
	top: 50%;
	margin-top: -280px;
	left: 50%;
	margin-left: -370px;
}

.module_city_related_links .related_modal .modal_holder  > div {
	display: none;
}

.module_city_related_links .related_modal .modal_holder .modal_header {
	background: #009fc2;
	height: 36px;
	line-height: 36px;
	font-size: 28px;
	color: white;
	text-align: center;
	padding: 27px 25px;
	box-sizing: content-box;
}

.module_city_related_links .related_modal .modal_holder .modal_body {
	height: 470px;
	border-bottom: 1px solid #d6d6d6;
	padding: 10px;
}
.module_city_related_links .related_modal .pull-right.close{
	opacity: .9;
}

.module_city_related_links .related_modal .pull-right.close img {
    height: 36px;
    width: 36px;
}

.module_city_related_links .related_modal .modal_holder .modal_body .related_modal_list {
	height: 450px;
}

.module_city_related_links .related_modal .modal_holder ul li a{
	display: block;
	white-space: nowrap;
}
.module_city_related_links .related_modal .modal_holder ul li:last-child {
	border-bottom: 1px solid #d6d6d6;
}
.overflow-h{
	overflow-y: hidden;
}

@media (max-width: 1200px){
	
	.module_city_related_links .list{
		margin-top: 30px;
	}
	.module_city_related_links ul{
    	border-top: 1px solid #d6d6d6;
    	margin: 0;
   	}
   	.module_city_related_links a.more{
   		margin: 20px 15px 70px 0;
   	}

}

@media (max-width: 1024px){
	
	.module_city_related_links .list{
		margin-top: 30px;
	}
	.module_city_related_links ul{
    	border-top: 1px solid #d6d6d6;
    	margin: 0;
   	}
   	.module_city_related_links a.more{
   		margin: 20px 15px 70px 0;
   	}
   	.module_city_related_links .related_modal .modal_holder{
   		top: 30%;
   	}

}

@media(max-width:570px){
	
   	.module_city_related_links .related_modal .modal_holder{
   		top: 50%;
   	}

	.module_city_related_links ul li{
	    padding: 11px 2px;
	    float: left;
	    height: auto;
	    width: 100%;
	}
	.module_city_related_links ul li a{
		line-height: 18px;
		padding-right: 0;
    	font-size: 0.8em;
    	float: left;
    	width: 100%;
	}

	.module_city_related_links .related_modal{
		width: 100%;
	}
	.module_city_related_links .related_modal .modal_holder{
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	.module_city_related_links .related_modal .modal_holder .modal_header{
		font-size: 1.4em;
		max-width: 100%;
		line-height: 1.4em;
	}
	.module_city_related_links .related_modal .pull-right.close{
		transform: scale(0.8);
	}
	.module_city_related_links .related_modal .modal_holder ul{
		margin: 0;
	}
	.module_city_related_links .related_modal .modal_holder ul li{
		float: left;
		width: 100%;
	}
	.module_city_related_links .jspPane{
		width: 100%!important;
	}
	.module_city_related_links .related_modal .modal_holder .modal_body{
		padding: 0;
	}
	.module_city_related_links .related_modal .modal_holder .modal_body ul li{
		height: auto;
		padding: 2px 20px;
	}
}