@media (max-width: 1200px) {
    body.styles #wrapper {
        width: 1060px;
    }
    body.styles #search .search {
        width: 238px;
    }
    .menu-lang {
        right: 260px;
    }
}
@media (max-width: 1100px) {
    body.styles .row .md1 { width: 8.33%; }
    body.styles .row .md2 { width: 16.66%; }
    body.styles .row .md3 { width: 25%; }
    body.styles .row .md4 { width: 33.33%; }
    body.styles .row .md5 { width: 41.66%; }
    body.styles .row .md6 { width: 50%; }
    body.styles .row .md7 { width: 58.33%; }
    body.styles .row .md8 { width: 66.66%; }
    body.styles .row .md9 { width: 75%; }
    body.styles .row .md10 { width: 83.33%; }
    body.styles .row .md11 { width: 91.66%; }
    body.styles .row .md12 { width: 100%; }
    
    body.styles #content .signpost > div:nth-child(3n+1),
    body.styles #content_left .signpost > div:nth-child(3n+1) {
        clear: none;
    }
    body.styles #content .signpost > div:nth-child(2n+1),
    body.styles #content_left .signpost > div:nth-child(2n+1) {
        clear: both;
    }
    body.styles #wrapper {
        width: 800px;
    }
    body.styles #logo {
        padding-top: 78px;
        font-size: 2.5em;
    }
    body.styles .navigation {
        position: relative;
        height: 62px;
        margin-bottom: 30px;
    }
    body.styles .btn-navbar {
        display: block;
        width: 62px;
        height: 62px;
        background: #585858 url('../images/icon-menu.png') 50% 50% no-repeat;
    }
    body.styles .nav-collapse {
        position: absolute;
        top: 62px;
        z-index: 15;
        -webkit-transition: all 0ms linear 250ms;
        -moz-transition: all 0ms linear 250ms;
        -ms-transition: all 0ms linear 250ms;
        -o-transition: all 0ms linear 250ms;
        transition: all 0ms linear 250ms;
        overflow: auto;
        width: 100%;
        height: 0;
    }
    body.styles .nav-collapse ul.nav {
        -webkit-transition: height 250ms ease-in-out 200ms;
        -moz-transition: height 250ms ease-in-out 200ms;
        -ms-transition: height 250ms ease-in-out 200ms;
        -o-transition: height 250ms ease-in-out 200ms;
        transition: height 250ms ease-in-out 200ms;
        height: 0;
        margin: 0;
        padding: 0;
    }
    body.styles .nav-collapse.opened {
        -webkit-transition: all 0ms linear 0ms;
        -moz-transition: all 0ms linear 0ms;
        -ms-transition: all 0ms linear 0ms;
        -o-transition: all 0ms linear 0ms;
        transition: all 0ms linear 0ms;
        height: auto;
    }
    body.styles .nav-collapse.opened ul.nav {
        -webkit-transition: height 250ms ease-in-out 0ms;
        -moz-transition: height 250ms ease-in-out 0ms;
        -ms-transition: height 250ms ease-in-out 0ms;
        -o-transition: height 250ms ease-in-out 0ms;
        transition: height 250ms ease-in-out 0ms;
        height: 100%;
    }
    body.styles .nav-collapse ul.nav li {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        padding: 0px 5px;
        line-height: 1.5;
    }
    body.styles .nav-collapse ul.nav li:first-child {
        padding-top: 5px;
    }
    body.styles .nav-collapse ul.nav li:last-child {
        padding-bottom: 5px;
    }
    body.styles .nav-collapse ul.nav li a {
        -webkit-transition: color 250ms linear 0;
        -moz-transition: color 250ms linear 0;
        -ms-transition: color 250ms linear 0;
        -o-transition: color 250ms linear 0;
        transition: color 250ms linear 0;
        float: none;
        display: block;
        padding: 10px 15px;
        color: transparent;
    }
    body.styles .nav-collapse ul.nav li a:hover,
    body.styles .nav-collapse ul.nav li a:focus {
        background-color: #777;
    }
    body.styles .nav-collapse.opened ul.nav li a {
        -webkit-transition: color 250ms linear 250ms;
        -moz-transition: color 250ms linear 250ms;
        -ms-transition: color 250ms linear 250ms;
        -o-transition: color 250ms linear 250ms;
        transition: color 250ms linear 250ms;
        color: #fff;
    }
    body.styles .newsflash [class^="span"] {
        margin-top: 15px;
    }
    body.styles .newsflash [class^="span"]:first-child {
        margin-top: 0;
    }
    body.styles .newsflash .md6:nth-child(2) {
        margin-top: 0;
    }
    body.styles #top {
        margin-bottom: 10px;
    }
    body.styles #top .row > [class^="span"] {
        margin-bottom: 15px;
    }
    body.styles #top .row > [class^="span"] > .item {
        padding-top: 10px;
    }
    body.styles #top .image {
        left: 60%;
    }
    body.styles #top h2 {
        margin-bottom: 5px;
    }
    body.styles #top h2.icon5 { background-position: 4px 8px; }
    body.styles #top .item ul {
        margin-left: 10px;
    }
    body.styles #content,
    body.styles #content.md8 {
        margin-bottom: 40px;
        padding-left: 55px;
        padding-right: 55px;
        padding-bottom: 0;
    }
    body.styles #content.md6 {
        margin-bottom: 40px;
        padding-left: 40px;
        padding-right: 20px;
        padding-bottom: 0;
    }
    body.styles .footer .footer1 {
        padding-top: 5px;
    }
    body.styles .footer .footer1 [class^="span"] {
        margin-top: 15px;
    }
    body.styles .two-columns-holder .left-column,
    body.styles .two-columns-holder .right-column {
        float: none;
        width: 100%;
        margin: 0;
    }
    .menu-lang {
        top: 23px;
    }
}

@media (max-width: 850px) {
    body.styles #wrapper {
        width: 90%;
    }
    body.styles #logo {
        width: 200px;
        padding-top: 15px;
    }
    body.styles .navigation {
        margin-bottom: 40px;
    }
    body.styles #header-right {
        top: 30px;
    }
    body.styles .row > [class^="span"],
    body.styles .row > .custom > [class^="span"] {
        width: 100% !important;
    }
    body.styles .newsflash .md6:nth-child(2) {
        margin-top: 15px;
    }
}

@media (max-width: 600px) {
    body.styles #wrapper {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    body.styles #logo {
        width: 180px;
        padding-top: 33px;
        font-size: 1.7em;
        line-height: 1.2;
    }
    body.styles.size4 #logo {
        padding-top: 28px;
    }
    body.styles.size4 #logo {
        padding-top: 23px;
    }
    body.styles #content,
    body.styles #content.span9 {
        padding: 0 20px;
    }
    body.styles #top .image {
        display: none;
    }
    .menu-lang {
        display: none;
    }
    .menu-lang2 {
        display: inline-block;
        right: 260px;
    }
}
@media (max-width: 400px) {
    body.styles #search .search {
        width: 212px;
    }
    body.styles #search .search input[type="search"] {
        width: 128px;
    }
    .menu-lang {
        display: none;
    }
    .menu-lang2 {
        display: inline-block;
        right: 235px;
    }
}