@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    h1#logo a {
        background: url(../images/bg-logo%402x.png) center no-repeat;
        background-size: 60px 52px;
    }

    .map {
        background: url(../images/icons/bg-map%402x.png) no-repeat center left;
        background-size: 48px 48px;
    }

    .winner {
        background: url(../images/icons/bg-winner%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .time {
        background: url(../images/icons/bg-time%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .pig {
        background: url(../images/icons/bg-pig%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .adjust {
        background: url(../images/icons/bg-adjust%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .team {
        background: url(../images/icons/bg-team%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .works {
        background: url(../images/icons/bg-works%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .chat {
        background: url(../images/icons/bg-chat%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .notes {
        background: url(../images/icons/bg-notes%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .camera {
        background: url(../images/icons/bg-camera%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .illustration {
        background: url(../images/icons/bg-illustration%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .social {
        background: url(../images/icons/bg-social%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .vector {
        background: url(../images/icons/bg-vector%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .commerce {
        background: url(../images/icons/bg-commerce%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .search {
        background: url(../images/icons/bg-search%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .like {
        background: url(../images/icons/bg-like%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .share {
        background: url(../images/icons/bg-share%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .document {
        background: url(../images/icons/bg-document%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .apple {
        background: url(../images/icons/bg-apple%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .balance {
        background: url(../images/icons/bg-balance%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .beaker {
        background: url(../images/icons/bg-beaker%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .beer {
        background: url(../images/icons/bg-beer%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .books {
        background: url(../images/icons/bg-books%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .box {
        background: url(../images/icons/bg-box%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .cake {
        background: url(../images/icons/bg-cake%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .calculator {
        background: url(../images/icons/bg-calculator%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .cd {
        background: url(../images/icons/bg-cd%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .champagne {
        background: url(../images/icons/bg-champagne%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .chart {
        background: url(../images/icons/bg-chart%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .cheese {
        background: url(../images/icons/bg-cheese%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .court {
        background: url(../images/icons/bg-court%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .delivery {
        background: url(../images/icons/bg-delivery%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .dvd {
        background: url(../images/icons/bg-dvd%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .eco {
        background: url(../images/icons/bg-eco%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .film {
        background: url(../images/icons/bg-film%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .grape {
        background: url(../images/icons/bg-grape%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .hot {
        background: url(../images/icons/bg-hot%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .house {
        background: url(../images/icons/bg-house%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .icecream {
        background: url(../images/icons/bg-icecream%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .joystick {
        background: url(../images/icons/bg-joystick%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .keynote {
        background: url(../images/icons/bg-keynote%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .link {
        background: url(../images/icons/bg-link%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .magic {
        background: url(../images/icons/bg-magic%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .mail {
        background: url(../images/icons/bg-mail%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .microphone {
        background: url(../images/icons/bg-microphone%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .network {
        background: url(../images/icons/bg-network%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .palette {
        background: url(../images/icons/bg-palette%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .plaster {
        background: url(../images/icons/bg-plaster%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .player {
        background: url(../images/icons/bg-player%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .polaroid {
        background: url(../images/icons/bg-polaroid%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .printer {
        background: url(../images/icons/bg-printer%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .pulse {
        background: url(../images/icons/bg-pulse%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .quote {
        background: url(../images/icons/bg-quote%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .radio {
        background: url(../images/icons/bg-radio%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .recorder {
        background: url(../images/icons/bg-recorder%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .scissors {
        background: url(../images/icons/bg-scissors%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .select {
        background: url(../images/icons/bg-select%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .serving {
        background: url(../images/icons/bg-serving%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .share {
        background: url(../images/icons/bg-share%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .shop {
        background: url(../images/icons/bg-shop%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .shopping {
        background: url(../images/icons/bg-shopping%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .smartphone {
        background: url(../images/icons/bg-smartphone%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .sofa {
        background: url(../images/icons/bg-sofa%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .syringe {
        background: url(../images/icons/bg-syringe%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .tape {
        background: url(../images/icons/bg-tape%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .target {
        background: url(../images/icons/bg-target%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .television {
        background: url(../images/icons/bg-television%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .video {
        background: url(../images/icons/bg-video%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .walkman {
        background: url(../images/icons/bg-walkman%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .zoom {
        background: url(../images/icons/bg-zoom%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .tags {
        background: url(../images/icons/bg-tags%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .flex-direction-nav .flex-next {
        background: url(../images/icons/bg-next%402x.png) center no-repeat #fff;
        background-size: 48px 48px;
    }

    .flex-direction-nav .flex-prev {
        background: url(../images/icons/bg-prev%402x.png) center no-repeat #fff;
        background-size: 48px 48px;
    }

    .fancybox-close {
        background: url(../images/bg-close%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .fancybox-prev span {
        background: url(../images/bg-prev%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .fancybox-next span {
        background: url(../images/bg-next%402x.png) center no-repeat;
        background-size: 48px 48px;
    }

    .form-part .send-btn {
        background: url(../images/icons/bg-mail%402x.png) no-repeat scroll top right transparent;
        background-size: 48px 48px;
    }

    .comment-form-icon-wrapper {
        background: url(../images/icons/bg-quote%402x.png) no-repeat center;
        background-size: 48px 48px;
    }

    .comment-form .send-btn {
        background: url(../images/icons/bg-mail%402x.png) no-repeat scroll top right transparent;
        background-size: 48px 48px;
    }

    .ajax-prev {
        background: url(../images/icons/bg-prev%402x.png) center no-repeat #fff;
        background-size: 48px 48px;
    }

    .ajax-next {
        background: url(../images/icons/bg-next%402x.png) center no-repeat #fff;
        background-size: 48px 48px;
    }

}

/*@media only screen and (min-width: 1800px) {
.col1-3 { width:25%; }
}*/

@media only screen and (max-width: 1299px) {
    #content {
        position: absolute;
        padding-left: 0px;
        z-index: 102
    }

    header {
        position: absolute;
        min-height: 100%;
        height: auto
    }

    #background-color {
        background: #f5f5f5;
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 101;
        -webkit-overflow-scrolling: touch;
        top: 0;
        left: 0;
        display: block
    }

    #bottom-header {
        position: relative;
        bottom: auto;
        width: 100%;
        text-align: center;
    }

    #menu-button {
        display: block;
    }
}

/* Desktop-only rules */
@media only screen and (min-width: 980px) and (max-width: 1469px) {
    .container {
        width: 960px;
    }

    .col3-3, footer {
        width: 940px;
    }

    .col1-3 {
        width: 300px;
    }

    .col2-3 {
        width: 620px;
    }

    .col3-3, .col4-3 {
        width: 940px;
        height: auto;
    }

    .videos {
        width: 400px;
        height: 225px
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .container {
        width: 640px;
    }

    .col1-3 {
        width: 300px;
    }

    .col2-3, .col2-3m, footer {
        width: 620px;
    }

    .col3-3, .col4-3 {
        width: 620px;
        height: auto;
    }

    footer .social-list {
        margin-left: 0
    }

    .thumbs {
        width: 50%;
    }

    .blog-overview .element.blog-teaser:nth-child(2) {
        margin-top: 10px;
    }

    .blog-overview .element.blog-teaser:nth-child(3) {
        margin-top: 10px;
    }

    .blog-author-description {
        width: 55%;
    }

    .comment-content {
        width: 340px;
    }

    .comment.reply.level-1 {
        padding-left: 0
    }

    .col3-3.centered blockquote {
        padding: 5px 75px 10px
    }

    .service_item {
        min-width: 162px;
    }

    .videos {
        width: 400px;
        height: 225px
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .container {
        width: 320px;
    }

    .col1-3, footer {
        /*width: 300px;*/
    }

    .col2-3, .col3-3, .col4-3 {
        width: 300px;
        height: auto;
    }

    h2 {
        font-size: 28px;
        line-height: 34px;
        letter-spacing: 0;
    }

    footer .alignleft, footer .alignright {
        float: none;
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    footer .aligncenter {
        top: 10px
    }

    .arrow-left, .arrow-right {
        display: none
    }

    footer h5 {
        padding-right: 0
    }

    #map {
        width: 300px;
        height: 280px;
    }

    .thumbs {
        width: 50%;
    }

    .pagination-wrapper {
        width: 100%;
        top: 0;
        padding: 0;
    }

    .pagination {
        display: inline-block;
        float: none;
    }

    .pagination > li {
        margin: 0 5px;
    }

    .blog-overview .element.blog-teaser:nth-child(2) {
        margin-top: 10px;
    }

    .blog-overview .element.blog-teaser:nth-child(3) {
        margin-top: 10px;
    }

    .blog-author-picture {
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .blog-author-description {
        width: auto;
        padding-top: 20px;
        padding-right: 0;
        text-align: center
    }

    .comment, .comment-count {
        text-align: center;
    }

    .commenter-avatar {
        padding: 0;
        margin: 0 auto;
        width: 150px;
        display: inline-block;
        float: none
    }

    .comment-content {
        padding-top: 20px;
        display: block;
        width: auto;
        max-width: 100%;
    }

    .comment.reply.level-1 {
        padding-left: 0
    }

    .comment-reply-button-column {
        float: none;
    }

    .comment-form-icon-wrapper {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        text-align: center;
        background-position: center top;
    }

    .comment-form-icon-wrapper:before {
        display: inline-block;
    }

    .comment-form {
        padding: 0;
    }

    .comment-form > input, .comment-form > textarea {
        width: 100%;
    }

    .col3-3.centered blockquote, .col2-3 blockquote {
        padding: 5px 25px 10px !important
    }

    .column-count2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .videos {
        width: 400px;
        height: 225px
    }
}

/* Small mobile sizes */
@media only screen and (max-width: 399px) {

    .thumbs {
        width: 100%;
    }

    .videos {
        width: 300px;
        height: 169px
    }
}