/*------------------ Residente Page CSS ------------------------*/

.resident-section .resident-title{
	color: #272727;
	font-family: "Hanuman",sans-serif;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
    font-size: 30px;
}


.resident-section .resident-main-container .half-map-left-wrap{
	position: unset;
	width: 100%;	
}

.resident-section .resident-main-container .search-result-container{
	margin: 50px auto;
	position: relative;
}

.resident-section .map-main-container .result-sort-section{
	background-color: transparent;
	padding: 0;
}

.resident-section .map-main-container .result-sort-section .sort-controls select{
	background: #f7f8f9;
	/*color: #a1a7a8;*/
}

.resident-section .map-main-container .result-sort-section .sort-controls select option{
	background: #f7f8f9;
	color: #000;
}

.resident-section .res-title-order i {
    font-size: 20px;
    color: var(--color-4c);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: background 0.3s;
}


.resident-section .resident-tab-result-container{
	margin-top: 40px;
	display: block;
	width: 100%;
	position: relative;
}

.resident-section .resident-tab-result-container .tabbing-content-result{
	display: block;
	width: 100%;
    margin: 0 auto;
}


.resident-section .tabs-data-resident-container .tabs-button ul{
	display: flex;
	align-items: center;
	justify-content: start;
	flex-wrap: wrap;
	list-style: none;
}


.resident-section .tabs-data-resident-container .tabs-button ul li button{
	color: #272727;
	border: none;
	outline: none;
    text-transform: uppercase;
    padding: 20px;
    width: auto;
    min-width: 150px;
    text-align: center;
    background-color: #ebebeb;
    line-height: 14px;
    white-space: nowrap;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    font-family: "Roboto",sans-serif;
}

.resident-section .tabs-data-resident-container .tabs-button ul li.tab-active button{
	background-color: #fff !important;
}

.resident-section .map-main-container .search-row-result{
	padding-top: 0;
}

.resident-section .sidebar-container{
	position: relative;
}

.resident-section .sidebar-container .footer-widget{
	margin: 0;
	padding: 30px;
    background-color: #fff;
    border-radius: 4px;
}

.resident-section .sidebar-container .footer-widget.widget_text{
	margin-top: 30px;
}

.resident-section .sidebar-container .footer-widget.widget_text p{
	font-size: 13px;
}

/*------------------ Residente Page CSS ------------------------*/



/*--------------- Responsive Css ------------------*/


@media  (min-width: 992px) and (max-width: 1149.98px){

	.resident-section .map-main-container .map-box-container{
		width: 100%;
	}

	.resident-section .search-result-container{
		width: 100%;
	}

	.resident-section .resident-main-container .search-result-container{
		padding: 0 50px;
	}

}


@media  (min-width: 768px) and (max-width:991.98px){
   .resident-section .resident-title{
		font-size: 24px;
	}

	.resident-section .breadcrumb-icon-container,
	.resident-section .res-title-order{
		padding-left: 20px;
	}

	.resident-section .res-title-order .grid-list {
		display: none !important;
	}

	.resident-section .resident-tab-result-container .tabbing-content-result{
       padding: 0 20px;
	}


	.resident-section .map-main-container .half-map-left-wrap{
		display: block;
	}

	.resident-section .sidebar-container{
		display: none;
	}

	.resident-tab-result-container .tabbing-content-result-container{
		width: 100%;
		flex: 0 0 100%;
	}

	.resident-section .map-main-container .search-row-result{
		flex-direction: row;
		padding: 0;
	}

	.resident-section .map-main-container .search-row-result .search-result-details{
		width: calc(100% / 2 - 15px);
	}

}


@media(max-width:767px){
	.resident-section .breadcrumb-icon-container,
	.resident-section .res-title-order{
		padding-left: 20px;
	}

	.resident-section .res-title-order .grid-list {
		display: none !important;
	}

	.resident-section .tabs-data-resident-container{
		flex-direction: column-reverse;
	}

	.resident-section .tabs-data-resident-container .tabs-button{
		width: 100%;
	}

	.resident-section .tabs-data-resident-container .tabs-button ul{
		flex-direction: column;
		width: 100%;
		padding: 0 20px;
	}

	.resident-section .tabs-data-resident-container .tabs-button ul li,
	.resident-section .tabs-data-resident-container .tabs-button ul li button{
		width: 100%;
		text-align: center;
	}

	.resident-section .map-main-container .half-map-left-wrap{
		display: block;
	}

	.resident-section .resident-title{
		font-size: 24px;
	}
}



/*--------------- Responsive Css -------------------*/