.CL-image-slider,
.CL-box-content-image,
.CL-gallery-single-image-wrapper {
    height: auto !important;
}

.CL-calendar-container,
.CL-gallery-single-image-wrapper {
    max-width: 100%;
}

.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-contact-form,
.CL-booking-form {
    width: 100% !important;
}
.CL-calendar-container {
	max-width: 100%;
}

.CL-site-identity {
	max-width: 100%;
}

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

	.main-wrapper {
		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%;
		width: 100% !important;
		height: auto !important;
	}

	.CL-site-identity .CL-template-image,
	.CL-site-identity .CL-site-name {
		position: static;
		text-align: center;
	}
	
	.CL-site-name,
	.CL-site-subtitle,
	.theme-dark .nivo-directionNav,
	.theme-dark .nivo-controlNav {
		display: none;
	}

	.toggle-nav {
		display: block;
		outline: 0;
		position: relative;
		padding: 15px 20px;
		text-decoration: none;
		background-color: #ededed;
		text-decoration:none;
		transition: background-color linear 0.15s;
		text-align: right;
		font-size: 36px;
		border-bottom: 1px solid #fff;
    }

    .toggle-nav:hover, .toggle-nav.toggle-nav--active {

    }

	.toggle-nav.toggle-nav--active {
		border-bottom: 1px solid #ccc;
    }

	/* menu */

	.top-nav .CL-portlet-menu {
		display: none;
	}

	.top-nav--active .CL-portlet-menu {
		display: block;
	}

	.top-nav ul {
		float: none;
		margin: 0;
	}
	.top-nav .CL-box-main-content>ul>li {
		display: block;
	}

	.top-nav ul li {
		border-bottom: 1px solid #e8e8e8;
	}

	.top-nav ul ul {
		position: static;
		opacity: 1;
		z-index: 388;
		pointer-events: auto;
	}

	.top-nav ul ul li {
		border: none;
	}

	.top-nav ul ul li a {
		padding: 12px 30px;
		background: url("../img/list-arrow2.png") no-repeat scroll 20px center transparent;
	}

	.top-nav ul ul ul li a {
		padding: 12px 40px;
		background: url("../img/list-arrow2.png") no-repeat scroll 30px center transparent;
	}

	.top-nav ul ul li>ul {
		border: none;
	}

	.top-nav ul li>a:hover {
		background-color: #f0f0f0;
		color: #444;
	}

	.top-nav .CL-box-main-content>ul>li>a {
		color:#323232;
		padding: 18px;
	}

	.top-nav .CL-box-main-content>ul>li>a:hover,
	.top-nav .CL-box-main-content>ul>li.CL-active>a
	{ 
		color: #444;
	}

	.CL-contact-form .button {
		float: none;
	}
	.CL-contact-form .CL-contact-form-item, 
	.CL-booking-form .CL-contact-form-item {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.CL-contact-form .CL-contact-form-item--text {
		width: 100%;
	}
}

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

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

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