@media screen and (max-width: 400px) {
    .kontakt_forma .red{
        width: 100%;
        float: left;
    }
    .button_cont {
        margin-left: 22% !important;
        width: 26% !important;
    }
   
    .kontakt_forma label {
        width:17%;
        clear:both !important;
        float: left;
    }
    .kontakt_forma input, .kontakt_forma textarea {
        width: 34%;
    }
}

@media screen and (max-width: 590px) {
    .about-home {
        width: 100%;
        clear: both;
    }
    .cycle-slideshow {
        width: 100%;
        position: relative;
        float: none;
        box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
        margin: 0 auto 20px auto;
    }
}
@media screen and (max-width: 840px) {
    .dodatni-detalji {
        width: 100%;
        clear: both;
    }

    .gallery {
        margin-top:-20px;
    }

}

@media screen and (max-width: 840px) {
    .left { 
        width: 100%;
    }
    .apart.center-left {
        width: 100%;
        float: left;
        margin-top: 15px;
    }
    .opis-vremena {
        position: relative;
        margin: -130px 0 0 96px !important;
        float: left;
    }
    .center-left {
        max-width: 960px;
        margin:0 auto;
        padding-left:10px; 
        padding-right:10px;
    }
    .visina {
        height: 200px;
    }
    .gal-slika {
    }
    .mali {
    min-height: 200px !important;
}
}
@media screen and (max-width: 850px) {
    .col30 {
        width: 100%;
    }
    .opis-vremena {
    position: relative;
    margin: -20px 0 0 -62px;
    float: left;
    }
}
@media screen and (max-width: 757px) {
    .slider{
        margin: -35px auto 0;
        width: 93%;
    }
     .slider ul{
        width: 100%;
        float: none;
    }
    .slider ul li{
        width: 100%;
    }
    .slider ul li img{
        width: 100%;
    }
    .slider-bg img{
        width: 100%;
    }

}
@media screen and (max-width: 940px) {
    
    .bg-gradient {
        background: url("../images/bg_white.png") repeat-x 0 0;
        height: 900px;
    }

    .first {
        border-top:2px solid #fff;
    }
    .mm-toggle {
        display:block;    
    }
    
    .mm {
        width: 100% !important;
        padding-top: 0px;
    }
    .mm ul {
        display: none;
        width: 100%;
        text-align: center;
        display:none;
        margin-top: 1px;
        padding:0px;

    }
    .mm ul li{
        width: 100% !important;
        height: auto;
        text-align: center;
        background: none repeat scroll 0% 0% #E2993A !important;
        margin-left: 0;
        border-bottom: 1px solid #ffffff !important;
    }
    .mm ul li a{
        width: 100%;
        display:block;
        padding:10px 0px 10px 0px; 
        color: #ffffff;
        text-align: center;
    }
    .mm ul li.last a{
        border:none;
        margin-right:0;
        padding-right:0;
    }
}/*end*/

@media screen and (max-width: 960px) {
    .center {
        padding-left: 10px;
        padding-right: 10px;
    }
      .slider-cnt {
        padding-top: 15px;
    }
    .about {
        padding: 0;
    }
}