@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .icon_stripe > .road {
        background-image: url('/images/icon_stripe/road_2x.png');
        background-size: 118px 116px;
    }

    .icon_stripe > .sea {
        background-image: url('/images/icon_stripe/sea_2x.png');
        background-size: 118px 116px;
    }

    .icon_stripe > .air {
        background-image: url('/images/icon_stripe/air_2x.png');
        background-size: 106px 116px;
    }

    .icon_stripe > .team {
        background-image: url('/images/icon_stripe/team_2x.png');
        background-size: 105px 116px;
    }

    .icon_stripe > .meeting {
        background-image: url('/images/icon_stripe/meeting_2x.png');
        background-size: 115px 116px;
    }

    .icon_stripe > .agreement {
        background-image: url('/images/icon_stripe/agreement_2x.png');
        background-size: 100px 116px;
    }

    .icon_stripe > .warehouse {
        background-image: url('/images/icon_stripe/warehouse_2x.png');
        background-size: 110px 116px;
    }

    .icon_stripe > .packing {
        background-image: url('/images/icon_stripe/packing_2x.png');
        background-size: 104px 116px;
    }

    .icon_stripe > .sending {
        background-image: url('/images/icon_stripe/sending_2x.png');
        background-size: 113px 116px;
    }

    .icon_stripe > .repair {
        background-image: url('/images/icon_stripe/repair_2x.png');
        background-size: 89px 116px;
    }

    .icon_stripe > .engineer {
        background-image: url('/images/icon_stripe/engineer_2x.png');
        background-size: 91px 116px;
    }

    .icon_stripe > .parts {
        background-image: url('/images/icon_stripe/parts_2x.png');
        background-size: 99px 116px;
    }

    .icon_stripe > .product {
        background-image: url('/images/icon_stripe/product_2x.png');
        background-size: 112px 116px;
    }

    .icon_stripe > .part_on_laptop {
        background-image: url('/images/icon_stripe/part_on_laptop_2x.png');
        -webkit-background-size: 119px;
        background-size: 119px 116px;
    }

    .icon_stripe > .part_on_mobile {
        background-image: url('/images/icon_stripe/part_on_mobile_2x.png');
        background-size: 114px 116px;
    }

    .icon_stripe > .shopping_list {
        background-image: url('/images/icon_stripe/shopping_list_2x.png');
        background-size: 116px 116px;
    }

    .icon_stripe > .shopping_trolley {
        background-image: url('/images/icon_stripe/shopping_trolley_2x.png');
        background-size: 110px 116px;
    }

    .icon_stripe > .money {
        background-image: url('/images/icon_stripe/money_2x.png');
        background-size: 114px 116px;
    }
}

/* Up to 1200px */
@media (max-width: 1200px) {

    .row-container {
        padding: 0 10px;
    }

    #top_stripe .row-container,
    #top-row .row-container,
    #header-row .row-container,
    #navigation-row .row-container,
    #showcase-row .row-container,
    #maintop-row .row-container,
    #mainbottom-row .row-container,
    #content-row .row-container,
    #mainbottom-row .row-container {
        padding: 0 40px;
    }

    .footer-wrapper-inner {
        padding: 0 40px;
    }

    #bottom-row .row-container {
        padding: 35px 40px 33px;
    }
}

/* Up to 980px */
@media (max-width: 980px) {

    .thumbnails {
        margin-left: -12px;
    }

    .thumbnails > li {
        margin-left: 12px;
    }

    #back-top {
        display: none !important;
    }

    #top_stripe .row-container,
    #top-row .row-container,
    #header-row .row-container,
    #navigation-row .row-container,
    #showcase-row .row-container,
    #maintop-row .row-container,
    #mainbottom-row .row-container,
    #content-row .row-container,
    #mainbottom-row .row-container {
        padding: 0 20px;
    }

    .footer-wrapper-inner {
        padding: 0 20px;
    }

    #bottom-row .row-container {
        padding: 35px 20px 33px;
    }

    .item-image {
        &.left {
            float: none;
            margin-right: 0;
            margin-left: 0;
        }
        &.right {
            float: none;
            margin-right: 0;
            margin-left: 0;
        }
    }
}

/* Up to 767px */
@media (max-width: 767px) {
    .hikashop_product_right_part {
        margin-top: 0;
        padding-left: 11px;
    }

    .hikashop_product_page table.product_info {
        margin: 0;
    }

    .row-container {
        padding: 0 1%;
    }
    /* Modify the header for mobile display */
    #header-row #logo {
        text-align: center;
    }

    #header-row #card_logos {
        display: none;
    }

    .header-contact-row .span6 {
        width: 100%;
        margin: 0;
    }

    .header-contact.phone a {
        border-right: 0;
    }

    .header-contact.email a {
        border-left: 0;
    }

    p.footer_credit {
        text-align: center;
    }

    /* Site Updates Blog */
    .page-blog img.pull-right {
        float: none;
        margin: 0 0 10px;
    }

    #wrapper {
        margin: 0;
    }

    #footer-wrapper {
        height: auto;
    }

    #push {
        display: none;
    }

    #logo {
        text-align: center;
    }

    #logo a {
        margin: 0;
    }

    .item-image.blog-image {
        float: none;
        margin: 0 0 20px 0;
    }

    .row-fluid [class*="itemSpan"] {
        display: block;
        float: none;
        margin-left: 0;
        width: auto;
    }

    .img-full__left.span5 {
        width: 50%;
    }

    .contact_details .contact_details_item {
        width: 30%;
        float: left;
    }

    #back-top {
        display: none !important;
    }

    #header-row #logo {
        margin: 0;
    }

    #footer-row .moduletable {
        padding: 0 1% 10px 0;
        text-align: center;
    }

    #footer-row .moduletable.follow {
        width: 100%;
        padding: 0 0 10px;
    }

    #footer-row .moduletable.contacts p {
        float: none;
    }

    #footer-row .moduletable.contacts span {
        float: none;
        margin: 0;
    }

    #copyright {
        text-align: center;
    }

    #aside-right {
        margin-top: 20px;
    }

    #contact-info-row {
        display:block;
    }
}

/* Up to 680px */
@media (max-width: 680px) {
    .icon_stripe > * {
        height: 88px;
        background-size: contain !important;
    }
}

/* Up to 650px */
/* DJ Mobile Menu active */
/* This width must match the width that is set on the mobile menu activation */
/* {{ Kept here to be close to other header modifications above }} */
@media (max-width: 650px) {
    /* Modify the header to accommodate the mobile menu */
    #header-row .dj-accordion-dark .dj-accordion-in {
        margin-bottom: 0;
    }

    #header-row .dj-mobile-open-btn {
        margin-bottom: 10px;
    }

    .header-contact.phone {
        border-top: 0;
    }

    #top_stripe p {
        padding: 10px;
    }

    #top_stripe p a {
        padding: 0 15px 0 0;
    }

}

/* Up to 640px */
@media (max-width: 640px) {

    .contact_details {
        margin-bottom: 18px;
    }

    .contact_details .contact_details_item {
        width: 100%;
        float: none;
    }

    #top_stripe .wide {
        display: none;
    }

    #top_stripe .slim {
        display: block;
    }
}

/* Up to 480px */
@media (max-width: 480px) {

    .contact_form {
        width: 100%;
    }

    .pagination ul li {
        display: none;
    }

    .pagination ul li.pagination-prev,
    .pagination ul li.pagination-next {
        display: inline-block;
    }

    .img-full__left.span5 {
        width: 100%;
        margin-right: 0;
    }

    .page-blog .item_img.img-intro {
        float: none;
        margin: 0 0 18px 0;
    }

    .contact_details .contact_details_item {
        width: 100%;
        float: none;
    }

    div.modal {
        position: absolute;
    }

    #footer-row .moduletable {
        float: none;
        width: 100%;
        padding: 0 0 10px;
    }

    .img-intro {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
}

/* Up to 440px */
@media (max-width: 440px) {
    .icon_stripe > * {
        height: 58px;
    }
}
