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

.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;
        padding-left: 0;
        padding-right: 0;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
    }

    #container-column {
        padding-left: 0;
        padding-right: 0;
    }

    .content-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #container-column .CL-portlet {
        margin-bottom: 5px;
    }

    #container-column .CL-portlet:last-child {
        margin-bottom: 0;
    }

    .breadcrumb .CL-portlet-trail {
        margin-top: 5px;
    }

    .breadcrumb .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .CL-box-container {
        padding: 0;
    }

    .CL-article-block .CL-box-container {
        padding-left: 0;
        padding-right: 0;
    }

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

	.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;
	}
    .CL-search-result-text {
    	width:100% !important;
        margin-bottom: 5px !important;
        margin-top: 15px !important;
        margin-right: 0 !important;
    }
	.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;
	}


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

	.toggle-nav {
		color: #fff;
	}

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

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

    .menu-container {
    	position: static;
        margin-top: 1px;
    }
    .menu-container .main-nav {
    	display: none;
    }
    .menu-container .main-nav--active {
    	display: block;
    }
    .menu-container .main-nav ul {
    	float: none;
    	text-align:center;
    	position:static;
    }
    .main-nav li
    {
    	display:block;
    	padding:10px;
    }
    .main-nav li.CL-parent-menu
    {
    	background: none;
    	position:static;
    }
    .main-nav li a
    {
    	margin-right:0;
    }

    .menu-container .main-nav li li.CL-parent-menu {
    	background: none;
    }
    .main-nav ul ul
    {
    	display:block;
    }
    .main-nav ul li.CL-parent-menu:hover>ul
    {
    	position: static;
    	top: auto;
    	left: auto;
    	display: block;
    }

    .main-nav li li
    {
    	border-top:1px solid #ddd;
    	padding:10px;
    }
    .main-nav li li li
    {
    	border:1px solid #ddd;
    }
    .main-nav ul ul li a
    {
    	width:100%;
    	padding: 7px 10px;
    	font-size:15px;
    	display:block;
    }
    .main-nav li li.CL-parent-menu:hover ul
    {
    	position: static;
    	left: auto;
    	top: auto;
    	display: block;

    }

}

/* 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: 1054px;
    }
}
