/**
	Retina Screens 
*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	div.sidebar .mobile-menu a#mobile-menu-button {
		background: #381460 url('../images/mobile-menu.png') no-repeat center right;
		background-size:32px 32px;
		width: 100%;
		text-align: right;
		padding-top:4px;
		padding-right:37px;
		color:#fff;
		text-decoration: none;
	}

	div.sidebar.sidebar-open .mobile-menu a#mobile-menu-button {
		background: #381460 url('../images/mobile-close.png') no-repeat center right;
	}

	div.sidebar .mobile-menu a#mobile-menu-button::before {
		content: 'open filters';
	}

	div.sidebar.sidebar-open .mobile-menu a#mobile-menu-button::before {
		content: 'close filters';
	}


}

@media only screen and (max-width: 1000px) {

	#logo_header {
		float:left !important;
		max-width: 25% !important;
		padding-top:15px;
	}
	
	.notification {
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	
}
	
	.notification span {
		display: block;
	}

	.sidebar { 
		float: none; 
		width: 100%; 
		padding: 0 25px; 
		border-right: 0; 
	    height: 0; 
	    overflow: hidden;
	    min-height: 32px !important;
	}

	.sidebar-open .filters {
		padding:0;
	}

	#rentals {
		height: 100% !important;
	}

	.uf-list .uf-item {
		min-height: initial;
	}

	.accordion, .mobile-rooms {
		display: block;
	}

	.card-body .uf-tags {
		padding:10px !important;
	}

	#uf-roomsetup {
		padding-bottom:20px;
	}

	.uf-filter {
		padding-bottom:0;
	}

	.uf-tags li {
		margin-bottom:10px !important;
	}

	.modal-dialog {
		max-width:90% !important;
	}

	.mobile-rooms h1 {
		font-size:1.5em;
		font-weight: bold;
		color:#7d57a2;
	}

	.card-header button[aria-expanded="true"] h1 {
		color:#fff;
    }

	.mobile-rooms .button-location {
		font-weight: normal;
	}

	.thumb {
		display: none;
	}
	
	.sidebar.sidebar-open {
		/*
		margin-bottom: 50px;
		*/
		margin-bottom: 0px;
		min-height: 100% !important;
		height: auto !important;
	}

	.rentals > li {
		position: initial !important;
		padding:0;
	}
	
	.rentals { 
		float: none; 
		width: 95%; 
		margin: 0 auto; 
		margin-top:10px;
		/*
		margin-bottom: 120px;
		*/
	}

	.unifilter {
		margin-top:50px;
	}

	.rentals-wrap {
		padding-top:0;
	}
	
	.rentals-wrap .mobile-menu { 	
		display: block;
		top:0px;
		right:0px;
		width:100%;
		padding-top:0;
	}

	.card-body {
		padding:0 !important;
	}

	.mobile-menu.is_stuck {
		width:100% !important;
	}

	button.btn.btn-link {
		padding:0;
		text-align:left;
	}
}

@media only screen and (max-width: 750px) {
	.rentals > li { 
		float: none; 
		width: 100%; 
	}
}

/* Smaller than Desktop HD */
@media only screen and (max-width: 1601px) {

	.rentals > li {
		width:100%;
	}

	.rental-information h1 {
		font-size:3.5vw;
	}

	.rental-information-span {
		font-size:2.5vw;
	}

	.rental-information p span {
		font-size:1.5vw;
	}
}

/* Smaller than Desktop HD */
@media only screen and (max-width: 1200px) {
}

/* Smaller than desktop */
@media only screen and  (max-width: 1000px) {}

/* Smaller than tablet */
@media only screen and  (max-width: 750px) {}

/* Smaller than phablet (also point when grid becomes active) */
@media only screen and  (max-width: 550px) {}

/* Smaller than mobile */
@media  only screen and (max-width: 400px) {}