.div-pad {
	padding: 10px;
}

.hide-elem {
	display:none;
}

.max-width {
	width: 100% !important;
}

/*---- Side slide bar navigation CSS --------*/
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #11111161;
	overflow-x: hidden;
	transition: 0.5s;
	width:0px;
	z-index: 999;
}

.sidenav li > a {
	padding: 0px 0px 0px 20px;
	font-size: 14px;
	color: white;
	display: block;
	transition: 0.3s;
}
.sidenav li { 
	float:none !important;
}

.sidenav li:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	left: 145px;
	font-size: 50px;
	margin-left: 50px;
	font-weight: 100 !important;
}

.container-open {
	width: 100%;
}

.btn-open {
	font-size:40px;cursor:pointer
}
@media screen and (max-width: 1024px) {

	/*----Override header Css --------*/
	header > li {
		text-decoration: none !important;
		list-style: none;
		text-align: center;
	}
	
	header > li > a {
		text-decoration: none;
	}
	
	header > li > a > img {
		height: 50px;
		border-radius: 3px;
	}
	
	header > li {
		margin-top: 70px;
	}
	
	header > li > a > span {
		text-decoration: none;
		margin: -60px 0px 0px -160px;
		font-size: 20px;
		position: absolute;
	}
	
	header > p {
		float: left;
		margin-top: -51px;
	}
	
	header > .sidenav > ul {
		height: 100%;
		background-color: #262626;
		width: 250px;
	}
	
	header > .sidenav > ul > li:nth-child(2) {
		padding-top: 35px;
	}
	
	.btn-filter {
		border-radius:0px; 
		margin-left: 10px;
	}
	
	.btn-pagination {
		height: 22px !important;
		padding-top: 3px !important;
		border-radius: 20px;
		font-size: 11px;
	}
	
	#new-pagination {
		padding:0px;
	}
	
	.mobile-search {
		height: 40px;
		margin-top: 8px;
		cursor: pointer;
	}
	
	input, select {
		height: 42px;
	}
	input[type='submit'] {
		height: 42px;
		border-radius: 20px;
	}
	input[type='checkbox'] {
		height: 13px !important;
	}
	textarea {
		padding: 10px !important;
	}
	#btn-filter {
		padding: 0px 15px 0 15px;
		border-radius: 20px;
		color: #00BCD4;
		border: 1px solid;
	}
	.menu {
		background: #09183f !important;
		color: #fff;
	}
	.menu .search-field > input:nth-child(1) {
		border-radius: 20px 0px 0px 20px !important;
		padding: 0px 0px 0px 20px !important;
	}
	.menu .search-field > input:nth-child(2) {
		border-radius: 0px 20px 20px 0px !important;
		width: 50px !important;
	}
	
	header, .content-block, #search-form {
		padding: 10px;
	}	
	.content-block .block-container {
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}				
	.block-container {
		min-width: auto;
	}
	.menu.breadcrumbs {
		background: #0a183f !important;
	}
	.menu .search-field input {
		height: 42px !important;
	}
	.menu .search-field input[id='search-address'] {
		width: 75%;
	}
	
	.menu .search-field {
		width:100%;
	}
	.result-item {
		width: 100% !important;
	}
	.result-footer .pagination {
		text-align: left;
	}
	a:focus, a:hover {
		color: #23527c;
		text-decoration: none;
	}
	.price {
		text-align:right;
	}
	
	.menu ul li .dropdown-content.price * {
		padding: 12.5px 5px !important;
	}
	.result-item {
		margin-right: 0px;
		padding: 10px;
	}
	.footer-menu {
		display:none;
	}
	.pagination {
		font-size: 12px !important;
	}
	.pagination > span {
		padding: 3px;
	}
	.pagination > span > a {
		padding: 2px 7px 0px 7px !important;
	}
	.broker-logo {
		position: absolute;
		right: 0;
		margin-right: 50px;
	}
	.result-item .photo img.property-photo {
		border: .25px solid #ccc !important;
	}
	.menu-breadcrumb {
		display:none;
	}
	.search-result {
		margin:0px;
	}
	.courtesy-of {
		display:none;
	}
	#details-head > .property-heading {
		margin-top: 20px;
	}
	#details-head >  .property-heading .location {
		width: auto !important;
	}
	#details-head >  .property-heading .location > span {
		display: inline-block;
	}
	#details-head > .property-heading > .category-status {
		position: absolute;
		right: 17px;
		top: 60px;
	}
	.property-details{
		width: 100%;
	}
	.search-result-wrapper {
		min-width: auto !important;
	}
	.gallery {
		margin:0px;
	}
	.property-details > .details > .category-status {
		display:none;
	}
	.property-details > .details > .property-heading {
		display:none;
	}
	.property-details > .photo-gallery > .save-the-property {
		position: absolute;
		right: 35px;
		margin-top: -60px;
	}
	.property-details > .photo-gallery > .save-the-property > a {
		height: 48px;
		padding: 15px 15px 15px 35px;
		border-radius: 20px;
		background: white !important;
		color: #F44336;
		font-size: 15px;
		border: 1px solid;
	}
	
	.right-sidebar > .save-the-property {
		display: none;
	}
	
	.photo-gallery {
		padding: 15px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
	.gallery .overlay-icons {
		bottom: 0;
		top: 65px !important;
		margin-left: 20px !important;
	}
	
	.view-slider, .back-to-gallery {
		height: 48px;
		padding: 15px !important;
		border-radius: 20px;
		background: white !important;
		color: #00BCD4;
		font-size: 15px;
		border: 1px solid;
	}
	
	.view-map {
		height: 48px;
		padding: 15px !important;
		border-radius: 20px;
		background: white !important;
		color: #F44336;
		font-size: 15px;
		border: 1px solid;
	}
	
	.property {
		padding: 10px;
		border: 1px solid #ccc;
		margin-top: 5px;
		border-radius: 5px;
	}

	.details .property .item > div {
		margin-left: 0px !important;
	}
	.details .property .item h2 {
		display:none;
	}
	
	.details .property .item div h4, .details .property .item{
		border:0px;
	}
	
	.details .property h3  {
		border-bottom: 2px solid #ccc !important;
	}
	
	.right-sidebar {
		width: 100% !important;
		margin-left: 0px !important;
	}
	
	.latest-item {
		width: 230px;
		margin-bottom: 10px;
	}
	
	.latest-item .photo {
		height: 180px;
	}
	
	.latest-item > a > .info > .price {
		text-align:center !important;
	}
	
	.latest-item > a >.info p:nth-child(2), .latest-item > a >.info p:nth-child(3) {
		display:none;
	}
	
	.inquiry, .share-form-container {
		width: 48%;
		display: inline-block;
		margin: 5px;
		height: 599px;
	}
	
	.disclaimer {
		text-align:justify;
	}
	
	.share-to > span {
		display:none !important;
	}
	.search-result .right-sidebar .share-form-container input[type=text] {
		border-left: 1px solid #999 !important;
		max-width: 100%;
		width: 100% !important;
	}
	
	.heart {
		font-size: 20px;
		position: absolute;
		margin: -4px 0px 0px -25px;
	}
	
	/*-----Accouns -------------- */
	.accounts-menu {
		width: 100% !important;
		text-align: center;
		margin-bottom: 10px;
	}
	.accounts-menu ul li {
		display: inline-block !important;
		padding: 0;
		margin: 0;
	}
	.accounts-menu ul li a {
		border: 1px solid #ccc !important;
		display: inline !important;
		padding: 13px 25px 13px 25px !important;
		border-radius: 20px !important;
		background: #f3f3f3 !important;
	}
	.account-contents {
		width: 100% !important;
		padding: 0px !important;
		float: left !important;
	}
	.account-contents > h4 {
		text-align:center;
	}
	.form-container {
		width: 500px;
		margin: 30px auto 0 auto;
		padding: 30px;
		background: rgba(0, 1, 1, 0.15);
	}
	.login-container {
		text-align: center;
	}
	.login-container p {
		text-align: center;
		margin: 10px;
		font-size: 14px;
	}
	.login-container p a {
		color: #337ab7 !important;
	}
	.folder-list {
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.folder-list > .folder-item {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	#details-head > .property-heading > .category-status {
		top: 40px;
	}
	.search-result-wrapper h3 span.properties-found-count, .search-result-wrapper h3 span.sort {
		width: 100%;
		display: block;
		margin: 10px 0px 0px -5px;
		text-align: left;
	}
	
	.latest-item {
		width: 227px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 480px) {
	.inquiry, .share-form-container {
		width: 100%;
		display: block;
		margin: 5px;
	}
	
	.latest-item {
		width: 100%;
		margin-bottom: 10px;
	}
	.property-heading .price {
		float: none !important;
		text-align: left !important;
	}
	#details-head > .property-heading .location > span {
		display: block;
	}
	
	#details-head > .property-heading > .category-status {
		position: inherit !important;
	}
	
	.result-item .photo {
		width: 100% !important;
	}
	.result-item .info {
		width: 100% !important;
		text-align: center !important;
	}
	.result-item .info > .price {
		text-align:center !important;
	}
	.result-item .info > ul {
		width: 100% !important;
	}
	
	.form-container {
		width: 100% !important;
	}
	
	.broker-logo {
		position: inherit !important;
		right: 0 !important;
		margin-right: 0px !important;
	}
	.menu ul {
		width: auto !important;
	}
	.menu ul li {
		width: 322px !important;
		display: block !important;
	}
	
	#btn-filter {
		border: 1px solid !important;
		margin: 5px 0px 0px 0px !important;
	}
	
	.menu ul li .dropdown-content {
		position: initial !important;
	}
	.price {
		text-align: left;
	}
}
@media screen and (max-height: 768px) {
	.sidenav {padding-top: 0px;}
	.sidenav a {font-size: 18px;}
	.block-container {
		min-width: 0%;
	}
}