.CL-image-slider,
.CL-box-content-image,
.CL-gallery-single-image-wrapper {
    height: auto !important;
}

.CL-image-slider img {
    max-width: 100%;
}

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

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

iframe {
	max-width: 100%;
}

/* Small devices (phones, smaller than 768px) */
@media (max-width: 767px) {
	.container {
		width: auto;
        padding-left: 15px;
        padding-right: 15px;
	}

    .content-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .header-layout {
        margin-left: -15px;
        margin-right: -15px;
    }

    .footer .footer-bottom {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }

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

    .main-wrap .sidebar {
        border-width: 0;
    }

	.logo {
		max-width: 100%;
	}
	.CL-site-identity {
		max-width: 100%;
		width: 100% !important;
    	height: auto !important;
	}

	.CL-site-identity .CL-template-image,
	.CL-site-identity .CL-site-name {
		position: static;
    	text-align: center;
	}

    .header-brand .CL-site-identity img {
        display: inline-block;
    }

	.CL-site-subtitle,
	.theme-dark .nivo-directionNav,
	.theme-dark .nivo-controlNav {
		display: none;
	}

	.CL-site-name {
		text-align: center;
	}

	/* menu */
    #header-menu nav.navigation {
        display: none;
        position: static;
        padding: 0 0 5px 0;
    }

    #header-menu nav.main-nav--active {
        display: block;
    }

    #header-menu nav.navigation .CL-box-main li.CL-parent-menu ul,
    #header-menu nav.navigation .CL-box-main ul ul ul,
    #header-menu nav.navigation .CL-box-main ul li {
        display: block;
        float: none;
    }

    #header-menu nav.navigation .CL-box-main ul li {
        margin: 0;
        min-height: 45px;
    }

    #header-menu nav.navigation .CL-box-main ul li a {
        display: block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin-top: 1px;
        opacity: 1;
    }

    #header-menu nav.navigation .CL-box-main ul li:hover a {
        height: 45px;
        line-height: 45px;
        margin-top: 1px;
    }

    #header-menu nav.navigation .CL-box-main ul li.CL-active a {
        height: 45px;
        line-height: 45px;
        margin-top: 1px;
    }

    #header-menu nav.navigation .CL-box-main ul ul li a {
        display: block;
        width: 100%;
        border-right: 0;
    }

    #header-menu nav.navigation li.CL-parent-menu:hover>ul {
        position: static;
        width: 100%;
        margin: 0;
    }

    #header-menu nav.navigation ul ul li.CL-parent-menu:hover>ul {
        position: static;
        margin: 0;
    }

    #header-menu nav.navigation .CL-box-main ul li.CL-parent-menu ul:before,
    #header-menu nav.navigation .CL-box-main ul li.CL-parent-menu ul ul:before {
        background: none;
        display: none;
        position: static;
    }

    /*#header-menu nav.navigation .CL-box-main ul li.CL-parent-menu ul:before {
        top: 40px;
    }*/


	.toggle-nav {
		display: block;
		outline: 0;
		position: relative;
		padding: 10px 20px;
		text-decoration: none;
		color: #EEEEEE;
		text-decoration:none;
		transition: background-color linear 0.15s;
		text-align: right;
		font-size: 32px;
        margin-bottom: 2px;
    }

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

    .toggle-nav.toggle-nav--active {

    }

	.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;
        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-image-slider {
        text-align: center;
    }

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

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

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

    #buttonUp {
        bottom: 15px;
        right: 15px;
    }

    article.postHorizontalItem {
        border: 0;
    }
    .CL-article-block-group div.postHorizontalItem div.naslovi {
        width: 100%;
        float: none;
        padding: 10px;
    }
    .CL-article-block-group .postHorizontalItem-Link {
        float: none;
        width: 100%;
        min-height: 90px;
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0;
    }
    .CL-article-block-group .postHorizontalItem-Link .Link {
        width: 70%;
    }
    .CL-article-block-group .postHorizontalItem .naslovi h3,
    .CL-article-block-group .postHorizontalItem .naslovi h4 {
        text-align: center !important;
    }
    
    .CL-search-result-toolbar .CL-search-result-text {
		width: 100%;
	}
	
	.CL-search-result-toolbar .CL-search-result-scope {
		margin-left: 0;
	}
}

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


    .main-wrap .sidebar {
        border-width: 0;
    }

    #header-menu nav.navigation .CL-box-main ul li a {
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        margin-top: 5px;
        padding: 0 12px;
    }
    #header-menu nav.navigation .CL-box-main ul ul li a {
        padding: 7px;
        font-size: 12px;
        line-height: 18px !important;
    }
    #header-menu nav.navigation .CL-box-main ul li.CL-active a {
        height: 55px;
        line-height: 55px;
    }
    #header-menu nav.navigation .CL-box-main ul li:hover a {
        height: 55px;
        line-height: 55px;
    }

}

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


    .main-wrap .sidebar {
        border-width: 1px;
    }

    #header-menu nav.navigation .CL-box-main ul li a {
        font-size: 15px;
        height: 70px;
        line-height: 70px;
        margin-top: 5px;
        padding: 0 20px;
    }
    #header-menu nav.navigation .CL-box-main ul ul li a {
        padding: 10px;
        font-size: 13px;
        line-height: 20px !important;
    }
    #header-menu nav.navigation .CL-box-main ul li.CL-active a {
        height: 75px;
        line-height: 75px;
    }
    #header-menu nav.navigation .CL-box-main ul li:hover a {
        height: 75px;
        line-height: 75px;
    }

    .postHorizontalItem h3.CL-box-title {
        font-size: 30px;
    }
    .postHorizontalItem h4.CL-box-subtitle {
        font-size: 24px;
    }
}

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

}