html,body {
	/*-ms-overflow-x: hidden !important;
	overflow-x: hidden !important;*/
}
.slick-prev:after, .slick-next:after{ display:none;}

.within {width: auto !important; padding:0 5px;}	

.primNav ul li { width:108px;}

.mobMenu { display:block;}

.content.home .contBox { width: 100%; float:none; border:none;}
.content.inner .contBox { width: 100%; float:none; border:none;}
.contBox { width: 100%; float:none;}
.sideBox { width: 100%; float:none; margin-top:25px;}

.slickSlider {width: 100%;}

.home .teaserHolder .teaserBox { width:25%;}
.teaserHolder .teaserBox { width:16.66%;}
.teaserHolder .teaserBox img { width:100%; height:auto;}
.teaserHolder .teaserBox .titleBox h3{ font-size:100%}
.teaserHolder .teaserBox .titleBox .subTitle{font-size:100%}

.teaserHolder .exchange-rate table td img { width:auto;}

.innerBox img{ width:100%;}


.newsListHolder .highlightedBox { }
.newsListHolder .highlightedBox .imageHolder { width:auto}
.newsListHolder .highlightedBox .imageHolder a img { height:272px;}
.newsListHolder .highlightedBox .dataHolder { }

.newsBox .imageHolder a { height:auto;}
.newsBox .dataHolder { transform:translateY(-4px)}
.newsBox .imageHolder .hoverBox { height:98.5%;}

.servicesHolder .serviceBox img {
    /*height: auto;*/
    width: 100%;
}
.serviceBox a{ height:95%;}

.serviceBox .hoverBox { height:100%}
.serviceBox a h3{ color:#EA002A; text-decoration:underline;}
.innerContent .serviceBox h3 { font-weight:600;}

.cdContent p span { width:160px; margin:0 auto;}

.bannersHolder {margin: 0 -10px;}
.bannerBox { width:25%; padding:0 10px; float:left;}

.accordion { display:none;}

.content.inner .sideBox .teaserHolder .teaserBox, .content.inner .sideBox .bannersHolder .bannerBox { width:50%; float:left;}

@media screen and (max-width: 992px) {
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	.primNav { display: none;}
    
    .logoHolder {
        left: 10px;
        position: absolute;
        top: 14px;
        margin:0;
		z-index:1001
    }
	
    .footerHolder .subMenu { height: auto;}
    
    .fixedBox .fixed-slide { display:none;}
    
    .innerContent .title { font-size:30px; margin: 10px 0 20px;}
    
    .innerBox .section_photo > img { display:none;}
    
	.tabs-menu li { width:100%;}
	.tabs-menu li a{ width:100%; display:block;}
	
	.footerLeft { float:none; display:table; margin:0 auto;}
	.footerRight  { float:none; display:table; margin:20px auto 0; text-align:center;}
}

@media screen and (max-width: 860px) {
    
    .topBar { height:auto; position:relative; margin-top:-69px;}
    .topBar.open {margin-top:0}
    .topBar .within{ padding:0}
    .topBar .openBar { display:block;}
    
    .subNavHolder { float:none; margin:0 auto; display:table; text-align:center; margin-bottom:5px}
    .subNav li {line-height:30px;}
    .social {float:none; margin:0 auto; display:table; height:30px; line-height:30px;}
    .social a {line-height:30px;}
	.social a:first-child { border-left:none;}
    .phone {float:none; margin:0 auto; display:table; line-height:30px; text-align: center;}
	
    .teaserHolder { border-bottom:none; border-right:none;}
	.teaserHolder .teaserBox { width:33.33%; height:auto; border-bottom: 1px solid #FFF;}
    .teaserHolder .teaserBox:last-child,  .teaserHolder .teaserBox:nth-child(3n){ border-right: 1px solid rgba(255,255,255,0.00);}
}

@media screen and (max-width: 768px) {
	.conectedHolder .col-4{ float:none; width: 100%; margin-bottom:15px;}
    .conectedHolder .col-4 ul { text-align:left;}
	
	.bannerBox { width:50%; padding:0 10px; float:left;}
    
    .conectedHolder ul li, .block ul li {
        font-size: 14px;
    }
    
    .copyrightHolder p { line-height:170%; margin-top:15px; }
    
    .flip-scroll table {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto;
    }
    
    .newsListHolder .highlightedBox {height:auto;}
    .newsListHolder .highlightedBox .imageHolder { width:100%; float:none; height:auto;}
    .newsListHolder .highlightedBox .dataHolder {width:100%; float:none; padding-bottom:20px;}
    .newsListHolder .highlightedBox .imageHolder a img { width:100%; height:auto;}
	
	.home .teaserHolder .teaserBox {
		width: 50%;
	}
    
    .col-3 { width:50%}
    
    .locationForm .col-5, .locationForm .col-2 { width:100%; margin-bottom:10px}
    .locationForm.fbox input[type="submit"] { margin:0 auto;}
    .locationForm.fbox .col-4 { text-align:center}
    
    .servicesHolder .col-4{ width:100%;}
    .serviceBox .hoverBox .lead { position:relative; top:35%; padding:0 10px; text-align:center;}
    .serviceBox .hoverBox .more { position:relative; top:45%;}
    
    .content {margin-top: 25px;}
    .slickItem .title { font-size:26px;}
    .slickItem .place-date, .slickItem .lead { display:none;}
    .slickItem .more { font-size:11px;}
    
    .accordion-section-title { font-size:18px;}
    
    .innerContent .title { font-size:24px; margin: 7px 0 15px; line-height: 110%;}
    .innerContent .lead { font-size:14px;  margin-bottom: 20px; padding-bottom:20px;}
    .innerContent p { font-size:14px;}
    .innerContent .table_main { width: auto;}
    .menuNlogo { height:84px; transform: translateY(-15px); z-index: 100;}
    .logoHolder img { width:70%;}
    .dl-menuwrapper {transform: translateY(17px);}
    .fbox .frow { width:100%;}
    .field select#dan, .field select#mesec{ width:55px; background: #fff; border: 1px solid #ccc;}
    .field select#godina { width:105px; background: #fff; border: 1px solid #ccc;} 
    
    .image_holder.Right { float:none; margin:0;}
    .image_holder.Left { float:none; margin:0;}
    .image_holder .image_border { width: auto;}
	
	.teaserHolder .teaserBox:nth-child(2){
		display: block !important;
	}
	#teaserHolder .teaserBox:nth-child(2){
		display: block !important;
	}
	
	.bannersHolder .bannerBox:first-child {
/*		display: none !important;*/
	}
}

@media screen and (max-width: 680px) {
	.home .teaserHolder .teaserBox {width: 100%; float:none;}
	.bannerBox { width:100%; padding:0 10px; float:none;}
	
	.newsBox .imageHolder .hoverBox { height:98%;}
    .fbox .row { margin:0;}
    .fbox .col-6{ float:none; width:100%; padding:0 10px; margin-top:15px;}
    .fbox .col-12 {margin-top:15px;}
    .necessary { font-size:11px; margin-top:20px;}
    
    .kolona_filijala { padding:10px 46px 0;}
    .kolona_filijala ul li { margin:0 0 15px 0; width:100%;}
    .kolona_filijala ul li:nth-child(3n){ margin-right:0;  width:100%; margin-left:0; }
    
    .slickItem .title { font-size:22px;}
	
	
	.slickItem .capiton { width:50%}
	/*.slick-slide img { min-height:215px;}*/
}

@media screen and (max-width: 600px) {
	.teaserHolder .teaserBox { width:50%; height:auto; border-bottom: 1px solid #FFF;}
    .teaserHolder .teaserBox:last-child,  .teaserHolder .teaserBox:nth-child(2n){ border-right: 1px solid rgba(255,255,255,0.00);}
    
    .newsListBox .col-4 { float:none; width:100%;}
    .newsBox .imageHolder .hoverBox { height:99%;}
    
    .content.inner .sideBox .teaserHolder .teaserBox, .content.inner .sideBox .bannersHolder .bannerBox { width:100%; float:none;}
}


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

@media screen and (max-width: 480px) {
    
    /*.topBar { margin-top:-292px}*/
	.topBar { margin-top:-252px}
    .subNav li { float:none;}
    
	.teaserHolder .teaserBox { width:100%; height:auto; border-bottom: 1px solid #FFF;}
    .teaserHolder .teaserBox { border-right: 1px solid rgba(255,255,255,0.00);}
    
    .teaserHolder .teaserBox .titleBox h3{ font-size:16px}
    .teaserHolder .teaserBox .titleBox .subTitle{font-size:16px}

    #boxes #searchSite { width:80%;}
    #boxes #searchSite .titleBox h2 { font-size:18px;}
    
    .col-3 { width:100%}
    
    .slickItem .title { font-size:20px;}

}

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


@media screen and (max-width: 320px) {
    #smartbanner .sb-info {
        width: 42%;
    }
}