@media all and (min-width: 481px) and (max-width: 1280px) {

    #main {
        width: 100% !important;
    }

    #arrows {
        display: none;
    }

    .navigation-responsive {
        display: none;
    }

    .introText {
        width: 100%;
    }

    #backTop .content-responsive {
        display: none;
    }

    #backTop {
        margin-left: 0;
        padding: 10px 15px;
        right: 30px;
    }

    .news .thumbs .unit {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0;
        margin-right: 5%;
        margin-top: 0 !important;
    }

    .news, .about, .portfolio, .case_studies, .services,
    .main>.unit, .contact, .news_detail>div, .portfolio_detail>div {
        box-sizing: border-box;
        padding: 0 26px;
    }

    .news_detail>div.reverse,
    .portfolio_detail>div.reverse {
        padding: 0;
    }

    #main.default .reverse {
        padding: 0;
    }

    .news_detail>.spacing_05,
    .portfolio_detail>.spacing_05 {
        border-top: 0;
    }

    .news_detail>.spacing_05>.spacing_02,
    .portfolio_detail>.spacing_05>.spacing_02 {
        border-top: 1px solid #CCC;
    }

    .case_studies .thumbs .unit {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0;
        margin-right: 5%;
    }

    .news .thumbs .unit.first_row, .case_studies .thumbs .unit {
        margin: 70px 5% 0 0;
    }

    .news .thumbs .unit.first_row, .case_studies .thumbs .unit.first_row {
        margin: 0 5% 0 0;
    }

    .unit_img_inner>img {
        width: 100%;
        height: 100%;
    }

    .news .thumbs .float_clear:after {
        content: "";
        display: block;
        height: 80px;
    }

    .about {
        margin-top: -40px;
    }

    .block_01 {
        /*max-width: 708px;*/
        max-width: 900px;
        width: 100%;
    }

    .unit_img_outer>img {
        /*max-width: 708px;*/
        max-width: 900px;
    }

    .about .spacing_08>div.float_left,
    .about .spacing_08>div.float_right {
        width: 50%;
        box-sizing: border-box;
    }

    .about .spacing_08>div.float_left {
        padding-right: 15px;
    }

    .about .spacing_08>div.float_right {
        padding-left: 15px;
    }

    .about.block_01 .spacing_04 .unit_img_outer>img {
        width: 100%;
    }

    .about.block_01 .spacing_08 .unit_img_outer>img {
        width: 100%;
    }

    .portfolio .thumbs .unit {
        /*max-width: 153px;*/
        width: 22%;
        margin: 80px 4% 0 0;
    }

    .portfolio .thumbs .unit.first_row {
        margin-right: 4%;
    }

    .portfolio .unit_img_inner>img {
        width: 100%;
        height: auto;
    }

    .services .service_items .unit {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0 0 70px 5%;
    }

    .services .service_items .unit.no-margin-left {
        margin-left: 0;
    }

    .services .clear-responsive {
        clear: both;
    }

    .services .float_clear {
        clear: none;
    }

    .services .unit_img_outer,
    .services .unit_img_inner {
        width: auto !important;
        height: auto !important;
    }

    #contact_form {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0 5% 0 0;
    }

    #contact_map {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0 5% 0 0;
    }

    #contact_address {
        /*max-width: 216px;*/
        width: 30%;
        margin: 0 0 0 0;
    }

    input[type=text] {
        width: 100%;
        box-sizing: border-box;
    }

    .message {
        width: 100%;
    }

    textarea {
        width: 100%;
        box-sizing: border-box;
    }

    #contact_map img {
        width: 100%;
    }

    fieldset, .unit_text p {
        word-wrap: break-word;
    }

    .news_detail .thumbs .unit_wrap .unit {
        width: 50%;
        box-sizing: border-box;
        padding: 0 30px 0 0;
        margin: 0;
    }

    .news_detail .thumbs .unit_wrap .unit.left {
        padding: 0 15px 0 0;
    }

    .news_detail .thumbs .unit_wrap .unit.right {
        padding: 0 0 0 15px;
    }

    .news_detail .addthis_toolbox {
        margin-top: 60px;
    }

    .portfolio_detail .addthis_toolbox {
        margin-top: 60px;
    }

    .portfolio_detail .thumbs .unit_wrap .unit.left {
        padding: 0 15px 0 0;
    }

    .portfolio_detail .thumbs .unit_wrap .unit.right {
        padding: 0 0 0 15px;
    }

    .portfolio_detail .thumbs .unit.large {
        padding: 0 !important;
    }

    .portfolio_detail .thumbs .unit {
        width: 50%;
        box-sizing: border-box;
        padding: 0 30px 0 0;
        margin: 80px 0 0 0;
    }

    .case_studies.description {
        width: 100%;
    }

    .portfolio_detail .thumbs .unit.large {
        width: 100%;
    }

    .news_detail .thumbs .unit_wrap .unit img,
    .portfolio_detail .thumbs .unit img {
        width: 100%;
    }

    .services .service_items .unit  .unit_img_outer {
        width: auto !important;
    }

    .services .service_items .unit .unit_img_inner {
        height: auto !important;
    }

    .portfolio_detail .thumbs .unit img {
        max-width: none !important;
        max-height: none !important;
    }

    .responsive-show {
        display: block !important;
    }

    .responsive-hide {
        display: none !important;
    }

    span.responsive-hide {
        display: block !important;
    }

    span.responsive-show {
        display: none !important;
    }

}

@media all and (max-width: 700px) {

    .navigation-wrapper {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .navigation {
        display: none;
    }

    .navigation-responsive {
        display: block;
    }

    .navigation-responsive .navigation-responsive-wrapper>ul {
        height: 0;
        overflow: hidden;
    }

    .navigation-responsive ul {
        padding: 0;
        margin: 0;
    }

    .navigation-responsive a {
        text-decoration: none;
    }

}

@media all and (min-width: 481px) and (max-width: 760px) {

    span.responsive-hide {
        display: none !important;
    }

    span.responsive-show {
        display: block !important;
    }
}