/* Navigation changes at 979 */
@media (max-width: 979px) {
    /*ylapalkki*/
    .navbar .collapser {
        background-image:none;
        background-color:#001e81;
    }

    .navbar .collapser .btn-navbar {
        margin:0;
        padding:7px 10px 10px 10px;
        text-shadow:none;
        box-shadow:none;
    }

    /*aukeava navi*/
    .topnav .nav-collapse > ul.nav {
        margin:0;
        padding:0;
    }

    .topnav .nav-collapse > ul.nav > li {
        max-width: 100%;
        margin:0 !important;
        padding:0;
        border-top:solid 1px #fff;
    }

    .topnav .nav-collapse > ul.nav > li > a {
        margin:0;
        padding:5px 10px;
        border-bottom:none;
        text-align:left;
        font-weight:normal;
    }

    .topnav.navbar .nav > li.active,
    .topnav.navbar .nav > li:active,
    .topnav.navbar .nav > li:hover,
    .topnav.navbar .nav > li:focus {
        background-color:#eff0f7;
    }

    /*nostojen tekstit*/
    .chapter-with-backgroundpicture-header-content-list .content-part {
        font-size:96%;
        padding:5px 10px;
    }

    .chapter-with-backgroundpicture-header-content-list .content-part h4 {
        margin-bottom:0;
    }

    .nc-content .chapter-with-backgroundpicture-header-content-list .content-part li {
        padding:2px 0 0 10px;
        background-position-y:5px;
    }

    .chapter-with-header-picture-content-list h4 {
        font-size:97%;
    }

    .nc-carousel .carousel-caption {
        font-size:96%;
        padding:10px;
    }

    .nc-carousel .carousel-caption p {
        line-height:normal;
    }

    .dropdown .caret {
        margin-top: 10px;
        display: inline-block !important;
        /*caret color*/
        border-top: 4px solid #ff0000;
    }
}

@media (max-width: 767px) {
    .header-content {
        min-height:50px;
    }

    .navbar-static-top {
        margin:0;
    }

    .row-fluid [class*="span"] {
        min-height:5px;
    }

    #hlLogoFrontpage {
        position:static;
        display:block;
        float:none;
    }
    
    .header .srch-box {
        float: none;
    }

    .header .srch-box #txtSearchText {
        width:90%;
    }

    .topnav {
        margin-top:5px;
    }
}


@media (max-width: 420px) {

    .header .srch-box #txtSearchText {
        width: 80%;
    }

    .navbar-static-top .pull-right {
        clear:both;
        float:none;
    }

    .navbar.custom.navbar-static-top .nav li:first-child a {
        padding-left: 0px;
    }


    .content-list .item .title, .content-list .item .subTitle, .content-list .item .txt-color-1,
    .center-content .item .title, .center-content .item .txt-color-1 {
        display:block;
    }

    .content-list .item .txt-color-1, .center-content .item .txt-color-1 {
        padding-left:0;
    }

}

@media (max-width:320px) {
    #imgLogo {
        width:100%;
    }

    footer .social-links > a {
        margin-right:2px;
    }
}