@media (max-width: 1199px) {

#header.flat-menu nav ul.nav-main li > .link_text, #header.flat-menu nav ul.nav-main li.active > .link_text{padding: 38px 22px !important;}
#header.flat-menu nav ul.nav-main li > .link_turquise, #header.flat-menu nav ul.nav-main li.active > .link_turquise{padding: 38px 27px !important;}
#header.flat-menu nav ul.nav-main li > .link_plava, #header.flat-menu nav ul.nav-main li.active > .link_plava{padding: 0px 110px 29px 110px !important;}
.kontakt_footer{font-size: 23px;}
.header_top{font-size: 20px;}

.position_rel{margin-top: -35px;}
.padding-left-60{padding-left: 95px;}
.container_kutak, .container_podruznice{padding-left: 80px; padding-right: 80px;}

@-webkit-keyframes bounceInRight {
	0% {
		-webkit-transform: translateX(1800px);
	}

	100% {
		-webkit-transform: translateX(-1800px);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		-moz-transform: translateX(1800px);
	}

	100% {
		-moz-transform: translateX(-1800px);
	}
}

@-o-keyframes bounceInRight {
	0% {
		-o-transform: translateX(1800px);
	}

	100% {
		-o-transform: translateX(-1800px);
	}
}

@keyframes bounceInRight {
	0% {
		transform: translateX(1800px);
	}

	100% {
		transform: translateX(-1800px);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bounceInRightDelay {
	0% {
		-webkit-transform: translateX(1800px);
	}

	100% {
		-webkit-transform: translateX(-1800px);
	}
}

@-moz-keyframes bounceInRightDelay {
	0% {
		-moz-transform: translateX(1800px);
	}

	100% {
		-moz-transform: translateX(-1800px);
	}
}

@-o-keyframes bounceInRightDelay {
	0% {
		-o-transform: translateX(1800px);
	}

	100% {
		-o-transform: translateX(-1800px);
	}
}

@keyframes bounceInRightDelay {
	0% {
		transform: translateX(1800px);
	}

	100% {
		transform: translateX(-1800px);
	}
}

.bounceInRightDelay {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-delay: 20s;
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
}

}






@media (max-width: 991px) {
.height-66{height:auto;}
.righttoleft {text-align:left;}
.centertoleft {text-align:left;}

ul.ul-ref
{
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}

#footer .footer-copyright nav {float:left;}


#footer .contact i {float:left; margin:7px 8px 10px 0;}

.nav_container{min-height: 0px; background-color: transparent;}
.header_container{min-height: 100px !important;}

.btn-responsive-nav{top: 37px;}

#header .nav-main-collapse{background: linear-gradient( #f6f6f6, white);}
#header .nav-main ul li{border-color: #eee}
#header .nav-main ul li a{font-size: 28px;}
#header .nav-main ul li .link_blue{color: #008ad2 !important;}
#header .nav-main ul li .link_red{color: #f50d0d !important;}
#header .nav-main ul li .link_turquise{color: #089393 !important;}
#header .nav-main ul li .link_orange{color: #f5760d !important;}
#header .nav-main ul li .link_green{color: #009c00 !important;}

.position_rel{position: static; margin-top: 0px;}
.padding-left-60{padding-left: 0px;}
.padding40{padding-right: 20px;}

#footer .footer-copyright{padding: 60px 0px 0px;}

.container_kutak, .container_podruznice{padding-left: 150px; padding-right: 150px;}

@-webkit-keyframes bounceInRight {
	0% {
		-webkit-transform: translateX(1300px);
	}

	100% {
		-webkit-transform: translateX(-1300px);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		-moz-transform: translateX(1300px);
	}

	100% {
		-moz-transform: translateX(-1300px);
	}
}

@-o-keyframes bounceInRight {
	0% {
		-o-transform: translateX(1300px);
	}

	100% {
		-o-transform: translateX(-1300px);
	}
}

@keyframes bounceInRight {
	0% {
		transform: translateX(1300px);
	}

	100% {
		transform: translateX(-1300px);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bounceInRightDelay {
	0% {
		-webkit-transform: translateX(1300px);
	}

	100% {
		-webkit-transform: translateX(-1300px);
	}
}

@-moz-keyframes bounceInRightDelay {
	0% {
		-moz-transform: translateX(1300px);
	}

	100% {
		-moz-transform: translateX(-1300px);
	}
}

@-o-keyframes bounceInRightDelay {
	0% {
		-o-transform: translateX(1300px);
	}

	100% {
		-o-transform: translateX(-1300px);
	}
}

@keyframes bounceInRightDelay {
	0% {
		transform: translateX(1300px);
	}

	100% {
		transform: translateX(-1300px);
	}
}

.bounceInRightDelay {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-delay: 20s;
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
}






@media (max-width: 767px) {

.position_rel{text-align: left !important;}
#footer .footer_naslov{text-align: center; padding-top: 0px;}
.logo{margin-left: auto; margin-right: auto;}

.container_kutak, .container_podruznice{padding-left: 80px; padding-right: 80px;}
.center_span{width: 300px; margin-left: auto !important; margin-right: auto !important;}
.height-90{height: auto;}
.height-100{height: auto;}
.glavna-tekst table{width: 100% !important;}

@-webkit-keyframes bounceInRight {
	0% {
		-webkit-transform: translateX(800px);
	}

	100% {
		-webkit-transform: translateX(-800px);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		-moz-transform: translateX(800px);
	}

	100% {
		-moz-transform: translateX(-800px);
	}
}

@-o-keyframes bounceInRight {
	0% {
		-o-transform: translateX(800px);
	}

	100% {
		-o-transform: translateX(-800px);
	}
}

@keyframes bounceInRight {
	0% {
		transform: translateX(800px);
	}

	100% {
		transform: translateX(-800px);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bounceInRightDelay {
	0% {
		-webkit-transform: translateX(800px);
	}

	100% {
		-webkit-transform: translateX(-800px);
	}
}

@-moz-keyframes bounceInRightDelay {
	0% {
		-moz-transform: translateX(800px);
	}

	100% {
		-moz-transform: translateX(-800px);
	}
}

@-o-keyframes bounceInRightDelay {
	0% {
		-o-transform: translateX(800px);
	}

	100% {
		-o-transform: translateX(-800px);
	}
}

@keyframes bounceInRightDelay {
	0% {
		transform: translateX(800px);
	}

	100% {
		transform: translateX(-800px);
	}
}

.bounceInRightDelay {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-delay: 20s;
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
}






@media (max-width: 479px) {
	.naziv_nav{font-size: 29px; padding-top: 42px;}
    #footer .footer_naslov{font-size: 40px;}
    .container_kutak, .container_podruznice{padding-left: 20px; padding-right: 20px;}
    .head_prav{width:100%;}
    .center_span{width: 223px; margin-left: auto !important; margin-right: auto !important;}
    .head_prav h1{font-size: 29px;}
	
@-webkit-keyframes bounceInRight {
	0% {
		-webkit-transform: translateX(700px);
	}

	100% {
		-webkit-transform: translateX(-700px);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		-moz-transform: translateX(700px);
	}

	100% {
		-moz-transform: translateX(-700px);
	}
}

@-o-keyframes bounceInRight {
	0% {
		-o-transform: translateX(700px);
	}

	100% {
		-o-transform: translateX(-700px);
	}
}

@keyframes bounceInRight {
	0% {
		transform: translateX(700px);
	}

	100% {
		transform: translateX(-700px);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes bounceInRightDelay {
	0% {
		-webkit-transform: translateX(700px);
	}

	100% {
		-webkit-transform: translateX(-700px);
	}
}

@-moz-keyframes bounceInRightDelay {
	0% {
		-moz-transform: translateX(700px);
	}

	100% {
		-moz-transform: translateX(-700px);
	}
}

@-o-keyframes bounceInRightDelay {
	0% {
		-o-transform: translateX(700px);
	}

	100% {
		-o-transform: translateX(-700px);
	}
}

@keyframes bounceInRightDelay {
	0% {
		transform: translateX(700px);
	}

	100% {
		transform: translateX(-700px);
	}
}

.bounceInRightDelay {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-delay: 20s;
	-moz-animation-delay: 20s;
	-webkit-animation-delay: 20s;
}
}