@media screen and (max-width: 600px) {
    .mobileOnly {
        display: block;
    }
    .desktopOnly {
        display: none;
    }
    #newsList {
        margin: 15px 0 0 0;
        padding: 0 15px;
    }
    #newsList ul {
        border-bottom: 1px dotted #000000;
        padding-bottom: 4px;
    }
    #newsList ul li {
        text-align: left;
        margin-bottom: 4px;
    }
    #newsList h2 {
        font: 26px/40px "AllerLightRegular";
        color: #0e3e95;
        border-bottom: 1px dotted #000000;
        border-top: 1px dotted #000000;
    }
    div#container, div#footer {
        width: 100%;
    }
    div#container {
        background: #ffffff;
        overflow: hidden;
    }
    body {
        background: #ebedef;
        padding-top: 70px;
    }
    div#top {
        width: 100%;
        height: 70px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9998;
        background: #ebedef;
    }

    div#top a#logo {
        width: 106px;
        height: 45px;
        background-size: 100% auto;
        margin: 15px 0 0 15px;
    }
    #mobileMenuSwitch {
        display: block;
        width: 35px;
        height: 30px;
        background: url(../images/mobileMenuSwitch.png) no-repeat;
        position: fixed;
        z-index: 9999;
        right: 10px;
        top: 18px;
    }
    div#top ul#menu {
        border-top: 1px dotted #000000;
    }
    div#top ul#menu, div#top ul#languages {
        height: auto;
        float: none;
        margin: 0;
    }
    div#top ul#menu li {
        width: 100% !important;
    }
    div#top ul#menu li, div#top ul#languages li {
        overflow: hidden;
        float: none;
        border-bottom: 1px dotted #000000;
        text-transform: uppercase;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: bold;
    }
    div#top ul#languages {
        border-bottom: 1px dotted #000000;
        width: 100%;
        height: 30px;
    }
    div#top ul#languages li {
        width: auto !important;
        display: inline-block;
        border: 0;
    }
    div#top ul#languages li:first-of-type {
        padding-left: 15px;
        padding-right: 8px;
        position: relative;
    }
    div#top ul#languages li:first-of-type a span:after {
        content: "/";
        position: absolute;
        right: 0;
    }
    div#top ul#menu li a, div#top ul#languages li a {
        background: none;
        text-decoration: none;
        padding: 0 15px;
    }
    div#top ul#languages li a {
        padding: 0 0 0 0;
    }
    div#top ul#menu li a span, div#top ul#languages li a span {
        display: block;
        color: #383839;
    }
    #menuWrapper {
        background: #ebedef;
        position: fixed;
        top: 70px;
        right: -100%;
        width: 100%;
        z-index: 9998;
        transition: right 0.3s;
    }
    #menuWrapper.expanded {
        right: 0;
    }

    div#content {
        width: 100%;
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    div#content div#leftColumn {
        float: none;
        width: 100%;
        border: 0;
        margin: 15px auto 0 auto;
        border-bottom: 1px solid #cbcbcb;
        border-top: 1px solid #cbcbcb;
    }
    div#content div#leftColumn br {
        display: none;
    }
    div#content div#leftColumn ul {
        border: 0;
        padding: 0;
        margin: 0;
        list-style-type: disc;
        margin-left: 20px;
    }
    div#content div#leftColumn ul li {
        padding: 0;
        margin: 0;
        line-height: 24px;
        border: 0;
    }
    div#content div#leftColumn ul li.lastInRow {
        border-bottom: 0;
    }
    div#content div#leftColumn ul li a {
        font-size: 12px;
        background: none;
        margin: 0;
    }
    div#content div#leftColumn ul a:HOVER, div#content div#leftColumn ul a.active {
        background: none;
    }
    div#content div#leftColumn div#address {
        display: none;
    }
    div#content div#leftColumn div#box {
        border: 0;
        margin: 0;
    }
    div#content div#mainColumn {
        float: none;
        width: auto;
        margin: 0;
    }
    div#content div#mainColumn h1 {
        font: 26px/40px "AllerLightRegular" !important;
        margin: 0 0 10px 0;
        height: auto;
        padding-top: 3px;
    }
    div#content div#mainColumn a.invitation, div#content div#mainColumn a.readMore {
        width: auto;
        height: auto;
        line-height: 20px;
        padding: 15px 20px;
        background-position: 13px 12px;
        background-size: 15px auto;
        text-indent: 20px;
    }
    img.offerImage, div#content div#mainColumn div#image {
        float: none;
        margin: 20px auto;
        display: block;
    }
    div#content div#mainColumn div#image {
        background: none;
        text-align: center;
        width: auto;
    }
    div#content div#mainColumn div#image img {

        margin: 0 auto;
    }
    div#index {
        overflow: hidden;
        background: none;
        height: auto;
    }
    div#index a.indexButton, div#index address {
        margin-left: auto;
        margin-right: auto;
    }
    div#index a.offerButton {
        float: none;
    }
    div#index a.contactButton {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 250px;
    }
    div#index ul#offer {
        float: none;
        margin: 20px auto 0 auto;
    }
    div#index address {
        position: relative;
        float: none;
        top: auto;
        right: auto;
        margin-top: -305px;
        height: 305px;
    }

    div#footer {
        padding: 0 15px;
        box-sizing: border-box;
    }
    div#footer div#lead p {
        line-height: 16px;
    }
    div#footer div#info {
        width: auto;
        height: auto;
        float: none;
        margin: 0;
        border-left: none;
        border-right: none;
    }
    div#footer ul#bottomMenu {
        height: auto;
        margin: 10px 0 10px 20px;
        width: 100%;
        list-style-type: disc;
    }
    div#footer ul#bottomMenu li {
        float: none;
        margin: 0;
        line-height: 24px;
    }
    div#footer ul#bottomMenu li a {
        border: 0;
    }
    div#footer div#copyright {
        display: none;
    }
    div#footer div#author {
        line-height: 36px;
    }
    #instantProjects, #rf {
        display: none;
    }
    table.workingTeam {
        width: 100% !important;
    }
    table.workingTeam td {
        display: block;
    }
    table.workingTeam td img {
        width: 100%;
        height: auto !important;
    }
    table.workingTeam thead td {
        padding-top: 8px;
        height: auto;
    }
    ul.boxes li {
        padding: 0;
        width: 48%;
        margin: 10px 0 0 0;
    }
    ul.boxes li:nth-of-type(2n+1) {
        float: right;
    }
    ul.boxes strong {
        padding-left: 5px;
    }
    div#team div.worker {
        margin: 0 auto 15px auto;
        float: none;
        width: 100%;
    }
    div#team div.worker img {
        width: 100%;
    }
    .gallery {
        margin-top: 20px;
    }
    .gallery img {
        margin: 0 0 15px 0;
        width: 100%;
    }
    .gallery a {
        float: left;
        width: 48%;
    }
    .gallery a:nth-of-type(2n+1) {
        float: right;
    }
    table#referencesGrid {
        width: 100%;
    }
    table#referencesGrid td {
        display: block;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    table#referencesGrid td:nth-last-of-type(2n+1) {
        border-left: 0;
    }
    table#referencesGrid td img {
        max-width: 100%;
        max-height: 100%;
    }
    form#contactForm {
        float: none;
        margin: 0 auto 15px auto;
        height: auto;
        padding-bottom: 12px;
        width: 100%;
        background-size: 100% auto;
        box-sizing: border-box;
        background-color: #fef8a9;
    }
    form#contactForm textarea {
        height: 80px;
    }
    div#contactData {
        width: 100%;
        float: none;
        margin: 0;
    }
    div#contactData > p {
        margin-left: 15px;
    }
    div#contactData div#companyData div {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 15px 0 15px;
        overflow: hidden;
    }
    div#contactData div#companyData div#data2 p {
        height: auto !important;
    }
    div#contactData div#companyData div#data2 img {
        width: 100% !important;
        display: block;
        margin-bottom: 15px;
    }
    div#contactData div#teamData div.worker, div#contactData div#teamData div.worker.lastInRow {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    div#contactData div#teamData div.worker.lastInRow {
        margin-bottom: 0;
    }
    div#contactData div#teamData div.worker p {
        text-align: center;
    }
    div#contactData div#googleMap {
        width: 100%;
    }
}