/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .col { 
    margin: 1% 0 1% 0%;
  }
  .center.row .col50 {
      width: 100%;
    }
    .ikona {
      position: absolute;
      top: 1%
      left:2%;
      display: none;
    }
    .row ul li {
      width: 100%;
      margin-left: 7px;
  }
  li.acenter { text-align: left;}

  .v {
    width: 100%;
    text-align: center;
  }
  .cpy {
    width: 100%;
    text-align: center;
  }


}
@media only screen and (max-width: 495px) {
  
 
  .article-short a.img-link {
    width: 40%;
  }
  .article-short p{
    width: auto;
    float: none;
  }
 
}
@media only screen and (max-width: 768px) {
  .call {
    float: left;
    margin-top: 6%;
    width: auto;
  } 
  .lang {
        float: left;
        margin-left: -2px;
        margin-top: 8%;
  }


.top-link{
  float: left;
}
  .lang ul{
    float: left;
  }

  .top{
    width: 100%;
    display: block;
    height: 135px;
    position: relative;
  }

}

@media only screen and (max-width: 480px) {
  .span_3, .span_2{
    width: 100% !important; 
  }
  .span_2_of_3 {
    width: 100%; 
  }
  .span_1_of_3 {
    width: 100%;
  }
  .span_1_of_2 {
  width: 100%;
  }
  .box-title {
    font-size: 15px;
  }
  .container {
    padding:2%;
  }
  .center .katalog-area-right {
      width: 100%;
      
    }


}
@media only screen and (max-width: 710px) {
    .row .col50 {
      width: 47%;
    }
    .katalog-area-left {
      width: 100%;
    }
    .katalog-area-right {
      width: 50%;
    }
}
@media only screen and (max-width: 830px) {
    .gallery a { width: 31%;}
    .karakteristike {
      display: none;
    }
    .naslov-karakt {
      display: none;
    }
}
@media only screen and (max-width: 980px) {
  .center {
    padding: 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .nav ul li a{
      /*padding: 0 20px;*/
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .izlist {
    width: 100%;
    margin: 0px auto;
    list-style-type: none;
  }
}
@media only screen and (max-width: 810px) {
  .nav-toggle {
    display: block;
    margin-right: 15px;
    margin-top: -52px;
  }
  .nav {
    display: block;
    width: 100%;
  }
  .nav ul {
    display: none;
  }
  .nav ul li {
    width: 100% !important;
    text-align: center;
    float: left;
  }
  .nav ul li a {
    width: 100%;
    border-right: 0;
    border-bottom: 2px solid #dcdcdc;
    padding: 15px;
  }
  .span_1_of_3 {
      float: left;
      margin-right: 2.7%;
      width: 31.4%;
  }
  .span_1_of_2.aleft {
    display: none;
  }
  .span_1_of_2.aright{
    width: 100%;
  }
  .shadow {bottom: -6%;}
}

@media only screen and (max-width: 895px) {
  .margin-l{
    margin-left: 0;
  }
  


}

@media only screen and (max-width: 768px) {
 
  .m-left{
    margin-left: 2.7%;
  }
  .span_1_of_3 {
      float: left;
      margin-right: 2.7%;
      width: 43%;
  }

}

@media only screen and (max-width: 645px) {

 .center-2 {
 /* background: url("../images/header-pocetna.jpg") no-repeat scroll right -334px top -20px transparent;*/
  background-image:url(../images/header-pocetna.png);
  background-repeat:no-repeat;
  background-attachment:scroll;
  background-position: left -560px top -20px;
  height: 520px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  }



  #map-states {
    float: left;
    height: 300px;
    position: relative;
    margin-right: 0px;
   
    width: 100%;
  }


   
}