/* Small only */
@media screen and (max-width: 39.9375em) {
	h1 {
		left: 0;
		transform: translatex(0px);
		position: absolute;
		width: 120px;
		height: 168px;
	}
	header {
		position: absolute;
	}
	#spinner_master_container { 
		display: block;
	}
	header nav {
		width: calc(100% - 120px);
		position: fixed;
		top: 48px;
		right: -100%;
		left: auto;
		height: 100%;
		height: calc(100% - 75px);
		-webkit-transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	header nav.visible {
		right: 0%;
		-webkit-transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	header nav ul li {
		width: 100%;
		background: #000;
		box-sizing: border-box;
	}
	header nav ul li a::before {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		content: "";
		background: rgba(255,255,255,1);
		-webkit-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}
	header nav ul li:last-child {
		text-align: right;
	}
	p.weather {
		float: left;
		text-align: left;
		text-indent: 170px;
	}
	i.wi {
		float: left;
		margin-left: -80px;
	}
	.bx-wrapper .bx-controls {
		top: calc(100% + 10px);
	}
	.bx-wrapper .bx-prev {
		margin: auto auto auto 0;
	}
	.bx-wrapper .bx-next {
		margin: auto 0 auto auto;
	}
	#home h2  {
		font-size: 2em;
	}
	section#home2 .slider2 {
		display: none;
	}
	#booking_form_container  {
		padding: 20px;
	}
	form#book fieldset {
		width: 50%;
		border: none;
		padding: 5px 0;
	}
	form#book fieldset:first-child, form#book fieldset:last-child {
		width: 100%;
	}
	#booking_container {
		position: absolute;
		top: 170px;
		left: auto;
		height: auto;;
		display: block;
	}
	.text_container {
		padding: 20px;
	}
	.home_apartman_container .image {
		width: 100%;
		padding-top: 50%;
	}
	.home_apartman_container .text {
		width: 100%;
	}
	footer h2 {
		width: 120px;
		height: 168px;
		padding: 0;
	}
	h4 {
		padding: 1rem 0;
	}
	footer .cell {
		border: none;
	}	
	#apartments_left, #apartments_right {
		width: 100%;
		left: 0;
		float: none;
	}
	#apartments_left {
		position: relative;
	}
	#apartments_right {
		padding: 7px;	
	}
	.app_intro, .location_intro {
		padding: 20px;
	}
	.apartman img {
		width: 100%;
	}
	.apartman .text {
		width: 100%;
	}
	.table_container {
		overflow-x: auto;
	}
	.gallery {
		padding: 7px 0;
		width: 100%;
	}
	.gallery a {
		width: calc(33% - 7px);
	}
	#ask_form form#book fieldset, #directions fieldset {
		padding: 10px;
	}
	.accordion {
		padding: 20px 10px;
	}
}
	
/* Medium and up */
@media screen and (min-width: 40em) {
	
	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	h1 {
		left: 0;
		transform: translatex(0px);
		position: absolute;
		width: 120px;
		height: 168px;
	}
	header {
		position: absolute;
	}
	#spinner_master_container { 
		display: block;
	}
	header nav {
		width: calc(100% - 170px);
		position: fixed;
		top: 48px;
		right: -100%;
		left: auto;
		height: 100%;
		height: calc(100% - 75px);
		-webkit-transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	header nav.visible {
		right: 0%;
		-webkit-transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
		transition: right 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	header nav ul li {
		width: 100%;
		background: #000;
		box-sizing: border-box;
	}
	header nav ul li a::before {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 1px;
		content: "";
		background: rgba(255,255,255,1);
		-webkit-transition: all 0.3s linear 0s;
		transition: all 0.3s linear 0s;
	}
	header nav ul li:last-child {
		text-align: right;
	}
	p.weather {
		float: left;
		text-align: left;
		text-indent: 170px;
	}
	i.wi {
		float: left;
		margin-left: -80px;
	}
	#home h2 {
		font-size: 2em;
	}
	.bx-wrapper .bx-controls {
		top: calc(100% + 10px);
	}
	.bx-wrapper .bx-prev {
		margin: auto auto auto 0;
	}
	.bx-wrapper .bx-next {
		margin: auto 0 auto auto;
	}
	.app_intro, .location_intro {
		padding: 20px;
	}
	.apartman img {
		width: 100%;
	}
	.apartman .text {
		width: 100%;
	}
	.table_container {
		overflow-x: auto;
	}
	.gallery {
		padding: 7px 0;
		width: 100%;
	}
	.gallery a {
		width: calc(33% - 7px);
	}
	#ask_form form#book fieldset, #directions fieldset {
		padding: 10px;
	}
	.accordion {
		padding: 20px 10px;
	}
	footer h2 {
		width: 120px;
		height: 168px;
		padding: 0;
	}
}

/* Large and up */
@media screen and (min-width: 64em) {
	
	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	h1 {
		left: 0;
		transform: translatex(0px);
		position: absolute;
	}
	.bx-wrapper .bx-controls {
		top: calc(100% + 10px);
	}
	.bx-wrapper .bx-prev {
		margin: auto auto auto 0;
	}
	.bx-wrapper .bx-next {
		margin: auto 0 auto auto;
	}
	.app_intro, .location_intro {
		padding: 20px;
	}
	.apartman img {
		width: 100%;
	}
	.apartman .text {
		width: 100%;
	}
	.table_container {
		overflow-x: auto;
	}
	.gallery {
		padding: 7px 0;
		width: 100%;
	}
	.gallery a {
		width: calc(33% - 7px);
	}
	#ask_form form#book fieldset, #directions fieldset {
		padding: 10px;
	}
	.accordion {
		padding: 20px 10px;
	}
}