@-ms-viewport{
  width: device-width;
}
.galerija img {
    width:100% !important;
    height: auto !important;
}
#nav-mobile{
        float:right;
        width:127px;
        display:none
    }
.potrazi {
  margin-top: 20px;
  }
  
.trecina img{
    width:100%;
    height:auto;
}  
  
#share{
    width:100% !important;
    text-align: center !important;
    margin:0 auto !important;
    padding:0 !important;
}
#box1,#boxdesno{
    width:50% !important;
    height:auto;
}
#box3,#box4,#box5,#box6{
    width:25% !important;
    height:auto;
    }
#box1,#box3,#box4,#box5,#box6{
    float:left;
    }
#boxdesno{
    float:right
}
.fullImage{
    width: 100% !important;
    height:auto !important
}
#box1 img,#box3 img,#box4 img,#box5 img,#box6 img,#boxdesno img{
    width:100% !important;
    height:auto !important;
}
.blok {
  width: 178px;
  float: left;
  margin-bottom:1%;
}
.blok-naslov {
  background-color: #d7b784;
  height: 35px;
}
.blok-slika {
  background-color: #FFF;
}
#menu-down{
    height:auto!important;
}
#navBellow{
    background:#d7b784;
    display:none;
}
#navBellow li{
    list-style:none;
    padding: 10px;
    text-align:center;
    border-bottom: 1px solid white;
}
#navBellow a{
    color:white;
    text-decoration: none;
    padding: 3px;
    font-family: Opensans;
    font-size:20px;
}
#navBellow li:hover{
    background:#bfa376;
}
#indexbox3 img,#indexbox img,#indexbox2 img,#indexbox4 img{
    width:100% !important;
    height: auto !important;
    }
    
.medijiblok {
  float: left;
  height: 300px;
  width: 305px;
  margin-left: 10px;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #d7b784;
  margin-top: 15px;
  overflow: hidden
}

/*  mobile */
@media (min-width: 321px) {
    
}



/* Larger than desktop */
@media (max-width: 1004px) {
    .blok{
        width:19.2% !important;
        margin-left: 0%;
    }
    #devider{
        width:1% !important;
    }
    .blok-slika img{
        height:auto !important;
        width:100% !important
    }
    .blok:first-child{
        margin-left:0 !important;
    }
    .medijiblok{
        width:32% !important;
        margin-left: 1% !important;
    }
    .medijiblok img,.medijiblok iframe{
        width:100%;
        
        }
    .medijiblok img{
        height:auto
    }
    .thumbs{
        display:none !important;
        }
        
        .images1,.images2{
            display:block;
            
            margin:10px auto !important;
        }
        
    .galerija {
        width:49.5% !important;
    }
    #lijevo-stoje iframe{
        width: 100% !important
    }
    
    #header {
        height:auto;
        }
        
    #master,#menu-up,#header,#content,#footer,#galerijacentar,.potrazi,.potrazi a,#menu-down{
        width:100%;
        
    }
    
    #galerijacentar{
        height:auto !important;
        background-size: 100% auto;
    }
    
    #header,#content{
        margin-top:1.5%;
    }
    
    #inside-master {
      padding: 1.5%;
      border-left:0;
      border-right:0;
      width: 97%;
    }
    #galerijablok{
        padding-top: 10%;
    }
    
    #slides img {
        width:100% !important;
        height:auto !important;
    }
  
      
      #indexbox2,#indexbox{
        width:47.368421% !important;
        height: auto !important;
        
      }
      #indexbox4,#indexbox3{
        width:50.526316% !important;
        height: auto !important;
      }
      
      
      #indexbox2{
        margin-right:2.00526%;
      }
      #indexbox{
        margin-left:2.00526%;
      }
      #indexbox3,#indexbox{
        margin-right:0;
      }
      #indexbox4{
        margin-left:0;
      }
      
      
      
      #content {
        min-height: 1px;
      }
    .tekst-podrucja{
        height:auto !important;
    }
      #lijevo-stoje,#podrucja-lijevo,#posebnost-desno,#lijevo{
            width: 57.89%;
            margin-left: 1%;
      }
      #posebnost-desno{
           margin-top: 0px; 
           margin-left: 5%;
      }
      #podrucja-lijevo img, #posebnost-lijevo img{
        width:100% !important;
        height:auto !important;
      }
      #podrucja-lijevo{
        height:auto !important;
      }
      #desno-stoje{
            width: 41.05%;
      }
      #podrucja-desno,#posebnost-lijevo,#desno{
        width: 31.05%;
        margin-left: 0 !important;
        padding-left:10%;
      }
      iframe.videoIframe{
        width:100% !important;
        height:300px !important;
        margin-bottom:20px;
      }
      #posebnost-lijevo{
        padding-left:0%;
      }
      #desno-stoje iframe{
          margin-left: 10%;
      }
      #map-canvas{
        height:400px !important;
      }
      .cta{
        text-align:left !important;
        width:auto !important;
        padding:5%;
        margin-left:10% !important
      }
      ul.sidemenu{
        width:100% !important;
        display:block !important;
      }
      .sidemenu li{
        width:100%;
        margin:10px 0;
        display:block !important;
      }
      
  
}



/* Larger than Desktop HD */
@media (min-width: 981px) {
    #navBellow{
        display:none;
    }
}



@media (max-width: 980px) {
    #nav{
        position:absolute;
        top:90px;
        z-index:9999;
        width:97%;
        display:none;
        background:#bfa376;
    }
    
    #navBellow{
        display:block;
    }
    #nav li{
        display:block !important;
        border-bottom: 1px solid white;
        float:none;
        padding:10px;
    }
    #nav li a{
        
        font-size:21px;
    }
    .logo{
        left:10px;
        top:5px;
        z-index:999;
    }
    #nav-mobile{
        display:block
    }
}

/* Larger than tablet */
@media (max-width: 690px) {
     #lijevo-stoje,#desno-stoje,#podrucja-lijevo,#podrucja-desno,#lijevo,#desno{
            width: 100% !important;
            margin-left: 0% !important;
            float:none !important;
      }
      #podrucja-desno{
        padding-left:0 !important;
        text-align: center !important;
      }
      .cta, .sidemenu{
        padding:2% !important;
        margin-left: 0 !important;
      }
      .tekst-podrucja{
        padding-top:20px;
      }
      #desno-stoje iframe{
        width:100%;
        height:380px !important;
        margin-left:0 !important;
      }
      .sidemenu li{
        margin-left:0 !important;
      }
      
      
}

@media (min-width: 980px) {
     #nav-mobile{
        display:none !important
    }
    #nav{
        display:block !important;
        }
    
}

@media (max-width: 1085px) {
     .post-share{
        display:none !important
    }
    
}

@media (max-width: 780px) {
 .medijiblok{
        width:49% !important;
    }
}

   
@media (max-width: 580px) {
    .galerija,#posebnost-lijevo,#posebnost-desno {
        width:100% !important;
    }
    
    .blok{width:49% !important}
    
    .medijiblok {
        width:99% !important;
    }
    .doktoriimg{
        width:99% !important;
        height:auto !important;
        float:none !important;
        margin-bottom:10px !important;
    }
   #indexbox3,#indexbox,#indexbox2,#indexbox4,.trecina {
        width:99% !important;
        margin: 1% !important;
    }
}

@media (max-width: 732px) {
    .blok-naslov{
        height:45px !important;
    }
    }