.CL-image-slider {
	height: auto !important;
}

.viewblock .CL-box-content-image {
	height: auto !important;
}

.CL-contact-form,
.CL-booking-form,
.CL-contact-form input, 
.CL-booking-form input, 
.CL-contact-form textarea,
.CL-booking-form textarea {
	max-width: 100%;
}

.CL-calendar-container {
	max-width: 100%;
}

/* Small devices (phones, smaller than 768px) */
@media (max-width: 767px) {

	.container.main-container {
		width: auto;
		padding: 0;
		margin: 0;
		overflow-x: hidden;
	}

	.CL-article-block-group .CL-article-column {
		width: 100% !important;
	}
	
	#logo {
		max-width: 100%;
	}
	.CL-site-identity {
		max-width: 100%;
	}
	.CL-site-name,
	.CL-site-subtitle,
	.theme-dark .nivo-directionNav,
	.theme-dark .nivo-controlNav {
		display: none;
	}
	
	/* menu */
	#menu .CL-portlet-menu ul,
	#menu .CL-portlet-menu ul li {
		width: 100%;
	}
	
	#menu .CL-portlet-menu .CL-box-main-content>ul>li.CL-active:after {
		display: none;
	}
/*	
	#menu .CL-portlet-menu .CL-box-main-content>ul>li {
		display: none;
	}
	
	#menu .CL-portlet-menu .CL-box-main-content>ul>li.CL-active {
		display: inline-block;
	}
	*/
	
	#menu .main-nav {
		display: none;
	}
	
	#menu .main-nav.main-nav--active {
		display: block;
	}
	
	#menu .CL-portlet-menu ul ul {
		position: static;
		opacity:1;
	}
	
	#menu .CL-portlet-menu ul ul ul {
		position: static;
		opacity:1;
	}
	
	#menu .CL-portlet-menu ul ul li {
		border: 0;
	}
	
	#menu .CL-portlet-menu ul ul li a {
		padding: 15px 15px 15px 30px;
		border-bottom: 1px solid #e8e8e8;
	}
	
	#menu .CL-portlet-menu ul ul ul li a {
		padding: 15px 15px 15px 45px;
	}
	
	#menu .CL-portlet-menu ul ul li.CL-parent-menu>a {
		background-image: none;
	}
	
	.toggle-nav {
		display: block;
		outline: 0;
		position: relative;
		padding: 15px 20px;
		text-decoration: none;
		color: #EEEEEE;
		text-decoration:none;
		transition: background-color linear 0.15s;
		text-align: right;
		font-size: 32px;
    }
 
    .toggle-nav:hover, .toggle-nav.toggle-nav--active {
        color:#fff;
    }
	
	.toggle-nav.toggle-nav--active {
		border-bottom: 1px solid #fff;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container,
	.container.main-container {
		width: 750px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container,
	.container.main-container {
		width: 970px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.container,
	.container.main-container {
		width: 1130px;
	}
}