/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 480px) {
	#nav-menu-header{
		width: 100%;
	}

	#nav-menu-header ul li{
		display: none;
	}

	#nav-menu-header ul li:first-child{
		display: block;
		width: 100%;
	}

	#nav-menu-bottom {
		display: none;
	}

	#block-language-invi{
		display: block;
		text-align: center;
		width: 100%;
	}

	.menu-bottom-slider{
		display: none;
	}

	.address{
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
	}

	.social-network{
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
		margin: 0;
	}

	#booking-policy{
	width: 80%;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.9em;
	overflow: auto;
	height: 250px;
	}

	.center{
		width: 100%;
	}

	.right-menu-main{
		display: none;
	}

	#menu-responsive{
		display: block;
	}

	#booking-responsive{
		display: block;
	}

	#scrollUp{
		display: none !important;
	}

	#block-service-responsive{display: block;}

	.breadcrumbs{
		display: none;
	}

	.text-content-block{
		display: none;
	}

	.content-scroll-bar{
		display: none;
	}

	div#content-superior > div.block-info{
		width: 96%;
		padding:0 2%;
	}


	div.content{
		padding:0 !important;
	}

	div.content ul li{
		width: 38% !important;
	}

	div#content-superior > div.block-info h3{
		text-align: center;
	}

	#block-language{
		display: none;
	}

	div#content-superior > div.block-info > div.col-left{
		width: 100%;
	}

	div#content-superior > div.block-info > div.col-right{
		width: 100%;
		padding: 0;
	}

	.block-center-location div.col-left{
		width: 100%;
	}

	.block-center-location div.col-right{
		width: 100%;
	}

	div.content ul li{
		border: none !important;
	}

	.block-content-menu-left{
		display: none;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#block-service-responsive{
		display: block;
	}



	#block-language-invi{
		display: block;
		text-align: center;
		width: 100%;
	}

	.background-grayscale{
		display: none;
	}

	#nav-menu-header{
		width: 100%;
	}

	#nav-menu-header ul li{
		display: none;
	}

	.menu-bottom-slider{
		display: none;
	}

	#nav-menu-header ul li:first-child{
		display: block;
		width: 100%;
	}

	#booking-responsive{
		display: block;
	}

	#menu-responsive{
		display: block;
	}

	#block-language{
		display: none;
	}

	.block-content-menu-left{
		display: none;
	}

	#menu-home{
		display: none;
	}


	#nav-menu-bottom {
		display: none;
	}

	.address{
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
	}

	.social-network{
		width: 100%;
		display: block;
		clear: both;
		text-align: center;
		margin: 0;
	}

	#booking-policy{
	width: 80%;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.9em;
	overflow: auto;
	height: 250px;
	}

	.content-scroll-bar{
		display: none;
	}

	.breadcrumbs{
		display: none;
	}

	.text-content-block{
		display: none;
	}

	div#content-superior > div.block-info{
		padding: 0;
		width: 100%;
		
	}
}

@media screen and (min-width: 769px) and (max-width: 1000px) {
	div#content-superior > div.block-info{
		padding: 0;
		width: 100%;

	}

	.content-scroll-bar{
		display: none;
	}

	.breadcrumbs{
		display: none;
	}
	.menu-bottom-slider{
		display: none;
	}

	#booking-responsive{
		display: block;
	}

	#block-language-invi{
		display: block;
		text-align: center;
		width: 100%;
	}

	.background-grayscale{
		display: none;
	}

	#nav-menu-header{
		width: 100%;
	}

	#block-language{
		display: none;
	}


	#nav-menu-bottom {
		display: none;
	}

	#menu-responsive{
		display: block;
	}

	.center{
		width: 90%;
	}

	#nav-menu-header ul li{
		display: none;
	}

	#nav-menu-header ul li:first-child{
		display: block;
		width: 100%;
	}

	#nav-menu-bottom {
		display: none;
	}

	#block-service-responsive {
	display: block;
	}

	.breadcrumbs{
		margin-top: 0;
	}

	.content-scroll-bar{
		display: none;
	}

	.text-content-block{
		display: none;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
	#menu-responsive{
		display: none;
	}

	.content-scroll-bar{
		display: none;
	}

	.text-content-block{
		display: none;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1349px) {

	#menu-responsive{
		display: none;
	}

}