/*   MOB VERT  */

@media (max-width: 440px) {
	

	
.header-inner { display: block; padding: 15px 5%; }
	
.header-branding {     width: 100%; }	
	
.header-branding img { 
    max-height: 70px;
    margin: 0 auto;
    display: block;
    margin-bottom: 15px;
}	
	
.header-contact {     width: 100%;     text-align: center; }	
	
.header-phone {     font-size: 4.5vw; }	
.header-mail {     font-size: 3.2vw; }	
	
.metaslider .flex-control-nav {     bottom: 10px !important; }	
	
.home .entry-header h1 { 
    font-size: 6vw; 
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 0 5%;
}	
	
main {     padding-bottom: 30px; }	
	
.home .entry-content  {  margin-top: 15px; }	
	
#naslovna-podnaslov hr {  max-width: 50%; }	
	
#naslovna-podnaslov p { 
    font-size: 4vw; 
    margin-top: 10px;
	margin-bottom: 10px;
}	
	
.boxed {  padding: 0 5%; }	
	
#naslovna-intro p {
    max-width: 100%; 
    margin-bottom: 20px; 
    font-size: 4vw;
}	
	
.more-button {
     max-width: 180px;
    font-weight: 600;
    transition: transform .2s;
    font-size: 3.3vw;
}	
	
#naslovna-djelatnosti-wrapper {   margin-top: 40px; padding-top: 20px; }
	
#naslovna-djelatnosti-wrapper h3 { 
    	padding: 7px;
        font-size: 6vw;
        line-height: 1;
        width: 100%;
}	
	
#naslovna-djelatnosti-inner {
    display: block;
    margin-top: 20px; 
	padding: 0;
}	
	
	
.naslovna-djelatnost {
        display: block;
        width: 90%;
        height: 60vw;
        overflow: hidden;
        margin: 0 auto;
        margin-bottom: 20px;
		border: 2px solid #830101;
}	
 
.naslovna-djelatnost img {  margin-top: -21vw; border: none; }
	


.naslovna-djelatnost h2 { 
    max-width: 60%;
        font-size: 3.5vw;
        padding: 5px 15px;
        bottom: 15px;
        left: 5%;
        width: auto;
}	
	
.section-title-misija {
    max-width: 100%; 
    padding: 10px 5%;
    margin-top: 0px;
    padding-bottom: 1px;
}	
	
.section-title h2 { 
    font-size: 6vw; 
    margin-bottom: 10px; 
    margin-top: 10px;
}	
	
.section-title p { 
    font-size: 4vw; 
    margin-top: 5px;
    margin-bottom: 15px;
}		
	
.misija-naslovna { 
    padding: 0px 5% 10px 5%; 
    margin-bottom: 20px !important;
}	
	
#misija ul { 
    padding: 0 ; 
    font-size: 3.5vw;
    max-width: 100%;  
}	
	
.naslovna-novosti {
    margin-bottom: 20px;
    margin-top: 20px;
}	
	
.naslovna-novosti h2 a { font-size: 3.7vw; }	
	
.naslovna-novosti .wp-block-post-date {   font-size: 3vw; }	
	
#naslovna-facebook { 
    padding: 30px 0 40px 0;
    margin-top: 30px; 
}	
	
#naslovna-facebook-left {
    width: 100%;
    display: block; 
	margin-bottom: 25px;
}	
	
#naslovna-facebook-right {
    width: 100%;
    display: block;
}
	
#naslovna-facebook-left h2 { 
    font-size: 5.5vw;
    margin-bottom: 0;
    margin-top: 0;
}	
	
#naslovna-facebook-left h3 { 
    font-size: 4.5vw; 
    margin-bottom: 10px;
}	

.archive main {     padding-bottom: 20px; }

	
.archive .page-header {  padding: 20px 5%; }
	
.archive h1 {   font-size: 6vw; }	
	
.archive-loop {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
	padding: 0 5%;
}	
	
.archive-loop article {
    display: block; 
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
}	
	
.archive-loop article h2 a {  font-size: 4vw; }	
	
.archive-loop article .entry-content p {  font-size: 3.5vw; }	
	
.archive-loop article .entry-meta p {  font-size: 3vw; }	
	
.archive .posts-navigation {
    max-width: 90%;
    margin: 0 auto;
}	
	
.archive .nav-previous a, .archive .nav-next a {    font-size: 3.5vw; }	
	
.archive .nav-previous { 
    max-width: 40%;
    margin-right: 10%;
	padding: 5px 10px;
}	
	
.archive .nav-next { 
    max-width: 40%;
    margin-left: 10%;
	padding: 5px 10px;
}		
	
.single-post main {     padding-bottom: 40px; }	
	
.single-post article {     margin-bottom: 40px; }	
	
.single-post .entry-header { 
    padding: 20px 5%; 
    margin-bottom: 30px;
}	
	
.single-post .entry-header h1 {
    max-width: 100%; 
    font-size: 5.5vw;
    line-height: 1.2;
    margin-bottom: 10px;
}	
	
.single-post .entry-header .entry-meta p { font-size: 3vw; }	
	
.single-post .post-thumbnail { max-width: 90%; }	
	
.single-post .entry-content {
    max-width: 100%; 
    margin-top: 20px;
    padding: 0 5%;
}	
	
.ngg-gallery-thumbnail-box {  max-width: 50% !important; }	
	
.ngg-galleryoverview {
    margin-top: 20px;
    margin-bottom: 20px;
}	
	
.post-navigation .nav-links {
    max-width: 100%; 
    padding: 0 5%;
}	
	
.post-navigation .nav-previous, .post-navigation .nav-next { 
    padding: 5px;
    max-width: 48%;
}	
	
.post-navigation .nav-links a { 
    font-size: 3.5vw;
    display: block;
    line-height: 1.2;
}	
	
.page-template-default:not(.home) .entry-header {  padding: 20px 5%; }	
	
.page-template-default:not(.home) h1 {
    max-width: 100%; 
    font-size: 6vw;
}	
	
#about-intro h3 { 
    font-size: 5.5vw;
    margin: 10px 0;
}	
	
#about-intro { 
    font-size: 4vw; 
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 5%;
	line-height: 1.4;
}	
	
#about-intro em {  font-size: 4.4vw; }	
	
.about-slider {
    width: 90%;
    margin: 30px auto; 
    border-radius: 10px; 
}	
	
#misija {     margin-bottom: 30px; }	
	
#misija h3 { 
    font-size: 5.5vw; 
    margin: 10px 0;
}	
	
#misija h3 span {      font-size: 4vw;  }	
	
#misija h3 { 
    font-size: 5.5vw; 
    margin: 10px 0;
    line-height: 1.4;
	font-weight: 500;
}	
	
.about-content h3 { 
    font-size: 5vw; 
    margin-top: 30px;
    line-height: 1.4;
	font-weight: 500;
}	
	
.about-content p {     font-size: 3.5vw; }	
	
#contact-wrapper {     margin-top: 20px; }	
	
#contact-inner-left {  width: 100%; }	
	
#contact-inner-left h3, #contact-inner-right h3 { font-size: 4.5vw; }
	
.contact-intro {
    margin-top: 10px;
    margin-bottom: 15px;
}		
	
#contact-inner-right { 
    width: 100%; 
    margin-left: 0;
    margin-top: 30px;
    border-top: 2px solid #830101;
    padding-top: 30px;
}	
	
#contact-maps { 
    padding: 30px 0;
    margin-top: 30px; 
}	
	
#contact-maps-left { 
    width: 100%; 
    margin-right: 0;
}	
	
#contact-maps-left h3, #contact-maps-right h3 { 
    font-size: 4vw; 
    margin-bottom: 1px;
}	
	
#contact-maps-left ul, #contact-maps-right ul {
    margin: 0;
    padding: 0;
    margin-bottom: 10px; 
    font-size: 3.5vw;
}	
	
#contact-maps-right { 
    width: 100%; 
    margin-left: 0;
    margin-top: 30px;
}	
	
.footer-inner {
    max-width: 100%; 
    padding: 20px 5%;
}	
	
.footer-inner-left {
    display: block;
    width: 100%; 
}	
	
.footer-inner-left img {
    height: 60px;
    margin: 0 auto;
    display: block;
}	
	
.footer-inner-right {
    display: block;
    width: 100%; 
}	
	
.footer-inner-right ul { 
    display: block;
    margin: 0; 
    text-align: center;
	padding: 0;
}
	
.footer-inner-right li {     margin-bottom: 5px; }	
	
.footer-inner-right p { font-size: 3.3vw; }	
	
}



/*   MOB HORIZ  */

@media (min-width: 440px) and (max-width: 767px) {
	

	
	.header-inner { padding: 10px 2%; }
	
	
		.footer-inner-right { width: 100%; }
	
	.header-branding {     width: 35%;}
	
	.header-contact {
    width: 65%;
    text-align: center;
}
	
	.header-phone {     font-size: 3vw; }
	
	.header-mail {     font-size: 2.1vw; }
	
	.home .entry-header h1 { 
    font-size: 4vw; 
    margin-bottom: 10px;
    margin-top: 30px;
}
	
	.home  .entry-content  {  margin-top: 15px; }
	
	#naslovna-podnaslov p { 
    font-size: 2.7vw; 
    margin-top: 10px;
		    margin-bottom: 20px;
}
	
	#naslovna-intro p { 
    margin-bottom: 20px; 
    font-size: 2.5vw; 
    padding: 0 5%;
}
	
	
.more-button {font-size: 2vw; }
	
	#naslovna-djelatnosti-wrapper {  margin-top: 30px; }
	
	#naslovna-djelatnosti-wrapper h3 { 
    width: 40vw; 
    padding: 5px;
    font-size: 3.4vw; 
}
	
.naslovna-djelatnost h2 { 
    width: 70%; 
    font-size: 2vw;
    padding: 5px; 
    bottom: -10px;
    left: 15%; 
    line-height: 1.2;
}	
	
.section-title h2 { 
    font-size: 4vw; 
    margin-top: 10px;
	margin-bottom: 10px;
}	
	
.section-title p { 
    font-size: 2.5vw; 
    margin-top: 3px;
    margin-bottom: 20px;
}	
	
#misija ul {     font-size: 2.5vw; }	
	
.misija-naslovna {  padding: 0px 5% 30px 5%; }
	
#misija {     margin-bottom: 30px; }	
	
.naslovna-novosti {  padding: 0 5%;  margin-bottom: 20px; }	
	
.naslovna-novosti h2 a {    font-size: 2.2vw; }	
	
.naslovna-novosti .wp-block-post-date {  font-size: 1.8vw; }	
	
#naslovna-facebook {  padding: 30px 5%;     margin-top: 30px;  }	
	
#naslovna-facebook-left {  width: 100%; }	
	
#naslovna-facebook-left h2 {  font-size: 3.4vw; margin-top: 0; }	
	
#naslovna-facebook-left h3 {   font-size: 3vw; }	
	
#naslovna-facebook-right {
    width: 100%; 
    margin-top: 30px;
    text-align: center;
}	
	
.footer-inner {  padding: 10px 5%; }	
	
.footer-inner-left { 
    width: 100%; 
    text-align: center;
}	
	
.footer-inner-left img { max-height: 60px; }	
	
.footer-inner-right ul a { 
    padding: 5px 10px; 
    font-size: 2vw;
}	
	
.footer-inner-right p {  font-size: 1.8vw; }	
	
.archive .page-header {  padding: 15px; }	
	
.archive h1 { font-size: 4vw; }	
	
.archive-loop {  margin-top: 30px; text-align: center; }	
	
.archive-loop article {margin: 0 1%;         width: 46%;         margin-bottom: 30px;}	
	
.archive-loop article h2 a { font-size: 2.5vw; }	
	
.archive-loop article .entry-content p {   font-size: 2.2vw; }		
	
.archive-loop article .entry-meta p {  font-size: 1.8vw; }	
	
.single-post .entry-header { 
    padding: 15px; 
    margin-bottom: 30px;
}	
	
.single-post .entry-header h1 {    font-size: 3.5vw; }	
	
.single-post .post-thumbnail {   max-width: 80%; }	
	
.single-post .entry-content { 
    margin-top: 30px;
    padding: 0 5%;
}	
	
.ngg-gallery-thumbnail-box {  max-width: 25% !important; }	
	
.post-navigation .nav-links {   max-width: 90%; }	
	
.post-navigation .nav-links a {  font-size: 2vw; }	
	
.nav-subtitle {    font-size: 1.8vw; }	
	
.post-navigation .nav-previous, .post-navigation .nav-next {    padding: 10px; }	
	
main {     padding-bottom: 30px; }	
	
.page-template-default:not(.home) .entry-header {  padding: 15px; }	
	
.page-template-default:not(.home) h1 {  font-size: 3.5vw; }	
	
.boxed {  padding: 0 5%; }	
	
#about-intro { 
    margin-top: 30px;
    margin-bottom: 30px; 
}	
	
#about-intro h3 {  font-size: 3.3vw; }
	
	
#about-intro p {
    margin-bottom: 15px;
    font-size: 3vw;
}	
	
#about-intro em {  font-size: 3vw;   }
	
.about-slider {  width: 80%; }	
	
#misija h3 {  font-size: 3.5vw; }	
	
#misija h3 span { font-size: 2.5vw; }	
	
.about-content h3 {     font-size: 3.5vw; 
    margin-top: 20px;
}	
	
.about-content p {
    font-size: 2.5vw;
    margin-bottom: 10px;
}	
	
.about-content img {  max-width: 60%; }	
	
#contact-inner-left { 
    width: 100%;
    margin-bottom: 30px;
}	
	
#contact-inner-right { 
    width: 100%; 
    margin-left: 0;
}	
	
#contact-maps { 
    padding: 30px 0;
    margin-top: 30px ; 
}	
	
#contact-maps-left { 
    width: 47%; 
    margin-right: 2%;
}	
	
#contact-maps-right { 
    width: 48%; 
    margin-left: 2%;
}	
	
}




/*   TAB VERT  */

@media (min-width: 768px) and (max-width: 1023px) {
	
body	{
    overflow-x: hidden;
}
	
.header-branding {     width: 30%; }	
	
.header-contact {
    width: 30%;
    margin-left: 30%;
}	
	
.header-inner {
    max-width: 100%;
    padding: 10px 2%;
}
	

#naslovna-facebook {  padding: 50px 2%; }
	
#naslovna-facebook-left {   width: 47%; }	
	
.fb_iframe_widget_fluid {
    display: block;
    max-width: 100%;
}	
	
.archive .posts-navigation .nav-links { padding: 0 2%; }	
	
.single-post .entry-content {  padding: 0 2%; }
	
.site-main .post-navigation { padding: 0 2%; }	

#about-intro, #misija, .about-content { padding: 0 2%; }	
	
.home   #misija  { padding-bottom: 40px;     }		
	
.about-slider {  width: 75%; }	
	
#contact-inner {     padding: 0 2%; }
	
#contact-maps {   padding: 60px 2%; }

	#contact-maps-left {  margin-right: 4%; }
	
	#contact-maps-right {       margin-left: 4.5%; }
 	
	

	.footer-inner {
    max-width: 100%; 
    padding: 30px 2%;
}
	
.footer-inner-left {
    display: block;
    width: 100%; 
    text-align: center;
}

.footer-inner-left img	{     max-width: 250px; }
	
.footer-inner-right {
    display: block;
    width: 100%; 
}	
	
.footer-inner-right ul a {  font-size: 2vw; }	
	
	
}	



/*   TAB HORIZ  */

@media (min-width: 1024px) and (max-width: 1280px) {
	
	
.header-inner { padding: 10px 2%; }
	

#naslovna-facebook {  padding: 50px 2%; }
	
#naslovna-facebook-left {   width: 47%; }	
	
	.naslovna-novosti  { padding: 0 2%; }
	
.fb_iframe_widget_fluid {
    display: block;
    max-width: 100%;
}	
	
.archive .posts-navigation .nav-links { padding: 0 2%; }	
	
.single-post .entry-content {  padding: 0 2%; }
	
.site-main .post-navigation { padding: 0 2%; }	

#about-intro, #misija, .about-content { padding: 0 2%; }	
	
.home   #misija  { padding-bottom: 40px;     }	
	
.about-slider {  width: 75%; }	
	
#contact-inner {     padding: 0 2%; }
	
#contact-maps {   padding: 60px 2%; }

	#contact-maps-left {  margin-right: 4%; }
	
	#contact-maps-right {       margin-left: 4.5%; }
 	
	
	
	
}