/* Smartphones and Tablets (portrait and landscape) ----------- */
@media only screen and (min-width: 0px) and (max-width: 1220px) {
/*--- NASLOVNICA--*/
    .logo a img{
        width: 300px;
    }
    .naslovnica{
        width: 800px;
    }
    .naslovnica h1{
        font-size: 30px;
    }
    .naslovnica div figure img{
        width: 400px;
    }
/*--- NASLOVNICA--*/

/*--- O SUSTAVU--*/
    .basic_text{
        width: 800px;
    }
    .basic_text p{
        font-size: 16px;
    }
/*--- O SUSTAVU--*/

/*--- KONTAKT--*/
    .contact_second{
        width: 800px;
    }
    .contact_text h2{
        font-size: 30px;
    }
    .contact_text p{
        font-size: 16px;
        width: 90%;
    }
    .contact_second .contact_text{
        margin: 50px 0 0 0;
        width: 370px;
    }

/*--- KONTAKT--*/

/*--- PRETRAZIVANJE--*/
    .dropdown-menu{
        width: 250px;
    }
    .form_div_cnt_group {
        width: 30%;
    }
    .filter form label.formlabel{
        font-size: 14px;
    }
/*--- PRETRAZIVANJE--*/

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 0px) and (max-width: 599px) {
  /*--- HEADER FOOTER--*/
    .slicknav_menu{
        display: table;
        position: absolute;
        right: 20px;
        top: 120px;
    }
    .slicknav_menu .slicknav_menutxt,
    .slicknav_btn{
        background-color: #135980;
    }
    .main_nav{
        display: none;
    }
    .links div{
        display: table;
        width: 100%;
    }
  /*--- HEADER FOOTER--*/

 /*--- NASLOVNICA--*/
 	.logo a img{
        width: 150px;
    }
    .logo a img:first-of-type {
    	margin-right:0;
    }
    .naslovnica{
        width: 100%;
        margin: 30px auto;
    }
    .naslovnica div figure{
        display: table;
        float: none;
        margin: 0 auto;
    }
    .naslovnica h1{
        font-size: 24px;
    }
    .naslovnica div figure img{
        display: table;
        width: 95%;
        text-align: center;
        margin: 0 auto;
    }
    .naslovnica div p{
        text-align: center;
        width: 95%;
        font-size: 14px;
        margin: 20px auto;
    }
  /*--- NASLOVNICA--*/

  /*--- O SUSTAVU--*/
    .basic_text{
        margin: 50px auto 0 auto; 
        width: 95%;
    }
    .basic_text h1{
        font-size: 24px;
    }
    .basic_text p{
        font-size: 14px;
    }
/*--- O SUSTAVU--*/

/*--- KONTAKT--*/
    .contact_second{
        width: 100%;
    }
    .contact_second .contact_text{
        display: table;
        float: none;
        margin: 50px auto;
        width: 300px;
    }
/*--- KONTAKT--*/

/*--- PRETRAZIVANJE--*/
.filter{
    margin: 40px auto;
    width: 95%;
}
.filter h2{
    font-size: 24px;
}
.form_div_cnt_group{
    width: 93%;
    margin: 0 auto 20px auto;
}
.tooltipcnt p{
    margin: 0 0 0 -213px;
}
.form_buttons input{
    margin: 0 10px 0 0;
    padding: 5px 20px;
}
/*--- PRETRAZIVANJE--*/


}
/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width: 600px) and (max-width: 800px) {  
/*--- HEADER FOOTER--*/
    .main_nav nav ul li a{
        font-size: 18px;
    }

    .links div h2{
        font-size: 18px;
    }
    .links div nav ul li a{
        font-size: 14px;
    }
    .links div nav ul li p{
        font-size: 14px;
    }
/*--- HEADER FOOTER--*/

 /*--- NASLOVNICA--*/
    .logo a img{
        width: 250px;
    }
    .logo a img:first-of-type {
    	margin-right:0;
    }
    .naslovnica{
        width: 600px;
    }
    .naslovnica h1{
        font-size: 26px;
    }
    .naslovnica div figure img{
        width: 250px;
    }
    .naslovnica div p{
        font-size: 14px;
    }
    .login_section a{
        font-size: 18px;
        padding: 10px 50px;
    }
/*--- NASLOVNICA--*/

/*--- O SUSTAVU--*/
.basic_text{
    width: 600px;
}
/*--- O SUSTAVU--*/

/*--- KONTAKT--*/
.contact_second{
    width: 600px;
}
.contact_text h2{
    font-size: 26px;
}
.contact_text p{
    font-size: 16px;
}
.contact_second .contact_text{
    width: 300px;
}
.contact_second form h2{
    font-size: 22px;
}
.contact_second form div input{
    font-size: 14px;
}
.contact_second form div select{
    font-size: 14px;
}
.contact_second form div textarea{
    font-size: 14px;
}
.contact_second form input[type=submit]{
    font-size: 16px;
    padding: 8px 14px;
}
/*--- KONTAKT--*/

/*--- PRETRAZIVANJE--*/
.dropdown-menu{
    width: 250px;
}
.form_div_cnt_group{
    width: 46%;
    margin-bottom: 20px;
}
/*--- PRETRAZIVANJE--*/
    
}