.CL-image-slider,
.CL-box-content-image,
.CL-gallery-single-image-wrapper,
.CL-article-image-item,
.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-gallery-single-image-wrapper .CL-gallery-image {
    display: block;
}

.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,
.CL-gallery-single-image-wrapper {
    max-width: 100%;
}

.CL-calendar-container {
    min-width: auto;
}

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

iframe {
	max-width: 100%;
}

.CL-search-result-item, .CL-search-result-item a {
	width: auto;
	height: auto;
}

.CL-search-result-group {
	max-width: 100%;
}
/* Small devices (phones, smaller than 768px) */
@media (max-width: 767px) {

    .container {
        width: auto;
    }

    .wrapper {
        margin-top: 1px;
    }

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

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

	.CL-video-container {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0 !important;
        width: 100% !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;
	}
	
	.CL-calendar-container,
	.CL-gallery-single-image-wrapper {
		max-width: 100%;
		width: 100% !important;
	}

	.footer {
		font-size: 10px;
	}

	.copyright {
		text-align: center;
	}

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

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

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

    #header .header-left,
    #header .header-right {
    	height: auto;
    }

    #header .header-left {
        margin-bottom: 15px;
    }

    #header .CL-position-language,
    #header .CL-follow-us,
    #header .CL-position-header {
        text-align: center;
    }

    .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: 32px;
        width: auto;
        margin-left: -15px;
        margin-right: -15px;
    }

	.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;
    }

    /*nav menu*/
    #menu {
    	position: static;
    	margin-top: 5px;
    	z-index: 50;
    	width: 100%;
    }
    #menu .navigation {
        display: none;
    }
    #menu .navigation.navigation--active {
        display: block;
    }
    #menu .CL-box-main-content {
    	background: none;
    }
    #menu .CL-box-main-content ul {
    	float: none;
    	margin: 0;
    	padding: 0;
        margin-top: 2px;
        margin-bottom: 2px;
        text-align: center;
    }

    #menu ul li {
    	display: block;
    	position: relative;
    	margin-left: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    #menu ul li:last-child {
        border-bottom: none;
    }

    #header .CL-box-main{
    	background: transparent !important;
    	padding: 0!important;
    }

    #menu .CL-box-main{
    	border: 0;
    }

    #menu ul li a{
    	padding: 15px 10px;
    	font-size: 17px;
    	display: block;
    	color: #FFF;
    }

    #menu ul li:hover>ul{
    	display: block;
    }

    #menu ul li.CL-active {
    	box-shadow: none;
    }

    #menu .CL-box-main ul li:hover > a,
    #menu ul li.CL-active > a {
    	color: #666;
    	background: #FFF;
    	border-radius: 0;
    }

    #menu .CL-box-main ul ul li:hover > a,
    #menu ul ul li.CL-active > a {
    	border-radius: 0;
    }

    #menu ul ul{
    	position: static;
    	top: auto;
    	box-shadow: none;
    	opacity: 1;
    	z-index: 1;
    }
    #menu ul  li.CL-last-child ul ul{
    	left: auto;
    }

    #menu ul ul li {
    	margin: 0;
    	border-bottom: none
    }

    #menu ul ul li a{
    	width: auto;
    	background: transparent;
    	color:#FFF;
    	padding: 10px;
    	font-size: 15px;
    }

    #menu ul ul li.CL-active {
    	box-shadow: none;
    }

    #menu ul ul li:hover > a,
    #menu ul ul li.CL-active > a {
    	border-radius: 0;
    }

    #menu ul ul ul li.CL-first-child{
    	border-top: none;
    }

    #menu ul ul li.CL-last-child{
    	border-bottom: none;
    }

    #menu ul ul ul{
    	position: static;
    	left: auto;
        top: auto;
    }
    #menu .CL-box-main-title,
    #menu ul ul {
    	display: block;
    }

    .leftlayout .sidebar,
    .rightlayout .sidebar {
        border: none;
    }
}

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

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

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