@media (min-width: 1600px)
{
/*	.container {
	    width: 1570px;
	}*/
}

@media (max-width: 1024px) {

	section.hotels {
		/*display: none;*/
	}

	.hotel-rooms .swiper-pagination,
	.other-hotels .swiper-pagination {
		display: block;
	}

	section.featured .content {
		clip-path: none !important;
	}

	section.featured:before {
	    width: 170px;
	    height: 40px;
	    font-size: 20px;
	    line-height: 40px;
	    top: -20px;
	}

	section.featured:after {
	    width: 170px;
	    height: 40px;
	    font-size: 20px;
	    line-height: 40px;
	    bottom: -40px;
	}

	.background-image-holder.parallax-background {
/*	    height: 100%; 
	    top: 0; */
	}		

	section.accommodation .room a {
	    margin-top: 25px;
	    font-size: 20px;
	}

	section.reservation {
		padding-top: 30px;
		padding-bottom: 60px;
	}

	section.reservation.short {
	    height: auto;
	    padding-top: 20px;
	    padding-bottom: 20px;
	}	

	section.reservation.short .form-control {
		height: 40px;
		font-size: 16px;
	}	

	section.reservation.short .btn {
	    height: 40px;
	    font-size: 16px;
	}

	.subheader.reservation.short.nav-sticky {
		position: relative !important;
	    top: auto;    
	}
}

@media (max-width: 767px){
	
	header .container {
		width: 100%;
	}

	header.short {
		height: 300px;
	}

	.nav-menu .menu {
		display: none;
	}

	.menu.mobile {
		display: flex;
		position: absolute;		
		flex-direction: column;
		right: 0;
		top: 0;
		align-items: flex-end;
		z-index: 3;
	}

	.menu.mobile.open {
		height: 100vh;
		left: 0;
		width: 100%;		
	}

	.menu.mobile.open .subnav {
		display: block;
		width: 100%;
		opacity: 1;
		border-top: 1px solid rgba(255,255,255,0.5);
		background: rgba(20,84,155,1);
		height: 100%;
	}

	.menu.mobile.open .subnav li a {
		color: #FFF;
		font-size: 20px;
	}

	.menu.mobile .icon {
		font-size: 20px;
	    color: #FFF;
	    margin: 30px;
	}

	.top-bar .logo {
	    margin-left: 15px;
	}	

	footer {
		height: auto;
		padding-top: 80px;
		padding-bottom: 20px;		
	}

	footer .brand {
		text-align: center;
		padding-bottom: 30px;
	}

	footer .container .links {
		text-align: center;
	}

	footer.short ul li {
	    float: left;
	    margin: 0 10px;
	    text-align: center;
	    font-size: 12px;
    	text-transform: uppercase;
	}

	footer.mobile {
		display: block;
	}

	header .title {
		width: 75%;
	}

	header .title span {
	    padding: 10px 20px;
	    margin-left: 0;
	    font-size: 14px;
	}	

	header .title h1 {
	    padding: 20px 20px;
	    font-size: 20px;
	    color: #FFF;
	    display: block; 
	    width: 100%;
	}

	header.fullscreen-element {
		padding: 80px 0 0 0;
	}

/*	section.hotels {
		top: -50px;
		margin-bottom: -80px;
		padding: 0 20px;
	}*/

	.btn-lg {
	    padding: 10px 30px;
	    font-size: 16px;
	}	

	section.reservation h1.title {
	    font-size: 20px;
	}	

	section.featured .content {
		height: auto;
		padding-top: 60px;
	}

	section.featured .container {
		width: 85%;
	}

	.sticky-box {
		margin-bottom: 60px;
    	margin-top: 60px;
	}

	.sticky-box .sticky-box-container .front, 
	.sticky-box .sticky-box-container .front a {
	    font-size: 16px;
	}	

	.sticky-box .sticky-box-container .back h3 {
	    font-size: 16px;
	    line-height: 1.2;
	}	

	/* page hotel info */

	section.accommodation .room a {
	    margin-top: 20px;
	    font-size: 16px;
	}	

	section.reservation.short {
	    height: auto;
	}

	section.reservation.short .container {
		width: calc(100% - 30px);
	}

	section.reservation.short .checks {
	    display: block;
	    text-align: center;
	}

	.background-image-holder, .foreground-image-holder {
	    background-position: 0% 0% !important;
	}	

	.subheader {
		min-height: 50px;		
	}
	
	.subheader li a {
	    padding: 0px 10px;
	}	

	.page.about p.lead.text-left,
	.page.about p.lead.text-right {
		text-align: center;
		margin-bottom: 20px;
	}	

	section.reservation .form-control {
		height: 50px;
	}

	section.reservation .form-group {
		/*padding: 0 15px;*/
		margin-bottom: 20px;
	}

	section.reservation .input-group {
		padding: 5px;
	}

	section.reservation .form-reservation {
		margin: 0;
	}
}

@media (max-width: 375px) {
	footer {
		height: auto;
		clip-path: none;
/*		padding-top: 10px;
		padding-bottom: 10px;*/
	}

	footer .container {
		padding-top: 0;
	}

	footer.short ul li {
	    float: none;
	    margin: 0;
	}

	header {
		/*height: auto !important;*/
	}

	header .title {
		width: 100%;
	}

	header .container {
		/*height: 300px;*/
	}

	section.featured .container {
		/*width: 100%;*/
	}	

	section.other-hotels .hotels-list {
		overflow: hidden;
	}

	.page.contacts .details-holder {
		width: 300px;
	}					
}