/* Home page - Mobile responsive view CSS starts here */

.sidenav li .closebtn,
li .wishlistbtn.mobile-wishlistbtn,
.sni-mobile-back-btn .go-to-btn,
.wishlist_vdp_link,
.vdp-backbtn-mobile,
.gallery-mobile,
.per-month-mobile,
.vdp-submit-tick,
.go-backbtn-mobile,
.vehicle-img-mobile {
    display: none;
}

.go-to-btn:hover{
    color: #000 !important;
}

.maserati-lead-img {
    text-align: center;
}

/* .owl-carousel.gallery-desktop.owl-loaded {
    display: block;
}*/

/* Home page - Mobile responsive view CSS ends here */


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

    /* Home page - Hambergur Menu CSS starts here */

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.3s;
        padding-top: 60px;
    }

    /* .lang-btn{
        position: absolute;
        right: 15px;
        top: 20px;
    } */

    .sidenav li {
        padding: 0px !important;
        text-decoration: none;
        display: block;
    }

    .closebtn {
        position: absolute;
        right: 25px;
        top: 15px;
        width: 32px;
        height: 32px;
        z-index: 2;
    }

    .closebtn:before,
    .closebtn:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 25px;
        width: 3px;
        background-color: #333;
    }

    .closebtn:before {
        transform: rotate(45deg);
    }

    .closebtn:after {
        transform: rotate(-45deg);
    }

    .nav-mobile {
        position: absolute;
        top: 0;
        right: 70px;
        cursor: pointer;
        z-index: 0;
    }

    #nav-mobile-toggle {
        color: #000;
        font-size: 0;
        position: absolute;
        left: 25px;
        top: 25px;
        cursor: pointer;
        padding: 7px 25px 10px 0px;
    }

    #nav-mobile-toggle span,
    #nav-mobile-toggle span:before,
    #nav-mobile-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 2px;
        width: 25px;
        background: #000000;
        position: absolute;
        display: block;
        content: "";
        transition: all 300ms ease-in-out;
    }

    .transparent_header #nav-mobile-toggle span,
    .transparent_header #nav-mobile-toggle span:before,
    .transparent_header #nav-mobile-toggle span:after {
        background: #ffffff;
    }

    #nav-mobile-toggle span:before {
        top: -7px;
    }

    #nav-mobile-toggle span:after {
        bottom: -7px;
    }


    li .wishlistbtn.mobile-wishlistbtn {
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 55px;
        font-family: 'Univers57', sans-serif;
        text-transform: uppercase;
        font-size: 15px;
    }

    li .wishlistbtn.mobile-wishlistbtn p {
        margin-left: 3px;
    }
@media (max-width:996px) {

    #mySidenav .find-myvehicle-btn {
        width: 100%;
        padding: 20px !important;
    }

    #mySidenav .maseratiusa-link {
        width: 100%;
        padding: 20px !important;
        margin-top: 10px;
        text-align: left;
        z-index:0;
    }

    #mySidenav .wishlistbtn {
        width: 100%;
        padding: 20px !important;
        margin-top: 80px;
        text-align: left;
    }
    
}
    .how-itworks-field li:last-child {
        float: left;
        margin-left:15px;
        margin-top: 20px;
    }

    body>header .navigation a:hover {
        background: none !important;
    }

    body header .header-scroll.brandPage-header .logoimagewrapper {
        /*text-align: left;
        margin: 0;
        padding: 0px;*/
        margin-top: -8px;
    }

    body header .header-scroll.brandPage-header .logoimagewrapper img {
        max-height: 50px;
/*        margin-left: 10px;*/
        max-width: 100px;
    }
    @media (max-width:996px) {
        #mySidenav .logoimagewrapper img {
            margin-bottom: 400px;
            display: none;
        }
    }
    header.vehiclepage .header-scroll {
        height: 65px !important;
    }

    body .detrailHeader {
        z-index: 5;
    }

    span.filter-button {
        z-index: 9;
    }

    body a.imageFrame.top-logo-vehicle {
        padding: 0px 25px;
        height: 65px;
    }

    /* Home page - Hambergur Menu CSS ends here */


    /* Home page - Mobile responsive view CSS starts here */

    #landingPage.vehicle-landingPage .ZipCodeDivCls {
        /* top: 195px; */
        width: 100% !important;
        text-align: center;
        transform: translateX(-50%);
        font-size: 20px;
        left: 50%;
        margin-top: 0;
    }

    .zipcode_edit_field {
        font-size: 16px;
    }

    body header .header-scroll.brandPage-header.alfaHomePage-header .logoimagewrapper {
        text-align: left !important;
        z-index: 0;
    }

    body header .header-scroll.brandPage-header.alfaHomePage-header .logoimagewrapper img {
        margin-left: 0px;
        max-width: 100px;
        padding: 0px;
    }

    .header-scroll .row.no-gutters>.col-xs-12 {
        width: 100%;
    }

    .how-itworks-nav {
        display: flex;
        justify-content: flex-end;
    }

    .wishlistbtn span p.wishlist-count {
        height: 21px;
        width: 21px;
    }

    .header-scroll .navigation a {
        margin-top: 0px;
    }

    body>footer {
        padding: 25px 5px;
    }

    /* Home page - Mobile responsive view CSS ends here */


    /* SNI page - Mobile responsive view CSS starts here */

    body.make_maserati #resultsPage {
        padding-left: 0px;
        padding-right: 0px;
    }

    .compare__list {
        background: #fff;
        margin-bottom: -65px;
    }

    .compare__head {
        padding: 14px 10px;
        width: 45%;
    }

    .compare__item:nth-child(1) {
        border-right: 1px solid #d4d4d4 !important;
    }

    .compare__item+.compare__item {
        border-left: none;
    }

    .compare__list.noCompare {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .change-vehicle-sort {
        justify-content: flex-end;
        margin-bottom: -50px;
    }

    #searchInfo {
        padding-top: 85px;
    }

    .vehiclesDisplaySection .listBlock .nav.nav-tabs {
        margin-bottom: -5px;
        border-bottom: none;
    }

    .header-scroll.small .navigation a {
        margin-top: 0px;
    }

    .customCheckBox.checkbox-align input[type=checkbox]+span:after {
        left: 0px;
    }

    body .customCheckBox input[type=checkbox]+span:after,
    body .customCheckBox input[type=checkbox]+span:before {
        transition: none;
    }

    .car-save-sni.compare-save .customCheckBox input[type=checkbox]:checked+span:before {
        /* left: 41px; */
        left:6px
    }

    .filterAttrs .customCheckBox input[type=checkbox]:checked+span:before {
        left: 6px;
    }

    .car-title-h3 {
        margin-top: 18px;
    }

    #resultsPage .text-uppercase.detBlock.rBlack {
        margin-bottom: 10px;
    }

    .car-title-year {
        margin-bottom: 10px;
    }

    body section.main .listBlock .listCont>li {
        /*margin-bottom: 60px;*/
        margin-bottom: 30px;
    }

    /*body section.main .listBlock .listCont.list>li .quickInfo {
        margin-top: 310px;
    }*/

    body section.main .listBlock .listCont.grid>li .quickInfo {
        margin-top: 65px;
    }

    span.advance-mobile-filter {
        position: relative;
        float: right;
        margin-top: -45px;
        z-index: 9;
        right: 10px;
        font-size: 16px;
        font-weight: 800;
        color: #0c2340;
        top: 0;
        background: #fff !important;
    }

    span.advance-mobile-filter i {
        /* font-size: 16px; */
        font-weight: bold;
    }

    .ore_ext_button,
    .ore_par_button {
        margin-top: 40px;
    }

    #resultsPage .SideBar-left.open {
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 999;
        overflow-x: hidden;
        overflow-y:auto;
        background: #fff;
        min-width:100%;
        min-height: 100vh;
       
    }

    .close_button_filter.closebtn {
        background: none;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .close-btn-filter {
        position: relative;
        right: 10px;
        top: 0px;
        width: 32px;
        height: 48px;
        z-index: 2;
        margin-bottom: 30px;
    }

    .car-image-img.compare-close-item {
        top: -10px;
        right: -5px;
    }

    .compare__container {
        margin-top: 75px;
    }

    .sni-mobile-back-btn {
        position: fixed;
        width: 100%;
        z-index: 12;
    }

    .sni-mobile-back-btn .go-to-btn {
        display: block;
        border-top: none !important;
    }

    .sni-mobile-back-btn .go-to-btn:before,
    .sni-mobile-back-btn .go-to-btn:after {
        display: none;
    }

    .nav-tabs>li#sni-partial-count.active>a,
    .nav-tabs>li#sni-vehicle-count.active>a {
        padding: 5px 8px;
    }

    .nav-tabs>li#sni-vehicle-count.active>a {
        margin-left: 3px;
    }

    body section.main .leftMenu form {
        border: none;
    }

    .savedVehicle__img {
        max-width: 50%;
        margin-right: 10px;
    }

    #addWishlist .modal-dialog {
        top: 15%;
    }

    #addWishlist .modal-header .close span {
        margin-left: 0px;
        margin-top: -9px;
    }

    #addWishlist .modal-header .close {
        right: -8px;
    }

    .sniSortBy {
        border-radius: 3px;
        padding: 6px;
        color: #666666;
    }

    .sortByBlock .select-wrapper::before {
        padding-top: 7px;
        font-size: 14px;
    }

    .compare__item__img img {
        position: absolute;
    }

    body .select-wrapper select {
        z-index: 99;
    }

    #popImageCont .modal-dialog.modal-lg .modal-body {
        padding-top: 34px;
    }

    body section.main #searchInfo .sortByBlock {
        z-index: 11;
    }

    #addWishlist .savedVehicle__detail {
        padding-right: 5px;
    }

    /* SNI page - Mobile responsive view CSS ends here */

    /* Compare Vehicle page - Mobile responsive view CSS starts here */

    .vehicle_comparator {
        margin: 30px 15px;
    }

    .vCompare__item {
        margin-right: 0px;
    }

    .vCompare__item:first-child {
        margin-right: 5px;
    }

    .vCompare__item__img {
        height: 110px;
    }

    .vCompare__spec_row .vCompare__spec_col label {
        display: block;
        text-align: left;
        position: relative;
        max-width: 100%;
    }

    .vCompare__spec_col {
        width: 50%;
        padding: 10px 15px;
        margin-right: 0px;
    }

    .vCompare__spec_col:first-child {
        margin-right: 5px;
    }

    .vCompare__spec_row {
        margin-bottom: 0px;
        background: none;
    }

    .vCompare__spec_row span {
        margin-top: 15px;
        text-align: left;
        font-size: 12px;
        padding: 0px;
    }

    .vCompare-idvin-details,
    .vCompare-item-title,
    .vCompare-item-year {
        padding-left: 8px;
        padding-right: 8px;
    }

    .vCompare-item-year{
        margin-top:-5px ;
    }
    .vCompare-idvin-details{
        padding-bottom: 10px;
    }

    .vCompare__spec_row label {
        font-size: 12px;
    }

    .vCompare__item__btnBox {
        padding: 0px 8px !important;
    }

    .vCompare__spec_row:last-child .vCompare__spec_col:after {
        border-bottom: none;
    }

    .vCompare__spec_row:first-child .vCompare__spec_col label {
        display: inline-block;
        float: left;
        text-align: left;
        width: auto;
    }

    .vCompare__spec_row:first-child .vCompare__spec_col span {
        display: inline-block;
        float: right;
        /*text-align: right;
        margin-top: -4px;
        width: auto !important;*/
        text-align: left;        
        width: 100% !important;
        font-size: 16px;
    }

    /* Compare Vehicle page - Mobile responsive view CSS ends here */

    /* Wishlist page - Mobile responsive view CSS starts here   */

    #wishlist_page {
        background: #F2F1F0;
        margin-top: 30px;
    }

    .wishlist-mob-view {
        display: none;
    }

    /*#wishlist_page .quickInfo {
        display: none;
    }*/

    #wishlist_page .car-title-thickness {
        font-size: 16px;
        font-weight: 600;
        padding-bottom: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    #wishlist_page .wishlist-thumb-padd {
        border-bottom: none;
    }

    #wishlist_page .wishlist-vehicle-list {
        padding-bottom: 0px !important;

        justify-content: center;
        align-items: center;
    }

    #wishlist_page #searchInfo {
        /*padding-top: 65px;*/
        padding-top: 15px !important;
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 15px;
    }

    li#wishlist-vehicle-count {
        float: right;
        margin-top: -50px;
    }

    li#wishlist-vehicle-count a {
        border-bottom: none !important;
        background: none;
    }

    #wishlist_page .car-title-year {
        margin-bottom: 18px;
    }

    #wishlist_page .car-image-img {
        /*position: absolute;
        top: -45px;
        right: -3px;
        width: 23px;
        height: 100%;*/
        position: absolute;
    top: 5px;
    right: 0px;
    width: 23px;
    }

    .itemDetBlock {
        padding-top: 2%;
    }
    .listCont>li .itemDetBlock h3.car-title-thickness{
        margin: 0px;
    }
    .car-title-year {
        margin-top: 0px;
    }
    #wishlist_page #searchInfo h1.header {
        text-transform: capitalize;
        font-size: 24px;
    }


    /* Wishlist page - Mobile responsive view CSS ends here   */

    /* VDP page - Mobile responsive view CSS starts here */
    body .additionalCareBlocks .contentBlock h4 {
        font-size: 16px;
    }

    #testDriveThanksPopup .para-text {
        padding: 0;
    }

    .fixMenu {
        /* position: absolute; */
        top: 68px;
    }

    body .legendStyle.nav-tabs li a img {
        display: block;
        margin: auto;
        padding-bottom: 5px;
    }

    body .legendStyle.nav-tabs li a img.mRight-1 {
        margin-right: auto !important;
    }

    .vehiclepage-body ul.nav-tabs.legendStyle li:nth-child(4) a i {
        font-size: 18px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .vehiclepage-body ul.nav.nav-tabs.med.legendStyle .col-xs-3 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .vehiclepage-body .detailBody {
        padding: 0px;
    }

    body .itemInfo .tabsContainer.tabs-container .nav-tabs li {
        width: 33.3%;
    }

    body .itemInfo .tabsContainer.tabs-container .nav-tabs li>a {
        width: 98.5%;
        margin-right: 0px;
    }

    .detailBody {
        margin-top: 160px !important;
    }

   
    .id-vin-header {
        margin: -30px 0 0 0;
        font-size: 14px;
    }

    .id-vin-header p {
        padding: 0;
        margin: 0;
    }

    .delivery-review-sec {
        margin-bottom: 0px;
    }

    .vehiclepage-body footer {
        padding: 25px 20px;
    }

    .vd_tab_container.vehicle-tab-sec {
        padding: 0px 0px 5px 0px;
    }

    .greyBg.fwd-bck-btns1,
    .greyBg.fwd-bck-btns {
        background: #C1C1C1;
        display: flex;
        align-items: flex-end;
        flex-flow: wrap;
        position: relative;
        height: auto;
    }

    .vdp-backbtn {
        /* display: none; */
    }

    .vdp-backbtn-mobile {
        display: block;
        
    }
    

    .vdp-car-title-mobile,
    .vdp-car-titleyr-mobile {
        display: none;
    }

    .vdp-backbtn-mobile .go-to-btn {
        padding: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 90px;
        text-decoration: none;
        height: auto;
    }

    .vdp-backbtn-mobile .go-to-btn:before {
        left: 25px;
        top: 40%;
    }

    .vdp-backbtn-mobile .go-to-btn h1 {
        margin-top: 0px;
        font-size: 20px;
        width: 100%;
        word-wrap: break-word;
    }

    .gallery-desktop {
        display: none;
    }

    .gallery-mobile {
        display: block;
    }

    .pos-relative {
        margin-top: 0px;
    }

    .per-month-mobile {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .per-month-desktop {
        display: none;
    }

    .milesAway {
        border-top: 1px solid #ddd;
        padding: 12px 0px;
        width: 75%;
    }

    .msrp_color {
        display: inline-block;
        padding-left: 20px;
        padding-bottom: 0px;
        border-bottom: none;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #cash .per-month-desktop {
        display: none;
    }

    /* 
    #cash .msrp_color {
        padding-left: 0px;
    } */

    .msrp_color .price_val,
    .per-month-mobile .main_msrp_cash {
        font-size: 24px;
    }

    .per_month_est,
    .est_netprice {
        margin-top: 3px;
    }

    .detailBody .tab__modal-popup .tab__header {
        margin-right: 0px;
        padding-top: 45px;
        background: #F2F1F0;
    }

    .detailBody .tab__modal-popup .modal-dialog {
        margin: 0px auto;
    }

    .moreaboutthis_vehicle #review .header {
        display: flex;
        justify-content: left;
    }

    span.current_accessories_title,
    span.current_tab_title {
        font-size: 34px;
        display: flex;
        align-items: center;
        letter-spacing: 1px;
    }

    body #review .header h5,
    body #review .sub-header {
        font-size: 20px;
        display: flex;
        align-items: center;
    }

    body #review .sub-header {
        padding-bottom: 10px;
        margin-top: -5px;
    }

    .vehicleDelivery__info label {
        color: #363636;
        font-weight: 700;
    }

    .vehicleDelivery__info span {
        color: #C41111;
        font-weight: 400;
        line-height: 18px;
    }

    .vehicleDelivery__date span,
    .vehicleDelivery__time span {
        right: 2px;
    }

    body #serviceProtection .header p {
        text-align: center;
    }

    #payment-calc-review-option button.close {
        z-index: 2;
        top: 14px !important;
    }

    #payment-calc-review-option .tab__content {
        background-color: #fff;
    }

    body #paymentCalc .modal-body ul.popUpScroll>li,
    body #leaseCalc .modal-body ul.popUpScroll>li,
    body #cashCalc .modal-body ul.popUpScroll>li {
        border-top: none;
    }

    body #paymentCalc .modal-body div.buyFor .row,
    body #leaseCalc .modal-body div.buyFor .row {
        display: flex;
        align-items: flex-start;
        padding: 10px 15px;
    }

    body #cashCalc .modal-body div.buyFor .row {
        padding: 10px 15px;
    }

    body #paymentCalc .modal-body div.buyFor .row .col-xs-6,
    body #leaseCalc .modal-body div.buyFor .row .col-xs-6,
    body #cashCalc .modal-body div.buyFor .row .col-xs-6 {
        padding: 0px;
    }

    .btn.viewAvailOfferDealer {      
        white-space: normal;
        font-size: 13px !important;
        margin-top: 5px;

    }

    body #paymentCalc .modal-body .buyFor .buyForPrice,
    body #leaseCalc .modal-body .buyFor .buyForPrice,
    body #cashCalc .modal-body .buyFor .buyForPrice {
        font-size: 24px;
    }

    body #paymentCalc .modal-body .buyFor h4,
    body #leaseCalc .modal-body .buyFor h4,
    body #cashCalc .modal-body .buyFor h4 {
        font-size: 12px;
        font-weight: 600;
        line-height:9px;
    }

    body #paymentCalc .modal-body .buyFor p,
    body #leaseCalc .modal-body .buyFor p,
    body #cashCalc .modal-body .buyFor p {
        font-size: 10px;
        /* color: #8E8E8E; */
        color:#000;
    }

    body #cashCalc .modal-body .buyFor p
    {
        margin-bottom: 12px;
    }

    /*body #paymentCalc .modal-header h5.text-uppercase,
    body #leaseCalc .modal-header h5.text-uppercase,
    body #cashCalc .modal-header h5.text-uppercase {
        display: none;
    }*/

    body #paymentCalc .modal-header h2.text-uppercase,
    body #leaseCalc .modal-header h2.text-uppercase,
    body #cashCalc .modal-header h2.text-uppercase {
        font-family: 'Univers-Roman' !important;
        color: #000;
        font-size: 24px;
        padding-bottom: 5px;
    }

    body #paymentCalc .modal-header h2.med,
    body #leaseCalc .modal-header h2.med,
    body #cashCalc .modal-header h2.med {
        font-family: 'Univers-Roman' !important;
        font-size: 18px;
    }

    body #paymentCalc .modal-body ul.popUpScroll>li:last-child,
    body #leaseCalc .modal-body ul.popUpScroll>li:last-child,
    body #cashCalc .modal-body ul.popUpScroll>li:last-child {
        margin-bottom: -10px;
        border-bottom: none;
    }

    body #paymentCalc .modal-body ul.popUpScroll>li .form-control:not(select),
    body #leaseCalc .modal-body ul.popUpScroll>li .form-control:not(select),
    body #cashCalc .modal-body ul.popUpScroll>li .form-control:not(select) {
        margin-top: -8px;
    }

    body #paymentCalc .modal-body ul.popUpScroll>li,
    body #leaseCalc .modal-body ul.popUpScroll>li,
    body #cashCalc .modal-body ul.popUpScroll>li {
        margin: 5px auto;
    }

    body #paymentCalc .modal-body ul.popUpScroll>li:first-child,
    body #leaseCalc .modal-body ul.popUpScroll>li:first-child,
    body #cashCalc .modal-body ul.popUpScroll>li:first-child {
        padding: 10px 5px 0px 5px;
    }

/*    body #paymentCalc .modal-body .badge,
    body #leaseCalc .modal-body .badge,
    body #cashCalc .modal-body .badge {
        margin-bottom: 0px;
    }*/

    select#yearlyMilage,
    select#lease_terms {
        font-size: 12px;
        color: #8E8E8E;
        font-weight: 500;
    }

    .calculator_disclaimers {
        font-size: 10px;
        /* color: #707070; */
        color: #000;
    }

    #tradeIn .greyBg.fwd-bck-btns1 .btm_submitdealer,
    #serviceProtection .greyBg.fwd-bck-btns .btm_submitdealer,
    body #review .submitBlock .btn.btm_submitdealer.merkle_bottom_submittodealer {
       
    }

    .service-bottom-nav .fwd-bck-btns .btn {
        margin: 3px 5px !important;
    }

    #ore_review .submitBlock {
        background: #C1C1C1;
        display: flex;
        align-items: flex-end;
        height: auto;
    }

    body .detailBody .fwd-bck-btns button {
        min-width: auto;
    }

    body #review .submitBlock .btn {
        width: 100%;
        margin-right: 0px !important;
        height: 45px;
    }

    .forward-buttons-field .fwd-bck-btns1 .btn,
    body #review .submitBlock .btn,
    body .detailBody .service-bottom-nav .fwd-bck-btns .btn {
        margin: 0 5px 5px !important;
        width: calc(50% - 10px);
      
        order: 1;
    }
    body .detailBody .service-bottom-nav .fwd-bck-btns .btn {
        width: calc(50% - 0px);
        display: flex !important;
        align-items: center;
    }

    .forward-buttons-field .reserve_button_sni {
        height: 35px;
        font-size: 12px;
        order: -1;
    }

    body #review .submitBlock .btn.prevnav-back-btn {
        min-width: calc(50% + 10px);
    }

    #ore_review .submitBlock.greyBg .btn.merkle_bottom_explorefinance {
        /* max-width: calc(50% - 30px); */
        max-width: 100%;
    }

    #ore_review .submitBlock.greyBg {
        flex-flow: wrap;
        padding: 5px 0;
    }

    #ore_review .submitBlock.greyBg .btn {
        margin: 3px 5px !important;
    }

    #ore_review .submitBlock.greyBg .btn.merkle_bottom_explorefinance {
        width: 100%;
        /* padding-left: 10px; */
    }

    #serviceProtection .submitBlock.greyBg .nextnav-next-btn {
        min-width: calc(50% + 10px);
    }

    #serviceProtection .submitBlock.greyBg .backto-trade-in {
        /* max-width: calc(50% - 30px); */
        /*display: block;*/
        display: flex;
        align-items: center;
    }

    #ore_review .submitBlock.greyBg .btn.reserve_button_sni {
       
    }

    .vdp-submit-tick {
        /* display: inline-block; */
        display: none;
        width: 15px;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    #detailPage span.reserve-vehicle-vdp a,
    #detailPage span.review-payment-button a,
    #detailPage span.test-drive-button a {
        font-size: 14px;
        padding: 4px 8px;
    }

    #detailPage span.test-drive-button a {
        padding: 8px;
    }

    .add_more_vehicles {
        display: none;
    }

    #detailPage .vdp-backbtn-mobile .vd_title_yr {
        margin-bottom: 0px;
    }

    #reviewSubmitPopUp label,
    #initialPopUp label,
    #availOfferinitialPopUp label {
        font-size: 13px;
        padding-left: 1px;
    }

    #reviewSubmitPopUp #reviewSubmit .custom-control.custom-checkbox {
        display: flex;
        text-align: left;
        align-items: center;
    }

    #paymentCalc .row.annual_per h5.size-15.reg {
        margin-top: 0px;
    }

    #paymentCalc .row.annual_per .col-xs-6.text-right>div {
        margin-top: 12px !important;
    }

    body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge {
        margin-left: 2px;
        top: auto;
        right: auto;
        background: #fff;
        margin-top: -2px;
    }

    body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge.disclaimer {
        background: #d4d4d4;
    }

    body #leaseCalc .modal-body ul.popUpScroll>li span#l_q_msrp {
        margin-left: 0px;
        /*background: #fff;*/
        margin-top: -15px;
    }

    #vehicleSearch-modal h4.findUrVehicle__title {
        text-transform: capitalize;
        font-family: Univers45, sans-serif;
        text-align: left;
    }

    .formField__disclaimer {
        color: #3D3D3D;
    }

    .vehicleDelivery__type .vehicleDelivery__form label {
        font-size: 14px;
    }

    .vehiclesDisplaySection .listBlock .listCont>li .imageFrame {
        height: auto !important;
        display: block !important
    }

    .vehiclesDisplaySection .listBlock .listCont>li .cDropDown .imageFrame {
        height: 180px !important;
        display: block !important
    }

    

    .vehicleDelivery__date input,
    .vehicleDelivery__input .custom-selectbox .select-selected {
        font-size: 20px;
    }
    body .legendStyle.nav-tabs li a.vehicleInfo img{
        margin-right: 5px;
    }
    .steps-field-parent .field_desc{
        font-size:14px;
    }
    #serviceProtection .submitBlock.greyBg .nextnav-next-btn{
        min-width: 57%;
    }
    #serviceProtection .submitBlock.greyBg a.reserve_button_sni{
        width:35%;
    }
   .submittodealer_wrapper .merkle_bottom_submittodealer{
    min-width:41%;
   }
    body #review .submitBlock .btn.prevnav-back-btn{
        order: 1;
    }
    .vCompare-idvin-details p{
        padding-left: 0;
        font-size: 11px;
    }
    body #review .submitBlock .btn, body .detailBody .fwd-bck-btns button, body .detailBody .fwd-bck-btns1 button{
        padding: 0 0;
    }
    body #review .submitBlock .btn.prevnav-back-btn{
        padding: 0 0;
    }
    body #review .submitBlock .btn, body .detailBody .fwd-bck-btns button, body .detailBody .fwd-bck-btns1 button{
        /*line-height:37px;
        height:37px;*/
        display: flex;
    }
    .forward-buttons-field .reserve_button_sni.vehicle-right-padd.sni-btn-right-align {
        /*line-height:39px;
        height:39px;*/
    }
    body #review .submitBlock .btn.btm_submitdealer.merkle_bottom_submittodealer{
        width:47%;
    }
    body .legendStyle.nav-tabs li a.vehicleInfo img {
        margin: 0 auto;
    }
    #leaseCalc .btn.viewAvailOfferDealer {
       
        font-size: 12px !important;
     /*
        max-width: 145px;
    
        */
    }
    .vehiclepage-body ul.nav-tabs.legendStyle li:first-child a {
      
        padding: 10px 0 !important;
    }
    /* VDP page - Mobile responsive view CSS ends here */

    /* Lead page - Mobile responsive view CSS starts here */

    .go-backbtn-mobile {
        display: flex;
        margin: -11px -15px 15px -1px;
    }

    .go-backbtn-desktop {
        display: none;
    }

    #maseratileadPage .maserati_order>.row {
        display: flex;
        flex-direction: column-reverse;
        margin: 0px;
    }

    #maseratileadPage .maserati-product_price {
        padding: 0px;
    }

    #maseratileadPage .maserati-product_price h1 {
        text-align: left;
        font-family: 'Univers45';
        letter-spacing: -1px;
        font-size: 26px;
        margin-bottom: 5px;
    }

    .maseratiorder-description h4 {
        text-align: left;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 24px;
    }

    .maseratiorder-description ul li {
        padding-left: 15px;
        padding-right: 15px;
        color: #000;
        margin-bottom: 10px;
    }

    .maseratiorder-description ul li:last-child {
        font-size: 18px;
    }

    .maserati-lead-img,
    .maseratiorder-description {
        margin-right: -15px;
        margin-left: -15px;
    }

    .terms-condition div {
        padding-top: 10px;
    }

    /* .maserati_form input[type=email],
    .maserati_form input[type=name],
    .maserati_form input[type=tel],
    .maserati_form input[type=text],
    .maserati_form select.form-control {
        box-shadow: 0 0 11px rgb(0 0 0 / 10%);
    }*/

    .header-scroll {
        z-index: 999;
    }

    .agreeTerms a {
        float: left;        
        padding-bottom: 10px;
        /* width: 100%;
        padding-top: 5px; */
    }

    .mas_accordion .panel-group .panel-title a {
        font-size: 20px;
    }

    .faq_title {
        margin-bottom: 30px;
        border-bottom: 1px solid #707070;
        padding-bottom: 10px;
    }

    .faq_title span {
        padding: 0px;
        font-size: 23px;
    }

    .faq_title:before {
        display: none;
    }
    .center-icon.text-center.logoimagewrapper {
        /*padding-right: 20px;
        margin-right: 0 !important;
        width: max-content;
        padding-left: 20px;*/
    }

    .center-icon.text-center.logoimagewrapper {
     padding: 0px; 
     margin-right: auto; 
     width: max-content; 
     margin-left: auto; 
    }

    body a.imageFrame.top-logo-vehicle
    {
        top:0 !important;
    }

    body>header.vehiclepage .navigation a
    {
        margin-top:0px;
    }

    body>header .navigation a
    {
        padding: 40px 0px !important;
    }

    .center-icon
    {
        position: absolute;
        left:0;
        right:0;
        top:7px !important;
    }
    /* Lead page - Mobile responsive view CSS ends here */

    /* Find vehicle page - Mobile responsive view CSS starts here */

    .ms_form_pg a.wishlist_back {
        /* width: calc(100% + 32px);
        margin-top: -11px;
        margin-left: -16px; */       
        width: 80px;
        /* margin-top: -11px; */
        margin-left: -16px;
    }

    .ms_form_pg {
        margin: 75px 0 0 0px;
    }

    .vehicle-img-desktop {
        display: none;
    }

    .vehicle-img-mobile {
        display: block;
        padding: 0px;
    }

    #separateFindVehicle,
    #reviewSubmit_test div.col-md-5 {
        margin: -10px 15px 40px 15px;
    }

    .ms_form_title {
        font-size: 28px;
        margin-bottom: 15px;
        margin-left: -10px;
        margin-right: -10px;
        text-align: center;
    }

    #reviewSubmit_test .ms_form_title {
        font-size: 30px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .testdrive_disclaimer {
        padding-top: 20px;
    }

    .go-to-btn.help_find_vehicle__back {
        margin: -11px -15px 0px -15px;
        padding-left: 35px;
    }

    .go-to-btn.wishlist_back {
        padding-left: 75px;
    }

    .help-find-vehicle-inputs input,
    .test-drive-inputs input,
    .help-find-vehicle-inputs textarea,
    .test-drive-inputs textarea {
        -webkit-appearance: none;
    }

    /* Find vehicle page - Mobile responsive view CSS ends here */

    /* Lead Thank you page - Mobile responsive view CSS starts here */

    .maserati_order div#intermediatediv {
        order: 1;
        padding: 20px 15px 40px 15px;
        margin-top: 0px;
    }

    .maserati-primary-contact#orderView {
        order: 1;
        margin-top: 0px;
        padding: 5px 15px 40px 15px;
        font-size: 18px;
    }

    .maserati-primary-contact#orderView h4 {
        font-size: 20px;
    }

    blockquote.thankyou-address {
        font-size: 18px;
    }

    .refreshPage_error>span {
        font-size: 20px;
    }

    .concierge_title h3 {
        font-size: 16px;
        margin-bottom: 3px;
    }

    .concierge_section.concierge_mini .concierge_number {
        font-size: 20px;
        margin-top: 15px;
        padding-bottom: 6px;
    }

    .concierge_section.concierge_mini .concierge_email {
        font-size: 12px;
    }

    .concierge_title p {
        font-size: 14px;
    }

    #orderConfirm h3 {
        margin-top: 0px;
    }

    div.form-group label#confirmButton {
        font-size: 15px;
        font-weight: 500;
    }

    h1.thankyou-title {
        font-size: 30px;
    }


    .maserati-printpage-backbtn-mobile {
        /* display: block;*/
        padding: 15px;
        order: -1;
    }

    /* #reviewSubmit_test div.col-md-5 {
        margin: -10px 0 40px 0;
    } */

    .service-protection-sec .customCheckBox input[type=checkbox]:checked+span:before {
        left: 6px;
    }

    /* Lead Thank you page - Mobile responsive view CSS ends here */

    /* Maserati Responsive CSS by Gagan Starts here */

    #maseratiLeadSubmit .maserati-primary-contact-form .form-group.radio-lead-input {
        margin-bottom: 15px;
    }

    span.filter-button {
        padding: 9px 10px !important;
        z-index: 99;
    }

    .footerBtns {
        display: block;
    }

    #searchInfo {
        /*margin-top: -10px;*/
        margin-top:10px !important;
    }
    

    .wishlist_back {
        width: calc(100% + 30px);
        /*margin-top: 64px;*/
        /* margin-left: -15px; */
        margin-top: 15px;
    }

    button.btn.gcss-button.wishlist__remove.wishlist-remove-btn {
        top: 70px;
    }

    body header .brandPage-header.alfaHomePage-header .left-menu-field {
        top: 0px !important;
    }

    body header .header-scroll.brandPage-header.alfaHomePage-header .logoimagewrapper {
        width: 100% !important;
        margin: auto;
        text-align: center !important;
    }

    .maserati-primary-contact {
        margin-top: 25px;
        padding: 0px 10px 20px 10px;
    }

    .maserati-product_price {
        border-left: none;
        margin-top: 0px;
    }

    div.terms-condition span.payment-terms {
        float: none !important;
    }

    div.terms-condition {
        text-align: left;
        margin-top: 0px;
        font-size: 13px;
    }

    .topnav-links ul.list-inline li {
        display: flex;
        justify-content: flex-end;
        margin-top: -60px;
    }

    .topnav-links a.wishlistbtn {
        margin: 15px 0px 0px 15px !important;
    }

    .wishlistbtn img {
        margin-top: -3px;
    }

    /* 
    span.review-payment-button {
        left: 0px;
        position: relative;
        width: 50%;
        margin-top: 10px;
        display: block;
    }

    span.test-drive-button {
        position: relative;
        top: 0px;
        left: 0px;
        margin-left: 0;
        width: 50%;
        margin: 10px 0px;
    }

    span.reserve-vehicle-vdp {
        position: relative;
        top: 0px;
        left: 0px;
        width: 50%;
        display: block;
    } */

    body .itemInfo .tabsContainer .tab-content {
        padding: 10px !important;
    }

    /* Maserati Responsive CSS by Gagan ends here */

    /* Cookie popup CSS starts here */

    #onetrust-banner-sdk .ot-sdk-container,
    #onetrust-pc-sdk .ot-sdk-container,
    #ot-sdk-cookie-policy .ot-sdk-container {
        padding: 0 15px !important;
    }

    #onetrust-pc-btn-handler {
        padding: 5px 10px !important;
    }

    #onetrust-banner-sdk #onetrust-policy {
        margin: 10px 0 -5px 12px !important;
    }

    #zipCodePopup .modal-body {
        padding-bottom: 20px;
        margin-top: -30px;
        z-index: 1;
        position: relative;
    }

    #zipCodePopup .modal-header {
        z-index: 2;
        position: relative;
    }

    /* Cookie popup CSS ends here */
}



/* VDP page Caurosel for Mobile View starts here */

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

    div#galleryThumbCarouselMobile {
        background: #151515;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        box-shadow: 2px 2px 30px #333;
        padding: 10px 0;
        position: relative;
        height: 114px;
    }

    div#galleryThumbCarouselMobile:before,
    div#galleryThumbCarouselMobile:after {
        background: #151515;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        content: '';
        height: calc(100% + 4px);
        width: 500px;
        position: absolute;
        top: -2px;
        left: -490px;
        z-index: 0;
    }

    div#galleryThumbCarouselMobile:after {
        right: -490px;
        left: auto;
    }

    #galleryThumbCarouselMobile .owl-stage-outer {
        height: 90px;
        overflow: hidden;
        z-index: 2;
    }

    #galleryThumbCarouselMobile .galleryCarousel_item {
        cursor: pointer;
        padding: 0 5px;
    }

    #galleryThumbCarouselMobile .owl-item .galleryCarousel_item img {
        border: none;
        object-fit: cover;
        width: 120px;
        height: 50px;
    }

    div#galleryThumbCarouselMobile .owl-nav {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
    }

    #galleryThumbCarouselMobile .owl-nav .owl-prev,
    #galleryThumbCarouselMobile .owl-nav .owl-next {
        color: #444;
        font-family: 'PhpDebugbarFontAwesome';
        font-size: 42px;
        font-weight: 100;
    }

    #galleryThumbCarouselMobile .owl-nav .owl-next {
        float: right;
        transform: none;
    }

    #galleryThumbCarouselMobile .owl-nav button.disabled {
        cursor: default;
        opacity: 0.5;
    }

    #galleryThumbCarouselMobile .owl-nav .owl-prev span,
    #galleryThumbCarouselMobile .owl-nav .owl-next span {
        /*line-height: 86px;
        background-image: url(../images/gallery_left_arrow_small.svg);
        background-repeat: no-repeat;
        text-indent: -9999px;
        background-position-y: center;*/
    }

    #galleryThumbCarouselMobile .owl-stage-outer {
    }

    div#galleryThumbCarouselMobile {
        background: none;
        border: none;
        box-shadow: none;
        padding: 8px 15px;
        height: auto;
    }

    div#galleryThumbCarouselMobile:before,
    div#galleryThumbCarouselMobile:after {
        display: none;
    }

    #galleryThumbCarouselMobile .owl-stage-outer {
        height: auto;
    }

    #galleryThumbCarouselMobile .owl-stage {
        margin: 0 auto;
    }

    #galleryThumbCarouselMobile .galleryCarousel_item {
        padding-bottom: 6px;
    }

    #galleryThumbCarouselMobile .galleryCarousel_item.selected:before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 5px;
        height: 4px;
        width: calc(100% - 10px);
        background: #0d2340;
    }

    #galleryThumbCarouselMobile .owl-item .galleryCarousel_item img {
        width: auto;
    }

    div#galleryCarouselMobile.owl-carousel .owl-item {
        padding: 60px 60px 20px;
    }

    div#galleryCarouselMobile.owl-carousel .galleryCarousel_item {
        box-shadow: 0px 0px 50px #000;
        border-radius: 6px;
        display: inline-block;
        max-width: 100%;
    }

    #galleryCarouselMobile .owl-nav .owl-prev,
    #galleryCarouselMobile .owl-nav .owl-next {
        left: -50px;
        top: calc(50% - 100px);
        height: 200px;
        z-index: 1;
    }

    #galleryCarouselMobile .owl-nav .owl-next {
        left: auto;
        right: -50px;
    }

    #galleryCarouselMobile .owl-nav .owl-prev span,
    #galleryCarouselMobile .owl-nav .owl-next span {
        text-indent: 9999px;
        height: 100%;
        width: 60px;
        background-image: url(../images/gallery_left_arrow.svg);
        background-size: 100% 100%;
    }

    #galleryCarouselMobile .owl-nav .owl-next span {
        background-image: url(../images/gallery_right_arrow.svg);
    }

    div#galleryCarouselMobile.owl-carousel .owl-item {
        padding: 0;
    }

    div#galleryCarouselMobile.owl-carousel .galleryCarousel_item {
        box-shadow: none;
        display: block;
    }
    body #review .trade-in-fea {
        margin-bottom: 40px;
    }

    .maserati_form input[type=email],
    .maserati_form input[type=name],
    .maserati_form input[type=tel],
    .maserati_form input[type=text],
    .maserati_form select.form-control {}



.wishlist-vehicle-list .wishlist-mob-view{
display: block;
}
.wishlist-vehicle-list .wishlist-mob-view div.col-xs-12.col-md-6{
    display: none;
}
.wishlist-vehicle-list .wishlist-mob-view .footerBtns{
    /* display: flex; */
    height: 65px;
    padding: 0 2px;
}
.wishlist-vehicle-list .wishlist-mob-view .footerBtns .wishlist-btn-right-align{
    margin: 5px 3px;
    font-size: 12px;
    padding: 0 10px;
    min-width: auto;
    line-height: 30px;
}
/*#wishlist_page .car-image-img{
    top: -159px;
}*/
.wishlist-vehicle-list .wishlist-mob-view .footerBtns .wishlist-btn-right-align.reserve-vehicle-btn{
    min-width:100px;

}
.car-save-wishlist{
/*    border-bottom: 1px solid #ebebeb;*/
}
body .detailBody .service-bottom-nav .fwd-bck-btns {
    padding: 6px 0;
}
body {
    overflow: hidden;
    overflow-y: auto;
    }
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .filterAttrs.resetFiltersBlock .mBottom-2{
        overflow: hidden;
    }
    .apply-filter .close_button_filter.close-btn-filter.gcss-button{
    color: #fff !important;
    font-size: 18px !important;
    margin: -11px 0 0 15px;
    font-weight: 500;
    float: left;
   min-width: 160px;
    border: 1px solid #0c2340;
    line-height: 35px;
    border-radius: 2px 2px 2px 2px !important;
    padding: 0;
    height: 35px;
    text-align: center;
    right: 0;
    left: 0;
    width: 92% !important;


    }
    .filterAttrs.resetFiltersBlock .mBottom-2 a.resetFilterData{
        float: right;
        padding-right: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 384px) {
    .wishlist-vehicle-list .wishlist-mob-view .footerBtns .wishlist-btn-right-align{
        margin: 5px 3px;
        font-size: 11px;
        padding: 0 5px;
        min-width: auto;
        line-height: 30px;
    }
    .wishlist-vehicle-list .wishlist-mob-view .footerBtns{
     
        height:58px;
       
    }



}



@media only screen and (max-width: 365px) {
    
    .wishlist-vehicle-list .wishlist-mob-view .footerBtns .wishlist-btn-right-align.reserve-vehicle-btn{
        min-width: 85px;
    
    }
    .wishlist-vehicle-list .wishlist-mob-view .footerBtns{
       
        height:52px;
        
    }
/*     
    #landingPage.vehicle-landingPage .ZipCodeDivCls {
        top: 185px;
       
    } */
}
/* VDP page Caurosel for Mobile View ends here */


@media screen and (min-width: 320px) and (max-width: 767px)
{
body section.main .listBlock .listCont
{
    /*flex-direction: column;*/
    margin-top: 15px !important;
}

body .itemInfo .tabsContainer.tabs-container .nav-tabs li>a 
{
    font-size: 1rem !important;

}
span.reserve-vehicle-vdp, span.review-payment-button
{
    background: transparent !important;
    padding: 0 !important;
}
#payment-calc-review-option .tab__header label
{
    padding: 0 15px !important;
}
.tab__modal-popup .tab__header label
{
    font-size: 1rem !important;
}
.itemInfo .tab-pane .price-tag
{
    padding:0 !important;
}
.steps-field-parent .field_car
{
    width: 25% !important;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons
{
    float: none !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 72%;
    margin: 0 auto;
}
.steps-field-parent .field_desc
{
    font-size: 1rem !important;
}
select#yearlyMilage
{
    padding-left: 0 !important;
}

body .select-wrapper::before
{
    right: -9px !important;
    font-size:1rem !important;
    top: 8px !important;
}
.save__item .col-xs-5, .save__item .col-xs-7
{
    width: 100% !important;
}
#wishlist_page .car-image-img
{
    /*top:-184px !important;
    right: -10px !important;*/
    position: static !important;
    float: right;
    padding-top: 5px;
}

#zipCodePopup .zipC-input
{
        padding: 8px 8px !important;
    width: 232px !important;
}

#selectedZipCodePopup_currentLocation
{
    width: 264px !important
}
.custom-padding
{
    margin-bottom: 0 !important;
}
.zip-button
{
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 2px 13px !important;
    /*line-height: 30px !important;*/
    margin-bottom: 0px !important;
    font-family: 'Everett' !important;
}
.vehiclepage-body ul.nav-tabs.legendStyle li a
{
    display: flex;
    flex-direction: column;
}
.btn.viewAvailOfferDealer
{
    height: auto !important;
    padding: 12px 15px !important;
    line-height: 17px !important;
    margin-right: 2rem;
}
/*.buyForPrice
{
    display: flex;
}*/
.vDetailsMobile
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body .vehicleTable .contentBlock>div
{
    border-bottom: 1px solid #ddd;
}

#landingPage.vehicle-landingPage .ZipCodeDivCls
{
    top:10px !important;
}


.itemInfo .tab-pane .price-tag
{
    padding-left: 0 !important; 
}

}

@media (min-width: 768px)
{

.d-flex
{
    justify-content: space-between;
}
.custom-padding
{
    padding: 3px 19px !important;
    margin-bottom: 0 !important;
}

.zip-button
{
    font-size: 14px !important;
    border-radius: 0px !important;
    padding: 11px 19px !important;
    /*line-height: 30px !important;*/
    margin-bottom: 0px !important;
    font-family: 'Everett' !important;
}
}

@media screen and (min-width: 320px) and (max-width: 991px)
{
/*.modal-dialog {
    width: 40% !important;
}*/
.visible-xs
{
    display: block !important;
}
.maserati-logo {
    width: 210px;
    margin: auto;
    padding: 5px;
    border-radius: 5px;
}
.list-gird-view
{
    display: none;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img
{
    width: 100%;
}
.tabWidth, .vehicleDelivery__dateTime, .vehicleDelivery__location
{
    width: 100% !important;
}
}

/* Zipcode Alignment for Tablet View */
@media screen and (min-width: 575px) and (max-width: 768px)
{
#landingPage.vehicle-landingPage .ZipCodeDivCls
{
    top:-35px !important;
}

}

@media screen and (min-width: 320px) and (max-width: 599px)
{
.annualMileage, .termDuration, .mId, .mVin, .mWidth{
    width: 100% !important;
}
.details-info-desc
{
font-size:1.8rem !important;
}
.details-info-desc
{
    width: 50%;
}
.vehicle-details-title
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.v-align
{
    align-items: flex-start;
}
.v-align label
{
    line-height: 1;
    padding-right: 3px;
}

}

@media screen and (min-width: 320px) and (max-width: 480px)
{
.v-align input
{
    display: flex;
    align-self: flex-start;
}
.footerLinks ul li {
    float: left !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: -8px;
}
}


@media screen and (min-width: 320px) and (max-width: 360px)
{
.mLabel
{
    line-height: 0 !important;
     margin-top:0px;

}
.disclaimer
{
    margin-bottom: 10px !important;
    position: relative;
    padding:3px 0 !important;
    /*margin-top:-10px;*/
}
}

@media screen and (min-width: 320px) and (max-width: 767px)
{
.footerLinks
{
    margin-top:25px;
}
}


@media screen and (min-width: 320px) and (max-width: 991px)
{
    span.reserve-vehicle-vdp, span.review-payment-button, span.test-drive-button
{
    background: transparent !important;
}

span.reserve-vehicle-vdp.reserve-offer-btn
{
    background: transparent !important; 
}
}

/*@media screen and (min-width: 320px) and (max-width: 480px)
{
.btn.viewAvailOfferDealer
{
    width:70% !important;
}
}*/

@media screen and (min-width: 320px) and (max-width: 767px)
{
.priceWidth {
    width: 53% !important;
}
.go-to-btn
    {
        margin-top: 35px !important;
        background: transparent !important; 
    }
}

#zipCodePopup
{
    padding-right:0 !important;
}

@media screen and (min-width: 997px) and (max-width: 1536px)
{
.vdp-backbtn
{
    margin-top: 25px;
}
}

@media screen and (min-width: 320px) and (max-width: 360px)
{
.mLabel
{
    margin-top:0;
}
}

@media screen and (min-width: 366px) and (max-width: 599px)
{
.mLabel
{
    margin-top:-4px;
}
}

@media screen and (min-width: 320px) and (max-width: 767px)
{
    .mobile-hidden
    {
        display: none;
    }
    .car-model-title
    {
        width:50%;
    }
    .listCont>li .itemDetBlock h3.car-title-thickness
    {
        align-items: flex-start !important;
    }
    .car-title-year
    {
        float:left;
        margin-top:0;
    }
}


@media screen and (min-width: 320px) and (max-width: 991px)
{

.table-responsive>.table>tbody>tr>td
{
    white-space: pre-wrap !important;
}
.language_btn {
       position: absolute;
    color: #000 !important;
    top: -11px;
    left: 15px;
    font-weight: bold;
}
.maserati_yellow_btn span, .maserati_yellow_btn span i
{
    /*text-wrap: wrap;*/
    line-height: 1.3;
    white-space: pre-wrap;
}

body button.custom-close
{
    right: 11px !important;
    top: 3px !important;
}

.maserati_yellow_btn span, .maserati_yellow_btn span i
{
    padding:10px 0;
}

.vCompare__item__btnBox span
{
    padding:4px 0;
}

.disclaimerMessage p
{
    width: 100%;
    font-size: 12px;
    color: #fff;
    height: 0;
    text-align: center;
    line-height: 17px;
}

.disclaimerMessage {
    position: fixed;
    bottom: 0px;
    background: #000000;
    padding: 8px 22px 75px 6px;
    left: 0;
    width: 100% !important;
    opacity: 0.8;
    z-index: 9999;
    text-align: center;
    color: #ffffff;
}
}

.compare__list .car-image-img
{
position: relative;
}

.car-image-img {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 23px;
}

.compare__item__title
{
    min-height: 42px;
}

.adafix
{
    display: none;
}

.quickInfo .imageFrame
{
    height:180px;
}

@media screen and (min-width: 320px) and (max-width: 991px)
{
    .disMessage p
    {
    width: 100%;
        font-size: 12px;
        color: #fff;
        height: 0;
        text-align: center;
        line-height: 22px;
    }

    .disMessage {
        position: fixed;
        bottom: 0px;
        background: #000000;
        padding: 8px 22px 19px 6px;
        left: 0;
        width: 100% !important;
        opacity: 0.8;
        z-index: 9999;
        text-align: center;
        color: #ffffff;
    }
     .language_btn {
    margin-left: 0;
    top:-10px !important;
}
.list-inline.how-itworks-field li
{
    z-index:unset;
}
.howItWorks-spacing
{
    width: 100% !important;
}
body section.main .leftMenu form {
    height: auto !important;
    padding-bottom: 0 !important;
}
.apply-filter
{
   padding-left:20px;
}
}

@media screen and (min-width: 992px) and (max-width: 1279px)
{
    .language_btn {
    margin-left: 15vw;    
}
}

 .language_btn {
    position: absolute;   
    right: -20vw;    
/*    top: -51px;*/
}

.howItWorks-spacing
{
    width: 30%;
}

@media screen and (min-width: 320px) and (max-width: 640px)
{
    .lang-position{
        left:0 !important
    }
    .lang-position span{
        padding-left: 15px;
    }
    span.current_accessories_title, span.current_tab_title {
        font-size: 22px !important;        
    } 
    body #serviceProtection .header h5, h2.vehicle-details-title
    {
        font-size: 22px !important; 
        font-weight: bold !important;
    }
    h2.vehicle-details-title span
    {
        font-weight: normal !important;
    }
}

/* @media screen and (min-width: 992px)
{
    .lang-btn{
        position: absolute;
        right: 35vw;
        top: -12px;
    }
} */