body { 
    /*background: #cccccc url("https://psmfirestorm.blob.core.windows.net/92800a38-1954-48e3-a378-bdf36b01eb3b/got-gear-background.jpg") no-repeat; */
    background-attachment: fixed; 
    background-position: center center; 
    background-size: cover; 
    font-family: 'Coda', sans-serif;
    font-variant: none;
}

hr { border-top-color: #afafaf; }


#content-container {
    padding-bottom: 30px;
}

#content-container #home-page {
    margin-bottom: -30px!important;
}

#inventory-page,
#promotions-page {
    padding-top: 15px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lalezar', sans-serif;
    font-weight: unset;
    font-style: italic;
    text-transform: uppercase;
}

.topSection {
    position: relative;
    padding: 30px 0;
}

.topSection:before {
    content: '';
    background-image: url(https://psmfirestorm.blob.core.windows.net/d35d2142-5f3c-4c93-b3dd-4cd6f2fefe8a/got-gear-background-2.jpg);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.servicesSection {
    background-color: black;
    color: white;
    padding: 30px 0;
}

.polarisSection {
    position: relative;
    margin-top: 0!important;
    background-color: #004E97;
    padding-top: 25px;
}

.featuredSection {
    background-color: #ededed;
    padding-top: 30px;
}






/* GLOBAL THEME FONT COLORS */
body { color: #000; }

a {
    color: #ff0000;
    text-decoration: none;
    transition: .3s;
}

a:hover, a:focus {
    color: #dc0000;
    text-decoration: none;
}

a.promo-link {
    color: red;
}

a.promo-link:hover {
    color: #000;
}







/* HEADER */

header.body {
    margin-bottom: 0px;
}

header.body .logo { color: #333; }
#brand-box .info a { color: #333; }

.headerbackground {
    background-color: white;
    background: linear-gradient(to right, rgba(216,216,216,1) 30%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(216,216,216,1) 70%);
}

.headercontainer {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    width: 100%;
    margin: auto;
}

.headerlogo {
    flex: 0 0 50%;
    text-align: center;
}

.headerblock {
    flex: 0 0 25%;
    font-family: 'Lalezar', sans-serif;
    font-size: 21px;
    line-height: 21px;
}

a.dealer-phone.phone-text.header-phone {
    font-size: 32px;
    line-height: 42px;
}

.headersocial {
    display: flex;
    justify-content: flex-end;
}

.headersocial a,
.footersocial a {
    padding: 10px 4px;
    transition: .3s;
    width: 45px;
    height: 45px;
    background-color: black;
    border-radius: 50%;
    color: white;
    text-align: center;
    margin-left: 10px;
    font-size: 24px;
}

.headersocial a:hover {
    transform: scale(1.1);
}

.headerslogan {
    text-align: center;
    font-family: 'Marck Script', cursive;
    font-size: 26px;
}

.hdr-addy {
    color: black;
}

.hdr-addy:hover {
    color: red;
}








/* NAVIGATION */
#main-nav {
    background-color: #ff0000;
}

    #main-nav .navbar { border: none; }

#main-nav .nav > li > a, .social-media-icons a {
    color: #fff;
    font-family: 'Lalezar', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
    padding: 17px 15px 13px;
    text-shadow: 1px 1px 1px black;
}

@media (min-width: 768px) {
.navbar-nav {
    float: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: -3px; }
}

.navbar-nav>li>a {
    background: linear-gradient(#b7b7b7 90%, #b7b7b7 100%) no-repeat;
    padding-top: 15px;
    padding-bottom: 15px;
    background-position-y: 50px;
    background-size: 100% 100%;
    transition: .25s !important;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: unset;
    text-decoration: none;
    background-position-y: 0;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: linear-gradient(#b7b7b7 90%, #b7b7b7 100%) no-repeat;
}







/* FEATURED VEHICLES */

.single-item-slider .img-container {
    height: 150px;
    background-color: white;
}

.single-item-slider .slider-outer {
    height: 285px;
}

.single-item-slider .slider-inner .item {
    background-color: white;
}

.featuredinventorysection {
    background-image: url(https://psmfirestorm.blob.core.windows.net/4cd7d76d-d3a1-4448-9030-a0dc9d2eea85/fibackground.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    padding: 2% 15px 5%;
    margin-top: 0!important;
    background-position: center;
    background-color: white;
}

.single-item-slider .item-detail .price {
    font-size: 21px;
    padding: 0 3%;
    font-family: 'Lalezar', sans-serif;
    font-weight: unset;
    text-transform: uppercase;
    bottom: 0;
}

.single-item-slider .item {
    background-color: #ececec;
    border: none;
}

.single-item-slider .item-detail .name {
    color: black;
}

.widget-Reviews .single-item-slider .item-detail {
    font-size: 14px;
}

.widget-Reviews .single-item-slider .slider-outer, .widget-Reviews .single-item-slider .slider-inner .item, .widget-Reviews .single-item-slider .slider-inner-container {
    height: 19em;
}

.widget-Reviews .single-item-slider .item .item-inner {
    padding-top: 5px;
}






/* INVENTORY */


.inventory-container .vehicle { background-color: #f9f9f9; }
    .inventory-container .vehicle:hover { background-color: #f4f4f4; }
    .inventory-container .vehicle .title a { color: #333; }
#filters-box li label { color: #08c; }

#FilterQuickSearch {
    border: 1px solid #cccccc;
    margin: 0;
}

#SearchOurInventory {
    border: 1px solid gray;
}

#vehicleList > div {
    margin: 0;
    padding: 15px;
}

.vehiclemodel {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 21px;
    min-height: 43px;
}

.inventory-container .vehicle, .inventory-container .well, .panel-heading .panel-toggle {
    background-color: #d8d8d8;
}

.inventory-container .vehicle .price {
    padding-right: 4px;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
    font-style: italic;
}

.info {
    font-size: 12px;
    text-align: right;
    color: #848484;
}

.inventory-container .vehicle .title {
    padding: 3px 5px;
    border-top: 3px solid #dcdcdc;
}

#filters-box li label {
    color: red;
}

.inquiryformcontainer,
.locationBox {
    background-color: #efefef;
}

#seller-description,
#tabEquipment,
#tabDetails,
#tabTrimDetails {
    border: 1px solid #dddddd;
    border-top: none;
}

.vdpinquiryheader {
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-style: italic;
    color: red;
    font-size: 30px;
}

#ModalVehicleInquiry {
    background: #efefef;
}

.vdpLogo {
    max-width: 160px;
}

.vehicleGridLogo {
    max-width: 80px;
    display: block;
    margin: 0 auto;
}

.popupFormHeader {
    margin-bottom: 20px;
}

.vdp-inquire {
    border: none;
    font-size: 0.8em;
    margin: .25em auto;
    height: 1.8em;
    padding: 0 .5em;
}

.vdp-inquire[placeholder~="Name"] {
    width: 8em;
}
.vdp-inquire[placeholder~="ZipCode"] {
    width: 7em;
}
.vdp-inquire[placeholder~="Email"] {
    width: 10em;
}
.vdp-inquire[placeholder~="Phone"] {
    width: 9em;
}
textarea.vdp-inquire {
    width: 100%;
    min-height: 60px;
}



/* CONTENT*/

.polarisHpBanner {
    display: flex;
    justify-content: space-around;
    position: relative;
    align-items: center;
    padding: 30px;
    background-color: rgb(255 255 255);
    margin-bottom: 25px;
}

.polarisHpBanner h4 {
    font-size: 40px;
}

.polarisHpBanner .btn-primary {
    margin: 0;
    background-color: #004e97;
    border-color: #004e97;
}

.polarisHpBanner .btn-primary:hover {
    letter-spacing: 2px;
}

.shopbymodel {
    background: #cccccc url(https://psmfirestorm.blob.core.windows.net/d35d2142-5f3c-4c93-b3dd-4cd6f2fefe8a/got-gear-background-2.jpg) no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.65);
    position: relative;
}

.modelcontainer {
    width: 1470px;
    margin: auto;
}

.modelbackground {
    display: flex;
    justify-content: space-between;
    background-color: white;
    position: relative;
    z-index: 1;
    align-items: flex-end;
}

.modelblock {
    flex: 0 0 16%;
    text-align: center;
}

.modelblock h3 {
    text-align: center;
    font-family: 'Lalezar', sans-serif;
    color: black;
}

.modelblock img {
    width: 100%;
    transition: .3s;
}

.modelblock:hover img {
    transform: translateY(-20px);
}

.modelopt {
    text-align: center;
    font-size: 1.3vw;
}

.modelopt a {
    color: white;
}

.modelopt a .modelnew {
    transition: color .3s;
}

.modelopt a:hover .modelnew {
    color: black;
}

.modelopt a .modelused {
    transition: color .3s;
}

.modelopt a:hover .modelused {
    color: red;
}

span.modelnew {
    background-color: red;
    padding: 5px 10px;
}

span.modelused {
    padding: 5px 10px;
    background-color: black;
}

.modelbigtext {
    font-family: 'Lalezar', sans-serif;
    text-align: center;
    font-size: 15vw;
    position: absolute;
    top: 16%;
    z-index: 1;
    color: rgb(255, 0, 0);
    margin: auto;
    width: 100%;
    text-transform: uppercase;
}

.reviewssection {
    background-color: white;
    margin-top: 0!important;
    padding-top: 50px;
}

.homemapwrapper {
    position: relative;
    padding-bottom: 20%;
}

.homemapwrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.homebuttoncontainer {
    display: flex;
    justify-content: space-around;
    background-color: white;
    margin-top: -30px;
    padding: 1%;
    flex-wrap: wrap;
}

.homebuttoncontainer a {
    position: relative;
    flex: 0 0 48%;
}

.homebuttoncontainer a:hover {
    transform: scale(1.1);
}

.hbutton {
    position: absolute;
    top: 0;
    margin-left: 34%;
}

.hbutton h3 {
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-size: 4.5vw;
    margin-bottom: 0;
    font-style: italic;
}

.hbutton h5 {
    font-size: 3vw;
    letter-spacing: 3px;
    margin-top: 0;
    margin-left: 2px;
    color: black;
}

.oemcontainer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: white;
}

.oemcontainer a:hover {
    transform: scale(1.1);
}

.oemblock {
    padding: 1%;
    flex: 0 0 12%;
    text-align: center;
}

a.oemblock img {
    max-height: 80px;
}

.vtourwrapper {
    display: flex;
}


.vtourinside, 
.vtouroutside {
    overflow: hidden;
    flex: 0 0 50%;
    top: 0;
}

.vtourinside iframe, 
.vtouroutside iframe {
    left: 0;
    top: 0;
    width: 100%;
    height: 350px;
}

.pageheader {
    display: flex;
}

.pageheader h1 {
    color: white;
    font-size: 68px;
    padding: 2% 3% 1%;
    border: 5px solid;
    margin: 5% auto;
    width: fit-content;
    background-color: rgba(0, 0, 0, 0.67);
}

.servicebox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/8f3c3ed3-437a-4423-bc03-6e8284bfba7b/service-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.pitpassbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/e6bc1318-fa49-4f2a-a3b6-7aa3ca733a00/pit-pass-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.partsbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/4d7b8b18-4f0e-4ac9-b6fd-caec0132c9b2/parts-header-2.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.aboutbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/298582b3-ffa0-4906-9e98-b094e54bc058/about-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.mapbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/562973f7-9d3c-4d08-9549-b673d47cedb7/map-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.employmentbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/8791e716-c26e-4983-acdf-968726f83ca0/employment-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.newsletterbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/53d5e0d5-d7a9-4e93-8e29-a1e727b1e1fa/newsletter-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.ridingcommunitybox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/ca3bfdb0-0f65-41c5-a9cc-c1c5530119f4/riding-comunity-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}

.financingbox {
    background-image: url(https://psmfirestorm.blob.core.windows.net/6c6e135f-4a6d-4c49-8da5-5dcc239ee008/financing-header.jpg);
    background-size: cover;
    background-position: 0 0px; 
    text-align: center;
    position: relative;
    box-shadow: inset 0px 0px 30px black;
}



.pp-wrapper {
    display: flex;
}

.pp-wrapper div {
    flex: 0 0 50%;
}

.department-container .department {
    background: #efefef;
}

.department .employee {
    background: #fff;
    border-radius: 0px;
}

.department .title {
    background: #fff;
    padding: 15px 15px 10px;
    color: red;
    border: none;
}

#employees-team-page > div.row > div > h1 {
    text-align: center;
    font-size: 50px;
}


.department .employee .name p,
.department .employee .job p {
    margin-bottom: 0;
}

.currentPromos {
    position: relative;
}

h2.homeHeader {
    margin-bottom: 0;
}

h2.homeHeader, 
.currentPromos:before, 
.featuredinventory h2 {
    width: max-content;
    margin: 0 auto 25px;
    font-size: 45px;
    border: 2px solid red;
    padding: 15px 22px 6px 15px;
    border-bottom: none;
    text-align: center;
}

.currentPromos:before {
    content: 'Current Promotions';
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-style: italic;
    margin-top: -5px!important;
    margin-bottom: 0px!important;
    color: white;
    text-shadow: 1px 1px 1px black;
    line-height: 50px;
    padding-bottom: 0px!important;
    background-color: rgb(0 0 0 / 56%);
}

.maphourswrapper {
    display: flex;
}

.hoursblock {
    flex: 0 0 50%;
}

table.mapandhourstbl.k-table td:last-child {
    padding-left: 30px;
    text-align: right;
}

.maptext h3:nth-child(3) {
    margin: 30px 0 0;
}

.top-section {
    margin-top: 0!important;
}

.btnContainer {
    display: flex;
    flex-flow: column;
    margin-top: 62px;
}

.btnContainer a {
    background-color: white;
    padding: 15px;
    margin-bottom: 17px;
    position: relative;
}

.btnContainer a:hover {
    background-color: red;
    filter: drop-shadow(2px 4px 6px black);
}

.btnContainer a:before {
    content: '';
    width: 45px;
    height: 60px;
    background-image: url(https://psmfirestorm.blob.core.windows.net/81043c0a-2ad7-41d4-92da-58358457f7eb/arrow.png);
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: right;
    transition: .3s;
}

.btnContainer a:hover:before {
    filter: grayscale(1) brightness(4);
    transform: rotate(180deg) translateY(50%) scale(1.5);
    transform-origin: center;
    right: 30px;
}

.btnContainer h2 {
    margin: 0;
    font-size: 53px;
    line-height: 39px;
    color: black;
}

.btnContainer h2 span {
    display: block;
    font-size: 42px;
}

.homeAbout {
    display: flex;
    align-items: center;
}

.homeAbout > div:nth-child(1) {
    flex: 0 0 42%;
    margin-right: 15px;
}

.homeAbout > div:nth-child(2) {
    border: 2px solid red;
    padding: 15px;
    border-left: transparent;
}

.homeAbout h1 {
    text-align: center;
    margin: 0;
    font-size: 30px;
}

.homeAbout p {
    text-align: justify;
}

.secondaryContainer {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 30px 0;
    position: relative;
}

.secondaryContainer .pic {
    flex: 0 0 47%;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.secondaryContainer .pic:before {
    content: '';
    width: 2px;
    height: 120%;
    background-color: red;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.secondaryContainer h3 {
    font-size: 45px;
    margin-bottom: 0;
}

.secondaryContainer.tires {
    flex-flow: row-reverse;
}

.secondaryContainer.tires .pic {
    margin-right: 0;
    margin-left: 15px;
}

.secondaryContainer.tires:before {
    content: '';
    width: 607px;
    background-color: red;
    height: 2px;
    position: absolute;
    top: -31px;
    left: 50%;
    transform: translateX(-50%);
}








/* FOOTER */
footer.body .outer-wrapper {
    background-color: #000000;
    color: #c4c4c4;
    text-align: center;
}

.footerbackground {
    background-color: #000;
}

.footercontainer {
    display: flex;
    justify-content: space-around;
    color: white;
    padding: 15px 15px 40px;
}

.footerblock {
    flex: 0 0 23%;
}

.footerblock h3 {
    font-family: 'Lalezar', sans-serif;
    font-size: 30px;
    font-style: italic;
    border-bottom: 2px solid gray;
}

div.footerbackground > div > div > div > a.dealer-phone.phone-text {
    font-size: 28px;
}

.footersocial {
    display: flex;
}

.footersocial a {
    background-color: white;
    color: black;
    line-height: 20px;
}

.footersocial a img {
    transition: .3s;
    filter: invert(1);
}

.footersocial a:hover {
    transform: scale(1.1);
}

table.footertable.k-table {
    width: 100%;
}

table.footertable.k-table td:last-child {
    text-align: right;
}

.footerinnerblock h4 {
    text-align: center;
    margin-bottom: 0;
    border-bottom: 2px solid gray;
    width: fit-content;
    margin: 10px auto 4px;
    font-family: 'Lalezar', sans-serif;
    font-style: italic;
    font-size: 20px;
    line-height: 15px;
}

.footerlinkblock {
    display: flex;
    flex-direction: column;
}

.footer-block .w3-red.btn {
    background-color: #f90f01;
    color: white;
    position: relative;
    z-index: 3;
    border-radius: 0;
}

.footer-block .w3-red.btn:after {
    content: '';
    width: 17px;
    height: 17px;
    background-color: #f90f01;
    position: absolute;
    bottom: -9px;
    left: 38%;
    transform: rotate(45deg);
    z-index: -1;
}

.footer-block .tablink {
    background-color: #3a3a3a;
    margin: 0 10px 14px 0;
    text-transform: uppercase;
    font-family: 'freedommachine', sans-serif;
    font-size: 18px;
    padding: 2px 10px;
    color: #c3c3c3;
    border-radius: 0;
}

.footer-block .btn.active.focus, .footer-block .btn.active:focus, .footer-block .btn.focus, .footer-block .btn:active.focus, .footer-block .btn:active:focus, .footer-block .btn:focus {
    outline: none;
}

.footer-block .btn.focus, .footer-block .btn:focus, .footer-block .btn:hover {
    color: #fff;
}

.footertable td:last-child {
    padding-left: 15px;
}

.footertable {
    margin: auto;
}







/* GLOBAL TOOLBARS/ACCORDIONS */
.vehicle-container .well, #content-container .panel-heading, #content-container .panel-body { border: none; }


/* FORMS */
.control-label { color: #000; }


.mainform {
    height: fit-content;
}

.mainform > div {
    background-color: #efefef;
    padding: 10px;
}

.field-validation-valid,
.field-validation-error {
    position: absolute;
    right: 12px;
    top: 5px;
    font-size: 12px;
}

.vdp-inquire .form-control, .vdp-inquire span {
    position: relative;
    right: 0;
    top: 0;
}

.form-control {
    font-size: 12px;
    margin: 5px 0px;
    border-radius: 0;
    background-color: white;
    border: none;
    box-shadow: none;
}

.form-header-text {
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-size: 30px;
    display: block;
    text-align: center;
    color: red;
}

.forms-title-section {
    font-size: 20px;
    text-align: center;
    display: block;
    font-family: 'Lalezar', sans-serif;
    text-transform: uppercase;
    font-style: italic;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: unset;
    margin-top: 5px;
}

.btn-primary {
    color: #fff;
    background-color: red;
    border-color: #da0000;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 30px;
    margin: 10px auto;
    transition: .3s;
}

.btn-primary:hover {
    color: #fff;
    background-color: #da0000;
    border-color: red;
    letter-spacing: 5px;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #da0000;
    border-color: red;
}



.siteSearch-M button {
    height: 34px;
    margin-top: 5px !important;
}

.k-datepicker {
    width: 100%;
}

.ridingCommunity .btn-primary {
    white-space: normal;
}

.jumbotron, #creditAppForm section {
    background: #d3d3d3 !important;
    color: black !important;
}

.jumbotron .text-muted, .jumbotron h1 {
    color: black !important;
}

@media (max-width: 767px) {
    header.body {
        height: 62px;
    }
    #main-nav {
        position: fixed;
        width: 100%;
        z-index: 2040;
        top: 0;
    }
    .headerbackground, .headerbackground img {
        display: none;
    }
    .footercontainer {
        flex-direction: column;
        text-align: center;
    }
    .shopbymodel {
        background-size: contain;
    }
    .modelbackground {
        flex-wrap: wrap;
    }
    .modelbigtext {
        top: calc(24px + (57 - 24) * ((100vw - 320px) / (768 - 320)));
    }
    .modelblock {
        flex: 0 0 31%;
    }
    .modelopt {
        font-size: 3vw;
    }
    .homebuttoncontainer a {
        flex: 0 0 50%;
        min-width: 314px;
        max-width: 314px;
        margin: 0 auto;
    }
    .hbutton h3 {
        font-size:32px;
        margin-top: 15px;
    }
    .hbutton h5 {
        font-size: 20px;
    }
    .reviewssection {
        padding-top: 0;
    }
    .oemcontainer {
        flex-wrap: wrap;
    }
    .oemcontainer a {
        flex-basis: 24%;
    }
    .vtourwrapper {
        flex-direction: column;
    }
    .widget-Reviews .single-item-slider .slider-inner-container, .widget-Reviews .single-item-slider .slider-outer {
        height: 24em;
    }
    .review-comments {
        min-height: 7em;
    }
    .homemapwrapper {
        padding-bottom: 150px;
    }
    table.footertable.k-table td:first-child {
        text-align: left;
    }
    table.footertable.k-table, .hoursblock .mapandhourstbl {
        width: 250px;
        margin: 0 auto;
    }
    .footersocial {
        width: 300px;
        margin: 0 auto;
        justify-content: space-evenly;
    }
    .footerlinkblock a {
        padding: 15px 0;
    }
    #main-nav .dropdown-menu > li > a {
        color: white;
        padding-top: 13px;
        padding-bottom: 13px;
    }
    #main-nav-collapse {
        max-height: calc(100vh - 62px);
        overflow-y: auto;
    }
    #main-nav .navbar-nav > li {
        margin: 10px 0;
    }
    #main-nav .navbar-brand {
        height: 59px;
        margin: 3px 0 0;
        padding: 1px 15px;
    }
    #showroom .item-boxes > div {
        width: 300px;
        margin: 0 auto;
    }
    #filters-modal, #ModalVehicleInquiry {
        top: 70px;
    }
    #ModalVehicleInquiry {
        max-height: calc(100vh - 82px);
        overflow-y: auto;
    }
    .vdpinquiryheader {
        font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (768 - 320)));
    }
    .pageheader h1 {
    font-size: calc(28px + (62 - 28) * ((100vw - 320px) / (768 - 320)));
    margin: 8% auto;
    border: 2px solid white;
}
.pageheader {
    margin-top: 0;
}
    .serviceform, .partsform {
        order: 2;
    }
    .pp-wrapper {
        flex-direction: column;
    }
    .department .employee {
        max-width: 300px;
    }
    .department .employee .name p {
        font-size: 22px;
    }
    .department .employee .job p {
        font-size: 18px;
    }
    .maptext {
        text-align: center;
        margin-top: -30px;
    }
    .maptext .dealer-name {
        font-size: calc(26px + (48 - 26) * ((100vw - 320px) / (768 - 320)));
    }
    .maptext .mapInfo {
        font-size: calc(22px + (32 - 22) * ((100vw - 320px) / (768 - 320)));
    }
    .maphourswrapper {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .maphourswrapper .hoursblock {
        width: 300px;
    }
    .ridingCommunity h2 {
        text-align: center;
    }
    .popupFormHeader .popupFormLogo {
        max-width: 100px;
    }
    #ModalVehicleInquiry .vdpBtn {
        top: .5em;
    }
}

@media (min-width: 768px) {
    #main-nav .nav > li > a {
        font-size: 14px;
        padding: 17px 7px 13px;
    }
    .headerblock {
        font-size: 20px;
    }
    a.dealer-phone.phone-text.header-phone {
        font-size: 28px;
    }
    .single-item-slider .slider-inner .item {
        width: 212px;
    }
    .latestreviews {
        margin-top: 20px;
    }
    .oemcontainer {
        flex-wrap: wrap;
    }
    div.footerbackground > div > div > div > a.dealer-phone.phone-text {
        font-size: 22px;
    }
    .footerlinkblock a {
        padding: 5px 0;
    }
    table.footertable.k-table {
        font-size: 11px;
    }
    .serviceform .form-header-text, .partsform .form-header-text {
        font-size: 26px;
    }
    #Form904 > div:nth-child(2) > fieldset > div:nth-child(n+1):nth-child(-n+6) {
        width: 50%;
        display: inline-block;
        padding: 0px 5px;
    }
    .vehicleGridLogo {
        display: inline;
        margin: unset;
        float: right;
    }
    .vehicle-box .info {
        clear: right;
    }
    .popupFormHeader h3 {
        display: inline;
    }
    .popupFormHeader .popupFormLogo {
        max-width: 70px;
        margin-left: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #showroom .item-boxes .col-md-3 {
        width: 50%;
    }
    .widget-Reviews .single-item-slider .slider-outer, .widget-Reviews .single-item-slider .slider-inner .item, .widget-Reviews .single-item-slider .slider-inner-container {
        height: 23em;
    }
}

@media (min-width: 992px) {
    #main-nav .nav > li > a {
        font-size: 17px;
        padding: 17px 13px 13px;
    }
    .headerblock {
        font-size: 21px;
    }
    a.dealer-phone.phone-text.header-phone {
        font-size: 32px;
    }
    .modelopt {
        font-size: 1vw;
    }
    .single-item-slider .slider-inner .item {
        width: 210px;
    }
    .homebuttoncontainer a {
        flex: 0 0 23%;
    }
    .hbutton h3 {
        font-size: 3vw;
        margin-top: 10px;
    }
    .hbutton h5 {
        font-size: 1.5vw;
    }
    .latestreviews {
        margin-top: 0;
    }
    .footerlinkblock a {
        padding: 0;
    }
    .footerblock {
        flex: 0 0 20%;
    }
    table.footertable.k-table {
        font-size: 13px;
    }
    .homemapwrapper {
        padding-bottom: 16%;
    }
    .serviceform .form-header-text, .partsform .form-header-text  {
        font-size: 30px;
    }
    .pageheader h1 {
        font-size: 80px;
    }
    .inventory-container .vehicle .price {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .headercontainer { 
        width: 1200px;
    }
    #main-nav .nav > li > a {
        font-size: 20px;
        padding: 17px 15px 13px;
    }
    .single-item-slider .slider-inner .item {
        width: 205px;
    }
    .hbutton h3 {
        font-size: 2.5vw;
        margin-top: 20px;
    }
    .hbutton h5 {
        font-size: 1vw;
    }
    .footerblock {
        flex: 0 0 18%;
    }
    div.footerbackground > div > div > div > a.dealer-phone.phone-text {
        font-size: 28px;
    }
    table.footertable.k-table {
        font-size: 14px;
    }
    .homemapwrapper {
        padding-bottom: 12%;
    }
    .pageheader h1 {
        font-size: 95px;
    }
    .inventory-container .vehicle .price {
        font-size: 22px;
    }
}






/* TEMPLATE 2 */
.template-2 header.body {
    background-color: #fafafa;
    background: none, -webkit-linear-gradient(top, #fafafa 0, #ececec 55%);
    background: none, -moz-linear-gradient(top, #fafafa 0, #ececec 55%);
    background: none, -o-linear-gradient(top, #fafafa 0, #ececec 55%);
    background-image: linear-gradient(to bottom, #fafafa, #ececec);
}






@media (max-width: 1499px) {
.modelcontainer {
    width: 1170px;
}

.modelblock h3 {
    font-size: 20px;
}

h2.homeHeader, 
.currentPromos:before, 
.featuredinventory h2 {
    font-size: 40px;

}
}



@media (max-width: 1199px) {
.modelcontainer {
    width: 970px;
}

.btnContainer h2 {
    font-size: 47px;
    line-height: 33px;
}

.btnContainer a {
    padding: 12px;
    margin-bottom: 12px;
}

.secondaryContainer .pic:before {
    height: 124%;
}

.secondaryContainer.tires:before {
    width: 500px;
}

.homeAbout h1 {
    font-size: 27px;
}

.homeAbout > div:nth-child(1) {
    flex: 0 0 45%;
}
}




@media (max-width: 991px) {
.modelcontainer {
    width: 740px;
}

.oemSection h2.homeHeader {
    width: 590px;
}

.secondaryContainer.tires:before {
    width: 383px;
    top: -29px;
}

.secondaryContainer .pic:before {
    height: 135%;
}
}



@media (max-width: 767px) {
.modelcontainer {
    width: 100%;
}

.oemSection h2.homeHeader {
    width: 85%;
    font-size: 30px;
}

h2.homeHeader, 
.currentPromos:before, 
.featuredinventory h2 {
    font-size: 30px;
    line-height: 32px;
}

.polarisHpBanner {
    flex-flow: column;
    text-align: center;
}

.polarisSection {
    padding-top: 0;
}

.polarisHpBanner h4 {
    font-size: 30px;
}

.secondaryContainer, 
.secondaryContainer.tires {
    flex-flow: column;
}

.secondaryContainer h3 {
    margin-top: 15%;
}

.secondaryContainer .pic:before {
    height: 135%;
}

.secondaryContainer .pic {
    margin: 0!important;
}

.secondaryContainer.tires:before {
    display: none;
}

.homeAbout {
    flex-flow: column;
}

.homeAbout > div:nth-child(2) {
    border: 2px solid red;
    border-top: none;
    margin-top: 15px;
    width: 90%;
}

.homeAbout > div:nth-child(1) {
    margin: 0;
}

.btnContainer {
    margin-top: 0;
}

.featuredSection {
    margin-top: 30px!important;
}
}