@media (min-width: 1241px) {
    body.styles .footer .social-networks {
        position: absolute;
        top: 166px;
        right: 50%;
        margin-right: -405px;
        padding: 0 0 10px;
    }
}

@media (max-width: 1240px) {
    body.styles #search .search {
        width: 238px;
    }
    .menu-lang {
        right: 84px;
    }
    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 .header > .container,
    body.styles .navigation > .container,
    body.styles #banner .container,
    body.styles #main > .container,
    body.styles .footer .container-inner {
        width: 88.5%;
    }
    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 #logo {
        width: 65%;
        padding-top: 20px;
        font-size: 35px;
    }
    body.styles #header-right {
        top: 25px;
        max-width: 285px;
    }
    body.styles .navigation {
        position: relative;
        z-index: 500;
    }
    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 ul.banner li.item .text > * {
        display: none;
    }
    body.styles ul.banner li.item .text > h4 {
        display: block;
    }
    body.styles .newsflash [class^="span"] {
        margin-top: 0;
    }
    body.styles .newsflash [class^="span"]:first-child {
        margin-top: 0;
    }
    body.styles .newsflash .md6:nth-child(2) {
        margin-top: 0;
    }
    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: 1240px) and (min-width: 651px) {
    body.styles .footer .social-networks {
        top: 166px;
        right: calc(5.75% + 149px);
        z-index: 500;
        margin-right: 0;
    }
}

@media (max-width: 850px) {
    body.styles .row .sm1 { width: 8.33%; }
    body.styles .row .sm2 { width: 16.66%; }
    body.styles .row .sm3 { width: 25%; }
    body.styles .row .sm4 { width: 33.33%; }
    body.styles .row .sm5 { width: 41.66%; }
    body.styles .row .sm6 { width: 50%; }
    body.styles .row .sm7 { width: 58.33%; }
    body.styles .row .sm8 { width: 66.66%; }
    body.styles .row .sm9 { width: 75%; }
    body.styles .row .sm10 { width: 83.33%; }
    body.styles .row .sm11 { width: 91.66%; }
    body.styles .row .sm12 { 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 #logo {
        width: calc(100% - 300px);
        padding-top: 30px;
        font-size: 22px;
    }
    body.styles #header-right {
        top: 30px;
    }
    body.styles ul.banner li.item div.image {
        width: 100%;
    }
    body.styles ul.banner li.item div.text {
        position: absolute;
        top: -20000px;
        left: -20000px;
    }
    body.styles .row > [class^="span"]:nth-child(n+3),
    body.styles .row > .custom > [class^="span"]:nth-child(n+3) {
        margin-top: 35px;
    }
}

@media (max-width: 650px) {
    body.styles .row > [class^="span"],
    body.styles .row > .custom > [class^="span"] {
        width: 100% !important;
    }
    body.styles #logo {
        width: 100%;
        padding-top: 88px;
        font-size: 21px;
        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 0 0 20px;
    }
    body.styles #top .image {
        display: none;
    }
    .menu-lang {
        display: none;
    }
    .menu-lang2 {
        display: inline-block;
        right: 84px;
    }
    body.styles #banner {
        display: none;
    }
    body.styles .row > [class^="span"],
    body.styles .row > .custom > [class^="span"] {
        margin-top: 35px;
    }
    body.styles .newsflash div.item {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 252px;
    }

    body.styles .warning {
        position: relative;
        top: -13px;
    }
}
@media (max-width: 420px) {
    body.styles #logo {
        font-size: 18px;
    }
    body.styles #search .search {
        width: 172px;
    }
    body.styles #search .search input[type="search"] {
        width: 128px;
    }
    .menu-lang {
        display: none;
    }
    body.styles .footer .option {
        float: none;
    }
}