@media (max-width: 440px ) { 
	
.header-branding { width: 100%; }	
	
.header-cert { width: 100%; }	
	
.header-contact {   width: 100%; margin-top: 10px; }	
	
.header-branding img {
    max-width: 270px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}	
	
.header-cert img { max-height: 60px; }	
	
.header-contact a { 
    text-align: center;
    margin-left: 0;
	margin-top: 2px;
}	
	
.header-slider .metaslider .caption-wrap { 
    bottom: 10px;
    left: 10%; 
    width: 80%; 
}	

.header-slider .metaslider a { 
    font-size: 3vw;
    padding: 5px;
    line-height: 1.2;
}	
	
.header-slider .metaslider .flex-control-nav {  bottom: auto;         top: 10px; }	
	
.home .entry-header { padding: 40px 5% 0 5%; }	
	
.home .entry-header h1 {   font-size: 4vw; }

.home .entry-header h1 span {
   font-size: 7vw; 
    line-height: 1.6;
}	
	
 .entry-content  {     margin: 20px 0 0; }
	
.naslovna-intro-inner {     padding: 30px 5% 30px 5%; }	
	
.naslovna-intro p { font-size: 4vw; }	

.naslovna-djelatnosti {  padding: 30px 5%; }	
	
.naslovna-djelatnosti-header { 
    font-size: 5.5vw; 
    line-height: 1.4;
	margin-bottom: 20px;
}	
	
.naslovna-djelatnost {
    width: 100%; 
    margin: 0;
    margin-bottom: 30px;
}	
	
.naslovna-djelatnost-opis {   padding: 10px; padding-bottom: 0px; }	
	
	
.naslovna-djelatnost-opis h2 { 
    font-size: 4.5vw;
    margin-bottom: 10px;
}	
	
.naslovna-djelatnost-opis p { 
    font-size: 3.8vw;
    margin: 10px 0;
}	
	
.naslovna-djelatnost-opis h3 {
    font-size: 4vw; 
    margin-bottom: 10px;
}	
	
.naslovna-djelatnost-opis ul { 
    font-size: 3.8vw; 
    padding-left: 20px;
}	
	
body:not(.home) .header-overlay { padding: 60px 5%; }	
	
body:not(.home) .entry-header h1 { font-size: 7vw; }

.subpage-intro { padding: 0px 5% ; }	
	
.subpage-intro p { font-size: 3.8vw; }	
	
.podstranice-djelatnosti .naslovna-djelatnost {  width: 100%; }	
	
.reference-slika {   max-width: 100%; }	
	
#contact-left, #contact-right {
    width: 90%;
    margin: 0 5%; 
}	
	
.contact-top-block h3, .contact-top-block h2 { 
    font-size: 5vw;
    margin-top: 0;
}	
	
#contact-right  {     margin-top: 30px; }	
	
.contact-map-block {  max-width: 90%; }	
	
	
#colophon { padding: 30px 5%; padding-bottom: 0; }	
	
.footer-col-1, .footer-col-2, .footer-col-3 { 
    width: 100%; 
    margin: 0; 
    margin-bottom: 30px;
}	
	
.footer-col-1 img {
    max-width: 280px;
    margin-bottom: 10px;
}	
	
.site-info ul {  font-size: 3.3vw; }	
	
}



@media ( min-width: 441px ) and ( max-width: 767px ) { 
	
	.header-top-inner {
    max-width: 100%; 
    padding: 10px 5%;
}
	
.header-branding {
    width: 50%; 
    padding-top: 18px;
}	
	
.header-cert {  width: 50%; }	
	
.header-contact {  width: 100%; }	
	
.header-branding img {
    height: 30px; 
    width: auto;
}	
	
.header-cert img { max-height: 50px; }	
	
.header-contact a { 
    width: 33%; 
    font-size: 2.3vw; 
	margin-left: 0;
}	
	
.header-slider .metaslider a { 
    font-size: 2.2vw;
    padding: 10px;
    line-height: 1.4;
}	
	
.metaslider .caption { padding: 0;  }	
	
.header-slider .metaslider .caption-wrap { 
    bottom: 30px;
    left: 5%; 
    width: 60%; 
}	
	
.home .entry-header { padding: 30px 0 0 0; }	
	
.home .entry-header h1 { font-size: 2.5vw; }	
	
.home .entry-header h1 span { font-size: 5vw; }	
	
.naslovna-intro-inner {     padding: 20px 0 30px 0; }	
	
.naslovna-intro p {  font-size: 2.7vw; }	
	
.naslovna-djelatnosti { padding: 30px 5%; }

.naslovna-djelatnosti-header { 
    margin-bottom: 20px; 
    font-size: 3vw; 
}	
	
.naslovna-djelatnost {
    width: 80%;
    float: none;
    margin: 0 auto;
    margin-bottom: 40px;
}	
	
.naslovna-djelatnost-opis { 
    width: 90%; 
    padding: 10px; 
	padding-bottom: 0;
}	
	
.naslovna-djelatnost-opis h2 { 
    font-size: 2.7vw;
    margin-bottom: 10px;
}	
	
.naslovna-djelatnost-opis h3 {
    font-size: 2.7vw; 
    margin-top: 0;
}	
	
.naslovna-djelatnost-opis p { 
    font-size: 2.3vw;
    margin-top: 10px;
    margin-bottom: 20px;
}	
	
.naslovna-djelatnost-opis ul {  font-size: 2.3vw; }	
	
.naslovna-opsirnije {   font-size: 2vw; }	
	
#colophon {  padding: 15px 0; }	
	
.site-info {   max-width: 100%;  }
	
.footer-col-1, .footer-col-2, .footer-col-3 {   width: 30%; }	

.site-info ul {  font-size: 2vw; }

body:not(.home) .header-overlay {  padding: 40px 5%; }	
	
body:not(.home) .entry-header h1 {    font-size: 4vw; }	
	
.subpage-intro {
    max-width: 100%;
    padding: 30px 5%;
}	
	
.subpage-intro p {
    font-size: 2.7vw; 
    margin-top: 0;
}	
	
.reference-slika {  max-width: 100%; }	
	
}