@media (max-width: 1004px) {
	#leftcol, #rightcol, #leftcol.eu-projekti, #rightcol.eu-projekti {
    	width: 100%;
    	padding: 0 15px;
	}
	#leftcol.eu-projekti {
		margin-bottom: 40px;
	} 
	#logo-head {
	    padding-left: 15px;
	}
	.separator-left {
		/*background-repeat: repeat-x;*/
	}
	.separator-left-color {
		/*background-repeat: repeat-x;*/
	}
	.rightspacer {
		/*background-repeat: repeat-x;*/
	}
	.navbar-nav {
	    font-size: 0.9em;
	}
	.nav > li > a {
	    padding: 10px 5px;
	}
	#topnav .navbar-brand {
	    padding-right: 30px;
	}
	#searchbox {
		width: 120px;
	}
	#searchform {
	    margin-right: 0px;
	}
	footer {
		padding: 0 30px;
	}
	.foot-box {
		width: 50%;
		float: left;
	}
	#foot-map {
	    margin-bottom: 5px;
	}
	.foot-imgbox {
	    text-align: left;
	    margin-top: 20px;
	}

}

@media (max-width: 990px) {
	#searchbox {
		width: 90px;
	}
	.article-right-gallery, .obrazovanje-right-gallery, .event-right-gallery {
		margin-top: 30px;
	}
}

@media (max-width: 767px) {
	#searchbox {
		width: 99%;
	}
	.navbar-nav {
	    font-size: 1em;
	}
	.foot-box {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.foot-half {
		width: auto;
	    max-width: 48%;
	}
	.foot-half:first-of-type {
		margin-right: 4%;
	}
	.foot-half:last-of-type {
		margin: 0;
	}
	#foot-map {
	    height: 230px;
	    margin-bottom: 15px;
	}

	/*/// sticky header */
	#topnav .navbar-header {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 64px;
	    z-index: 99;
	    background-color: #000;
	}
	#topnav-navbar-collapse {
		margin-top: 64px;
	}
}

@media (max-width: 601px) {
	
}

@media (max-width: 515px) { /* granice leftboxa */
	.sub-block {
	    width: 49%;
	    height: 154px;
	    margin-right: 2%;
	    margin-bottom: 2%;
	    padding: 20px 15px;
	}
	#obrazovanje a:nth-child(3n+3) .sub-block {
		margin-right: 2%;
	}
	#obrazovanje a:nth-child(2n+2) .sub-block {
		margin-right: 0;
	}
	.eventmain {
	    clear: both;
	}
}

@media (max-width: 445px) { /* granice rightboxa */
	.shortframe-right form {
	    width: 65%;
	    padding: 10px 5% 10px 5%;
	}
	.shortframe-right img {
	    width: 35%;
	    padding: 5%;
	}
	.separator-left-color {
	    background-position: right center;
	}
}

@media (max-width: 321px) {
	.sub-block {
	    width: 100%;
	    height: 120px;
	    margin-right: 0;
	    margin-bottom: 10px;
	    padding: 20px 15px;
	}
	#obrazovanje a:nth-child(3n+3) .sub-block {
		margin-right: 0;
	}
	#obrazovanje a:nth-child(2n+2) .sub-block {
		margin-right: 0;
	}
}