@charset "UTF-8";
@media (max-width: 767.98px) {
  .stretch-sm {
    width: 100%;
  }
  .specNoSpecifications {
    margin-top: 50px;
  }
  .blackBtn:hover {
    background: rgb(0, 0, 0);
  }
  .mb-200 {
    margin-bottom: -200px;
  }
  .sm-text-center {
    text-align: center !important;
  }
  .pt-sm-150 {
    padding-top: 150px;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .pt-small-0 {
    padding-top: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .line-height-sm-20 {
    line-height: 20px !important;
  }
  .small-col-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .sm-v-visible {
    visibility: visible !important;
  }
  .sm-display-none {
    display: none !important;
  }
  .sm-display-block {
    display: block !important;
  }
  .sm-w-100 {
    width: 100% !important;
  }
  .sm-margin-LR {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm-margin-LR-negative {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .sm-margin-LR-negative {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .sm-margin-l-negative {
    margin-left: -15px !important;
  }
  .sm-mt-negative-50 {
    margin-top: -50px;
  }
  .sm-mt-negative-75 {
    margin-top: -75px;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-pb-em-5 {
    padding-bottom: 5em !important;
  }
  #topFeatures .featuresCurtain ul .animateContainer {
    overflow: visible;
  }
  #topFeatures .featuresCurtain .curtainContent {
    padding: 0 20px 20px 5px;
  }
  .whitebg {
    background-color: #ffffff;
  }
  .isMobile {
    display: none;
  }
  .showMobile {
    display: block;
  }
  .acc-msrp-modal {
    font-size: 11px;
  }
  nav .navbar .container .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  nav .navbar .navbar-brand {
    margin-left: 18px !important;
    padding: 8px 0 15px 0;
  }
  nav .navbar .navbar-brand .logo-desktop {
    display: none;
  }
  nav .navbar .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  nav .navbar .navbar-brand .logo-mobile {
    display: block;
  }
  nav .navbar .navbar-brand .logo-mobile svg {
    opacity: 100%;
  }
  nav .rightBar {
    top: 15px;
  }
  nav .rightBar a {
    margin-top: 9px;
  }
  nav .navbar-toggler svg {
    height: 17px;
    margin-top: -5px;
  }
  .green-line-header {
    height: 3px;
  }
  .anchorLinks {
    top: -93px;
  }
  .merchLanding {
    padding-bottom: 1px;
  }
  .merchLanding .appGrid .position-absolute {
    top: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+33,1+73 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  }
  .merchLanding .appGrid .position-absolute h3, .merchLanding .appGrid .position-absolute p {
    text-align: center;
  }
  .merchLanding .appGrid .position-absolute .blackBtn {
    display: none;
  }
  .mpp .heroBackground {
    background-size: auto 180px;
    padding-bottom: 20px;
  }
  .mpp .heroBackground .container {
    position: relative;
    min-height: 445px;
  }
  .mpp .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .mpp .heroCaption {
    position: absolute;
    left: 0;
    top: 315px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .mpp .heroCaption .headFour {
    margin-top: 20px;
  }
  .mpp .heroCaption .disclaimer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mpp .heroCaption svg {
    max-height: 74px;
  }
  .newRider .heroBackground {
    background-size: auto 180px;
  }
  .newRider .heroBackground .container {
    position: relative;
    min-height: 525px;
  }
  .newRider .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .newRider .heroCaption {
    position: absolute;
    left: 0;
    top: 335px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    max-width: unset;
  }
  .newRider .heroCaption .headFour {
    margin-top: 0;
  }
  .newRider .heroCaption .disclaimer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .newRider .heroCaption svg {
    max-height: 74px;
  }
  .hppSlider .backgroundvideo {
    background-position: top center !important;
  }
  .hppSlider .carousel-item {
    background: #000000;
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 0;
    background-size: auto 180px;
    /*position: relative;*/
  }
  .hppSlider .carousel-item .container {
    position: relative;
    /*min-height: 500px;*/
    /* hack for hpp disclaimer cutoff that seems like it was due to the design */
    min-height: 550px;
  }
  .hppSlider .carousel-item .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .hppSlider [data-title=Morgan_Wallen_Sweeps_1] {
    background-position: calc(50% - 50px) 0;
  }
  .hppSlider .carouselText {
    left: 0;
    right: 0;
    top: 99px;
    text-align: center;
    width: 100%;
    z-index: 0;
    margin: 0;
    position: absolute;
  }
  .hppSlider .carouselText h1 {
    color: #66cc33;
    margin: 20px 0 0 0;
  }
  .hppSlider .carouselText h2 {
    color: #ffffff;
    padding: 0 10px;
  }
  .hppSlider .carouselText h3 {
    color: #ffffff;
    margin: 10px 0 0 0;
    font-weight: 400;
  }
  .hppSlider .carouselText p {
    color: #ffffff;
    margin: 10px 0 0 0;
  }
  .hppSlider .carouselText .hppButton {
    margin: 20px 0 0 0;
  }
  .hppSlider .carouselText table {
    margin: auto;
  }
  .hppSlider .carouselText table svg {
    /*max-width: 90%;*/
    width: 45%;
  }
  .hppSlider .carouselText .disclaimer {
    position: relative;
  }
  .hppSlider .carouselText.teaser {
    width: inherit;
  }
  .hppSlider .carouselText.teaser .carOne br {
    display: none;
  }
  .hppSlider .carouselContainer {
    bottom: -60px;
  }
  .hppSlider .carouselContainer .carInd {
    margin-top: 14px;
    margin-bottom: -40px;
    padding-left: 5px;
  }
  .hppSlider .carouselContainer .carouselInnerPad {
    top: -22px;
  }
  .hppSlider .carouselPad {
    bottom: -74px;
  }
  .hppSlider .carousel-indicators {
    top: 9px;
    flex-wrap: wrap;
    width: 288px;
  }
  .hppSlider .kawiCompact {
    width: 249px;
  }
  .hppSlider .kawiCompactMore {
    width: 287px;
  }
  .hppSlider .carousel-control-prev, .hppSlider .carousel-control-next {
    height: 25px;
    top: 15%;
  }
  .detail .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
    padding-bottom: 1px;
  }
  .detail .heroBackground .container {
    position: relative;
    min-height: 340px;
  }
  .detail .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .detail .heroBackground .container .heroCaption {
    width: unset;
    padding-bottom: 20px;
  }
  .detail .heroBackground .container .heroCaption .heroTwo {
    line-height: unset;
  }
  .detail .heroBackground .hppButton svg {
    margin-top: -5px;
  }
  .detail .heroBackground .disclaimer {
    max-width: 100% !important;
    width: unset !important;
  }
  .detail .heroCaption {
    position: relative;
    left: 0;
    top: inherit;
    padding-top: 190px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .detail .heroCaption .iconLinks .list-inline-item {
    padding: 0 10px;
    margin: 0;
    min-width: 115px;
  }
  .detail .heroCaption .iconLinks .list-inline-item:last-child {
    max-width: 31%;
  }
  .detail .heroCaption .iconLinks .list-inline-item a {
    margin: 0;
  }
  .detail .heroCaption .iconLinks .list-inline-item .z-anniversary {
    height: 100px;
    width: 120px;
  }
  .detail .heroCaption a {
    color: white;
    border-right: 1px solid #66cc33;
    padding-right: 1rem;
  }
  .detail .heroCaption a:hover, .detail .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .elektrodeLand .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
    padding-bottom: 1px;
  }
  .elektrodeLand .heroBackground .container {
    position: relative;
    min-height: unset;
    padding-bottom: 40px;
  }
  .elektrodeLand .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .elektrodeLand .heroBackground img {
    width: 100%;
  }
  .elektrodeLand .heroBackground .flex-badge img, .elektrodeLand .heroBackground .flex-badge svg {
    display: none;
  }
  .elektrodeLand .heroBackground .hppButton svg {
    margin-top: -5px;
  }
  .elektrodeLand .heroCaption {
    position: relative;
    left: 0;
    top: inherit;
    padding-top: 200px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .elektrodeLand .heroCaption a {
    color: #76767c;
    border-right: 1px solid #76767c;
    padding-right: 1rem;
  }
  .elektrodeLand .heroCaption a:hover, .elektrodeLand .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .elektrodeLand .services {
    text-align: center;
    padding: 20px 0;
  }
  .elektrodeLand .services .headThree {
    font-size: 30px;
    line-height: 30px;
  }
  .elektrodeLand .services .msrp {
    border: 0;
  }
  .footerLinks svg {
    margin-top: 6px;
  }
  .footerPrivacy {
    padding: 20px 0;
    /*.float-right {
        float: none !important;
        width: 100%;


        p {
            text-align: center;
            margin-bottom: 20px;
        }
    }*/
    /*.float-left {
        float: none !important;
        width: 100%;

        ul {
            display: table;
            margin: auto;

            li {
                margin: 0 20px 20px;
            }
        }
    }*/
  }
  .footerPrivacy .motors .pTwo {
    text-align: center;
    margin-bottom: 20px;
  }
  .footerPrivacy .social {
    margin-top: 20px;
    flex-basis: auto;
  }
  .footerPrivacy .social .row {
    float: none;
  }
  .techSmNav {
    color: #76767c;
    visibility: visible;
  }
  #technology .heroBackground {
    background-image: none !important;
  }
  #technology .heroCaption .pOne {
    width: 100%;
  }
  #technology .hppButton {
    width: 100%;
  }
  #technology .copyBlock {
    border-left: 0 !important;
    padding-left: 0 !important;
  }
  #technology .curtainContent {
    padding: 20px !important;
  }
  .technologyNodes .promoBox {
    border-bottom: 0;
    background-color: #000000;
  }
  .technologyNodes .promoContent {
    border-bottom: none !important;
  }
  .technologyNodes .promoDesc {
    display: none;
  }
  .techModalContainer {
    padding: 0 !important;
    /*.shiftLeft{
        width:50%;
    }*/
  }
  .techModalContainer .modal-header {
    margin-top: 0;
  }
  .techModalContainer .modal-icon {
    margin-top: 5px;
    margin-left: 35px;
  }
  .techModalContainer .modal-dialog {
    margin: 100px auto 0;
  }
  .techModalContainer .modal-footer {
    display: block;
  }
  .techModalContainer .modal-dialog-centered {
    max-width: 100%;
    margin-top: 0;
  }
  .techModalContainer .carousel .carousel-inner {
    min-height: inherit;
  }
  .techModalContainer .carousel .carousel-inner .mainTechImage {
    max-width: 550px;
  }
  .techModalContainer .modalCardimageChange {
    width: 100px;
  }
  .techModalContainer .modal-content {
    margin-top: 0px;
  }
  .techModalContainer .smallOn {
    background-image: url("Images/ind_ON.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
  .techModalContainer .smallOff {
    background-image: url("Images/ind_OFF.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
  .techModalContainer .imageSideName {
    margin-bottom: 15px;
  }
  .techModalContainer .techLrgNav {
    display: none;
  }
  .techModalContainer .carousel {
    margin: 0 !important;
  }
  .techModalContainer .techNone {
    /*display: none !important;*/
  }
  .techModalContainer .modalImageNodes {
    /*display: none;*/
    /*position: absolute;
    left: 50%;
    margin: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
  }
  #carouselTech .modalImageNodes {
    /*display: none;*/
  }
  #carouselTech .carousel-inner {
    padding-bottom: 100px;
  }
  #carouselTech .techLrgNav {
    display: none;
  }
  #carouselTech .carousel-indicators {
    display: flex;
  }
  #carouselTech .carousel-indicators {
    position: relative;
    justify-content: center !important;
    background-color: transparent !important;
    padding: 0 !important;
    width: auto !important;
  }
  #carouselTech .carousel-indicators.techCircle .activeCardImage {
    outline: none !important;
  }
  #carouselTech .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
  }
  #carouselTech .carousel-indicators li .onIndicator {
    display: none;
  }
  #carouselTech .carousel-indicators li .offIndicator {
    display: block;
  }
  #carouselTech .carousel-indicators li.active .onIndicator {
    display: block;
  }
  #carouselTech .carousel-indicators li.active .offIndicator {
    display: none;
  }
  #carouselTech .carousel-indicators .bulletDetails {
    display: none;
  }
  #carouselTech .featuresContainer .carousel-item .pTwo {
    max-height: 100%;
  }
  #topFeatures .featuresContainer {
    padding-bottom: 0;
  }
  .searchResults .compareContent .featuredResult .rightSide .topRight {
    padding-left: 30px;
  }
  #maps {
    background-color: #f1f1f1;
    /*display:contents;*/
  }
  #maps .googleMap {
    visibility: hidden;
  }
  #maps .headTwo {
    color: #000000 !important;
  }
  #maps .mapFilter {
    width: 100%;
  }
  #maps .mapFilter .category .form-check {
    width: 100%;
  }
  #maps .mapFilter .category .pTwo {
    /*vertical-align: top;*/
    margin-top: -2px;
  }
  #maps .form-check-inline {
    display: block;
    /*display: none;*/
  }
  #maps .dealersCat {
    /*display: none;*/
  }
  #maps .filterSmall {
    cursor: pointer;
  }
  .filterBoxCompare {
    position: fixed;
    left: 100%;
    height: 100%;
    overflow-x: scroll;
    top: 0;
  }
  .filterBoxCompare.active {
    left: 0;
    transition: all 1s;
    -webkit-transition: all 0.5s;
    z-index: 9999;
  }
  .filterBoxCompare.disabled {
    left: 100%;
    transition: all 1s;
    -webkit-transition: all 0.5s;
  }
  .filterBoxCompare #closeFilter {
    display: block;
    height: 20px;
  }
  .filterBoxCompare #closeFilter path {
    fill: #76767c;
  }
  .compareVehicles .withGreenLine {
    line-height: 32px;
  }
  .compareVehicles span.withGreenLine {
    height: 25px;
  }
  .cart section:first-child {
    background: #E5E5E9;
  }
  .cart .shopBox {
    padding-left: 0;
    padding-right: 0;
  }
  .cart .itemBox .cartActions {
    float: left;
  }
  .cart .itemBox .linkGroup {
    text-align: left;
  }
  .cart .itemBox .linkGroup .headSix {
    padding: 0 10px 0 0;
  }
  .cart .emptyCart p {
    margin-bottom: 20px;
  }
  .news #filterButton {
    margin-bottom: 20px;
  }
  .newsDetail .carousel .carousel-indicators {
    justify-content: initial;
    width: fit-content;
    margin: 25px auto;
    position: relative;
    list-style: none;
  }
  .newsDetail .carousel .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    border: 0;
    /*svg {
        display: block;
    }*/
  }
  .newsDetail .carousel .carousel-indicators li img {
    display: none;
  }
  .newsDetail .carousel .carousel-indicators li .onIndicator {
    display: none;
  }
  .newsDetail .carousel .carousel-indicators li .offIndicator {
    display: block;
  }
  .newsDetail .carousel .carousel-indicators li.active {
    border: 0;
  }
  .newsDetail .carousel .carousel-indicators li.active .onIndicator {
    display: block;
  }
  .newsDetail .carousel .carousel-indicators li.active .offIndicator {
    display: none;
  }
  .itemPage .viewList {
    position: relative;
  }
  .itemPage .viewList .showMobile {
    width: 240px;
    margin-right: 0;
  }
  .itemPage .viewList li {
    margin-bottom: 10px;
  }
  .itemPage .viewList li:last-child .tableCaption {
    margin: 0;
  }
  .itemPage .viewList .float-right {
    position: relative;
    float: none !important;
  }
  .itemPage .carousel .carousel-indicators {
    justify-content: initial;
    width: fit-content;
    margin: 25px auto;
    float: none;
  }
  .itemPage .carousel .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    /*svg {
        display: block;
    }*/
  }
  .itemPage .carousel .carousel-indicators li img {
    display: none;
  }
  .itemPage .carousel .carousel-indicators li .onIndicator {
    display: none;
  }
  .itemPage .carousel .carousel-indicators li .offIndicator {
    display: block;
    margin-top: -2px;
  }
  .itemPage .carousel .carousel-indicators li.active {
    border: 0;
  }
  .itemPage .carousel .carousel-indicators li.active .onIndicator {
    display: block;
  }
  .itemPage .carousel .carousel-indicators li.active .offIndicator {
    display: none;
  }
  .modalButtonPad {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 20px;
  }
  .modalButtonPad .blackBtn {
    width: 100%;
  }
  .homePromotions {
    padding-top: 83px;
  }
  .homePromotions .blackBtn {
    margin-top: 10px;
  }
  .homePromotions .card-deck .col-sm-12 {
    margin-bottom: 30px;
  }
  .homePromotions .singlePromo img {
    border: none;
    border-bottom: 3px solid #66cc33;
  }
  .Promotions .blackBtn {
    margin-top: 10px;
  }
  .Promotions .card-deck .col-sm-12 {
    margin-bottom: 30px;
  }
  .Promotions .singlePromo img {
    border: none;
    border-bottom: 3px solid #66cc33;
  }
  .racing .homeTeams .home-team-single img {
    margin-bottom: 10px;
  }
  .racing .homeTeams .home-team-single .head-text-container {
    position: unset;
    text-align: left;
  }
  .racing .homeTeams .home-team-single .head-text-container h3 {
    color: #000000;
    margin-bottom: 30px;
    border-left: 3px solid #66cc33;
    padding-left: 10px;
  }
  .racing .homeTeams .home-team-single .head-text-container .headFour {
    color: #000000;
  }
  .racing .homeTeams .globalInfo .followGlobal li {
    margin-right: 20px;
    padding-right: 20px;
    text-align: left;
  }
  .racing .homeTeams .globalInfo .followGlobal .row .col-md-6:last-child {
    border: 0;
    margin-top: 20px;
  }
  .racing .homeTeams .globalInfo a {
    text-decoration: underline;
  }
  .racing .homeTeams .globalInfo a:hover {
    color: inherit;
  }
  .racing .schedule {
    background: #f1f1f1;
  }
  .racing .schedule .eventsHeader {
    height: auto;
    background-size: 100% auto;
  }
  .racing .schedule .header-table h1 {
    color: #000000;
  }
  .racing .schedule .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .racing .schedule .container table {
    margin-bottom: 25px;
  }
  .racing .riderHead .header-table {
    /*position: absolute;
    top: 100px;
    left: 100px;*/
  }
  .racing .riderHead .rider-head-img {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .racing .teamEquipment .col-sm-12 {
    margin-bottom: 20px;
  }
  .racing .riderLinks h4 {
    margin-bottom: 30px;
  }
  .racing .racingBlock .blackBtn {
    width: 100%;
  }
  .racing .eventsBlock .blackBtn {
    width: 100%;
  }
  .racing .racingProof {
    margin-top: 30px;
  }
  .racing .teamRiders .riderLinks .blackBtn {
    width: 100%;
  }
  .racing .teamRiders .racing-team-section {
    padding-top: 50px;
  }
  .racing .teamRiders .racing-team-section:last-child {
    padding-bottom: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section {
    padding-top: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section:first-child {
    padding-top: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section:last-child {
    padding-bottom: 0px;
  }
  .racing .riderGallery {
    margin-left: -30px;
    margin-right: -30px;
  }
  .racing .riderGallery .carousel-inner {
    width: 100%;
  }
  .filterBox {
    visibility: hidden;
    position: fixed;
    left: 100%;
    height: 100%;
    overflow-x: scroll;
    top: 0;
  }
  .filterBox.active {
    left: 0;
    transition: all 1s;
    -webkit-transition: all 0.5s;
    z-index: 9999;
  }
  .filterBox.disabled {
    left: 100%;
    transition: all 1s;
    -webkit-transition: all 0.5s;
  }
  .filterBox #closeFilter {
    display: block;
    height: 20px;
  }
  .filterBox #closeFilter path {
    fill: #76767c;
  }
  .filterBox .looking {
    padding: 15px;
    text-align: center;
  }
  .filterBox .looking .lookingTwo {
    margin-top: 0;
  }
  .filterBox .looking .blackBtn {
    width: 100%;
  }
  .offersDetail .mapBack {
    padding-top: 60px;
  }
  .offersDetail .mapBack h3 {
    margin-top: 0;
  }
  .offersDetail .mapBack input {
    width: 270px;
  }
  .offersDetail .mapBack .searchBack {
    background-position: 240px;
  }
  .offersDetail .heroContainer {
    padding: 0;
  }
  .offersDetail .heroContainer .savingContainer {
    padding-bottom: 20px;
  }
  .offersDetail .heroContainer .savingContainer .blackBtn {
    width: 100%;
  }
  .offersDetail .offerList h3 {
    margin-top: 30px;
  }
  .offersDetail .offerList h4 {
    margin-top: 25px;
  }
  .offersDetail .offerList .group-container {
    margin-bottom: 0;
  }
  .offersDetail .offerList .vehicleContainer {
    /*                svg {
                        position: absolute;
                        top: 37%;
                        right: 25px;
                    }*/
  }
  .offersDetail .offerList .vehicleContainer .headForAll {
    text-align: left;
    padding: 15px;
  }
  .offersDetail .offerList .vehicleContainer .prodName {
    padding-top: 20px;
  }
  .offersDetail .offerList .vehicleContainer .models {
    display: none;
  }
  .featuredVehicles .product {
    margin-bottom: 30px;
    display: block;
  }
  .featuredVehicles .product .headFour {
    font-size: 30px;
    line-height: 40px;
  }
  #models .modelRepeat .modelHead .ml-2 {
    margin-left: 0px !important;
  }
  #models .modelRepeat .modelHead .pTwo {
    display: block;
  }
  .mayLike .row {
    width: inherit;
  }
  #heritage .heritageCopyVideo .pOne {
    padding-bottom: 20px;
  }
  #heritage .desktop {
    display: none;
  }
  #heritage .mobile {
    display: block;
  }
  #heritage .aviation .headThree {
    color: #000000;
    padding-top: 20px;
  }
  #heritage .aviation .pOne {
    color: #000000;
    padding-right: 40px;
  }
  #heritage .robotics .noImage {
    display: none;
  }
  #heritage .robotics .second {
    order: 1;
  }
  #heritage .hydrogen .imageRunUp {
    margin-top: -70px;
  }
  #heritage .motoEngines {
    background-image: none;
    background-color: #1f1f1f;
  }
  #heritage .motoEngines .headThree {
    color: #ffffff;
  }
  #heritage .motoEngines .pOne {
    color: #ffffff;
  }
  #careers .blackBtn {
    width: 100%;
  }
  #internationalsites .blackBtn {
    width: 100%;
  }
  .indsLinksContainer img {
    display: none;
  }
  .indsLinksContainer .promoContent {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
  }
  .indsLinksContainer .promoBox {
    box-shadow: none;
  }
  .indsLinksContainer .pb-30 {
    padding: 0;
  }
  .indsLinksContainer .promoContainer {
    margin-bottom: 0;
  }
  .indsLinksContainer .promoContainer:hover .promoBox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .corporateInfo .promoContent {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
  }
  .corporateInfo .pTwo:last-child {
    padding-bottom: 20px;
  }
  .corporateInfo p.row {
    width: 100%;
  }
  .corporateInfo .promoBox {
    box-shadow: none;
  }
  .corporateInfo .pb-30 {
    padding: 0;
  }
  .corporateInfo .promoContainer {
    margin-bottom: 0;
  }
  .corporateInfo .promoContainer:hover .promoBox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .warranty .warrentyButton {
    width: 100%;
  }
  .warranty .protectionPlus {
    width: 100%;
  }
  .warranty .no-warp {
    display: inline-block;
    white-space: nowrap;
  }
  .configurator .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
  }
  .configurator .heroBackground .container {
    position: relative;
    min-height: 330px;
  }
  .configurator .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .configurator .heroBackground img {
    width: 100%;
  }
  .configurator .heroCaption {
    position: absolute;
    left: 0;
    top: 200px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .configurator .heroCaption a {
    color: #76767c;
    border-right: 1px solid #76767c;
    padding-right: 1rem;
  }
  .configurator .heroCaption a:hover, .configurator .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .research .searchBack {
    width: inherit;
  }
  .reserve {
    padding-top: 0px;
  }
  .reserve .h2Space {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
  }
  .reserve .h2Space .container {
    position: relative;
    height: 100%;
  }
  .reserve .h2Space .container svg {
    width: 250px;
  }
  .reserve .hppButton {
    margin-top: 25px;
    margin-left: 0px !important;
    width: 100%;
  }
  #reservetarget {
    margin-top: 0px;
    top: -125px;
    position: relative;
    background-color: transparent;
  }
  .myKawModal .results .headFour {
    margin: 20px 0;
  }
  .myKaw .noVehicle {
    margin-left: 0;
  }
  .myKaw .orderHistory {
    background-image: url("/Content/Images/640 x1226_xs_order_history_bg.jpg");
    background-position: center bottom;
  }
  .myKaw .notifications .promoContent .left-border-space {
    display: none;
  }
  .myKaw .notifications .promoContent .buildSummary {
    margin-top: 20px;
    text-align: center;
  }
  .myKaw .notifications .promoContent .subTotal {
    padding-left: 15px;
  }
  .recall .safety h3 {
    margin-top: 20px;
  }
  .top-sm-0 {
    top: 0 !important;
  }
  .usCompanies .blackBtn {
    width: 100%;
  }
  .rewards .riderHead {
    padding-top: 60px;
    background: #000000;
  }
  .rewards .riderHead .header-table h1 {
    color: #ffffff;
  }
  .rewards .riderHead .reward-head-img {
    background: none !important;
  }
  .rewards .riderHead .reward-head-img .container {
    padding-top: 30px;
  }
  .rewards .riderHead .reward-head-img p {
    width: 100%;
  }
  .rewards .riderHead .reward-head-img .hppButton {
    width: 100%;
  }
  .rewards .program img {
    margin-bottom: 20px;
  }
  .rewards .contingency img {
    margin-bottom: 20px;
  }
  .rewards .blackBtn {
    width: 100%;
  }
  .rewards .rules .info .infoView a .greenTriangle {
    margin: 2px 10px 0 0;
  }
  .newRider .newList .customize .blackBtn {
    width: 100%;
    margin-left: 0;
  }
  .kppUs .blackBtn {
    width: 100%;
  }
  .rok .blackBtn {
    width: 100%;
  }
  .rok .join h2 {
    margin: 0;
  }
  .rok .amaMember {
    padding: 30px;
    background-position: right -300px bottom 0px;
  }
  .rok .affiliate {
    padding: 60px 0;
  }
  .timer-area .countdown {
    margin: auto;
  }
  .fleet .negRow .col-12, .fleet .negRow .col-6 {
    padding: 0 5px;
  }
  .fleet .blackBtn {
    width: 100%;
  }
  .fleet .pricing h2, .fleet .pricing h3, .fleet .pricing p {
    text-align: left;
  }
  .fleet .pricing .greenBar {
    margin-left: 0;
  }
  .fleet .edition .justify-content-center img {
    width: 96px;
  }
  .fleet .machines .salesGrid {
    margin-bottom: 1rem;
  }
  .fleet .machines .agriculture.salesGrid {
    padding: 350px 0 50px;
  }
  .fleet .machines .agriculture.salesGrid h3 {
    text-align: center;
  }
  .fleet .machines .federal.salesGrid {
    padding: 350px 0 50px;
  }
  .fleet .machines .federal.salesGrid h3 {
    text-align: center;
  }
  .landing .appGrid .position-absolute {
    top: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+33,1+73 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  }
  .landing .appGrid .position-absolute h2, .landing .appGrid .position-absolute p {
    text-align: center;
  }
  .landing .appGrid .position-absolute .blackBtn {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
  .diagrams .panzoom-parent {
    height: 300px;
  }
  .partsZoomDesktop {
    display: none;
  }
  .productDealer svg {
    margin-top: 1px;
  }
  #become-dealer-getstarted .heroCaption {
    width: 100%;
    /*margin-bottom:15px;*/
  }
  #become-dealer-getstarted .heroCaption .pOne {
    width: 100%;
  }
  #become-dealer-getstarted .header-icons {
    padding-top: 0px;
  }
  #become-dealer-getstarted .mobile-no-padding {
    padding: 0px;
  }
  #become-dealer-getstarted .mobile-padding {
    padding: 0 15px;
  }
  #become-dealer-getstarted .heroBackground {
    background-color: #202022 !important;
    background-image: none;
    position: relative;
  }
  #become-dealer-getstarted .heroBackground .container {
    position: relative;
    /*min-height: 500px;*/
    padding-bottom: 25px;
    /*margin-bottom: 0px;*/
  }
  #become-dealer-getstarted .heroBackground .mobile-header-img {
    padding-bottom: 50px;
  }
  #become-dealer-getstarted .heroBackground .mobile-header-img img {
    width: 100%;
  }
  #become-dealer-getstarted #specs #specAccordion .sub-section {
    padding-left: 0px;
  }
  #become-dealer-getstarted .blackBtn-mobile {
    width: 100%;
  }
  #become-dealer-getstarted .headThree.accordionTitle {
    margin-top: 6px;
    color: #000000;
  }
  #become-dealer-getstarted .technologyFeature {
    background: #e5e4e9;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain {
    position: relative;
    background: #e5e4e9;
    margin-bottom: 10px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain ul {
    list-style: none;
    padding: 0;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain img {
    width: 100%;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent {
    height: 100%;
    padding: 25px 10px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .headThree {
    color: #000000;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock {
    margin: 20px 0;
    border-left: 3px solid #66cc33;
    padding-left: 15px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock .headFive {
    font-weight: 400;
    margin-top: 20px;
  }
  #kawi-kash-view .heroBackground {
    background-image: none;
    height: unset;
  }
  #kawi-kash-view .mobile-header-img img {
    width: 100%;
  }
  .parts .modelBar {
    margin-bottom: 30px;
  }
  .parts .genuine {
    margin: auto;
  }
  .parts .warranty-search button {
    width: 100%;
  }
  .parts .diagrams .searchBack {
    width: 100%;
    max-width: 100%;
  }
  .parts .diagrams .table-borderless tr:hover td {
    color: #000000;
    background: #f1f1f1;
  }
  .parts .diagrams .table-borderless tr:hover td:nth-child(even) {
    background: #E5E5E9;
  }
  .subBrand .subHero h1, .subBrand .subHero p {
    text-align: left;
  }
  .subBrand .stickyAccordion #mppAccordion {
    padding-bottom: 0;
  }
  .subBrand .stickyAccordion .accordionTitle {
    max-width: 220px;
  }
  .subBrand .newList .vidStyle {
    min-height: 150px;
  }
  .subBrand .muleForYou .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .subBrand .muleForYou .disclaimer {
    padding: 0 15px;
    font-size: 0.62rem;
  }
  .subBrand .muleForYou .disclaimer .sup {
    /*font-size: 0.70rem;*/
    font-size: 0.7em; /* Makes it smaller than the parent text */
    display: inline;
    position: relative; /* Allows precise vertical adjustment */
    top: -0.1em; /* Adjusts the vertical alignment */
    line-height: 1;
    vertical-align: baseline; /* Ensures alignment with surrounding text */
  }
  .float-right-lg {
    float: unset;
    display: block;
    width: 250px;
    margin: auto !important;
  }
  .hide-desktop {
    display: block;
  }
  .accHeaderModelText {
    background-color: white;
  }
  .svgSlide .svgSize {
    width: 400px !important;
    max-height: 70px;
  }
  [data-title=Morgan_Wallen_Sweeps_1] .svgSize {
    margin-top: 0px;
    max-height: 140px;
    margin: 0 auto;
  }
  .heritageDetail {
    margin-top: 0px;
  }
  .hertiageDesc {
    padding-top: 50px !important;
  }
  .mpp-badge {
    max-height: 150px;
    max-width: 130px;
  }
  .green-power-badge {
    max-height: 120px;
  }
  .newList .z50-panel .newPlace {
    top: 55% !important;
  }
  .h2-text-align {
    text-align: center !important;
  }
  .apparelContainer .msrp {
    text-align: left;
  }
  .landing .appGrid .prodGrid .msrp {
    text-align: left;
  }
  .accMerch .cardRepeat .vehicleContainer .msrp {
    text-align: left;
  }
  .offer-promotional-model .footerBtn {
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
  }
  .support .infoGroup .headFive {
    min-height: 20px !important;
  }
  .support .updateInfo .greenSpacer {
    margin: 40px auto 40px auto !important;
  }
  .subBrand .subHero.kpo {
    background-image: url(/Content/Images/KPO/2024/header/25_kpo_header_640x694_mobile.jpg);
  }
  .mobile-text-scroll {
    max-height: 369px;
    overflow: auto;
  }
}