@media only screen and (min-width: 1301px) and (max-width: 1700px) {
    #lang-select {
        right: 90px;
    }

    #prijavi-se {
        width: 150px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .slider-content h2 {
        font-size: 46px;
        margin-bottom: 30px;
        width: auto;
        margin-top: 90px;
        margin-bottom: 35px;
    }

    .slider-content p {
        font-size: 16px;
        color: #ffffff;
        width: auto;
        margin-bottom: 15px;
    }

    .slider-content h3 {
        margin-top: 28px;
        margin-bottom: 10px;
        font-size: 20px;
        width: auto;
    }

    #lang-select {
        right: 140px;
    }

    #prijavi-se {
        width: 150px;
    }
}

@media only screen and (max-width: 1200px) {
    #responsive-nav-btn {
        display: block;
        float: right;
        padding: 15px 10px;
    }

    header nav {
        width: 160px;
        float: right;
        margin-right: 17%;
    }

    header nav ul {
        height: 0px;
        overflow: hidden;
    }

    header nav ul li {
        float: none;
        text-align: right;
    }
}

@media only screen and (max-width: 1070px) {
    header nav {
        margin-right: 21%;
    }

    header #lang-select {
        right: 300px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .slider-content h2 {
        font-size: 46px;
        margin-bottom: 30px;
        width: auto;
        margin-top: 90px;
        margin-bottom: 25px;
    }

    .slider-content p {
        font-size: 14px;
        color: #ffffff;
        width: auto;
        margin-bottom: 10px;
    }

    .slider-content h3 {
        margin-top: 24px;
        margin-bottom: 0;
        font-size: 14px;
        width: auto;
    }

    nav ul li {
        padding: 12px 10px 19px 10px;
    }

    nav ul li a {
        font-size: 12px;
    }

    #lang-select {
        right: 260px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #custom-gallery .thumb-holder {
        height: 270px;
    }

    #custom-gallery .thumb-holder.vertical {
        height: 570px;
    }
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

    #prijavi-se {
        width: 100px;
    }

    #sidebar .thumb-holder .start-date {
        width: 150px;
        padding: 8px 0;
    }

    #sidebar .thumb-holder .start-date p {
        width: 150px;
        font-size: 26px;
    }

    nav ul li {
        padding: 12px 10px 19px 10px;
    }

    nav ul li a {
        font-size: 12px;
    }

    .slider-content h2 {
        font-size: 40px;
        margin-bottom: 30px;
        width: auto;
        margin-top: 90px;
        margin-bottom: 25px;
    }

    .slider-content p {
        font-size: 12px;
        color: #ffffff;
        width: auto;
        margin-bottom: 10px;
    }

    .slider-content h3 {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 14px;
        width: auto;
    }

    #map-canvas {
        height: 450px;
    }

    #google-map {
        height: 450px;
    }

    #sidebar-residents .thumb-holder, #sidebar-mentors .thumb-holder {
        height: 220px;
    }

    #events-feed .event {
        min-height: 420px;
    }

    .flip-container {
        margin: 15px auto;
    }

    #newsletter p {
        float: none;
    }

    #space-info h3 {
        margin-top: 25px;
    }

    #partners .col-md-4 {
        margin-bottom: 15px;
    }

    #partners p:first-of-type {
        margin-top: 15px;
    }

    #lang-select {
        right: 20px;
    }

}

@media only screen and (max-width: 991px) {
    header nav {
        margin-right: 15%;
    }

    header #lang-select {
        right: 210px;
    }
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    #newsletter {
        text-align: center;
    }

    #contact {
        text-align: center;
    }

    #contact h4, #newsletter h4 {
        float: none;
    }

    #newsletter .btn {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 0;
        position: absolute;
        top: -36px;
        left: 50%;
        margin-left: -45px;
    }

    #newsletter input[type="text"] {
        float: none;
        width: 100%;
        position: absolute;
        top: -85px;
        left: 0;
        text-align: center;
    }

    #newsletter p {
        float: none;
    }

    #contact h4, #newsletter h4 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    #newsletter h4 {
        margin-bottom: 100px;
    }

    #prijavi-se {
        display: none;
    }

    header nav {
        margin-right: 4%;
    }

    /*#responsive-nav-btn {*/
    /*display: block;*/
    /*float: right;*/
    /*padding: 15px 10px;*/
    /*}*/
    /*header nav {*/
    /*width: 160px;*/
    /*float: right;*/
    /*margin-right: 20px;*/
    /*}*/
    /*header nav ul {*/
    /*height: 0px;*/
    /*overflow: hidden;*/
    /*}*/
    /*header nav ul li {*/
    /*float: none;*/
    /*text-align: right;*/
    /*}*/
    header nav ul.sub-menu {
        position: relative;
        height: 0px;
        overflow: hidden;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

    }

    header nav ul.sub-menu li {
        padding: 10px 0;
        font-size: 11px;
    }

    #featured h1 {
        font-size: 32px;
    }

    .mentor.mentor-small a {
        font-size: 10px;
    }

    .mentor.mentor-small p {
        text-align: left !important;
    }

    .mentor.mentor-small .thumb-holder {
        margin-top: 7px;
    }

    .flexslider .slides img {
        max-width: none;
        height: 300px;
    }

    .slider-content h2 {
        font-size: 24px;
        margin-bottom: 30px;
        width: auto;
        margin-top: 90px;
        margin-bottom: 25px;
    }

    .slider-content p {
        font-size: 12px;
        color: #ffffff;
        width: auto;
        margin-bottom: 10px;
    }

    .slider-content h3 {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 14px;
        width: auto;
    }

    .btn {
        font-size: 10px;
        padding: 9px 24px;
    }

    header {
        position: absolute;
        left: 0;
        right: 0;
    }

    #featured {
        padding: 200px 0 10px 0;
    }

    #slider {
        padding-top: 70px !important;
    }

    #map-canvas {
        height: 350px;
    }

    #google-map {
        height: 350px;
    }

    #custom-gallery .thumb-holder {
        height: auto !important;
    }

    #custom-gallery .thumb-holder img {
        width: 100% !important;
        height: auto !important;
    }

    .mentor a {
        font-size: 12px;
    }

    .flip-container {
        margin: 15px auto;
    }

    .flip-container, .front, .back {
        width: 125px;
        height: 125px;
    }

    .back {
        height: 125px
    }

    .project-thumb img {
        max-width: 115px;
    }

    .project-thumb {
        height: 125px;
    }

    #events-feed .event {
        margin-bottom: 30px;
    }

    #space-info h3 {
        margin-top: 20px;
    }

    .flexslider .slides img {
        height: 330px;
    }

    .space-gallery a {
        text-align: center;
    }

    header nav ul li:last-of-type {
        display: block;
        background: #E19600;
    }

    header nav ul li {
        padding: 12px 14px 12px 14px;
    }

    #responsive-menu {
        display: block;
    }

    #menu-glavni-meni {
        display: none;
    }

    .btn:after {
        font-size: 10px;
        padding: 9px 24px;
    }

    .btn.transparent:after {
        padding: 8px 23px;
    }

    .btn.transparent {
        padding: 8px 23px;
    }

    #partners {
        text-align: center;
    }

    #partners h2 {
        float: none;
    }

    #lang-select {
        left: 140px;
        right: initial;
    }
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #sidebar .thumb-holder {
        height: 300px;
    }

    .flip-container, .front, .back {
        width: 165px;
        height: 165px;
    }

    .back {
        height: 165px
    }

    .project-thumb img {
        max-width: 145px;
    }

    .project-thumb {
        height: 165px;
    }

    .space-gallery a img {
        width: 100%;
        height: auto;
    }

    .space-gallery a {
        height: auto;
    }

    #events-feed .thumb-holder {
        height: 310px;
    }

    #partners a img {
        width: 50%;
    }
}