/* --------------------------------------------------
   Table of Contents MOBILE
-----------------------------------------------------
:: Primary Mobile Elements
:: iPhone 4 high res
:: Mobile Visibility
:: Mobile Forms
:: Mobile UI
*/

/* ============================= */
/* ! Primary for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width : 767px) {

    /* reset contatiner for sticky desktop footer */
    .main-content-container {
        min-height : 250px;
    }

    /* end */
    .fr-min-width {
        min-width : 100%;
        padding   : 10px 0px !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color       : #444444;
        font-weight : bold;
        line-height : 1.25
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font-weight : inherit;
    }

    h1 {
        font-size     : 28px;
        font-size     : 2.8rem;
        margin-bottom : 12px;
    }

    h1.with-subheader {
        font-size     : 28px;
        font-size     : 2.8rem;
        margin-bottom : 0px;
    }

    h2 {
        font-size     : 24px;
        font-size     : 2.4rem;
        margin-bottom : 9px;
    }

    h2.with-subheader {
        font-size     : 24px;
        font-size     : 2.4rem;
        margin-bottom : 0px;
    }

    h3 {
        font-size     : 18px;
        font-size     : 1.8rem;
        margin-bottom : 9px;
    }

    h3.with-subheader {
        font-size     : 18px;
        font-size     : 1.8rem;
        margin-bottom : 0px;
    }

    h4 {
        font-size     : 16px;
        font-size     : 1.6rem;
        margin-bottom : 3px;
    }

    h4.with-subheader {
        font-size     : 16px;
        font-size     : 1.6rem;
        margin-bottom : 0px;
    }

    h5 {
        font-size     : 15px;
        font-size     : 1.5rem;
        margin-bottom : 3px;
    }

    h6 {
        font-size   : 15px;
        font-size   : 1.3rem;
        font-weight : normal;
    }

    .container {
        padding      : 0;
        margin-right : 0px;
    }

    .row {
        padding      : 10px 10px 0;
        margin-right : 0px;
    }

    /* responsive tables */
    .row .row .twelve.responsive {
        margin-left : 36%;
    }

    .fr.compare-product-name h1 {
        font-size   : 1.6em;
        white-space : normal;
    }

    table th {
        font-weight : bold;
    }

    table td,
    table th {
        padding    : 9px 10px;
        text-align : left;
    }

    /* Mobile */
    table.responsive {
        margin-bottom : 0;
    }

    .pinned {
        position     : absolute;
        left         : 0;
        top          : 0;
        background   : #FFFFFF;
        width        : 40%;
        overflow     : hidden;
        overflow-x   : scroll;
        border-right : 1px solid #CCCCCC;
        border-left  : 1px solid #CCCCCC;
    }

    .pinned table {
        border-right : none;
        border-left  : none;
        width        : 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space : nowrap;
    }

    .pinned td:last-child {
        border-bottom : 0;
    }

    div.table-wrapper {
        position      : relative;
        margin-bottom : 20px;
        overflow      : hidden;
        border-right  : 1px solid #CCCCCC;
    }

    div.table-wrapper div.scrollable table {
        margin-left : 36%;
    }

    div.table-wrapper div.scrollable {
        overflow   : scroll;
        overflow-y : hidden;
    }

    div.scrollable table.twelve thead tr th img {
        max-width : 100%;
        height    : auto;
    }

    table.responsive td,
    table.responsive th {
        position    : relative;
        white-space : nowrap;
        overflow    : hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display : none;
    }

    table.responsive {
        margin-bottom : 0;
    }

    .pinned {
        position     : absolute;
        left         : 0;
        top          : 0;
        background   : #FFFFFF;
        width        : 36%;
        overflow     : hidden;
        border-right : 1px solid #CCCCCC;
        border-left  : 1px solid #CCCCCC;
    }

    .pinned table {
        border-right : none;
        border-left  : none;
        width        : 100%;
    }

    .pinned table th,
    .pinned table td {
        white-space : nowrap;
    }

    .pinned td:last-child {
        border-bottom : 0;
    }

    div.table-wrapper {
        position      : relative;
        margin-bottom : 20px;
        overflow      : hidden;
        border-right  : 1px solid #CCCCCC;
    }

    div.table-wrapper div.scrollable table {
        margin-left : 36%;
    }

    div.table-wrapper div.scrollable {
        overflow   : scroll;
        overflow-y : hidden;
    }

    table.responsive td,
    table.responsive th {
        position    : relative;
        white-space : nowrap;
        overflow    : hidden;
    }

    table.responsive th:first-child,
    table.responsive td:first-child,
    table.responsive td:first-child,
    table.responsive.pinned td {
        display : none;
    }

    #map_canvas {
        width  : 100%;
        height : 270px;
    }

    /* Products */
    .category-container h1 {
        font-size : 2.8rem;
        margin    : 0px;
    }

    .category-container h3.subheader {
        font-size      : 2.0rem;
        margin         : 0px 0px 24px 0px;
        padding-bottom : 12px;
        border-bottom  : solid 1px #CCCCCC;
    }

    .fr.product-grid-row {
        margin : 0;
    }

    .product-grid-item {
        margin-bottom : 30px;
        border-bottom : solid 1px #CCCCCC;
    }

    /* Home Specials / Promo */
    .product-results {
        margin-top : 0px;
    }

    .product-grid-item h1 {
        margin-top    : 0px;
        margin-bottom : 16px;
        font-size     : 1.8rem;
        line-height   : 1.8rem;
        min-height    : 0px;
    }

    .product-grid-item h2.subheader {
        font-size  : 1.5rem;
        margin     : -8px 0 0 0;
        min-height : 0px;
    }

    .product-grid-item h3 {
        font-size  : 2.0rem;
        margin-top : 8px;
    }

    /* Starting at adds empty for mobile*/
    .starting-at {
        color         : #E77E00;
        font-size     : 14px;
        margin-bottom : 0px;
    }

    .empty.starting-at {
        display : none;
    }

    p.inline-ratings {
        margin-bottom : 0px;
    }

    .product-image-container {
        min-height    : 150px;
        max-height    : 300px;
        float         : left;
        padding-right : 15px;
    }

    .product-image-container img {
        width : 110px;
    }

    .product-grid-content {
        margin-left : 125px;
    }

    .fr.product-image-catalog-swatches {
        margin     : 0 0 4px 125px;
        padding    : 0px;
        position   : relative;
        background : none;
        max-width  : 200px;
        z-index    : 300;
    }

    .fr.catalog-swatches-more {
        display : none;
        margin  : 4px 0 6px 0;
    }

    .fr.product-image-catalog-swatches img {
        margin : 0;
        width  : 16px;
    }

    .fr.pagination-nav h6 a,
    .fr.pagination-display-count h6 a {
        margin : 0 6px;
    }

    .nav-change-store {
        padding     : 5px 0 10px 12px;
        font-weight : bold;
    }

    .nav-change-store h5 {
        font-size : 1.2rem;
    }

    .nav-change-store h4 {
        font-size : 1.5rem;
    }

    .nav-change-store a {
        color           : #444444;
        font-size       : 1.2rem;
        text-decoration : underline;
    }

    .nav-change-store a:hover {
        background-color : transparent;
        border           : none;
    }

    .product-detail-info {
        margin-top : 0px;
    }

    .product-detail-info h1 {
        font-size   : 2.5rem;
        line-height : 2.5rem;
        margin      : 0 0 6px;
    }

    .product-detail-info h2 {
        line-height  : 0.9em;
        font-style   : normal;
        padding-left : 8px;
    }

    .product-detail-info h3 {
        font-size  : 2.0rem;
        font-style : normal;
    }

    h3.product-price {
        font-size : 2.2rem;
        margin    : 0px;
        padding   : 0;
    }

    h3.product-price-regular {
        font-size : 1.5rem;
    }

    .product-detail-info h4 {
        margin-bottom : 10px;
        line-height   : 1.8em;
        font-size     : 2.0rem;
    }

    .product-detail-price {
        padding : 0px;
    }

    label.fr.delivery-selection {
        margin-left : 0px;
    }

    /* home masonry */
    div.box h1 {
        font-size   : 200%;
        line-height : 1em;
    }

    div.box h2 {
        font-size   : 150%;
        line-height : 1em;
    }

    div.box h3 {
        font-size   : 100%;
        line-height : 1em;
    }

    div.box h2.grid-right {
        right      : 30px;
        text-align : right;
    }

    div.box h2.grid-top-right {
        right      : 30px;
        text-align : right;
        top        : 30px;
    }

    .row .location-submit {
        width   : 19%;
        float   : right;
        padding : 1% 0 1%;
    }

    .locations-phone-modal .row {
        padding-right : 5px;
    }

    .reveal-modal .phone-locations-content .row .right.mt5 {
        margin-top : 5px !important;
    }

    #locations-phone-modal {
        padding     : 20px 10px;
        width       : 80% !important;
        margin-left : -43%;
    }

    #locations-phone-modal .fr.phone-locations-item {
        padding-top : 5px;
    }

    #locations-phone-modal a:hover {
        background-color : #FFFFFF;
        color            : #B31504;
    }

    /* close media */
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio : 2) {

    /*	.logo {
            background: url(logo2x.jpg) no-repeat;
            background-size: 212px 303px;
        }*/
    .fr-logo {
        background      : url(/fr/images/header/logo@2x.jpg) no-repeat;
        background-size : 335px 70px;
    }

    .header-phone,
    .footer-phone {
        background      : url(/fr/images/patterns/fancy_deboss@2x.png) repeat;
        background-size : 18px 13px;
    }

    a.dmc-primary-nav.dmc-nav-cart {
        background          : url(/fr/images/icons/shopping_cart_16x16@2x.png);
        background-repeat   : no-repeat;
        background-position : 10px 12px;
        background-size     : 20px 20px;
    }

    a.dmc-primary-nav.dmc-nav-cart:hover {
        background          : url(/fr/images/icons/shopping_cart_16x16_white@2x.png) no-repeat #5F7F80;
        background-position : 10px 12px;
        background-size     : 20px 20px;
    }

    .loading {
        background      : url(/fr/images/icons/loading@2x.gif) center no-repeat;
        background-size : 400px 70px;
    }

    /* Ratings Stars */
    /* large temp for exmaple*/
    /*.four-star.fr-rating-temp{ 						padding-left:138px; background:url(/fr/images/ui/ratings/dmc-stars-lrg.jpg)  0 8px no-repeat; }
    span.fr.four-star.inline-ratings{ 			padding-left:95px; background:url(/fr/images/ui/ratings/stars/rating-4_0.png) no-repeat; line-height:2.0; }
    */
    /* inline small */
    p.fr.five-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-5_0.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-nine-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_9.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-eight-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_8.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-seven-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_7.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-six-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_6.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-five-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_5.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-four-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_4.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-three-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_3.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-two-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_2.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-one-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_1.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.four-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-4_0.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-nine-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_9.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-eight-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_8.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-seven-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_7.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-six-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_6.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-five-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_5.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-four-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_4.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-three-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_3.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-two-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_2.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-one-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_1.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.three-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-3_0.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-nine-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_9.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-eight-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_8.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-seven-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_7.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-six-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_6.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-five-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_5.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-four-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_4.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-three-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_3.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-two-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_2.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-one-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_1.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.two-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-2_0.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-nine-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_9.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-eight-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_8.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-seven-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_7.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-six-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_6.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-five-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_5.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-four-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_4.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-three-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_3.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-two-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_2.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-one-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_1.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    p.fr.one-star.inline-ratings {
        padding-left    : 95px;
        background      : url(/fr/images/ui/ratings/stars-small@2x/rating-1_0.gif) 0 5px no-repeat;
        background-size : 90px 17px;
    }

    /* close media */
}

/* Tablets [portrait + landscape] */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .fr-min-width {
        min-width : 980px;
    }

    /* reset contatiner for sticky desktop footer */
    .main-content-container {
        min-height : 250px;
    }

    /* end */
    .container {
        margin   : 0;
        overflow : hidden;
    }

    .row { /*width: 980px;*/
    }

    .row .row {
        min-width : 980px;
    }

    /* with two columns content */
    .row .row .row {
        min-width : 20px;
    }

    /* two column content header */
    .all-cart .two h2,
    .all-checkout .two h2 {
        font-size : 2.0em;
    }

    .all-account-services h2,
    .all-login-screen h2,
    .all-cart h2,
    .all-checkout h2,
    .right-two-column h2,
    .right-three-column h2 {
        font-size : 2.0em;
    }

    .fr.all-account-services h2,
    .fr.all-login-screen h2,
    .fr.all-cart h2,
    .fr.all-checkout h2,
    .fr.right-two-column,
    .right-three-column h2 {
    }

    .fr-nav-mobile-accord-header {
        height     : 48px;
        margin     : 0;
        background : #EFEFEF;
    }

    .fr-nav-mobile-accord-header h1, .fr-nav-mobile-accord-header h4 {
        color     : #666666;
        font-size : 1.3em;
        padding   : 14px 8px 14px 12px;
        /* text-transform: uppercase; */
    }

    .fr-nav-phone-header {
        margin : 0;
    }

    .fr-nav-phone-header h1, .fr-nav-phone-header h4 {
        margin-left : 10px;
    }

    .fr-phone-search {
        height : 65px;
    }

    .fr-search-form {
        margin-top : 16px;
    }

    /* products */
    .product-results {
        margin-top : 0px;
    }

    .product-grid-item h1 {
        min-height : 0px;
        min-height : 84px;
    }

    .product-grid-item h2.subheader {
        margin     : 8px 0 0 0;
        min-height : 40px;
    }

    /* Products */
    .config-selector-box-content input[type="text"] {
        width : 95%;
    }

    .config-selector-box-content .button {
        padding : 6px;
    }

    .config-selector-box-content .button.large {
        padding : 6px;
    }

    /* responsive compare table */
    .row .row .twelve.responsive img.product {
        width : 175px;
    }

    .row .row .twelve.responsive th {
        vertical-align : text-top
    }

    .fr.compare-product-name h1 {
        font-size  : 1.3em;
        min-height : 70px;
        max-width  : 125px;
    }

    table.responsive h3.product-price {
        font-size : 1.5em;
    }

    /* Customer Service */
    .all-customer-service-rating {
        border  : none;
        padding : 0;
    }

    .fr.all-customer-service-rating {
    }

    .all-customer-service-rating tr, .all-customer-service-rating td {
        border  : none;
        padding : 0;
    }

    .fr.all-customer-service-rating tr, .all-customer-service-rating td {
    }

    .all-customer-service-rating label {
        text-align : center;
    }

    .all-form-input-form.has-date-picker {
        width        : 75%;
        float        : left;
        margin-right : 2%;
    }

    /* Category Components */
    .category-container {
    }

    .frr-shop.category-container {
        background      : url(/fr/images/frr/dmc-rear-2013.jpg) right bottom no-repeat;
        background-size : 650px 498px;
        min-width       : 768px;
        min-height      : 500px;
    }

    /* Products */
    .product-grid-item h1 {
        font-size     : 1.7em;
        line-height   : 1.0em;
        min-height    : 64px;
        margin-bottom : 10px;
    }

    .product-grid-item h2.subheader {
        font-size     : 1.4em;
        line-height   : 1.25em;
        margin-bottom : 6px;
    }

    p.inline-ratings {
        margin-bottom : 8px;
    }

    .product-grid-item h3 {
        font-size : 2.0em;
    }

    .slider {
        width       : 86%;
        margin-left : -4px;
    }

    .product-color-desktop {
        width : 120%;
    }

    .facet-color.product-color-desktop a {
        margin  : 1px;
        padding : 12px 4px 1px 4px;
    }

    .facet-color.product-color-desktop a img {
        height : 20px;
        width  : 20px;
    }

    .facet-color {
        margin : 4px 0 14px;
    }

    /* Sales & promos */
    .promo-tvs {
        max-width : 390px;
    }

    .promo-product {
        max-width      : 325px;
        padding-right  : 15px;
        padding-bottom : 75px;
    }

    /* close media */
}

/* Tablets [portrait] */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    .fr-min-width {
        min-width : 768px;
    }

    .fr-nav-mobile-accord-header h1, .fr-nav-mobile-accord-header h4 {
        color     : #666666;
        font-size : 1.3em;
        padding   : 14px 8px 14px 12px;
        /* text-transform: uppercase; */
    }

    .fr-nav-phone-header {
        margin : 0;
    }

    .fr-nav-phone-header h1, .fr-nav-phone-header h4 {
        margin-left : 10px;
    }

    h2,
    h3,
    h4,
    h5,
    h6 {
        color       : #444444;
        font-weight : bold;
        line-height : 1.25
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font-weight : inherit;
    }

    h1 {
        font-size     : 50px;
        font-size     : 5.0rem;
        margin-bottom : 12px;
    }

    h1.with-subheader {
        font-size     : 50px;
        font-size     : 5.0rem;
        margin-bottom : 0px;
    }

    h2 {
        font-size     : 36px;
        font-size     : 3.6rem;
        line-height   : 1.0em;
        margin-bottom : 9px;
    }

    h2.with-subheader {
        font-size     : 36px;
        font-size     : 3.6rem;
        margin-bottom : 0px;
    }

    h3 {
        font-size     : 30px;
        font-size     : 3.0rem;
        margin-bottom : 9px;
    }

    h3.with-subheader {
        font-size     : 30px;
        font-size     : 3.0rem;
        margin-bottom : 0px;
    }

    h4 {
        font-size     : 24px;
        font-size     : 2.4rem;
        margin-bottom : 3px;
    }

    h4.with-subheader {
        font-size     : 24px;
        font-size     : 2.4rem;
        margin-bottom : 0px;
    }

    h5 {
        font-size     : 18px;
        font-size     : 1.8rem;
        font-weight   : normal;
        margin-bottom : 3px;
    }

    h6 {
        font-size   : 16px;
        font-size   : 1.6rem;
        font-weight : normal;
    }

    p {
        font-size     : 12px;
        line-height   : 1.4;
        margin-bottom : 17px;
    }

    .container {
        width : 100%;
    }

    .container .container {
        padding : 0;
    }

    .container .container .container {
        padding : 0;
    }

    .row { /*max-width: 730px;*/
        padding : 0;
    }

    .row .row {
        min-width : 730px;
    }

    /* with two columns content */
    .row .row .row {
        min-width : 50px;
    }

    /*FRI-2935 : adjust width to fill screen*/
    .row.first, .row.last {
        width : 100%;
    }

    /* two column content header */
    .all-cart .two h2,
    .all-checkout .two h2 {
        font-size : 1.7em;
    }

    .all-account-services h2,
    .all-login-screen h2,
    .all-cart h2,
    .all-checkout h2,
    .right-two-column h2 {
        font-size : 1.7em;
    }

    .fr.all-account-services h2,
    .fr.all-login-screen h2,
    .fr.all-cart h2,
    .fr.all-checkout h2,
    .fr.right-two-column {
    }

    .all-account-info,
    .all-account-info-header,
    .all-account-info-table,
    .all-account-info-form {
        font-size : 1.0em;
    }

    header.container div.row,
    footer.container div.row { /*width: 740px;*/
    }

    .fr-footer-nav .row { /*margin:0 12px;*/
    }

    .side-section h5 a {
        font-size   : .9em;
        line-height : 0.2em;
        margin      : 0 8px;
    }

    .side-section h5 a.first {
        margin : 0;
    }

    .fr-footer-links {
        padding-bottom : 30px;
    }

    .fr-footer-links .one {
        display : none;
    }

    /* hide one and make five a six*/
    .fr-footer-links .five {
        width : 48%;
    }

    .fr.locations-number-icon h5 {
        margin     : 5% 0 0 50%;
        background : url(../images/icons/dmc-locations-dot.png) top left no-repeat;
        padding    : 13px 16px 16px 16px;
        color      : #FFFFFF;
    }

    .modal-locations-container {
        max-width  : 500px;
        overflow-x : hidden;
    }

    .row.locations-modal-item,
    .row.locations-modal-more {
        max-width : 480px;
    }

    /* responsive compare table */
    .fr.compare-empty-corner {
        height : 200px;
        width  : 150px;
    }

    .row .row .twelve.responsive img.product {
        width : 125px;
    }

    .row .row .twelve.responsive th {
        vertical-align : text-top;
    }

    .fr.compare-product-name h1 {
        font-size  : 1.2em;
        min-height : 70px;
        max-width  : 125px;
    }

    table.responsive h3.product-price {
        font-size : 1.1em;
    }

    table.responsive h3.product-price span.label {
        line-height : 30px;
    }

    /* close media */
    /* Customer Service */
    .all-form-input-form.has-date-picker {
        width        : 70%;
        float        : left;
        margin-right : 2%;
    }

    /* Products */
    .product-grid-item h1 {
        font-size     : 1.4em;
        line-height   : 1.0em;
        min-height    : 50px;
        margin-bottom : 8px;
    }

    .product-grid-item h2.subheader {
        font-size   : 1.2em;
        line-height : 1.25em;
    }

    p.inline-ratings {
        margin-bottom : 8px;
    }

    .product-grid-item h3 {
        font-size : 1.8em;
    }

    .slider {
        width       : 85%;
        margin-left : -10px;
    }

    .product-color-desktop {
        width : 120%;
    }

    /* Removed - buggy
    .product-color-desktop a,
    .color.product-variant a,
    .finish.product-variant a {
        margin: 1px;
        padding: 5px 3px 0px 3px;
    }
    .product-color-desktop a img,
    .color.product-variant a img,
    .finish.product-variant a img{
        height:14px;
        width:14px;
    }*/
    /* Sales & promos */
    .promo-tvs {
        max-width : 300px;
    }

    .promo-product {
        max-width      : 250px;
        padding-right  : 15px;
        padding-bottom : 75px;
    }
}

/* close media */

@media only screen
and (hover : none)
and (min-device-width : 1025px) {

    .fr-min-width {
        min-width : 980px;
    }

    /* reset contatiner for sticky desktop footer */
    .main-content-container {
        min-height : 250px;
    }

    /* end */
    .container {
        margin   : 0;
        overflow : hidden;
    }

    .row {
        /*width : 980px;*/
    }

    .row .row {
        min-width : 980px;
    }

    /* with two columns content */
    .row .row .row {
        min-width : 20px;
    }

    /* two column content header */
    .all-cart .two h2,
    .all-checkout .two h2 {
        font-size : 2.0em;
    }

    .all-account-services h2,
    .all-login-screen h2,
    .all-cart h2,
    .all-checkout h2,
    .right-two-column h2,
    .right-three-column h2 {
        font-size : 2.0em;
    }

    .fr.all-account-services h2,
    .fr.all-login-screen h2,
    .fr.all-cart h2,
    .fr.all-checkout h2,
    .fr.right-two-column,
    .right-three-column h2 {
    }

    .fr-nav-mobile-accord-header {
        height     : 48px;
        margin     : 0;
        background : #EFEFEF;
    }

    .fr-nav-mobile-accord-header h1, .fr-nav-mobile-accord-header h4 {
        color     : #666666;
        font-size : 1.3em;
        padding   : 14px 8px 14px 12px;
        /* text-transform: uppercase; */
    }

    .fr-nav-phone-header {
        margin : 0;
    }

    .fr-nav-phone-header h1, .fr-nav-phone-header h4 {
        margin-left : 10px;
    }

    .side-section h5 a {
        font-size   : .9em;
        line-height : 0.2em;
        margin      : 0 14px;
    }

    /* products */
    .product-results {
        margin-top : 0px;
    }

    .product-grid-item h1 {
        min-height : 0px;
        min-height : 84px;
    }

    .product-grid-item h2.subheader {
        margin     : 8px 0 0 0;
        min-height : 40px;
    }

    /* Products */
    .config-selector-box-content input[type="text"] {
        width : 95%;
    }

    .config-selector-box-content .button {
        padding : 6px;
    }

    .config-selector-box-content .button.large {
        padding : 6px;
    }

    /* responsive compare table */
    .row .row .twelve.responsive img.product {
        width : 175px;
    }

    .row .row .twelve.responsive th {
        vertical-align : text-top
    }

    .fr.compare-product-name h1 {
        font-size  : 1.3em;
        min-height : 70px;
        max-width  : 125px;
    }

    table.responsive h3.product-price {
        font-size : 1.5em;
    }

    /* Customer Service */
    .all-customer-service-rating {
        border  : none;
        padding : 0;
    }

    .fr.all-customer-service-rating {
    }

    .all-customer-service-rating tr, .all-customer-service-rating td {
        border  : none;
        padding : 0;
    }

    .fr.all-customer-service-rating tr, .all-customer-service-rating td {
    }

    .all-customer-service-rating label {
        text-align : center;
    }

    .all-form-input-form.has-date-picker {
        width        : 75%;
        float        : left;
        margin-right : 2%;
    }

    /* Category Components */
    .category-container {
    }

    .frr-shop.category-container {
        background      : url(/fr/images/frr/dmc-rear-2013.jpg) right bottom no-repeat;
        background-size : 650px 498px;
        min-width       : 768px;
        min-height      : 500px;
    }

    /* Products */
    .product-grid-item h1 {
        font-size     : 1.7em;
        line-height   : 1.0em;
        min-height    : 64px;
        margin-bottom : 10px;
    }

    .product-grid-item h2.subheader {
        font-size     : 1.4em;
        line-height   : 1.25em;
        margin-bottom : 6px;
    }

    p.inline-ratings {
        margin-bottom : 8px;
    }

    .product-grid-item h3 {
        font-size : 2.0em;
    }

    .slider {
        width       : 86%;
        margin-left : -4px;
    }

    .product-color-desktop {
        width : 120%;
    }

    .facet-color.product-color-desktop a {
        margin  : 1px;
        padding : 12px 4px 1px 4px;
    }

    .facet-color.product-color-desktop a img {
        height : 20px;
        width  : 20px;
    }

    .facet-color {
        margin : 4px 0 14px;
    }

    /* Sales & promos */
    .promo-tvs {
        max-width : 390px;
    }

    .promo-product {
        max-width      : 325px;
        padding-right  : 15px;
        padding-bottom : 75px;
    }

    /* close media */
}

/* -------------------------------------------------- 
	:: Mobile Visibility Affordances
---------------------------------------------------*/

.show-on-phones {
    display : none !important;
}

.show-on-tablets {
    display : none !important;
}

.show-on-desktops {
    display : block;
}

.hide-on-phones {
    display : block !important;
}

.hide-on-tablets {
    display : block !important;
}

.hide-on-desktops {
    display : none;
}

/* Any touchscreen */
@media only screen and (hover : none) {

    .hide-on-phones {
        display : block !important;
    }

    .hide-on-tablets {
        display : none !important;
    }

    .hide-on-desktops {
        display : block !important;
    }

    .show-on-phones {
        display : none !important;
    }

    .show-on-tablets {
        display : block !important;
    }

    .show-on-desktops {
        display : none !important;
    }

    /* close media */
}

@media only screen and (max-device-width : 800px), only screen and (device-width : 800px) {

    .hide-on-phones {
        display : block !important;
    }

    .hide-on-tablets {
        display : none !important;
    }

    .hide-on-desktops {
        display : block !important;
    }

    .show-on-phones {
        display : none !important;
    }

    .show-on-tablets {
        display : block !important;
    }

    .show-on-desktops {
        display : none !important;
    }

    /* close media */
}

/* iPadPRO */
@media only screen and (device-width : 1024px) and (device-height : 1366px) {

    .hide-on-phones {
        display : block !important;
    }

    .hide-on-tablets {
        display : none !important;
    }

    .hide-on-desktops {
        display : block !important;
    }

    .show-on-phones {
        display : none !important;
    }

    .show-on-tablets {
        display : block !important;
    }

    .show-on-desktops {
        display : none !important;
    }

    /* close media */
}

/* Kindle Fire [portrait + landscape] */
@media only screen and (device-width : 600px) and (device-width : 1014px) {

    .hide-on-phones {
        display : block !important;
    }

    .hide-on-tablets {
        display : none !important;
    }

    .hide-on-desktops {
        display : block !important;
    }

    .show-on-phones {
        display : none !important;
    }

    .show-on-tablets {
        display : block !important;
    }

    .show-on-desktops {
        display : none !important;
    }

    /* close media */
}

@media only screen and (max-width : 767px) {

    .hide-on-phones {
        display : none !important;
    }

    .hide-on-tablets {
        display : none !important;
    }

    .hide-on-desktops {
        display : block !important;
    }

    .show-on-phones {
        display : block !important;
    }

    .show-on-tablets {
        display : none !important;
    }

    .show-on-desktops {
        display : none !important;
    }

    /* close media */
}

/* only screen and (device-width: 1280px), only screen and (max-device-width: 1280px),  /*

	
/* -------------------------------------------------- 
	:: Forms
---------------------------------------------------*/

@media only screen and (max-width : 767px) {

    div.form-field input,
    div.form-field input.small,
    div.form-field input.medium,
    div.form-field input.large,
    div.form-field input.oversize,
    input.input-text,
    input.input-text.oversize,
    textarea,
    form.nice div.form-field input,
    form.nice div.form-field input.oversize,
    form.nice input.input-text,
    form.nice input.input-text.oversize,
    form.nice textarea {
        display   : block;
        width     : 96%;
        padding   : 6px 2% 4px;
        font-size : 18px;
    }

    form.nice.phoneheader div.form-field input,
    form.nice.phoneheader div.form-field input.oversize,
    form.nice.phoneheader input.input-text,
    form.nice.phoneheader input.input-text.oversize,
    form.nice.phoneheader textarea {
        display   : block;
        width     : 78%;
        padding   : 6px 2% 4px;
        font-size : 18px;
    }

    form.nice div.form-field input,
    form.nice div.form-field input.oversize,
    form.nice input.input-text,
    form.nice input.input-text.oversize,
    form.nice textarea {
        -webkit-border-radius : 2px;
        -moz-border-radius    : 2px;
    }

    form.nice div.form-field.error small,
    form.nice small.error {
        padding : 6px 2%;
        display : block;
    }

    form.nice div.form-field.error .small + small,
    form.nice .small + .error {
        width : auto;
    }

    form.nice div.form-field.error .medium + small,
    form.nice .medium + .error {
        width : auto;
    }

    form.nice div.form-field.error .large + small,
    form.nice .large + .error {
        width : auto;
    }

    /* close media */
}

/* -------------------------------------------------- 
	:: UI
---------------------------------------------------*/

/* Tabs */

@media only screen and (max-width : 767px) {

    dl.tabs.mobile,
    dl.nice.tabs.mobile {
        width  : auto;
        margin : 0 -10px -10px;
        height : auto;
    }

    dl.tabs.mobile dt,
    dl.tabs.mobile dd,
    dl.nice.tabs.mobile dt,
    dl.nice.tabs.mobile dd {
        float  : none;
        height : auto;
    }

    dl.tabs.mobile dd a {
        display      : block;
        width        : auto;
        height       : auto;
        padding      : 14px 16px;
        line-height  : 1;
        border       : solid 0px #CCCCCC;
        border-width : 1px 0px 0px;
        margin       : 0;
        color        : #555555;
        background   : #EEEEEE;
        font-size    : 14px;
        font-size    : 1.4rem;
        font-weight  : bold;
    }

    dl.tabs.mobile dd a.active {
        height       : auto;
        margin       : 0;
        border-width : 1px 0px 0px;
    }

    .nice.tabs.mobile {
        border-bottom : solid 1px #CCCCCC;
        height        : auto;
    }

    .nice.tabs.mobile dd a {
        padding         : 14px 16px;
        border          : none;
        border-left     : none;
        border-right    : none;
        border-top      : 1px solid #CCCCCC;
        background      : url(/fr/images/header/phone-nav_arrow@2x.png) right no-repeat #FFFFFF;
        background-size : 36px 80px;
    }

    .nice.tabs.mobile dd a.active {
        border     : none;
        border-top : 1px solid #CCCCCC;
        color      : #FFFFFF;
        margin     : 0;
        position   : static;
        top        : 0px;
        height     : auto;
        background : url(/fr/images/header/phone-nav_arrow_hover@2x.png) right no-repeat #58ABB0;
    }

    .nice.tabs.mobile dd:first-child a.active {
        margin : 0;
    }

    dl.contained.mobile,
    dl.nice.contained.mobile {
        margin-bottom : 0px;
    }

    dl.contained.tabs.mobile dd a {
        padding : 14px 16px;
    }

    dl.nice.contained.tabs.mobile dd a {
        padding : 14px 16px;
    }

    /* close media */
}

/* Tabs */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px), only screen and (hover : none) {

    dl.tabs.mobile,
    dl.nice.tabs.mobile {
        width  : auto;
        margin : 0 -10px -10px;
        height : auto;
    }

    dl.tabs.mobile dt,
    dl.tabs.mobile dd,
    dl.nice.tabs.mobile dt,
    dl.nice.tabs.mobile dd {
        float  : none;
        height : auto;
    }

    dl.tabs.mobile dd a {
        display      : block;
        width        : auto;
        height       : auto;
        padding      : 14px 16px;
        line-height  : 1;
        border       : solid 0px #CCCCCC;
        border-width : 1px 0px 0px;
        margin       : 0;
        color        : #555555;
        background   : #EEEEEE;
        font-size    : 14px;
        font-size    : 1.4rem;
        font-weight  : bold;
    }

    dl.tabs.mobile dd a.active {
        height       : auto;
        margin       : 0;
        border-width : 1px 0px 0px;
    }

    .nice.tabs.mobile {
        border-bottom : solid 1px #CCCCCC;
        height        : auto;
    }

    .nice.tabs.mobile dd a {
        padding         : 14px 16px;
        border          : none;
        border-left     : none;
        border-right    : none;
        border-top      : 1px solid #CCCCCC;
        background      : url(/fr/images/header/phone-nav_arrow@2x.png) right no-repeat #FFFFFF;
        background-size : 36px 80px;
    }

    .nice.tabs.mobile dd a.active {
        border     : none;
        border-top : 1px solid #CCCCCC;
        color      : #FFFFFF;
        margin     : 0;
        position   : static;
        top        : 0px;
        height     : auto;
        background : url(/fr/images/header/phone-nav_arrow_hover@2x.png) right no-repeat #58ABB0;
    }

    .nice.tabs.mobile dd:first-child a.active {
        margin : 0;
    }

    dl.contained.mobile,
    dl.nice.contained.mobile {
        margin-bottom : 0px;
    }

    dl.contained.tabs.mobile dd a {
        padding : 14px 16px;
    }

    dl.nice.contained.tabs.mobile dd a {
        padding : 14px 16px;
    }

    /* close media */
}

.step-count {
    display     : inline-block;
    background  : #D0780E;
    width       : 15px;
    font-size   : 30px;
    line-height : 0.5;
    padding     : 7px 9px 7px 6px;
}

.margin-top-align {
    margin-top : 6px;
}

.step-size {
    font-size : 2.0rem !important;
}

.local-delivery.step3 {
    font-size      : 1.6em !important;
    padding-bottom : 5px !important;
}

.product-price.local-delivery.right {
    font-size : 1.8em;
}

.inout-box-custom-text {
    padding       : 2px !important;
    text-align    : center !important;
    border-radius : 0 !important;
    box-shadow    : none !important;
    /* border: 1px solid #000 !important; */
    color         : #B5ABAB !important;
    height        : 15px !important;
}

.mobile-qty {
    width : 3% !important;
}

.mobile-prod-name {
    width  : 40% !important;
    margin : 0 10px;
}

.mobile-prod-img {
    width : 20% !important;
}

.mobile-prod-price {
    width      : 30% !important;
    text-align : right;
}

.mobile-qty-header {
    margin-left : 48%;
    font-weight : bold;
}

.mobile-price-header {
    margin-left : 85%;
    font-weight : bold;
}

.place-order-button-position {
    height : 58px;
}

.confirm-place-order-padding {
    padding-bottom : 10px;
}

.place-order-prices-align {
    float   : left;
    padding : 5px 0px 5px 0px;
}

.mobile-return-policy {
    border           : 1px solid #D6C4C4 !important;
    padding          : 2px;
    background-color : #E9E9E9;
    color            : black;
}

.mobile-return-policy, .question-padding {
    margin : 0px 1px -3px 0px;
}

#return-policy-modal {
    padding     : 20px 10px;
    width       : 80% !important;
    margin-left : -43%;
}

.checkout-edit-cart {
    font-size       : 1.6rem;
    font-weight     : bold;
    text-decoration : underline;
    margin          : 10px;
    float           : right;
}

.change-address {
    text-decoration : underline;
}