﻿/* navigation styles */

@media (min-width: 320px) and /*! space*/ (max-width: 480px) {

    .bikeName {
        width:auto;
        display:inline;
    }

    .bikePrice {
        float:right;
    }

     .bikeInfo .toolTip {
        margin-right:0;
    }
}

@media (min-width:769px) and /*! space*/ (max-width: 979px) {
     .menuLinks li {
        font-size:0.7em;
    }
     .menuLinks li a {
         padding-left:13px;
         padding-right:13px;
     }

     .bikeName {
        width:100%;
        display:inline-block;
    }

    .bikePrice {
        float:left;
    }

     .bikeInfo .toolTip {
        margin-right:40px;
    }

}

@media (min-width: 980px) and /*! space*/ (max-width: 1169px) {
     .menuLinks li {
        font-size:0.7em;
    }

    .navigation .menuLinks li a {
        padding-left:2px;
        padding-right:2px;
    }

    .bikeName {
        width:100%;
        display:inline-block;
    }

    .bikePrice {
        float:left;
    }

    .bikeInfo .toolTip {
        margin-right:110px;
    }
}

@media (min-width: 1170px) {
    .bikeSelector {
        font-size:0.8em;
    }
    .menuLinks li {
        font-size:0.7em;
    }
        .menuLinks li a {
            padding-left:12px;
            padding-right:12px;
        }

    .bikeName {
        width:100%;
        display:inline-block;
    }

    .bikePrice {
        float:left;
        width:153px;
    }

    .compareRow .specContainerOuter.price .specContainer .specification ul li span.desc {
        font-family:'triumphbrokmanmedium', Arial, sans-serif;
        text-transform:uppercase;
    }

    .bikeInfo .toolTip {
        margin-right:180px;
    }
}