@media screen and (min-width: 1150px) { .slicknav_menu { display: none; } }

@media screen and (max-width: 1150px) {
    #header {position: relative;}
    #animation {top: 0px;}
    #cover{top:0px;}
    #content{margin-top: 0px;}

	.deviceDesktop { display: none !important; }

	.device500px { display: none !Important; }

	.device800px { display: none !Important; }

	.device1150px { display: none !Important; }



	html { overflow-x: hidden; }

	.slicknav_nav a { font-family: 'Roboto', sans-serif !important; font-size: 15px !Important; }

	.slicknav_nav ul.submenu a { font-size: 14px !Important; }

	.slicknav_nav a:hover { background: #eb5352 !Important; }

	#header .menuBg { display: none; }

	.fa-angle-down:before { display: none; }

	#header .topNavBig { padding-top: 47px; }

	#content .rightPart { width: 100%; bottom: auto; right: auto; position: relative; }

	#content .leftPart { width: 100%; }

	#animation .bottomBg .leftBG { width: 100%; }

	#animation .bottomBg .rightBG { width: 100%; display: none; }

	.container { width: 100%; }

	#content .container { width: 100%; }

	#content .bgContent .container { height: 100%; }

	#content .bgContent.bellokoPonuda .rightInfo { width: 100%; float: right; margin-right: 0; text-align: center; padding-top: 0; }

	#content .bgContent { height: 100%; text-align: center;}

	#content .bgContent.bellokoPonuda .contentImg { width: auto; height: 100%; position: relative; bottom: auto; left: auto; z-index: 10; margin: 0 auto; max-width: 100%; margin-bottom: 60px; }

	#header .logo { display: block; width: 100%; background: url(../template/logo.png) no-repeat center; margin-top: 30px; height: 130px; background-size: contain;
}

	#header .topNavBig .button.pregled { float: none; margin-top: 30px; }



	#content .leftPart p { padding: 0 15px; }

	#content .leftPart h2.large { padding: 0 15px; }

	#animation .links { left: calc(100% / 2 - 95px); }

	#content .whiteContent .container.fullCenter p { padding: 0 15px; }

	#content .whiteContent .container.fullCenter h2 { padding: 0 15px; }

	#content .whiteContent .container.fullCenter h3 { padding: 0 15px; }

	#content .whiteContent .container.fullCenter .boxes .box { float: none; margin: 0 auto 50px; }

	#content .whiteContent .container.fullCenter .boxes .box:nth-child(2) { margin: 0 auto 50px; }

	#content .whiteContent .container.fullCenter .boxes .box:nth-child(3) { margin-bottom: 10px; }

	#content .whiteContent .container.ptb100 { padding: 40px 0; }



	#content .bgContent.bellokoPonuda .rightInfo p { padding: 0 20px; }



	#animation #slider .desc { padding: 0 0px; max-width: 100%; right: auto; text-align: center; width: 100%;}

	#animation #slider .desc h2 {width: 100%;padding: 0 0px;text-align: center;font-size: 30px;}

	#animation #slider .slick-active .desc h2 { right: 0px; }

	#animation #slider .desc .btn { right: calc(100% / 2 - 60px); float: none; }

	#animation #slider .slick-active .desc .btn { bottom: 160px; }



	#animation .bottomBg h2 {width: 100%;padding-left: 10px;}

	#animation .bottomBg p {width: 100%;float: left;max-width: 90%;padding-left: 10px;}



	#content .newsletterForm .leftForm { width: 100%; float: none; }

	#content .newsletterForm .leftForm h2 { text-align: center; }

	#content .newsletterForm .leftForm p { text-align: center; }

	#content .newsletterForm .rightForm { width: 100%; max-width: 100%; float: none; text-align: center; }

	#content .newsletterForm .rightForm input[type=text] { width: 80%; }



	#footer .container .leftInfo {width: 100%;float: none;border: 0;padding: 0;text-align: center; margin-bottom: 35px;}

	#footer .container .rightMap { float: none; width: 100%; height: 360px; }

	#footer .container .leftInfo .ico {text-align: left;padding: 0px 10px 0 40px;margin-left: 10px;}

	#footer .container { padding: 30px 0 0; }

	#copyright { padding: 0 10px; }

	#copyright .container { text-align: center; }



	#cover .cover .container .msg h2 { margin-right: 20px; }

	#content .leftInner {width: 100%;float: none;padding: 40px 0 20px;}

	#content .leftInner h1 { padding: 0 15px; }

	#content .leftInner p { padding: 0 15px; }

	#content .rightInner { width: 100%; float: none; top: 0; z-index: 15; }

	#content .rightInner .formZakazivanje {padding: 50px 40px 0px 40px;width: 350px;margin: 0 auto 30px;}

	#content .formZakazivanje .formIn { padding: 30px 0; }

	#content .formZakazivanje .formIn .selectIn { width: 342px; }



	#cover .cover .container .msg h2 { font-size: 30px; }

	#content .leftInner h3 { padding: 0 15px; }

	#content .leftInner .listItem { margin-left: 15px; width: 300px; }



	#content .leftInner .ico { width: 300px; margin-left: 15px; }

	#content .formZakazivanje .formIn.formContact {padding: 30px 15px;width: 300px;margin: 0 auto;}

	#content .formZakazivanje .formIn textarea { width: 240px; }



	#content .formZakazivanje .formIn.zakazitePregled {width: 300px;margin: 0 auto;}

	#content .formZakazivanje .formIn.zakazitePregled input { width: 260px; }

	#content .formZakazivanje .formIn.zakazitePregled input.datepicker { width: 270px; }

	#content .formZakazivanje .formIn.zakazitePregled .selectpickerTime button { width: 292px; }

	#content .formZakazivanje .formIn.zakazitePregled .bootstrap-select > .dropdown-toggle {width: 292px;margin-bottom: 15px;}

	#content .formZakazivanje .formIn.zakazitePregled .selectpickerTime {float: left;margin-bottom: 0;}



	#content .formZakazivanje .formIn.formContact textarea { width: 310px; max-width: 310px; }



	#content .whiteContent.bgOn { background: none; }

	#content .whiteContent.fastLinksBg { background: none; }

	#content .whiteContent.fastLinksBg .fastLinks { text-align: center; padding: 0; }

	#content .whiteContent .container.fullCenter.leftText { text-align: center; }

	.icon-bar, .icon-bar2, .icon-bar3 {
		display: none;
	}
	.mobile-social-bar{
		margin-top:30px;
		display: inline-flex;

	}
	.mobile-social-bar a {
		/*background-color: #eb5352;
		padding: 14px;
		border-radius: 50%;*/
		position: relative;
    	top: 8px;
	}
	.mobile-social-bar-wrap {
		height: 40px;
		width: 40px;
		border-radius: 50%;
		background-color: #eb5352;
		margin-right: 10px;
		margin-left: 10px;
	}
	.mobile-social-bar-wrap .facebook {
		background: transparent;
		color: #fff;
	}
	.mobile-social-bar-wrap .instagram {
		background: transparent;
		color: #fff;
	}
	.mobile-social-bar-wrap .youtube {
		background: transparent;
		color: #fff;
	}

}



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

	#content .rightInner .formZakazivanje { padding: 50px 40px 0px 20px; width: 250px; margin: 0 auto; }

	#content .formZakazivanje .formIn input { width: 240px; font-size: 12px; }

	#content .formZakazivanje .formIn input.datepickerIco { width: 250px; }

	#content .formZakazivanje .formIn .selectpickerTime { width: 270px; float: none; }

	#content .formZakazivanje .formIn .selectpickerTime button { width: 272px; margin-bottom: 15px; }

	.bootstrap-select > .dropdown-toggle { font-size: 12px; width: 271px; }

	#content .formZakazivanje .formIn textarea { width: 310px; max-width: 310px; }

	#content .formZakazivanje .formIn p { margin: 4px 0 0 0; }

	#content .formZakazivanje .formIn.formContact textarea { width: 240px; max-width: 240px; }

}



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

	#content .bgContent.bellokoPonuda .contentImg { width: 90%; }

}



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

	#content .leftInner .ico { width: 250px; }

}



@media screen and (min-width: 540px) and (max-width: 1150px) {

	.gallery-img > ul > li.gallery-big-li.three { width: calc(100% / 6 - 10px) !important; }

}



@media screen and (min-width: 710px) and (max-width: 1150px) {

	.gallery-img > ul > li.gallery-big-li.three { width: calc(100% / 6 - 10px) !important; }

}



@media screen and (min-width: 540px) and (max-width: 710px) {

	.gallery-img > ul > li.gallery-big-li.three { width: calc(100% / 4 - 10px) !important; }

}



@media screen and (min-width: 650px) and (max-width: 1150px) {

	#content .rightPart { width: 50%; }

	#content .leftPart { width: 50%; }

}



@media screen and (min-width: 430px) and (max-width: 600px) {

	#content .rightPart { width: 400px; float: none; margin: 0 auto; }

}



@media screen and (min-width: 915px) and (max-width: 1150px) {

	#content .whiteContent .container.fullCenter .boxes .box { float: left; margin: 0 auto 50px; margin-left: 15px; }

	#content .whiteContent .container.fullCenter .boxes .box:nth-child(2) { margin: 0 calc((100% - 3 * 285px - 30px) / 2); }

	#content .whiteContent .container.fullCenter .boxes .box:nth-child(3) { margin-bottom: 10px; margin-right: 15px; margin-left: 0; }

}



@media screen and (min-width: 0px) and (max-width: 500px) { .device500px { display: block !important; } .device800px { display: none; } .device1150px { display: none; } }

@media screen and (min-width: 500px) and (max-width: 800px) { .device800px { display: block !Important; } .device500px { display: none; } .device1150px { display: none; } }

@media screen and (min-width: 800px) and (max-width: 1150px) { .device1150px { display: block !Important; } .device500px { display: none; } .device800px { display: none; } }

@media screen and (min-width: 1150px) { .deviceDesktop { display: block !important; } .device500px { display: none !important; } .device800px { display: none !important; } .device1150px { display: none !important; } }