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

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

	.container {
		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%;
	}
	.CL-site-name,
	.CL-site-subtitle,
	.theme-dark .nivo-controlNav {
		display: none;
	}
	.theme-dark a.nivo-nextNav {
		right: 0;
	}
	.theme-dark a.nivo-prevNav {
		left: 0;
	}
	
	.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: 0;
	}
	
	.footer-widgets-area .CL-image-slider {
		text-align: center;
	}
	
	.footer-widgets-area .CL-video-container {
		margin: 0 auto;
	}
	
	.footer-message {
		font-size: 10px;
	}
	
	.copyright {
		text-align: center;
	}
	
	
	.toggle-nav {
		display: block;
		outline: 0;
		position: relative;
		padding: 15px 20px;
		text-decoration: none;
		background-color: #333;
		color: #fff;
		transition: background-color linear 0.15s;
		text-align: right;
		font-size: 32px;
		margin-left: -15px;
		margin-right: -15px;
    }

    .toggle-nav:hover, .toggle-nav.toggle-nav--active {
		color:#fff;
    }
	
	.toggle-nav.toggle-nav--active {
		
    }
	
	nav#top-menu {
		display: none;
		margin: 0;
	}
	
	nav#top-menu.main-nav--active {
		display: block;
		margin-bottom: 5px;
	}
	
	nav#top-menu .CL-box-main ul {
		position: static;
		max-height: none;
	}
	
	nav#top-menu .CL-box-main ul li {
		display: block;
		float: none;
		border-top: none;
		height: auto;
		line-height: 20px;
		background: #333;
	}
	#top-menu .CL-box-main ul li a {
		display: block;
		padding: 15px 25px;
		text-align: center;
		max-height: none;
		border-top: 1px solid #999;
		color: #fff;
	}
	nav#top-menu .CL-box-main ul li:hover, nav#top-menu .CL-box-main ul li.CL-active{
		background-color: #f0f0f0;
	}
	.CL-portlet.CL-portlet-top.CL-portlet-menu.hovered {
		height: auto;
		margin-top: 0;
	}
	/* sub meni*/
	nav#top-menu .CL-box-main ul ul {
		display: block;
		top: auto;
		position: static;
		left: 0;
		z-index: 1500;
		width: auto;
		border-top: 1px solid #999;
	}
	nav#top-menu .CL-box-main ul ul li {
		float: none;
		display: block;
		margin: 0;
		height: auto;
		width: auto;
		background: #333;
		border-width: 0;
		transition: all 300ms ease 0s;
	}
	
	nav#top-menu .CL-box-main ul ul li a {
		text-transform: none;
		text-align: center;
		padding: 10px 25px;
		color: #fff;
		font-size: 11px;
		border-top: none;
	}
	
	nav#top-menu .CL-box-main ul ul ul {
		display: block;
		top: 0;
		position: static;
		left: auto;
		z-index: 500;
		width: auto;
		transition: height 300ms ease-in 50ms;
	}
	
	.CL-article-block .CL-box-container, .CL-box-live-preview .CL-box-container {
		padding: 10px 0;
	}
	
	.PictureBox .media .CL-box-content-image-wrapper img {
		float: none;
		display: inline-block;
		margin-left: 0;
/*		margin: 20px 0;*/
		width: 100% !important;
		height: auto !important;
	}
	
	.CL-contact-form .CL-contact-form-item,
	.CL-booking-form .CL-contact-form-item {
		width: 100%;
		padding: 0;
	}
	
	.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 select {
		width: 100% !important;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.container {
		width: 750px;
	}
	
	nav#top-menu .CL-box-main ul.CL-menu-level-0 {
		position: relative;
		max-height: 100%;
		border-top: 5px solid #333;
	}
	
	nav#top-menu .CL-box-main ul li {
		border-top: none;
	}
	
	nav#top-menu .CL-box-main ul ul {
		top: 140px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
	
	
	nav#top-menu .CL-box-main ul.CL-menu-level-0 {
		position: absolute;
		max-height: 100%;
		border-top: none;
	}
	
	nav#top-menu .CL-box-main ul li {
		border-top: 5px solid #333;
	}
	
	nav#top-menu .CL-box-main ul ul {
		top: 130px;
	}
}

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