﻿/*Responsive CSS*/

/* General purpose. */
.noDesktop
{
    display: none;
}
.noDeskBlock, .noDeskInline, .noDeskInlineBlock     /* See comments below. */
{
    display: none;
}
.mobileBlock, .mobileInline, .mobileInlineBlock
{
    display: none;
}
.clearMobile
{
    display: none;
}
.clearDesktop
{
    clear: both;
}

/*OEM*/
.OemSelectLeft img
{
    width: 100%;
    height: auto;
    max-width: 185px;
}
.OEM_SelectTopBnr img
{
    width: 100%;
    height: auto;
    max-width: 405px;
}
.oemNav .outline .selectRight
{
    width: 100%;
    max-width: 385px;    
}
.selectRight img
{
    width: 100%!important;
    height: auto!important;
    max-width: 385px;
}

/*Product Detail*/
.sizeChartPop img
{
    width: 100%;
    max-width: 850px;
}

/*Product Grid*/
.layoutCenterRight
{
    width: 79%;
}
.navGridColumns4
{
    width: 99%;
}
.OemPageLeft .layoutLeft
{
    width: 100%;
}
.searchResults .layoutLeftUpper .panelMid
{
    background-color: transparent;
    border: none;
}
.layoutLeft .borderDot
{
    width: 90%;
}

/*Responsive Filter*/
.responsiveFilter
{
    display: none;      /*Not show on Desktop*/
}

/*Login page*/
.LoginForm
{
    max-width: 994px;
    width: 100%;
}
.LoginLeft
{
    width: 44%;
}
.LoginRight
{
    float: right;
    width: 41%;
    padding-left: 0;
}

/*CMS Headwear Cleanup*/
.cmsRgac .layoutTopCenter
{
    width: 100%;
    max-width: 800px;
}
.layoutTopCenter
{
    width: 100%;
}
.layoutCenter
{
    width: 100%;
    max-width: 675px;
}
#topthird img
{
    width: 100%;
    max-width: 650px;
    height: auto;
}

/*DiagFooter*/
.diagFooter
{
    word-wrap: break-word;
    -ms-word-break: break-all;
}

/*Responsive Slider*/
.slide img
{
    width: 100%;
    max-width: 990px;
    height: auto;
}

/*Responsive CSS*/
@media only screen and (max-width:1024px) 
{
    /* No desktop for block, inline, and inline-block elements. 
        Clean version of noDesktop, only controlling display.
        Alternative is a single .noDesk on all the block elements, but there are a lot.
    */
    .noDeskBlock
    {
        display: block;
    }
    .noDeskInline
    {
        display: inline;
    }
    .noDeskInlineBlock
    {
        display: inline-block;
    }

    /*Aftermarket*/
    .fitsMachine
    {
        width: 80%;
        margin-left: auto;
    }
    .fitsMachine .right
    {
        max-width: 340px;
        width: 75%;
    }
    
    /*OEM*/
    .oemHeading
    {
        max-width: 1000px;
        width: 98%;
    }
    .OemDrillTrail,
    .AmpDrillTrail
    {
        max-width: 723px;
        width: 90%;
    }
    .OemDrillBack,
    .AmpDrillBack
    {
        position: relative;
        left: auto;
        float: right;
    }
    table.gridNav,
    table.gridNav tbody,
    table.gridNav tbody tr
    {
        width: 100%;
        display: block;
    }
    table.gridNav tbody tr.gridEntry
    {
        padding-left: 15px;
    }
    table.gridNav tbody tr.gridNavSpacer5
    {
        display: none;
    }
    .gridEntry td
    {
        padding: 6px 0;
    }
    .gridEntry td.col1
    {
        padding-left: 0;
    }
    table.gridNav tbody tr td
    {
        width: 31%;
        display: inline-block;
    }
    table.gridNav tbody tr.gridNavSpacer
    {
        display: none;
    }
    
    /*Responsive CMS Terrain Page*/
    .terrainPage
    {
        width: 100%;
        max-width: 1024px;
    }
    .terrainPage .cmsStart .ads
    {
        border: none;
        clear: both;
        width: 97%;
        height: auto;
        margin: 0 auto;
    }
    .terrainPage .cmsStart .ads ul li
    {
        width: 32%;
        margin-right: 1%;
        margin-bottom: 15px;
    }
    .terrainPage .cmsStart .ads ul li a img
    {
        width: 100%;
        height: auto;
        max-width: 315px;
    }
    
    /*Responsive Grid Products*/
    .filterTabs .tabRemaining,
    .machineSubTabs3 .tabRemaining
    {
        display: none;
    }
    .cinnamonPage .myMachineLeft
    {
        max-width: 175px;
        width: 92%;
    }
    .leftMachineList .leftTopSearch
    {
        width: 95%;
    }
    
    /*Responsive Products Detail*/
    .imageViewer
    {
        margin-right: 30px;
        margin-left: 40px;
    }
    .imageViewer img.imgMain
    {
        max-width: 95%
    }
    .selector .msgAdded
    {
        margin-bottom: 10px;
        margin-left: 0;
    }
    .selector .bpg
    {
        height: auto;
        padding: 5px;
    }
    .desc img
    {
        width: 100%;
        max-width: 550px;
    }
    iframe,
    embed
    {
        width: 100%;
    }
    .productDetail .bottomRight
    {
        width: 28%; 
    }
    .reviewSummary
    {
        width: 88%;
    }
    .reviewSummary .writeReview
    {
        margin-left: auto;
        margin-right: auto;
        width: 75%;
    }
    .reviewSummary img.bigBucks
    {
        margin-left: 0;
        width: 100%;
    }
    .certonaColumn .gridProduct2
    {
        background-color: transparent;
    }
    
    /*Responsive Register page*/
    .createAccount .createLeft
    {
        max-width: 380px;
        width: 45%;
    }
    .createAccount .createRight
    {
        float: left;
        width: 45%;
    }
    .createAccount .ridingRadiobtn
    {
        width: 100%!important;
    }
    
    /*Responsive My Garage page*/
    .halfcolumn.myGarage
    {
        width: 95%;
    }
    .reviewdiv
    {
        width: 100%;
    }
    .MySectionTwoCol
    {
        width: 100%!important;
    }
    .RtColLSide
    {
        width: 100%!important;
    }
    
    /*Responsive Profile Update page*/
    .accountInfo.halfcolumn
    {
        width: 92%;
    }
    .AccountSection
    {
        width: 100%; 
    }
    .accountLeftTextBox
    {
        padding-left: 0;
    }
    .accountLeftAccountDiv
    {
        width: 100%;
    }
    .accountInfoHalfcolumnRight
    {
        float: left;
        width: 96%;
        margin-left: 25px;
    }
    .accountRight
    {
        float: none;
        width: 96%;
        margin-top: 0;
    }
    
    /*Responsive Checkout page*/
    .checkout
    {
        width: 99%;
    }
    .checkout .layoutLeftCenter
    {
        width: 100%;
    }
    .checkout .layoutRight
    {
        width: 100%;
    }
    .miniorder
    {
        width: 98%;
    }
    .miniorder .items
    {
        max-height: 100%;
    }
    .miniorder .item .price
    {
        float: right;
        width: 100px;
    }
    .miniorder .product
    {
        width: 80%;
    }
    .podiumMsg
    {
        display:inherit;
        font-size: 20px;
    }
    .podiumMsgCart
    {
        display:inherit;
        font-size: 20px;
    }

    .shippingRestriction
    {
        display:inherit;
        font-size: 20px;
    }
    .shippingRestrictionCart
    {
        display:inherit;
        font-size: 20px;
    }   
    

    
    /*Responsive Manual Picker*/
    .chooseMacMiddle .chooseSteps
    {
        max-width: 700px;
        width: 100%;
    }
    
    
    /*Responsive Interstitial Page*/
    .machineSelect .layoutLeft
    {
        max-width: 185px;
        width: 20%;
    }
    #machineSelectMain
    {
        max-width: 805px;
        width: 100%;
    }
}

@media only screen and (max-width:920px) 
{
    /*Responsive Products Detail*/
    .reviewSummary .reviewTitle
    {
        font-size: 1em;
    }
    .reviewSummary .reviewStars
    {
        margin-left: 15px;
    }
    .certonaColumn .gridProduct2
    {
        width: 100%;
    }
    .selector .bpg img
    {
        margin-left: 0;
    }
}

@media only screen and (max-width:840px) 
{
    /*Responsive Grid Products*/
    .breadcrumbLeft h4
    {
        font-size: 14px;
    }
    .filterLeft h4
    {
        font-size: 14px;
    }
    
    /*Responsive Products Detail*/
    .selector .addButton
    {
        margin-left: 0;
    }
    .selector .wishlistAdd
    {
        margin-left: 0;
    }
    
    /*Responsive My Garage page*/
    .halfcolumn.myGarage
    {
        width: 92%;
    }
    
    /*Responsive CMS Headwear page*/
    #midthird
    {
        width: 100%!important;
        max-width: 650px;
    }
    .brandsIcons
    {
        width: 100%!important;
        max-width: 650px;
    }
}

@media only screen and (max-width:765px) 
{
    .navGridLazyLoad .gridProduct2:nth-child(3n+1)
    {
        clear: both;
    }
    .navListLazyLoad .gridProduct2:nth-child(3n+1)
    {
        clear: both;
    }

    .noMobile
    {
        display: none;
    }
    .noDesktop              /* Typically use noDeskBlock, etc. instead. Not sure why this had inline-block and a width. Also why in mobile instead of tablet size. */
    {
        display: inline-block;
        width: 100%;
    }
    /* Mobile-only (and under) for block, inline, and inline-block elements.
        Clean version of noDesktop, only controlling display, and sized for mobile (noDesk... displays for tablets and under).
        Alternative is a single .mobile on all the block elements, but there are a lot.
    */
    .mobileBlock
    {
        display: block;
    }
    .mobileInline
    {
        display: inline;
    }
    .mobileInlineBlock
    {
        display: inline-block;
    }

    .clearMobile
    {
        clear: both;
        display: block;
    }
    .clearDesktop
    {
        display: none;
    }
    
    /*CSS work on vacation, will need to organize later*/
    .OemSelectTopBanner .OEM_SelectTopBnr
    {
        display: none;
    }
    #divOemViewInit         /*Display none OEM static img*/
    {
        display: none!important;
    }
    
    /*Hide the config note*/
    .pageInfoDebug
    {
        display: none;
    }
    
    /*Responsive Toasty Menu*/
    .menuToasty .searchBar
    {
        float: none;
        max-width: 430px;
        width: 99%;
        height: 28px;
        margin-bottom: 5px;
        margin-left: -5px;
        margin-top: -5px;
        background-color: transparent;
        border: 2px solid #c6c6c6;
        border-radius: 10px;
    }
    .menuToasty .searchBar .textbox
    {
        max-width: 350px;
        width: 78%;
        height: 25px;
        margin-top: -3px;
    }
    .menuToasty .searchBar .textbox input
    {
        max-width: 350px;
        width: 96%!important;
        height: 27px;
        margin-top: -1px;
        margin-left: -2px;
    }
    .menuToasty .searchBar .textbox input:focus
    {
        border: none;
    }
    .mm-list a.mm-subopen
    {
        width: 101%;
    }
    .mm-list a.mm-subopen + a, 
    .mm-list a.mm-subopen + span
    {
        border-right: 1px solid #e0e0e0;
    }

    .searchBar .autocomplete
    {
        max-width: 250px;
        width: 93%;
        font-size: 13px;
    }
    .searchBar .textbox input[type='text'],
    .searchBar .textbox input[type='number'],
    .searchBar .textbox textarea {
        font-size: 16px;
    }
    .toastyicons
    {
        width: 28px;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: -5px;
    }
    
    /*Responsive Interstitial Page and List Product */
    .listProduct2
    {
        max-width: 790px;
        width: 96%;
    }
    .listProduct2 .colors
    {
        width: 0;
    }
    .listProduct2 .listLeft
    {
        float: none;
        max-width: 130px;
        width: 100%;
        margin: 0 auto;
    }
    .listProduct2 .listCenter
    {
        width: 100%;
        float: none;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
    }
    .listProduct2 .listRight
    {
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0 0 0;
        display: inline-block;
        text-align: center;
    }
    .listProduct2 .desc
    {
        text-align: left;
    }
    .listProduct2 .unavailable
    {
        margin-left: 45%;
    }
    .prodAttrs
    {
        /*max-width: 418px;*/
        width: 100%;
    }
    .selectInstructions
    {
        max-width: 550px;
        width: 96%;
    }
    
    /*OEM*/
    .breadcrumbOem
    {
        height: auto;
        margin-bottom: 10px;    
    }
    .breadcrumbArrowsOem
    {
        padding: 0;
        display: inline;
    }
    .breadcrumbOem a.remove img
    {
        margin-left: 5px;
    }
    .oemNav .layoutLeft,
    .OemSelectLeft img,
    #divOemSearch
    {
        display: none;
    }
    .OemPageTop
    {
        max-width: 807px;
        width: 100%;
    }
    .oemHeadingImage,
    .oemNav .outline .selectRight,
    .OEM_PLTopStart img
    {
        display: none;
    }
    .OemPageLeft .layoutLeft
    {
        margin-top: 20px;
        width: 96%;
    }
    .machineSubTabs2, 
    .machineSubTabs2Amp
    {
        display: none;
    }
    .qtip       /*Hide OEM thumbnail*/
    {
       display: none!important;
    }
    .oemNoBoEmailMeForm
    {
        max-width: 625px;
        width: 100%;
    }
    .oemNoProducts 
    {
        width: 90%;
    }
    
    /*OEM Main img zoom*/
    table.oemMain tbody tr td.OemPageLeft
    {
        width: 102%;
    }
    table.oemMain,
    table.oemMain tbody:first-child,
    table.oemMain tbody tr,
    table.oemMain tbody tr td
    {
        width: 99%;
        display: block;
        max-width: 765px;
    }
    table.oemMain tbody tr td table
    {
        width: 100%;
    }
    table.oemMainInside
    {
        width: 100%;
        display: inline-block;
        max-width: 765px;
    }
    .oemProdList .entry
    {
        padding: 0 0 0 5px;
        height: 90px;
    }
    table.oemList,
    table.oemList tbody,
    table.oemList tbody tr
    {
        width: 100%;
        display: table;
    }
    .oemProdListButtons .floatLeft
    {
        display: none;    
    }
    .oemProdList .heading .colDesc
    {
        display: inline-block;
        width: 50%;
    }
    .oemProdList .heading .colQty
    {      
        display: inline-block;
        width: 12%;
    }
    .oemProdList .heading .colOur
    {
        float: right;
    }
    .oemProdList .heading .noMobile
    {
        display: none;
    }
    .oemProdList .entry td.noMobile,
    .oemProdList .entry td.textRight.noMobile
    {
        display: none;
    }
    .oemProdList .entry td,
    .oemProdList .entryAlt td
    {
        display: inline;
        padding: 0;
    }
    .oemProdList .disabledQty
    {
        display: inline-block;
        width: 0;
        text-align: left;
        width: 55px;
    }
    .oemProdList .entry td.textLeft
    {
        display: inline-block;
        width: 45%;
        margin-top: 10px;
    }
    .oemProdList .ourPriceInCart
    {
        margin-right: 5px;
        margin-top: 10px;
    }
    .idRefID            /* TODO: Use regular classes. */
    {
        font-size: 11px;
    }
    .idProductName
    {
        font-size: 11px;
        word-break:break-all;   /* was an invalid entery - "break-word;" */
        -ms-word-break: break-all;
    }
    .oemProdList .small
    {
        display: none;
    }
    .oemProdList .entry td.textRight .ourPrice
    {
        display: inline-block;
        margin-top: 10px;
        float: right;
        margin-right: 8px; 
    }
    .oemProdList .entry td.tdAvail
    {
        padding-top: 6px;
        display: inline;
        text-align: left;
        width: 79%;
        float: left;
    }
    .oemProdList .bbNumber              /* Avoiding bsin, used elsewhere for data. */
    {
        font-size: 11px;
        margin-left: 0;    
    }
    .oemProdList .tdQty
    {
        margin-left: 20px;
    }
    .oemProdList label.invalid
    {
        display: inline-block;
        position: relative;
        margin-left: 5px;
        top: 5px;
    }
    .oemProdList .checkText
    {
        display: inline-block;
        width: 63%;
    }
    .oemProdList .availText
    {
        display: inline-block;
        width: 100%;
        padding-top: 5px;
    }
    .oemProdList .disabledText
    {
        display: block;
        margin-top: -35px;
    }
    .OEM_PLBottomBanner
    {
        display: none;
    }
    .divViewPanelOuter
    {
        max-width: 796px;
        width: 100%;
    }
    #divViewer
    {
        max-width: 796px;
        width: 100%;
    }
    .oemSearchResults
    {
        max-width: 796px;
        width: 100%;
    }
    .oemMfrNote
    {
        max-width: 620px;
        width: 95%;
    }
    #imgUiDirections
    {
        width: 100%;
        height: auto;
    }
    .sxy-zoom-bg
    {
        width: 100%;
    }
    .sxy-zoom-container .sxy-controls
    {
        max-width: 600px;
        width: 60%;
        left: 75px;
    }
    .OemSchDesc
    {
        max-width: 800px;
        width: 100%;
        
    }
    .OEM_PLTopStart img
    {
        width: 100%;
        height: auto;
    }
       
    /*Responsive CMS Terrain Page*/
    .terrainPage .cmsStart .ads ul li
    {
        width: 48%;
    }
    .terrainPage .terrainTop
    {
        text-align: center;
    }
    .terrainPage .terrainCol1,
    .terrainPage .terrainCol2,
    .terrainPage .terrainCol3
    {
        width: 32%;
    }
    .terrainTop img
    {
        width: 96%;
        height: auto;
        max-width: 455px;
    }
    
    /*Responsive CMS Special Page*/
    .specialPage .specialCol3
    {
        float: none;
        display: inline-block;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .specialPage .specialCol3 img
    {
        width: 100%;
        max-width: 554px;
        height: auto;
    }
    #UpperPromo .cmsStart
    {
        width: 100%;
        max-width: 1004px;
    }
    #UpperPromo .cmsStart .ads
    {
        border: none;
        width: 97%;
        height: auto;
        margin: 0 auto;
    }
    #UpperPromo .cmsStart .ads ul li
    {
        width: 48%;
        margin-right: 1%;
        margin-bottom: 15px;
    }
    #UpperPromo .cmsStart .ads ul li a img
    {
        width: 100%;
        height: auto;
        max-width: 315px;
    }
    .gridPanelHeader
    {
        width: 100%;
        max-width: 790px;
        min-width: inherit;   
    }
    .gridPanel5
    {
        margin-left: 15px;
    }
    .gridPanel5 .gridColumns5
    {
        margin: 0 auto;
        width: 100%;
        max-width: 170px;
        margin-bottom: 5px;
    }
    .gridPanel5 table,
    .gridPanel5 table tbody,
    .gridPanel5 table tbody tr
    {
        width: 100%;
        display: inline-block;
    }
    .gridPanel5 table tbody tr td
    {
        width: 32%;
        display: inline-block;
    }
    

    /*Responsive CMS Tire Page*/
    .cmsStart img[alt="TireSpecials"]
    {
        width: 100%;
        height: auto;
    }
    .layoutMidCtrGridPanel
    {
        max-width: 800px;
        width: 100%;
    }
    .layoutMidCtrGridPanel .deptGridProduct
    {
        width: 48%;
    }
    .layoutMidCtrGridPanel .deptGridProduct .deptGridColumns2
    {
        max-width: 390px;
        width: 100%;
    }
    .layoutMidCtrGridPanel .deptGridProduct .deptGridColumns2 .DGPlayoutLeft
    {
        max-width: 120px;
        width: 40%;
    }
    .layoutMidCtrGridPanel .deptGridProduct .deptGridColumns2 .DGPlayoutRight
    {
        max-width: 260px;
        width: 58%;
    }
    .layoutlowCtrGridPanel .gridPanel
    {
        max-width: 800px;
        width: 100%;
    }
    .layoutlowCtrGridPanel .gridPanel .gridPanelHeader
    {
        min-width: 100%;
        width: 100%;
    }
    .layoutlowCtrGridPanel .gridPanel table,
    .layoutlowCtrGridPanel .gridPanel table tbody,
    .layoutlowCtrGridPanel .gridPanel table tbody tr
    {
        display: inline-block;
        width: 100%;
    }
    .layoutlowCtrGridPanel .gridPanel table tbody tr td
    {
        display: inline-block;
        width: 49%;
    }
   
    .layoutBottomCenter
    {
        max-width: 800px;
        width: 100%
    }
    
    /*Responsive CMS RGAC Page*/
    img.topRgac
    {
        width: 100%;
        height: auto;
    }
    .popularRgacText table
    {
        width: 100%;
        display: inline-block;
    }
    .popularRgacText table tbody tr td
    {
        text-align: left;
    }
    .TopCtrLabel .popularRgac
    {
        width: 24%;
    }
    .cmsRgac .gridPanel2
    {
        max-width: 800px;
        width: 100%;
    }
    .cmsRgac .gridPanel2 .heading
    {
        min-width: 100%;
        width: 100%;
        padding: 0;
    }
    
    /*Responsive CMS Helmets Page*/
    #rightSide
    {
        display: none;
    }
    .LayoutBg .floatLeft
    {
        float: none;
    }
    
    /*Responsive Filter*/
    .responsiveFilter
    {
        display: block;                 /*Show on Mobile*/
        background-color: #ffffff;
    }
    .responsiveFilter .responsiveFilterSection
    {
        border: 1px solid orange;
    }
    .responsiveFilter h4.showHideFilter
    {
        background-color: #1b51b6;
        color: #ffffff;
    }
    .responsiveFilter h4.showHideFilter span.hideTxt,
    .responsiveFilter h4.showHideFilter.open span.showTxt
    {
        display: none;
    }
     .responsiveFilter h4.showHideFilter.open span.hideTxt
    {
        display: inline-block;
    }
    .responsiveFilter h4.showHideFilter a,
    .responsiveFilter h4.showHideFilter a:hover
    {
        color: #ffffff;
        text-align: center;
    }
    .responsiveFilter h4
    {
        background-color: #ffffff;
        border: 1px solid #d8d8d8;
        color: #036;
        font-size: 14px;
        margin: 0 0 -1px 0;
        padding: 10px;
    }
    .responsiveFilter h4.display
    {
        padding: 10px;
    }
    .responsiveFilter h4.open
    {
        border-bottom: none;
    }
    .responsiveFilter h4 a
    {
        color: #036;
        width: 95%;
        display: inline-block;
        padding: 10px;
    }
    .responsiveFilter h4 a:hover
    {
        color: #036;
        text-decoration: none;
    }
    .responsiveFilter h4.open a::after
    {
        content: " - ";
        float: right;
        margin-right: 12px;
    }
    .responsiveFilter h4 a::after
    {
        content: " + ";
        float: right;
        margin-right: 10px;
    }
    .responsiveFilter ul
    {
        padding-left: 10px;
        margin-top: 0px;
        border: 1px solid #d8d8d8;
        margin-bottom: -1px;
        border-top: none;
    }
    .responsiveFilter ul li
    {
        list-style-type: none;
    }
    .responsiveFilter ul li a
    {
        width: 100%;
        padding: 10px 0; 
        display: inline-block;
        font-weight: bold;
    }
    .responsiveFilter ul li a span
    {
        font-weight: normal;
    }
    .responsiveFilter ul.mobileDisplaying li a
    {
        width: 15px;
        margin-right: 15px;
        vertical-align: middle;
    }
    .responsiveFilter ul.mobileDisplaying li a img
    {
        width: 100%;
    }
    ul.mobileDisplaying .oneCrumb .clearFilter,
    ul.mobileDisplaying .oneCrumb .selection
    {   
        padding: 7px 0;
    }
    .responsiveFilter li.liLess,
    .responsiveFilter li.less 
    {
        display: none;
    }

    .breadcrumbLeft .clearFilter
    {
        margin: -1px 0 0 0;
    }
    .breadcrumbLeft .clearFilter a
    {
        margin-left: 0;
    }
    
    .breadcrumbsHoriz
    {
        border: 1px solid #d8d8d8;
        padding-top: 10px;
        padding-bottom: 10px;
        width: inherit;
    }

    .breadcrumbsHoriz .lbl
    {
        display: block;
        font-size: 14px;
        margin-bottom: 6px;
        text-transform: uppercase;
    }

    /*Responsive Navigation*/
    .partsOutline
    {
        margin-left: 0;
    }
    .partsOutline ul li
    {
        padding: 10px 10px 10px 0;
        border-bottom: 1px solid #d8d8d8;
        margin-left: -10px;
    }  
    .partsOutline .arrowRt,
    .partsOutline .arrowDn
    {
        margin-left: 10px;    
    }
    .partsOutline ul li ul,
    .partsOutline ul li ul li
    {
        border: none; 
        padding-bottom: 0;
    }
    .partsOutline .lev3
    {
        margin-left: 30px;
    }
    .partsOutline .lev3 li
    {
        padding: 0;
    }
    
    /*Responsive Grid Products*/
    .htmlRotator
    {
        display: none;
    }
    .layoutCenterRight .phHeading
    {
        width: 98%;
        clear: both;
    }
    #divPickerPlace
    {
        margin-left: 10px;
    }
    .layoutLeft
    {
        width: 96%;
        display: block;
        margin: 0 auto;
        padding-top: 10px;
        float: none;
        max-width: none;
    }
    .machineSelect .layoutLeftUpper .panelMid
    {
        display: none;
    }
    .layoutLeftUpper .panelMid,
    .layoutLeftMiddle .panelMid
    {
        max-width: none;
        display: none;   
    }
    .layoutCenterRight
    {
        width: 97%;
    }
    .machineListHeader,
    .cinnamonPage .myMachineLeft,
    .breadcrumbArrows
    {
        display: none;      /*My Garage*/
    }
    .machineSubTabs3,
    .machineSubTabs3 .tabOem,
    .machineSubTabs3 .tabAmp,
    .machineSubTabs3 .tabUniv,
    .machineSubTabs3 .tabGear,
    .machineSubTabs3 .tabTires,
    .machineSubTabs3 .tabManuals
    {
        display: none;
        border: none;
    }
    .machineSubTabs3 .tab
    {
        border: none;
        height: auto;
    }
    .machineSubTabs3 .tabOn
    {
        background-color: #fafafa;
    }
    .filterTabs,
    .filterTabs .noMobile
    {
        border: none;    
    }
    .filterTabs .tab120On
    {
        width: 25%;
        height: 36px;
        background-color: #f2f2f2;
        border: none;
        font-style: italic;
    }
    .filterTabs .tab120
    {
        width: 25%;
        border: none; 
        background-color: #f2f2f2;
        font-style: italic;
    }
    .navGridColumns4
    {
        width: 100%;
    }
    .sortViewPaging
    {
        display: none;
    }

    #recs1,
    .bottomNavSection
    {
        display: none;
    }

    a.btnLoadNext
    {
        width: 100px;
        height: 15px;
        background-color: #ff9900;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        float: right;
        padding: 10px;
        text-align: center;
    }
    a.btnLoadNext:hover
    {
        color: #ffffff;
        text-decoration: none;
    }
    
    /*Responsive Products Detail*/
    .productDetail .headerStrip
    {
        display: none;
    }
    .productDetail .topLeft
    {
        float: none;
        width: 98%;
    }
    .productDetail .topLeft h1
    {
        font-size: 1.5em;
        width: 96%;
    }
    .productDetail .topRight
    {
        width: 100%;
    }
    .imageViewer
    {
        text-align: center;
    }
    .oemNumber
    {
        width: 43%;
    }
    .selector .shippingEarn
    {
        display: none;    
    }
    .selector .quantity
    {
        margin-right: 10px;
    }
    .selector .attrBoxes div
    {
        margin-right: 0;
    }
    .productDetail .bottomLeft
    {
        width: 100%;
    }
    .tabs
    {
        padding-top: 15px;
    }
    .tab-links
    {
        display: none;
    }
    .tab-content
    {
        width: 90%;
    }
    .tabInfo,
    .tabReviews, 
    .tabSpecs,
    .tabQA,
    .tabFitmentOem,
    .tabManualsOem
    {
        display: block!important;
        margin-top: 20px;
    }
    .productDetail .bottomRight,
    .zoomContainer
    {
        display: none;
    }
    
    /*Responsive Register page*/
    .createAccount h1
    {
        font-size: 1.8em;
    }
    .createAccount .continueBtn
    {
        margin-right: 0px!important;
    }
    
    /*Responsive Profile Update page*/
    .accountInfo.halfcolumn
    {
        width: 90%;
    }
    .accountRight
    {
        width: 95%;
    }
    .accountLeftTextBox
    {
        width: 100%;
    }
    .accountLeftTextBox input,
    .accountLeftTextBox select,
    .accountInfoHalfcolumnRight select
    {
        width: 90%!important;
    }

    /*Responsive Bullseye page*/
    .bullsEye h1
    {
        font-size: 1.8em;
    }
    .bullsEye .bullsLeft,
    .bullsEye .bullsRight,
    .bullsPassword .whyPassword
    {
        float: none;
        width: 100%;
    }
    .bullsEye .divTxtBox,
    .bullsEye .priRidingStyle,
    .bullsEye .divRptrSecRidingStyles,
    .bullsEye .divSendMeOffers,
    .bullsEye .divSendMeOffers .divCkBxRptr
    {
        width: 100%;
    }
    .bullsEye .divTxtBox input,
    .bullsEye .accountLeftTextBox select,
    .bullsEye .priRidingStyle select,
    .bullsEye .divSendMeOffers .divCkBxRptr span
    {
        width: 100%!important;
    }
    .bullsEye .idMonth,
    .bullsEye .idDay
    {
        width: 25%;
    }
    .bullsEye .btnSignUp
    {
        padding-left: 0;
    }
    .bullsPassword .divBtnCreateAccount
    {
        padding: 15px 0 0 0;
    }
    .divbtnComplete .divBtnSignUpCompleteLbl,
    .divbtnComplete .divbtnCompleteLbl
    {
        float: none;
        max-width: 297px;
        width: 100%;
    }
    
    /*Responsive Checkout page*/
    .checkout .displayStep
    {
        display: none;
    }
    .checkout .address
    {
        margin-left: 0;
    }
    .checkout .shipping .right
    {
        margin-left: 0;
    }
    .checkout .email
    {
        margin: 20px 0 0 0;
    }
    .checkout .buttons
    {
        margin-bottom: 20px;
    }
    .checkout .billing
    {
        margin-left: 20px;
    }

    /*Responsive Cart page*/
    .podiumMsgCart
    {
        display:inherit;
        font-size: 14px;
    }
    .podiumMsg
    {
        display:inherit;
        font-size: 14px;
    }
    .shippingRestrictionCart
    {
        display:inherit;
        font-size: 14px;
    }
    .shippingRestriction
    {
        display:inherit;
        font-size: 14px;
    }
    .chkCs, .itemHeading
    {
        display: none;
    }
    
    .cart td.productImage
    {
        width: 51%;
    }
    .cart .item td
    {
        padding: 5px 4px 10px 4px;
    }
    .cart .item
    {
        display: block;
        border-bottom: 1px solid #ff9900;
        padding-top: 5px;
    }
    .cart .item:last-child
    {
        border-bottom: none;
    }
    .cart .product
    {
        text-align: right;  
    }
    .cart .item .price
    {
        display: block;
        text-align: right;
        padding-right: 0;
        padding-bottom: 2px;
        width: 97%;
    }
    .cart .item .price.noMobile
    {
        display: none;
    }
    .cart .item .price .yourPriceMobile,
    .cart .item .price .totalMobile
    {
        display: inline-block;
    }
    .cart .item .qty
    {
        display: block;
        padding-top: 0;
        text-align: right;
        width: 97%;
    }
    .cart .item .qtyLabel
    {
        display: block;
        font-weight: bold;
        margin: 0 20px 0 0;
        padding: 0;
    }
    .cart .item .qty .quantity
    {
        float: right;
    }
    .cart .item .qty .updateRemove
    {
        float: right;           /* Avoids keeping its original space. */
        font-size: 13px;
        left: -20px;
        position: relative;
        top: 20px;
    }
    .cart .item .qty .updateRemove a
    {
        margin-left: 20px;
    }
    .cart .item .qty .updateRemove span
    {
        display: none;
    }
    .cart .item .total
    {
        display: block;
        margin-bottom: 4px;
        text-align: right;
    }

    .cart .buttons .trustGuard
    {
        display: none;
    }

    .cart16 .promoOuter
    {
        float: none;
    }
    .cart16 .promo
    {
        margin: 0 auto;
        max-width: 400px;
        padding: 8px 16px 8px 10px;     /* Matches delivery, totals. TODO: Remove the left-right imbalance. */
        width: 88%;
    }
    .cart .promo .promoCode
    {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .cart .promo .promoCode .desc
    {
        width: 100%;
    }
    .cart .promo .partner
    {
        width: 100%;
        text-align: center;
    }
    .cart .promo .partner .desc
    {
        width: 100%; 
    }
    .cart16 .promo .partner .logoBtn
    {
        margin: 0 auto;
        width: 240px;
    }

    .cart16 .shippingTotals
    {
        float: none;
    }
    .cart16 .shippingOuter
    {
        float: none;
    }
    .cart16 .shipping
    {
        margin: 10px auto;
        max-width: 400px;
        width: 88%;
    }

    .cart16 .totalsOuter
    {
        float: none;
    }
    .cart .totals
    {
        margin: 4px auto;
        max-width: 400px;
        width: 88%;
    }

    .cart16 .headingLeft
    {
        float: none;
    }

    .cart16 .buttons
    {
        margin: 10px auto;
        max-width: 426px;       /* Matches the outline boxes' 10 and 16 side paddings. */
        width: 95%;             /* Matches the outline boxes when narrowing. */
    }

    .cart16 .buttons a.lnkCheckout,
    .cart16 .buttons a.lnkContinueMain
    {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .cart16 .heading .buttons
    {
        float: none;
        margin: 10px auto;
        max-width: 426px;
        width: 95%;
    }

    .cart16 .divider.noDesktop
    {
        display: block;         /* Undo the inline-block, need block. */
        width: inherit;         /* Undo the 100% width; it's too wide. */
    }

    /*Responsive No Results Page*/
    .searchResults .noResults
    {
        margin: 0;
    }

    /* Tire Specifications. */
    .tireSpecs
    {
        width: 90%;
        margin: 20px auto;
    }
}

@media only screen and (max-width:700px) 
{
    /*Responsive Register page*/
    .createAccount .createLeft,
    .createAccount .createRight
    {
        width: 100%;
        max-width: 100%;
    }
    .createAccount input.vreq,
    .createAccount input.vemail,
    .createAccount select.vddreq
    {
        width: 100%!important;
    }
    
    /*Responsive Interstitial Page*/
    #machineSelectMain h2
    {
        font-size: 1.6em;
    }
    #machineSelectMain h3
    {
        font-size: 1.2em;
    }
    
    /*Responsive Add to Cart Pop-Up*/  
    .cartadd
    {
        max-width: 385px;
        width: 100%;
    }
    .cartadd .left
    {
        margin: 0;
        width: 100%;
    }
    .cartadd .productImage
    {
        width: 100%;
        height: auto;
        text-align: center;
    }
    .cartadd .productImage img
    {
        width: 100%;
        height: auto;
        max-width: 250px;
    }
    .cartadd .right
    {
        max-width: 385px;
        width: 100%;
    }
    .cartadd .items
    {
        min-height: inherit;
    }
    .cartadd .product
    {
        max-width: 290px;
        width: 98%;
    }   
    .cartadd .buttons
    {
        text-align: right;
    }
    .cartadd .buttonslt
    {
        float: none;
    }
    .cartadd .buttons .lnkCart
    {
        margin-right: 0;
    }
    /* Responsive listProduct */
    .listProduct2 .unavailable
    {
        margin-left: 40%;
    }
    
}

@media only screen and (max-width:625px) 
{
    /*Responsive CMS Terrain Page*/
    .terrainPage .terrainTop h1
    {
        text-align: left;
    }
    .terrainPage .terrainCol1
    {
        text-align: left;
        width: 30%;
        min-width: 140px;
    }
    .terrainPage .terrainCol2
    {
        text-align: left;
        width: 30%;
        min-width: 140px;
    }
    
    .terrainPage .terrainCol3
    {
        text-align: left;
        width: 30%;
    }
    
    /*Responsive CMS Special Page*/
    .gridPanel5 table tbody tr td
    {
        width: 47%;
    }
    .gridPanel5 .gridColumns5
    {
        max-width: 200px;
    }
    
    
    /*Responsive CMS Tire Page*/
    .layoutMidCtrGridPanel .deptGridProduct .deptGridColumns2 .DGPlayoutLeft
    {
       width: 100%;
    }
    
    /*Responsive CMS RGAC Page*/
    .TopCtrLabel .popularRgac
    {
        width: 32%;
    }
    
    /*Responsive CMS Helmets Page*/
    #midthird .groupSection .groupCols
    {
        width: 49%;
    }
    .groupSection h2,
    .brandsIcons h2
    {
        font-size: 14px!important;
    }
    .brandsIcons .groupCols
    {
        width: 32%;
    }
    
    /*Responsive Grid Products*/
    .phHeading h1
    {
        font-size: 1.4em;
    }
    .navGridLazyLoad .gridProduct2:nth-child(3n+1)
    {
        clear: none;
    }
    .navGridLazyLoad .gridProduct2:nth-child(2n+1)
    {
        clear: both;
    }
    .navListLazyLoad .listProduct2:nth-child(3n+1)
    {
        clear: none;
    }
    .navListLazyLoad .listProduct2:nth-child(2n+1)
    {
        clear: both;
    }

    /*Responsive OEM Detail*/
    .tabFitmentOem .col
    {
        width: 94%;
    }
    
    /*Responsive Login page*/
    .LoginHeadingLabel 
    {
        font-size: 1.8em;
        font-weight: bold;
    }
    .LoginLeft
    {
        width: 90%;
        padding-left: 8%;
        border-right: none;
        border-bottom: 1px solid #c0c0c0;
        margin-bottom: 20px;
        padding-top: 10px;
    }
    .LoginRight
    {
        float: right;
        width: 92%;
        padding-left: 0;
    }
    .LoginSecuritySeal
    {
        height: 40px;
        padding-top: 0;
        padding-right: 0;
        position: relative;
        top: 220px;
        width: 90px;
    }
    
    /*Responsive Register page*/
    .createAccount .LoginSecuritySeal
    {
        top: 0;
    }
    
    /*Responsive Profile Update page*/
    .accountInfoHalfcolumnRight
    {
        width: 92%;
    }
    .accountInfo.halfcolumn
    {
        width: 80%;
    }
    
    /*Responsive Checkout Billing Page*/
    .checkout .payment .giftcard .right,
    .checkout .payment .bucks .right
    {
        max-width: 550px;
        width: 100%;
    }

    /*Responsive Manuals Picker*/
    .chooseMacMiddle
    {
        max-width: 520px;
        width: 96%;
    }
    .chooseMacCenter
    {
        width: 96%;
        max-width: 500px;
    }
    #divPickerPlace
    {
        max-width: 550px;
        width: 99%;
    }
    .umpText
    {
        width: 96%;
        float: left
    }
    
    /*Responsive No Results Page*/
    .searchResults .noResults .searchBar 
    {
        width: 90%;
    }
    .searchResults .noResults .searchBar .textbox
    {
        width: 69%;
    }
    /* Responsive listProduct */
    .listProduct2 .unavailable
    {
        margin-left: 35%;
    }

}

@media only screen and (max-width:565px) 
{
    /*Responsive Products Detail*/
    .tab-content 
    {
        width: 87%;
    }

    /*Responsive CMS Terrain Page*/
    .terrainPage .terrainCol1
    {
        width: 48%;
    }
    
    /*Responsive My Machines Page*/
    .chooseMacCenter
    {
        width: 100%;
    }
    .chooseMacCenter .chooseSteps
    {
        width: 100%;
    }
    .leftMachineList .halfPageMid .actions
    {
        max-width: 480px;
        width: 100%!important;
    }
    
    /*Responsive Wishlist Page*/
    .tableWishlist
    {
        width: 100%;
    }
    .ShopperlistList
    {
        max-width: 480px;
        width: 97%;
    }
    .ShopperlistSection 
    {
        max-width: 500px;
        width: 100%;
    }
    .ShopperlistRight
    {
        max-width: 500px;
        width: 100%;
    }
    /*Responsive Product Detail*/
    .oemNumber
    {
        width: 56%;
    }
}

@media only screen and (max-width:520px) 
{    
    /*Responsive Toasty Menu*/
    .menuToasty .searchBar .textbox
    {
        max-width: 350px;
        width: 75%;
    }
    
    /*Responsive CMS Special Page*/
    .gridPanel5 .gridColumns5
    {
        max-width: 165px;
    }
    
    /*Responsive My Garage page*/
    .halfcolumn.myGarage
    {
        width: 90%;
    }
    .leftMachineList .halfPageMid
    {
        max-width: 470px;
        width: 96%;
    }
    
    /*Responsive Product Detail*/
    .oemNumber
    {
        width: 54%;
        margin-top: 135px;
        font-size: 26px;
    }
}

@media only screen and (max-width:470px) 
{   
    /*Responsive Toasty Menu*/
    .menuToasty .searchBar .textbox
    {
        max-width: 350px;
        width: 70%;
    }
    
    /*OEM*/
    .oemNav .outline .selectLeft
    {
        max-width: 370px;
        width: 100%;
    }
    .oemNav .chooseModel
    {
        max-width: 300px;
        width: 100%;
    }
    .OemDrillTrail,
    .AmpDrillTrail
    {
        width: 80%;
    }
    /*OEM Main img zoom*/
    .divViewPanelOuter
    {
        width: 94%;
    }
    
    /*Responsive CMS Special Page*/
    .gridPanel5 .gridColumns5
    {
        max-width: 140px;
    }
    
    /*Responsive CMS Tire Page*/
    .layoutMidCtrGridPanel .deptGridProduct
    {
       width: 99%;
    }
    .gridPanelHeader h3
    {
        font-size: 14px;
        margin-top: 4px;
    }
    .layoutlowCtrGridPanel .gridPanel table tbody tr td
    {
        width: 40%;
        padding-left: 4%;
        padding-right: 4%;
    }
    
    /*Responsive CMS RGAC Page*/
    .TopCtrLabel .popularRgac
    {
        width: 47%;
    }
    .cmsRgac .heading h2
    {
        font-size: 14px;
        margin-top: 4px;
    }
    
    /*Responsive CMS Helmets Page*/
    .brandsIcons .groupCols
    {
        width: 49%;
    }
    
    /*Responsive Grid Products*/
    .layoutCenterRight
    {
        width: 94%;
    }
    .phHeading h1
    {
        font-size: 1.3em;
        margin-bottom: 5px;
    }
    .filterTabs .tab120On
    {
        font-size: 12px;
    }
    .filterTabs .tab120
    {
        font-size: 12px;
    }
    .gridProduct2 .thumb,
    .gridProduct2.gridColumns5 .thumb
    {
        width: 90px;
        height: 90px;
    }
    .gridProduct2 .thumb img,
    .gridProduct2.gridColumns5 .thumb img
    {
        width: 90px;
        height: 90px;
    }
    .reviewStars
    {
        width: 100%;
    }

    /*Responsive Products Detail*/
    .tab-content 
    {
        width: 84%;
    }
    .selector .reviewStars
    {
        width: 105px;
    }
    .selector .priceDisplay .ourPrice
    {
        font-size: 1.8em;
    }
    .selector .attrThumbs img
    {
        width: 50px;
        height: 50px;
    }
    .selector .attrBoxes div
    {
        padding: 7px;
    }
    .selector .attrBoxes div:hover,
    .selector .attrBoxes div.selected
    {
        padding: 6px;
    }
    .selector .addButton
    {
        margin-left: -3px;
    }
    .selector .wishlistAdd
    {
        margin-top: 10px;
    }
    .selector .bpg
    {
        font-size: 0.9em;
    }
    iframe,
    embed
    {
        height: 200px;
    }
    .pr-customer-media-wrapper
    {
        max-width: 215px;
        width: 100%!important;
    }
    .tabQA .prPaContainer
    {
        width: 95%;
    }
    .pr-review-points-attr-wrapper .pr-attribute-group,
    .pr-other-attributes-list li.pr-other-attribute-value,
    .pr-page-nav-wrapper,
    .pr-review-author,
    .pr-review-rating-wrapper, 
    .pr-review-main-wrapper
    {
        width: 100%!important;
    }
    .pr-page-count-wrapper
    {
        margin-bottom: 8px;
        width: 100%!important;
    }
    .pr-review-rating-headline
    {
        float: right;
        width: 100%;    
    }
    .oemNumber
    {
        margin-top: 125px;
    }
    
    /*Responsive Login page*/
    .LoginLeft
    {
        padding-left: 5%;
    }
    .LoginRight
    {
        width: 95%;
    }
    
    /*Responsive My Garage page*/
    .halfcolumn.myGarage
    {
        width: 86%;
    }
    
    /*Responsive Cart page*/
    .cart .notice
    {
        width: 92%;
    }
    .cart .promo
    {
        width: 88%;
    }
    
    /*Responsive Checkout Page*/
    .checkout .shipping .left
    {
        width: 100%;
        max-width: 360px;
    }
    .cart .heading
    {
        font-size: 1.8em;
    }
    .cart .heading span
    {
        font-size: 0.6em;
        margin-left: 60px;
    }
    .checkout .address
    {
        width: 92%;
        max-width: 340px;
    }
    .checkout .address .country select
    {
        max-width: 320px;
        width: 100%;
    }
    .entry.city input
    {
        width: 100%!important;
    }
    .checkout .shipping .right
    {
        width: 94%;
        max-width: 300px;
    }
    .checkout .shippingMethod table
    {
        width: 100%;
    }
    
    /*Responsive Checkout Billing Page*/
    .checkout .billing .leftDisplay
    {
        max-width: 360px;
        width: 100%;
    }
    .checkout .email
    {
        max-width: 300px;
        width: 90%;
        margin-left: 0;
    }
    .checkout .payment .giftcard .right,
    .checkout .payment .bucks .right
    {
        max-width: 550px;
        width: 96%;
    }
    .checkout .payment .giftcard .label
    {
        float: none;
    }
    .checkout .payment .giftcard .entryText
    {
        margin: 0 10px 5px 0;
    }
    .checkout .payment .bucks .vmsg
    {
        text-align: left;
    }
    .checkout .payment .bucks input[type='text']
    {
        margin: 0 10px 5px 0;
    }
    .checkout .billing .topLineRight
    {
        float: left;
    }
    .checkout .payment .mid
    {
        max-width: 350px;
        width: 87%;
        margin-left: 5px;
        margin-bottom: 10px;
    }
    
    /*Responsive Checkout Review Page*/
    .checkout .review .mid
    {
        margin-top: 10px;
    }
    .checkout .review .right
    {
        margin-top: 10px;
    }
    
    /*Responsive Interstitial Page*/
    #machineSelectMain h3
    {
        font-size: 1em;
    }
    .selectInstructions
    {
        width: 92%;
    }
    #divPickerPlace
    {
        width: 96%;
    }
    .listProduct2 
    {
        width: 90%;
        margin: 0 auto;
    }
     
    /*Responsive Add to Cart Pop-Up*/  
    .cartadd
    {
        max-width: 300px;
        width: 100%;
    }
    .cartadd .heading
    {
        font-size: 14px;
        padding: 0;  
    }
    .cartadd .productImage img
    {
        max-width: 120px;
    }
    
    /*Responsive No Results Page*/
    .searchResults .noResults .searchBar
    {
        width: 97%;
    }
    .searchResults .noResults .searchBar .textbox
    {
        width: 75%;
    }
    .searchResults .noResults .searchTips
    {
        width: 100%;
    }
    .searchResults .noResults .customerService
    {
        width: 100%;
    }

    /* Responsive listProduct */
    .listProduct2 .unavailable
    {
        margin-left: 30%;
    }

}

@media only screen and (max-width:375px) 
{   
    /*Responsive Toasty Menu*/
    .menuToasty .searchBar .textbox
    {
        max-width: 350px;
        width: 68%;
    }
    
    /*OEM Main img zoom*/
    .divViewPanelOuter
    {
        width: 93%;
    }
    .sxy-zoom-container .sxy-controls
    {
        width: 55%;
    }
    
    /*Responsive CMS Terrain Page*/
    .terrainPage .cmsStart .ads ul
    {
        margin-left: -34px;
    }
    .terrainPage .cmsStart .ads ul li
    {
        width: 98%;
    }
    .terrainPage .cmsStart .ads ul li a img
    {
        max-width: 345px;
    }
    
    /*Responsive CMS Special Page*/
    #UpperPromo .cmsStart .ads ul
    {
        margin-left: -35px;
    }
    #UpperPromo .cmsStart .ads ul li
    {
        width: 98%;
    }
    #UpperPromo .cmsStart .ads ul li a img
    {
        max-width: 345px;
    }
    
   
    /*Responsive Product Detail*/
    .oemNumber
    {
        width: 52%;
        margin-top: 105px;
        font-size: 22px;
    }
}

@media only screen and (max-width:350px) 
{   
    /*Responsive Toasty Menu*/
    .menuToasty .searchBar .textbox
    {
        max-width: 350px;
        width: 61%;
    }
    
    /*OEM Main img zoom*/
    .divViewPanelOuter
    {
        width: 91%;
    }
    .sxy-zoom-container .sxy-controls
    {
        width: 48%;
    }
    
    /*Responsive CMS Terrain Page*/
    .terrainPage .cmsStart .ads ul
    {
        margin-left: -35px;
    }
    .terrainPage .cmsStart .ads ul li
    {
        width: 98%;
    }
    
    /*Responsive CMS Special Page*/
    .gridPanel5 table tbody tr td
    {
        width: 98%;
    }
    .gridPanel5 .gridColumns5
    {
        max-width: 230px;
        margin-left: 25px;
    }
    
    /*Responsive CMS Tire Page*/
    .layoutlowCtrGridPanel .gridPanel table tbody tr td
    {
        width: 80%;
        padding-left: 8%;
        padding-right: 8%;
    }
    
    /*Responsive CMS RGAC Page*/
    .cmsRgac .gridProduct2
    {
        margin-left: 25px;
    }
    
    /*Responsive Grid Products*/
    .navGridColumns4
    {
        margin: 0 auto;
        max-width: 260px;
    }
    .gridProduct2:hover
    {
	    padding: 8px;
    }
    .gridProduct2 .thumb,
    .gridProduct2.gridColumns5 .thumb
    {
        width: 130px;
        height: 130px;
    }
    .gridProduct2 .thumb img,
    .gridProduct2.gridColumns5 .thumb img
    {
        width: 130px;
        height: 130px;
    }
    
    /*Responsive Products Detail*/
    .tab-content 
    {
        width: 80%;
    }
    .tabQA .prPaContainer
    {
        width: 93%;
    }
    .oemNumber
    {
        margin-top: 85px;
        margin-left: 30px;
        font-size: 20px;
    }
    
    /*Responsive No Results Page*/
    .searchResults .noResults .searchBar 
    {
        width: 95%;
    }
    .searchResults .noResults .searchBar .textbox
    {
        width: 69%;
    } 
    
    /* Responsive listProduct */
    .listProduct2 .unavailable
    {
        margin-left: 25%;
    }
 
    /* Responsive Result search heading */
    .resultsHeading
    {
        font-size: 18px;
        font-weight: bold;
        color: #2b2b2b;
        margin: 5px 0 5px 0;
        max-width: 230px;
    }

}