.CL-image-slider,
.CL-box-content-image,
.CL-gallery-single-image-wrapper,
.CL-gallery-single-image-wrapper .CL-gallery-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-contact-form,
.CL-booking-form {
    width: 100% !important;
}
.CL-calendar-container,
.CL-gallery-single-image-wrapper {
    max-width: 100%;
}

.CL-article-block.CL-module-renderer.CL-article-Upload {
	margin-right: 0;
}

.CL-upload-file-container {
	padding: 5px;
}

.CL-upload-link-icon {
	top: 2px;
	left: 0;
	float: left;
	margin-right: 5px;
	padding-right: 0;
}

.CL-upload-file-link-text {
	float: none;
	display: inline;
	padding: 0;
}

.downloadButton {
	margin-right: 5px;
}
.CL-calendar-container {
	max-width: 100%;
}

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

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

    .container,
	.navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
	.navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2 {
        width: auto;
    }

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

    .main-wrap {
        box-shadow: none;
    }

    .CL-article-block-group .CL-article-column {
        width: 100% !important;
    }

    #logo {
        max-width: 100%;
    }
    .CL-site-identity {
        max-width: 100%;
		text-align: center;
    }
	.CL-site-identity .CL-template-image {
		position: relative;
	}
    .CL-site-name,
    .CL-site-subtitle {
        display: none;
    }

    .theme-dark .nivo-directionNav a {
		display: none;
	}
    .theme-dark .nivo-controlNav {
        text-align: center;
        padding-left: 0;
    }

    .CL-column.CL-position-header {
        text-align: center;
    }

	.CL-video-container {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0 !important;
	}
	.CL-video-container object,
	.CL-video-container embed,
	.CL-video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.CL-contact-form .CL-contact-form-item,
	.CL-booking-form .CL-contact-form-item {
		width: 100%;
	}

	.CL-form-item.CL-contact-form-item .text-input-required, .CL-form-item.CL-contact-form-item .text-input,
	.CL-booking-form.CL-contact-form-item .text-input-required, .CL-booking-form.CL-contact-form-item .text-input {
		width: 100% !important;
		float: none !important;
	}

	.CL-form-item.CL-contact-form-item textarea,
	.CL-form-item.CL-contact-form-item select {
		width: 100% !important;
	}

	.CL-gallery-single-image-wrapper {
		margin: 0;
	}

    .content-left,
    .content-right {
        border-left: none;
        border-right: none;
    }

    .header {
        border-bottom: none;
    }

	.footer .CL-image-slider {
		text-align: center;
	}

	.footer .CL-video-container {
		margin: 0 auto;
	}

	.footer {
		font-size: 10px;
	}

	.copyright {
		text-align: center;
	}

	.CL-article-image-item {
		margin: 0 auto !important;
		width: 100% !important;
		height: auto !important;
	}

    .box-container .CL-box-content-image-wrapper {
		margin: 0 auto !important;
		width: 100%;
	}

	.box-container .CL-box-content-image-wrapper img {
		margin: 0 auto !important;
		width: 100% !important;
		height: auto !important;
	}

    .toggle-nav {
        display: block;
        outline: 0;
        position: relative;
        padding: 0 15px;
        text-decoration: none;
        transition: background-color linear 0.15s;
        text-align: right;
		font-size: 24px;
        width: 100%;
    }

	.toggle-nav {
		color: #fff;
	}

    .toggle-nav:hover,
    .toggle-nav.toggle-nav--active {
        background-color: #fff;
        text-decoration: none;
    }

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

    .header .navigation { display: none; }
    .header .navigation.navigation--active { display: block; }
    .header .navigation ul { width: 100%; float: none; margin: 0;}
    .header .navigation ul li { text-align: center; border-top:1px solid #ccc; }
    .header .navigation ul li a { display: block;outline:0;position:relative }
    .header .navigation ul ul { display:block;position:static;top:auto;left:auto;z-index: auto; opacity: 1;}
    .header .navigation ul ul li { min-width: 100%; }
    .header .navigation ul ul li [class*="icon-"] { margin-right: 0 }
    .header .navigation ul ul li.CL-parent-menu>a {background: none; }
    .header .navigation ul ul li a { color: #787878;padding:12px 15px }
    .header .navigation ul ul li:hover>a { background-color: #f0f0f0;color:#444444 }
    .header .navigation ul li:hover>ul { top: auto;left:auto;z-index:auto; }
    .header .navigation .CL-box-main-content>ul>li { display: block;margin-right:0;line-height:30px;font-size:14px;padding:0; }
    .header .navigation .CL-box-main-content>ul>li>a { color: #EEEEEE;padding:6px 0 }
    .header .navigation ul ul li>ul { border-top: 1px solid #ebebeb; }
    .header .navigation ul ul li:hover>ul { left: auto;opacity:1;padding:0;top:auto }

}

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

}

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

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