/* Breakpoints
============================================================================= */

/* Laptop */
@media screen and (max-width: 1440px) {
	#background ul li img {
		display: none;
	}
}

/* Default website width */
@media screen and (max-width: 1000px) {
	#index header .top-line,
	header .carousel,
	section {
		width: 800px;
	}

	header .navigation {
		margin-right: 0;
	}
	header .navigation nav {
		margin-right: 30px;
		padding-top: 10px;
	}
	header .services ul li {
		margin: 0;
	}
	header .services ul li a {
		font-size: 1.3em;
		font-size: 13px;
		line-height: 2.7em;
	}

	#index article {
		background-color: #fff;
	}
	.list .column {
		width: 250px;
		margin-right: 25p
	}
	article .news.list .column .image {
		width: 250px;
	}
	article .news.list .column .image img {
		max-width: 100%;
	}

	article .news .content,
	article .news .content p iframe {
		width: 480px;
	}
	article .room.list .item .gallery {
		width: 480px;
	}
	article .room.list .item .gallery a.lead-pic {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	footer .list .column.contact {
		width: 200px;
	}
	footer .list .column.contact p,
	footer .list .column.contact p a {
		color: #fff;
	}
	footer .list .column.middle {
		width: 300px;
	}
	footer .newsletter form input {
		width: 240px;
	}
}

/* Tablet */
@media screen and (max-width: 860px) {
	#index header .top-line,
	header .carousel,
	section {
		width: 620px;
	}
	header .navigation nav {
		margin-right: 20px;
	}
	header .navigation nav ul li a {
		font-size: 1.2em;
		font-size: 12px;
		line-height: 1.667em;
		font-family: "Source Sans Pro", sans-serif;
		-webkit-text-stroke: 0.5px;
	}
	header .services ul li a {
		font-size: 1em;
		font-size: 10px;
		line-height: 3.5em;
	}
	.list .column {
		width: 280px;
		margin-right: 0;
	}
	.list .column.one {
		float: left;
		clear: both;
	}
	.list .column.two {
		float: right;
	}
	article .news.list .column .image {
		width: 280px;
	}
	article .news aside,
	article .news .content {
		float: none;
		padding-bottom: 30px;
	}
	article .news aside,
	article .news .content,
	article .news .content p iframe {
		width: 620px;
	}
	article .news aside .thumbnails {
		float: right;
		width: 280px;
	}
	article .news aside .gallery .thumbnails ul li {
		margin: 0 13px 13px 0;
	}
	article .news aside .gallery a.lead-pic {
		float: left;
		width: 280px;
		display: block;
	}

	article .room.list .item aside {
		width: 100%;
		padding-bottom: 30px;
	}
	article .room.list .item aside .inner a.book-now.trigger {
		background-position: center top;
		width: 520px;
	}
	article .room.list .item .gallery {
		width: 620px;
	}
	article .room.list .item aside,
	article .room.list .item .gallery {
		float: none;
		display: block;
	}
	footer .column.contact {
		width: 280px;
		float: left;
	}
	footer .column.contact .created-by {
		font-size: 1.2em;
		font-size: 12px;
		line-height: 1.5em;
	}
	footer .column.contact .created-by span {
		display: block;
	}
	footer .column.middle {
		display: none;
	}
	footer .column.newsletter {
		width: 280px;
		float: right;
	}
	footer .column.newsletter form input {
		width: 270px;
	}
}

/* Phone - small tablet */
@media screen and (max-width: 660px) {

	/* Book now */
	#book-now,
   	#book-now .booking-form {
		position: absolute;
	}
	#book-now .booking-form form {
		width: 280px;
		padding: 0 10px 10px 10px;
		margin-left: -150px;
	}
	#book-now .booking-form form .line {
		padding: 0;
	}
	#book-now .booking-form form .line.close {
		display: block;
	}
	#book-now .booking-form form .item {
		display: block;
		float: none !important;
		width: 280px;
		padding-bottom: 5px;
	}
	#book-now .booking-form form .item .label {
		float: left;
		width: 90px;
	}
	#book-now .booking-form form  label {
		font-size: 1.2em;
		font-size: 12px;
		line-height: 1.667em;
		height: 20px;
		padding: 0;
		text-transform: none;
	}
	#book-now .booking-form form .item .input {
		float: right;
		width: 180px;
	}
	#book-now .booking-form form input.text,
	#book-now .booking-form form .item.full input.text,
	#book-now .booking-form form .item.short input.text,
	#book-now .booking-form form .item.wide input.text {
		width: 154px;
		line-height: 1.667em;
		height: 20px;
	}
	#book-now .booking-form form button {
		margin-top: 10px;
		font-size: 14px;
	}
	#book-now .booking-form .trigger {
		text-indent: -9999px;
		color: transparent;
		height: 15px !important;
		padding: 7px 20px 22px 20px !important;
		margin-left: -30px;
	}
	#book-now .booking-form .trigger span {
		display: block !important;
		opacity: 1 !important;
		filter: alpha(opacity:1) !important;
		top: 14px;
		left: 60px;
	}

	/* Book now: dropdown */
	#book-now .booking-form form .dropdown_wrapper {
		height: 20px;
	}
	#book-now .booking-form form .item .dropdown_selected_choice,
	#book-now .booking-form form .item.full .dropdown_selected_choice,
	#book-now .booking-form form .item.short .dropdown_selected_choice,
	#book-now .booking-form form .item.wide .dropdown_selected_choice {
		width: 132px;
		line-height: 1.667em;
		height: 20px;
	}
	#book-now .booking-form form .dropdown_selected_choice .dropdown_arrow {
		height: 20px;
		background-position: left -2px;
	}
	#book-now .booking-form form .dropdown_selected_choice.dropdown_hover .dropdown_arrow,
	#book-now .booking-form form .dropdown_selected_choice.dropdown_open .dropdown_arrow {
		background-position: left -26px;
	}
	#book-now .booking-form form .dropdown_choices {
		top: 20px;
	}
	#book-now .booking-form form .dropdown_choices li {
		height: 20px;
	}
	#book-now .booking-form form .dropdown_choices li .dropdown_label {
		height: 20px !important;
		line-height: 1.667em !important;
	}

	#index header .top-line,
	header .carousel,
	section {
		width: 520px;
	}
	#index header .top-line {
		position: relative;
		left: 0;
	}
	header .logo {
		padding-top: 60px;
	}
	#index header .navigation {
		position: absolute;
		right: 0;
	}

	header .navigation nav.top {
		display: none;
	}
	header .carousel {
		height: 323px !important;
	}
	.list .column,
	article .news.list .column .image {
		width: 250px;
	}
	article .hero-unit {
		padding: 15px 30px;
		line-height: 1.5em;
	}
	article .news h2 {
		line-height: 1.05em !important;
	}
	article .news aside,
	article .news .content,
	article .news .content p iframe {
		width: 520px;
	}
	article .news aside .thumbnails {
		width: 219px;
	}
	article .news aside .gallery .thumbnails ul li {
		margin: 0 0 13px 13px;
	}

	article .room.list .item .gallery {
		width: 520px;
	}
	article .room.list .item aside .inner a.book-now.trigger {
		width: 420px;
	}
	footer .column.contact,
	footer .column.newsletter {
		width: 250px;
	}
	footer .column.newsletter form input {
		width: 240px;
	}
}

/* Phone */
@media screen and (max-width: 560px) {
	#index header .top-line,
	header .carousel,
	section {
		width: 280px;
		padding: 0 10px !important;
	}
	#index .background {
   		background-color: #FFFFFF;
    	height: 460px;
	}
	#index .bacgrkound ul li {
		height: 440px !important
	}
	header {
		height: 356px;
		background-size: 100% 41px;
	}
	header .carousel {
		height: 170px !important;
	}
	.carousel, .carousel ul {
		bottom: 28px !important;
	}
	header .navigation {
		/*margin-right: -10px;*/
	}
	header .navigation .language
	{
		position: absolute;
		right: 15px;
	}
	header .carousel .pager {
		display: none;
	}
	header .services {
		display: block;
		background-color: #1E264D;
		z-index: 3000;
		top: 315px;
		position: absolute;
		width: 150px;
		height: 41px;
	}
	header .services ul {
		background: #1E264D;
	}
	header .services ul li {
		height: 30px !important;
		background: url(../img/background-services.png);
		float: none;
		margin: 0;
		background-size: 100%;
		z-index: 3500;
		background: #1E264D;
	}
	header .services ul li a{
		font-size: 11px;
		font-family: "Source Sans Pro", sans-serif;
		font-weight: normal;
	}
	.ie8 header .services ul li a,
	.chromeWin header .services ul li a {
		font-family: 'Source Sans Pro',sans-serif !important;
		font-weight: 400 !important;
	}
	header .services ul li ul, header .services ul li ul li {
		display: none !important;
	}
	.list .column.one,
	.list .column.two {
		float: none;
		width: 280px;
	}
	#index article {
		padding-top: 15px;
	}
	article .news.list .column h2 {
		height: auto;
		font-size: 1.8em;
		font-size: 18px;
		margin-bottom: 7px;
		font-family: "Source Sans Pro", sans-serif;
	}
	article .news.list .column p {
		margin-bottom: 0.5em;
	}
	article .news.list .column .image {
		width: 280px;
	}

	article .news aside,
	article .news .content,
	article .news .content p iframe {
		width: 280px;
	}
	article .news aside a.lead-pic,
	article .news aside .thumbnails {
		float: none;
		width: 280px;
	}
	article .news aside .gallery .thumbnails ul li {
		margin: 13px 13px 0 0;
	}
	article .room.list .item .gallery {
		width: 280px;
	}
	article .room.list .item .gallery a.lead-pic img {
		max-width: 100%;
	}
	article .room.list .item aside .inner a.book-now.trigger {
		width: 180px;
	}
	#index footer section {
		padding: 20px 10px !important;
	}
	footer .column.contact {
		width: 280px;
		float: none;
	}
	footer .column.newsletter {
		display: none;
	}
}