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

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

.CL-article-image-item,
.CL-portlet-image .CL-image-slider img {
    max-width: 100%;
}

@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 980px) {

}

@media screen and (max-width: 840px) {

        #header .header-brand {
            float: none;
            margin: 0;
        }

        .CL-site-identity {
            width: 100% !important;
            height: 3.25em !important;
        }

        .CL-site-identity .CL-template-image {
            position: static;
            height: 100%;
            text-align: center;
        }

        .CL-site-identity .CL-template-image img {
            vertical-align: middle;
        }

        .CL-site-identity .CL-site-name,
        .CL-site-identity .CL-site-subtitle {
            display: none;
        }
}

@media screen and (max-width: 736px) {

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

    	.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-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-gallery-single-image-wrapper {
    		margin-left: 0;
    		margin-right: 0;
			width: 100% !important;
			text-align: center;
    	}
    	
    	.CL-gallery-single-image-wrapper .CL-gallery-image {
			width: auto;
		}

        .box-image-featured .CL-box-content-image-wrapper .CL-box-content-image {
            width: 100% !important;
		}
}

@media screen and (max-width: 480px) {

}