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


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

    .container.theme-layout,
	#top-navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
	#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2 {
        width: auto;
    }

    .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;
    }
	
	.NewsBox .post_top .CL-box-content-image-wrapper {
		margin: 0 auto !important;
		width: 100%;
	}
	
	.NewsBox .post_top .CL-box-content-image-wrapper img {
		margin: 0 auto !important;
		width: 100% !important;
		height: auto !important;
	}
	
	.NewsBox .post_top .CL-box-content-image-wrapper.CL-box-content-image-left .CL-box-content-image,
	.NewsBox .post_top .CL-box-content-image-wrapper.CL-box-content-image-right .CL-box-content-image {
		float: left; /* ljepše izgleda */
	}
	
	.NewsBox .post_bottom {
		border: none;
		padding: 10px 0;
	}
	
	.NewsBox .post_bottom .box_subtitle {
		margin-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;
	}
	
	#bottom .CL-image-slider {
		text-align: center;
	}
	
	#bottom .CL-video-container {
		margin: 0 auto;
	}
	
	#footer {
		font-size: 10px;
	}
	
	.copyright {
		text-align: center;
	}
	
	#top-navigation {
		font-size: 11px;
	}
	
	#top-navigation ul.CL-menu-level-0 li a {
        padding: 10px;
    }
    
    #top-navigation ul.CL-menu-level-0 li.CL-first-child a {
        padding: 10px 10px 10px 0;
    }
    
    .nivo-caption {
        font-size: 10px;
    }

    .toggle-nav {
        display: block;
        outline: 0;
        position: relative;
        padding: 15px 20px;
        text-decoration: none;
        transition: background-color linear 0.15s;
        text-align: right;
		font-size: 32px;
		margin: 0 -15px;
    }
	
	.theme-layout .toggle-nav {
		color: #FFF;
        background-color:#3A3A3A;
	}

    .toggle-nav:hover, .toggle-nav.toggle-nav--active {
/*        color:#fff;
        background-color: #707070;*/
    }

    .toggle-nav.toggle-nav--active {
/*        border-bottom: 1px solid #fff;*/
    }
	
	
	#main-navigation {
		display: none;
	}
	
	#main-navigation.main-nav--active {
		display: block;
	}
	
	#main-navigation .CL-box-main ul {
		width: 100%;
	}
	
	#main-navigation .CL-box-main ul li {
		float:none;
		width: 100%;
		border-top:1px solid #2a2a2a;
	}
	
	#main-navigation .CL-box-main ul li a {
		float:none;
		border-right: none;
	}
	#main-navigation .CL-box-main ul li > ul {
		display:block;
		position:static;
		top:auto;
		left:auto;
	}
	#main-navigation .CL-box-main ul li:hover > ul { display:block; }
	#main-navigation .CL-box-main ul li > ul li, #main-navigation .CL-box-main ul li > ul li a {
		float:none;
		display:block;
	}
	#main-navigation .CL-box-main ul li > ul li {
		width:100%;
	}
	#main-navigation .CL-box-main ul li > ul li:hover ul {
		left:auto;
		top:auto;
	}
	
	#main-navigation .CL-box-main ul ul li a {
		padding: 15px 25px 15px 40px;
	}
	
	#main-navigation .CL-box-main ul ul ul li a {
		padding: 15px 25px 15px 55px;
	}
	
	
	/* override grid, smanji padding u odnosu na default.css */
	.container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	/* end override grid */

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .container,
    .container.theme-layout,
	#top-navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
	#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2 {
        width: 760px;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .container,
    .container.theme-layout,
	#top-navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
	#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2 {
        width: 990px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
    .container,
    .container.theme-layout,
	#top-navigation ul.CL-menu-level-0 li > .CL-menu-level-1,
	#top-navigation ul.CL-menu-level-0 li ul.CL-menu-level-1 > .CL-menu-level-2 {
        width: 1220px;
    }
}