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

	.main {    width: 100%;	}

	header.main, footer.main { width: 95%; }

	.slider {
	    width: 100%;
	    height: 100%;
	}

	.slick-slide img { 	
	    width: 100%;
	    height: 100%;
	}

	.reserv input, .reserv select {
	    margin-top: 10px;
	}

	.reserv { padding-top:0; }


}

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

    section p { margin-bottom:20px; font-size:15px; }

	nav ul.menu a {
	    font-size: 14px;
	}

	nav ul.menu a {
    	padding: 12px 12px;
	}

}


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

	nav { display:none;border-bottom: none }

	.imenu {
	display:block;
	}

	.mobile { display:block !important; }
	.nomobile { display:none !important; }

	.imenu a {
	display: inline-block;
    background-color: #9bc7ca;
    padding: 2px 4px;
	}

	section p { padding: 0 15px; }

	nav ul li {
    text-align: left;
    width: 100%;
	}

	nav ul.menu {
    width: 100%;
	}

	nav ul li ul { display:block; position:initial }

	figure.main {
	    margin-top: 30px;
	}

	.call {
        margin-top: -20px;
	}



	div.logo img { width: 150px; }

	.call p a, footer p a {
    font-size: 20px;
	}

	.call p {
    font-weight: normal;	
	}

	.reserv input[type="submit"] {
    float: none;
	}

	.reserv input, .reserv select {
    width: 100%;
    margin-right: 0;
	}



	.reserv input[type="date"] { width:auto; min-width:50%	}

	.reserv span {
    margin-right: 10px;
    margin-top: 8px;
    display: block;
	}

	group {
    width: 48%;
    margin-right: 2%;
    display: inline-block;
    float: left;

	}
	section div.waves {
    margin-top: -30px;
	}
	section.pages h1 { padding-top: 80px; }

	section.pages .indexBlock div span.rooms {
		/*
    max-height: 100px;
    overflow: auto;
	display: none;
	*/
	}


	.indexBlock div {
		width: 100%;
		float: none;
	}

	span.rooms.mobile {

	}

	section.pages .roomsClose {
    border-radius: 0;
    margin-top: 16px;
	/*
	display: none;
	*/
	}

	section.pages .indexBlock div p.link {
	/*    min-height: 56px; */
	}

	.book a {border-radius:0}

	div.video iframe { height:240px; }

	footer div {
	    float: none;
		margin-bottom: 14px;
	}

}