:root {
    --magenta: #EE45A9;
    --bluegreen: #D5C812;
    --Cyan: #D5C812;
    --bama-color: #8ce533;
    --light-grey: #e3e2e3;
    --almost-black: #666;
    --medium-grey: #d7d7d7;
    --bold-blue: #0067F2;
    --orange: #FFBD31;
    --border-r-25: .25rem;
    --inner-gap: 2rem;
    --inner-gap-mobile: 1.2rem;
    --outer-gap: 5rem;
    --outer-gap-mobile: 3rem;
}

html.pwa-scrollbar::-webkit-scrollbar {
    width: 0 !important;
}

html.pwa-scrollbar {
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
}

.flex-direction-nav a {
    overflow: visible !important;
    height: auto !important;
    margin-top: 0 !important
}

.mobile-car-list-img-display {
    display: none
}

.motorcycle-slider-outer {
    width: 750px;
    padding: 0 30px;
    margin: 26px 0 0 0;
    height: 100%;
    float: left;
    box-sizing: border-box
}

.motorcycle-slider {
    position: relative
}

.motorcycle-slider-link {
    height: 100%;
    text-align: right;
    float: right;
    margin: 46px 0
}

.motorcycle-slider.owl-carousel .owl-item img {
    width: 68px;
    margin: 0 auto 15px
}

.motorcycle-slider li {
    text-align: center
}

.motorcycle-slider em:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 2px;
    background: #000;
    top: -12px;
    left: 50%;
    margin-left: -17px
}

.motorcycle-slider em {
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #383838;
    padding-bottom: 10px;
    position: relative;
    font-style: normal
}

.motorcycle-slider a {
    display: block
}

.motorcycle-slider a:hover {
    text-decoration: none
}

.motorcycle-slider a:hover em:before {
    background: #D5C812
}

.motorcycle-slider .owl-nav .owl-prev img,
.motorcycle-slider .owl-nav .owl-next img {
    width: 30px;
    height: auto;
    position: absolute;
    top: 50%;
    margin-top: -18px
}

.motorcycle-slider .owl-nav .owl-prev img {
    right: -30px
}

.motorcycle-slider .owl-nav .owl-next img {
    left: -30px
}

.motorcycle-slider .owl-nav .disabled img {
    opacity: .2
}

.motorcycle-slider .owl-nav .owl-prev a,
.motorcycle-slider .owl-nav .owl-next a {
    display: inline-block
}

.motorcycle-slider-link a {
    text-decoration: none;
    color: #D5C812;
    font-size: 20px;
    line-height: 24px
}

.motorcycle-slider-link a:hover {
    color: #383838
}

.home-banner .home-banner-inner {
    cursor: pointer
}

.filterlinks {
    margin: 0 0 20px
}

.home-banner {
    height: 154px;
    -webkit-tap-highlight-color: transparent
}

.home-banner-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
    height: 100%;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

#motorcycleType-slider {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    width: 100%;
    float: left;
    height: 100%
}

.banner-link {
    opacity: 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s
}

.bama-internal-banner.home-banner .motorcycle-slider-outer {
    width: 100%
}

.bama-internal-banner.home-banner .motorcycle-slider li {
    border: 0 none !important;
    float: none !important;
    padding: 0 !important;
    text-align: center;
    width: inherit !important
}

.bama-internal-banner.home-banner .motorcycle-slider.owl-carousel .owl-item img {
    height: auto
}

.bama-internal-banner.home-banner .motorcycle-slider .owl-nav .owl-prev img,
.bama-internal-banner.home-banner .motorcycle-slider .owl-nav .owl-next img {
    width: 30px
}

.bama-internal-banner.home-banner .motorcycle-slider li:before,
.bama-internal-banner.home-banner .motorcycle-slider li:after {
    display: none
}

.bama-internal-banner.home-banner .banner-link img {
    width: 100%
}

.eventlist ul li.bama-internal-banner.home-banner {
    padding-right: 0 !important;
    padding-bottom: 20px !important
}

.motorcycle-slider a {
    float: none !important;
    display: inline-block
}

.home-banner-inner.hovered .banner-link {
    height: 0;
    top: -101%
}

.home-banner-inner.hovered #motorcycleType-slider {
    opacity: 1;
    visibility: visible
}


/*.profile-content
{
	padding-top:0px !important;
	margin-top:60px !important;
}*/

@media(min-width:961px) {
    .infoleft .imglinks a svg {
        margin-top: 0;
    }

    .bama-internal-banner .banner-link img {
        left: -90.1176px !important
    }

    .mainthumb {
        transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        top: auto !important;
    }

    .mainthumb:hover {
        cursor: pointer;
        position: relative
    }

    .mainthumb:after {
        background: rgba(0, 0, 0, 0) url("../../images/zoom.png") no-repeat scroll center center/50px auto;
        bottom: 0;
        content: "";
        display: none;
        height: 50px;
        position: absolute;
        right: 0;
        width: 50px
    }

    .mainthumb:hover:after {
        display: inline-block
    }

    .mobile-contact-detail .contact-message {
        height: 100px
    }

    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl
    }

    .hamburger-icon {
        display: none
    }

    #nav :hover ul.sub {
        right: 1px;
        top: 31px;
        background-color: #ebebeb;
        padding: 0;
        width: 180px;
        height: auto;
        z-index: 300;
        border-bottom: 4px solid #dadada;
        border-top: none
    }

    #nav li:hover {
        position: relative;
        z-index: 200
    }

    #nav a:hover {
        position: relative;
        white-space: normal;
        z-index: 200
    }

    #nav:hover ul.sub li {
        display: block;
        position: relative;
        text-align: right;
        float: left;
        width: 180px;
        font-weight: normal
    }

    #nav:hover ul.sub li a {
        display: block;
        font-size: 13px;
        text-align: right;
        padding: 8px 15px;
        color: #333;
        text-decoration: none
    }

    header .logo .mob-logo {
        display: none
    }

    .mob-footer {
        display: none
    }

    .topicPages .paragraph p {
        padding-right: 60px
    }

    .topicPages .paragraph .mob-below-contact p {
        padding-right: 91px
    }

    .inputbtn2.large {
        width: 360px !important
    }

    .visible-xs {
        display: none !important
    }

    .filter-wrapper {
        display: none
    }

    .login-mob {
        display: none
    }

    .car-detail-info-header {
        display: none
    }

    .product-detail .car-img {
        margin: 0
    }

    .mob-model-list {
        display: none !important
    }

    .mob-trim-list {
        display: none;
    }

    .tooltip {
        overflow: visible
    }

    .popup .tooltip span {
        right: 11px
    }

    .popup .tooltip span.popup-arrow {
        right: -10px
    }

    .popup .tooltip {
        padding: 0 40px
    }

    .inputbtn2.large {
        width: 100% !important
    }

    .numeric-textbox {
        border: #e8e8e8 1px solid
    }

    .research-new-brand-div .research-new-collapse {
        width: 15px;
        height: 15px;
        display: block
    }

    .research-new-expand>img,
    .research-new-collapse>img {
        width: 100%;
        height: 100%
    }

    .pop-btns .inputbtn1,
    .pop-btns .inputbtn2 {
        width: 160px !important
    }

    .car-page-mob-title .detail .clearfix .price {
        width: auto
    }

    .search-new-page .eventlist ul li .detail .price {
        width: auto
    }

    .web-milage-div {
        display: none
    }

    .scraper-report-form {
        width: 80% !important
    }

    .scraper-report-form label {
        margin-bottom: 10px !important;
        text-wrap: avoid !important
    }

    .scraper-report-form textarea {
        resize: none;
        width: 300px
    }

    .scraper-report-form input[type=checkbox] {
        font-family: fontAwesome !important
    }

    .topicPages .aboutText {
        margin-right: 60px
    }
}

@media(max-width:960px) {

    .price-new-page .model-detail .zero,
    .price-new-page .model-detail .gr-down,
    .price-new-page .model-detail .red-up {
        float: none;
        min-width: auto;
    }

    .XTX-Select {
        width: 100%;
    }

    .mb-12-mobile {
        margin-bottom: 12px;
    }

    .eventlist>ul>li.research-ad-outer {
        padding: 20px 0 !important;
    }

    .research-ad {
        margin: 25px 0;
        padding: 0 25px 20px;
    }

    .research-ad>img {
        float: none;
        width: 100%;
        height: auto;
        margin: -25px 0 0;
    }

    .research-ad .inner-columns {
        float: none;
        width: auto;
        padding: 0;
    }

    .research-ad .inner-columns .right-column,
    .research-ad .inner-columns .left-column {
        padding: 10px 0;
    }

    .research-ad .full-review-btn {
        width: 100%;
        margin: 10px 0 -45px;
    }

    .tab-column {
        width: 100%;
    }

    .tab-column.padding-0 {
        padding: 0;
    }

    .social-fav>li {
        padding: 20px 0 20px;
        min-height: 1px;
        float: left;
        width: 100%;
        direction: rtl;
        margin: 0;
    }

    .social-fav .fav-car-img {
        width: 50%;
        position: static;
        margin-left: 20px;
        height: auto;
        float: right;
    }

    .pricecol li {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 0;
        direction: rtl;
    }

    .nav-brand-name-show-text {
        white-space: nowrap;
        width: 50%;
        /*border: 1px solid #000000;*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-sub-brand-name-show-text {
        white-space: nowrap;
        /*width: 65%;*/
        /*border: 1px solid #000000;*/
        /*removed width for mobile*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-brand-count-show-text {
        /*padding: 0 0px 0 0 !important;*/
    }

    .dealer-banner .banner-outer {
        padding-bottom: 0
    }

    .dealer-banner .dealer-detail .left-block {
        padding-left: 20px;
        width: 100px
    }

    .dealer-banner .dealer-detail .left-block .map-icon {
        margin-right: 20px
    }

    .dealer-banner .dealer-detail .middle-block {
        width: 380px
    }

    .addetailpage-div.cartitlediv {
        margin-bottom: 12px
    }

    .bama-internal-banner {
        padding-bottom: 32% !important
    }

    .banner-mobile-li a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important
    }

    .bmw .imgHover {
        position: relative
    }

    .bmw .imgHover .car-img {
        height: auto !important;
        position: absolute
    }

    .kia .imgHover {
        position: relative
    }

    .kia .imgHover .car-img {
        height: auto !important;
        position: absolute
    }

    .nissan .imgHover {
        position: relative
    }

    .nissan .imgHover .car-img {
        height: auto !important;
        position: absolute
    }

    .car-list li a {
        width: auto !important
    }

    .contact-page {
        width: auto !important
    }

    .permitbtn-div {
        margin-top: 10px
    }

    .permitbtn-div .inputpr {
        width: 90px
    }

    .filter-custom-select.highlighteddropdownNew {
        background: none !important;
        color: var(--magenta);
    }

    .filter-custom-select.highlighteddropdownNew option {
        color: #000
    }

    .filter-custom-select.highlighteddropdown {
        background: none !important;
        color: #D5C812
    }

    .filter-custom-select.highlighteddropdown option {
        color: #000
    }

    .filter-btn-new li a:hover,
    .filter-btn-new li a.active {
        background: #626262 !important;
        color: #eee
    }

    .Car-filter-outer.selected .caret {
        border-top-color: #D5C812
    }

    .hover-filter-button {
        background: #f4f4f4 !important
    }

    /*::-webkit-scrollbar {
        width: 3px
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px #dadada;
        border-radius: 10px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px #dadada
    }*/
    .dealer-signup-header {
        direction: rtl;
        font-size: 14px;
        margin-bottom: 15px;
        margin: 0 25px;
        line-height: 20px
    }

    .topicPages .paragraph .mob-below-contact p {
        padding-right: 91px
    }

    .mobile-contact-detail .contact-message {
        height: 100px
    }

    /*.mobile-contact-detail .customlist {
        width: 94% !important
    }*/
    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 2.9%
    }

    .dealaer-vehicle-drop-down {
        width: 40%;
        float: none !important;
        height: 40px;
        direction: rtl;
        margin-right: 12px;
        padding-bottom: 10px
    }

    .eventlist ul li.alert-div-li {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 20px
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert-middle {
        padding-left: 15px;
        width: 60%;
        line-height: 16px;
        margin-top: 20px
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert {
        width: 30%;
        padding-left: 0 !important;
        float: right;
        line-height: 22px;
        margin-top: 20px !important;
        text-align: right;
        padding-right: 15px
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv {
        height: auto !important;
        float: left;
        padding: 0 10px;
        box-sizing: border-box
    }

    .alert-panel-outer {
        float: left;
        width: 100%;
        margin-top: 20px !important;
        box-sizing: border-box;
        padding: 9px 20px 6px 20px !important;
        text-align: center
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv .bm-button {
        width: 100%;
        float: left;
        padding: 20px 0
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv f {
        width: 100%;
        margin-top: 5px;
        font-size: 14px;
        line-height: 16px
    }

    .eventlist ul li.alert-div-li:after {
        display: none
    }

    .eventlist ul li.alert-div-li:before {
        left: 0;
        right: 0
    }

    .top-menu-img {
        width: 40px;
        float: right;
        margin-right: 8px;
        height: auto;
        opacity: .6;
        margin-top: -3px
    }

    .info-top-adclass {
        font-size: 16px
    }

    .text-right-custom-1 {
        text-align: right !important
    }

    .text-right-custom-2 {
        text-align: center !important
    }

    .text-right-custom-3 {
        text-align: left !important
    }

    .profileblock .profile-mobleft {
        display: block !important
    }

    .dealer-search-div .sell-styled-select {
        background: scroll left top #e2e2e2 !important
    }

    .mob-count-label {
        display: inline-block;
        float: right;
        font-size: 14px;
        line-height: 28px;
        padding: 0 5px
    }

    .alignleft-mobile {
        float: right;
        width: auto
    }

    .align-row {
        width: 100%
    }

    .search-new-page .eventlist ul li .detail .provice {
        opacity: 1
    }

    .barter .formblock label {
        line-height: normal !important
    }

    .mobile-car-list-img-hide {
        display: none !important
    }

    .mobile-car-list-img-display {
        display: block !important
    }

    input[type="text"],
    input[type="submit"],
    input[type="button"],
    input[type="password"],
    input[type="number"],
    input[type="file"],
    input[type="tel"],
    textarea,
    select {
        -webkit-appearance: none
    }

    .pull-left {
        float: left !important
    }

    .pull-right {
        float: right !important
    }

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    .clearfix {
        display: inline-block
    }

    .profileblock.with-out-banner {
        border-bottom: none;
        margin-bottom: 0;
    }

    .clearfix {
        display: block
    }

    .border0 {
        border: 0 solid transparent !important
    }

    .border1:after {
        content: "";
        border-bottom: 1px solid #dadada !important;
        width: 100%
    }

    .TabbedPanels2 {
        position: static !important
    }

    .home-model-list li.full-layout {
        width: 100% !important;
        padding: 0 !important;
        height: 840px !important;
        overflow: auto;
    }

    .full-layout .brand-list-mob-footer {
        border-top: 0;
        padding: 0
    }

    .full-layout>ul>li {
        width: 33.33%;
        float: right !important
    }

    .close-model-list.inner-brand-content {
        display: none
    }

    .home-model-list-new.brand-model-ul-home li {
        position: relative;
        z-index: 1;
        padding: 5px 0
    }

    .show-filter header {
        position: fixed;
        left: 0;
        right: 0;
        background: #f4f4f4;
        z-index: 3
    }

    .show-filter .filter-ico-outer {
        display: none
    }

    .show-filter .filter-wrapper .filter-ico-outer {
        display: block;
        direction: rtl;
    }

    .filter-wrapper .card-wrapper:last-child {
        /* margin-bottom: 82px !important */
    }

    #home-content a img {
        width: 100%;
        height: auto;
        color: #f1f1f1;
    }

    .setpadding {
        padding: 0 24px !important
    }

    .numeric-textbox {
        width: 90% !important;
        border: #e8e8e8 1px solid;
        box-sizing: border-box;
        color: #5f6366;
        margin: 0;
        border-radius: 0;
        padding: 3px 10px;
    }

    .numeric-textbox:focus {
        outline: none
    }

    .hamburger-icon,
    .hamburger-icon:before,
    .hamburger-icon:after,
    .hamburger-icon span,
    .navigation {
        transition: all .3s;
        -o-transition: all .3s;
        -ms-transition: all .3s;
        -moz-transition: all .3s;
        -webkit-transition: all .3s
    }

    .filter-btn li a {
        transition: all .1s;
        -o-transition: all .1s;
        -ms-transition: all .1s;
        -moz-transition: all .1s;
        -webkit-transition: all .1s
    }

    .filter-btn-new li a {
        transition: all .1s;
        -o-transition: all .1s;
        -ms-transition: all .1s;
        -moz-transition: all .1s;
        -webkit-transition: all .1s
    }

    html.open-menu,
    .open-menu body {
        overflow-y: hidden
    }

    header {
        height: 60px !important;
        position: relative;
        border-bottom-color: transparent;
        padding: 0 25px;
        background: #f4f4f4 !important;
    }

    header .hdright {
        padding: 0;
    }

    /*header:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right:0;
            background: #f4f4f4;

        }*/
    /*header:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: 21px;
            background: #f4f4f4;
            width: 100%
        }*/
    .TabbedPanels2 .TabbedPanelsTabGroup {
        width: 20% !important;
        padding: 0 25px 0 0 !important
    }

    .TabbedPanels2 .TabbedPanelsContentGroup {
        width: 60% !important;
        margin: 0 auto;
        padding: 14px 0 7px 25px !important
    }

    .brand-list-mob-footer {
        border-top: 1px solid #b2b2b2;
        padding: 6px 0;
        text-align: left;
        font-size: 12px;
        color: #b3b3b3;
        padding: 5px 24px;
        direction: initial;
        margin-bottom: 10px;
        left: 0;
        right: 0;
        z-index: 2;
        background: #fff
    }

    #home-content {
        width: auto
    }

    .TabbedPanels2 .TabbedPanelsTab {
        width: 100% !important;
        height: auto !important;
        /*position: static !important*/
    }

    .home-brand-list {
        width: 100% !important;
        height: auto !important
    }

    .inner-brand-content {
        position: relative
    }

    /*.inner-brand-content ul:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 118%;
            background: #fff
        }*/
    .brand-list-footer {
        position: absolute;
        top: 118%;
        width: 100%;
        box-sizing: border-box
    }

    .XTX-CLASS-Module {
        width: 100% !important;
        margin: 0 auto;
        box-sizing: border-box
    }

    #wrapper {
        width: 100% !important;
        box-sizing: border-box;
        padding-bottom: 10px
    }

    .hamburger-icon {
        display: block;
        position: absolute;
        top: 23px;
        right: 25px;
        width: 25px;
        height: 19px;
        z-index: 1003
    }

    .hamburger-icon span {
        height: 3px;
        background: #4c4c4c;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0
    }

    .hamburger-icon:before {
        content: "";
        height: 3px;
        background: #4c4c4c;
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .hamburger-icon:after {
        content: "";
        height: 3px;
        background: #4c4c4c;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0
    }

    .darkheader .hamburger-icon span,
    .darkheader .hamburger-icon:before,
    .darkheader .hamburger-icon:after {
        background: #D5C812;
    }

    .darkheader .logo img {
        -webkit-filter: grayscale(100%);
        /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    #nav li.top {
        display: block
    }

    #nav li.top.active-link {
        position: relative;
        padding-bottom: 24px
    }

    #nav li.top.active-link .login-mob.nav_link {
        margin-bottom: -24px
    }

    #nav li.top.active-link .logout-mob.nav_link {
        margin-bottom: -24px
    }

    #nav li.top.active-link .sub:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: #b9d59e
    }

    /*.navigation {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -280px;
        width: 250px;
        height: auto;
        background: #343434;
        z-index: 999999;
        height: 100%;
        padding-bottom: 110px;
        box-sizing: border-box
    }

        .navigation:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            background: #1b1b1b;
            min-height: 75px
        }*/
    #nav {
        margin: 80px 0 0;
        position: relative;
        padding: 0 24px;
        max-height: 90%;
        overflow: auto
    }

    /*.open-menu .hamburger-icon {
        position: fixed;
        z-index: 9999999
    }

        .open-menu .hamburger-icon span {
            background: #8be433
        }

        .open-menu .hamburger-icon:before {
            background: #8be433
        }

        .open-menu .hamburger-icon:after {
            background: #8be433
        }*/
    .open-menu .navigation {
        right: 0
    }

    .open-menu .content-open .navigation {
        z-index: 999999
    }

    .open-menu .content-open .hamburger-icon {
        z-index: 9999999
    }

    #nav li:hover a.nav_link,
    #nav a.nav_link:hover {
        background: transparent;
        color: #fff
    }

    #nav ul.sub {
        background: transparent;
        border: 1px solid transparent !important
    }

    #nav li.active-link a.nav_link {
        border-color: transparent
    }

    #nav li.active-link .sub {
        display: block !important
    }

    .sub-menu-ul-li a {
        color: #a9a6a6;
        z-index: 9999;
        font-size: 13px;
        line-height: 10px
    }

    .sub-menu-ul-li a:hover {
        text-decoration: none
    }

    /*.TabbedPanelsContentGroup {
        padding-right: 10px !important
    }*/
    #nav li.active a.nav_link,
    #nav a.nav_link.active {
        background: none;
        color: #fff
    }

    .TabbedPanelsContentGroup {
        overflow-x: hidden
    }

    header .logo {
        margin: 15px 0 0;
        /*margin: 20px 0 0 0;*/
        z-index: 1;
        /*position: absolute*/
    }

    #nav li a.nav_link {
        float: none;
        border-bottom: 1px solid #b9d59e;
        padding: 13px 0 8px;
        color: #fff;
        font-size: 17px;
        line-height: 21px;
        height: 27px
    }

    #nav ul.sub li a {
        color: #a9a6a6;
        background: transparent !important;
        font-size: 15px;
        display: block;
        padding: 10px 0
    }

    .open-menu #wrapper::after {
        background: rgba(255, 255, 255, .82);
        z-index: 10001;
        content: "";
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed
    }

    #nav ul.sub {
        position: static;
        width: 100%;
        height: 100%;
        margin: 0 10px 0;
        display: none
    }

    .home-content img {
        width: 100% !important
    }

    .XTX-CLASS-Meter {
        width: 180px !important;
        height: 180px !important;
        left: 0 !important;
        top: 112px !important;
        right: 0;
        text-align: center;
        margin: 0 auto
    }

    ul.active {
        display: block
    }

    .slider-outer {
        width: 100%
    }

    .leftpanel {
        width: 100% !important;
        float: left
    }

    .rightpanel {
        width: 100% !important;
        float: right
    }

    header .logo .mob-logo {
        width: 100px;
        height: 30px;
        display: block;
    }

    header .logo .mob-logo svg {
        width: 90px;
        height: 30px;
    }

    body.news-pages.news-research-pages header .logo .mob-logo svg {
        width: 90px;
        height: 30px;
        fill: #ebe9e7;
    }

    header .logo .desktop-logo {
        display: none
    }

    header .login,
    .login-logout-btn .login {
        background: #4F4F4F;
        color: #fff;
        margin: 0px;
    }

    header .login,
    .login-logout-btn .login:hover {
        background: #464646;
    }

    header .login {
        font-size: 10px;
        display: none;
        position: absolute;
        left: 25px;
        top: 20px;
        margin: 0;
    }

    .login-logout-btn {
        padding: 0 24px;
    }

    .login-logout-btn .login.logout {
        border: 0;
        color: #57A9BF;
        margin: 0;
        height: 28px;
        line-height: 25px;
        padding: 0 5px;
        width: 64px;
        text-align: center;
        font-size: 16px;
    }

    .logout-mob {
        border: 0 !important
    }

    .TabbedPanels2 .TabbedPanelsTab a {
        line-height: 74px !important;
        height: auto !important;
        font-size: 12px !important
    }

    .home-brand-list,
    .home-model-list-new {
        -webkit-column-count: inherit;
        -o-column-count: inherit;
        -ms-column-count: inherit;
        -moz-column-count: inherit;
        column-count: inherit;
        height: auto;
        padding: 24px 24px !important;
        box-sizing: border-box;
        border-top: 1px solid #b4b4b4
    }

    .pricecol {
        margin: 0 0 20px !important
    }

    .TabbedPanels2 .TabbedPanelsTab .cross {
        top: 4px !important;
        left: 10px !important;
        display: block;
        z-index: 1001 !important
    }

    .TabbedPanels2 .TabbedPanelsContent {
        right: 0;
        top: 71px !important;
        position: absolute;
        margin-top: 48px;
        padding: 24px;
        box-sizing: border-box;
        width: 100% !important;
        z-index: 2;
        height: 0 !important
    }

    .TabbedPanelsContent {
        height: 100% !important;
        width: 100% !important;
        background: #fff
    }

    .TabbedPanels2 .TabbedPanelsTab.TabbedPanelsTabSelected a {
        line-height: 32px !important;
        font-size: 14px !important
    }

    .TabbedPanels2 .TabbedPanelsTab.TabbedPanelsTabSelected a.cross {
        padding: 10px 18px;
        line-height: 25px !important;
        margin: -6px 0 0 0;
        height: 12px;
        width: 12px
    }

    .TabbedPanels2 .TabbedPanelsContent.TabbedPanelsContentVisible.overflow-tabs {
        overflow: visible
    }

    .TabbedPanels2 .TabbedPanelsContent.TabbedPanelsContentVisible:before {
        content: "";
        position: absolute;
        top: -40px;
        left: 0;
        background: #fff;
        height: 39px;
        width: 100%
    }

    .TabbedPanels2 .TabbedPanelsTab.TabbedPanelsTabSelected {
        position: absolute !important;
        top: 70px;
        right: 0;
        height: 30px !important;
        width: 100%;
        border: 0 !important
    }

    .tabcol li a span {
        padding: 0 3px 0 0
    }

    .TabbedPanelsContent.TabbedPanelsContentVisible.close-home-model .home-model-list-new {
        right: -100% !important
    }

    .close-home-model .home-model-list-old {
        right: -100% !important
    }

    .tabcol li {
        width: 100%
    }

    .tabcol.home-brand-list li {
        width: 33.33%;
        float: left
    }

    .TabbedPanelsContent:first-child {
        left: auto !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        right: auto !important;
        z-index: 9 !important
    }

    .XTX-CLASS-Meter .XTX-CLASS-Bullet {
        width: 11px !important;
        height: 11px !important;
        margin-top: -40px !important;
        margin-left: -24px !important
    }

    .XTX-CLASS-Meter img {
        margin: 1px 0 0 1px;
        width: 180px !important;
        height: 180px !important;
        margin-top: 3px
    }

    #XTX-ID-Loading {
        width: 100% !important;
        margin: 0 auto
    }

    #XTX-ID-Viewport {
        width: 100% !important;
        margin: 0 auto
    }

    #XTX-ID-Counter {
        top: 475px !important;
        left: 0 !important;
        right: 0;
        margin: 0 auto;
        width: 160px !important;
        height: 41px !important;
        zoom: 70%;
        -moz-transform: scale(2)
    }

    #XTXMOD0 h1,
    #XTXMOD1 h2,
    #XTXMOD2 h2 {
        top: 26px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center;
        font-size: 15px !important;
        line-height: 18px
    }

    #XTXMOD0 h2,
    #XTXMOD1 h3,
    #XTXMOD2 h3 {
        top: 45px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center;
        font-size: 11px !important;
        line-height: 17px !important
    }

    #XTXPRICE img {
        width: 210px !important;
        height: 210px !important;
        margin-top: -12px !important;
        margin-left: -14px !important
    }

    .home-model-list {
        background: #fff;
        top: 0 !important;
        padding: 24px 20px;
        position: absolute;
        bottom: 0;
        height: 425px;
        right: -100%;
        height: 750px;
    }

    .home-model-list-new {
        width: 100% !important;
        box-sizing: border-box
    }

    .TabbedPanelsContent .home-model-list-new {
        right: -100% !important;
        z-index: 1000 !important
    }

    .content-open .TabbedPanels2 .TabbedPanelsContent.TabbedPanelsContentVisible {
        visibility: visible;
        height: 100% !important;
        overflow: visible;
        opacity: 1 !important
    }

    .TabbedPanels2 .TabbedPanelsContent.TabbedPanelsContentVisible .home-model-list-new {
        right: 0% !important;
        z-index: 1000 !important;
        top: 0 !important;
        bottom: 0 !important;
        box-sizing: border-box;
        padding-top: 40px !important
    }

    .TabbedPanels2 .TabbedPanelsContent.TabbedPanelsContentVisible .inner-brand-content-research .home-model-list-new {
        top: 35px !important;
        padding-top: 45px !important;
        height: auto !important;
        bottom: inherit !important;
    }

    .home-model-list-old {
        position: absolute !important;
        left: 0 !important;
        z-index: 1001 !important;
        right: 50% !important;
        z-index: 1001 !important;
        top: 1px !important;
        box-sizing: border-box;
        width: auto !important;
        height: auto !important;
        padding: 10px 24px
    }

    .close-list .home-model-list {
        top: 500px !important
    }

    .bmcgrp ul li {
        margin: 0 auto !important;
        width: 47%;
        padding: 20px 4px
    }

    .bmcgrp ul li img {
        width: 70% !important
    }

    .bmcgrp ul.home-specialCase-list li {
        width: 100%
    }

    .bmcgrp ul.home-specialCase-list li img {
        width: 30% !important
    }

    .TabbedPanelsContent .pricecol li {
        width: 100%
    }

    .TabbedPanelsContent .pricecol {
        width: 50%;
        box-sizing: border-box;
        padding-right: 28px;
    }

    .bmcgrpnw ul {
        width: 100%;
        margin: 0 auto
    }

    .home-bodytype-list li img {
        width: 100%
    }

    .home-specialCase-list li img {
        width: 100%
    }

    .bmcgrp {
        background: #fff;
        border-top: 1px solid #b4b4b4;
        bottom: 0;
        padding: 24px;
        box-sizing: border-box;
        direction: rtl;
        height: 100%
    }

    .TabbedPanelsContentVisible .bmcgrp {
        left: 0
    }

    .price-col-outer {
        background: #fff;
        border-top: 1px solid #b4b4b4;
        bottom: 0;
        padding: 24px;
        box-sizing: border-box;
        direction: rtl;
        height: auto
    }

    .TabbedPanelsContentVisible .price-col-outer {
        left: 0
    }

    .bmcgrpnw {
        background: #fff;
        border-top: 1px solid #b4b4b4;
        bottom: 0;
        padding: 24px;
        box-sizing: border-box;
        direction: rtl
    }

    .TabbedPanelsContentVisible .bmcgrpnw {
        left: 0
    }

    .research-banner {
        background: #fff;
        border-top: 1px solid #b4b4b4;
        bottom: 0;
        padding: 24px;
        box-sizing: border-box;
        direction: rtl;
        height: 100%
    }

    .TabbedPanelsContentVisible .research-banner {
        left: 0
    }

    .research-banner .pbleft img {
        height: auto;
        width: 70%
    }

    .research-banner .pbright {
        margin: 0;
        max-width: inherit
    }

    .price-banner .pbleft img {
        height: auto;
        width: 70%
    }

    .price-banner .pbright {
        margin: 0;
        max-width: inherit
    }

    .price-banner {
        background: #fff;
        border-top: 1px solid #b4b4b4;
        bottom: 0;
        padding: 24px;
        box-sizing: border-box;
        direction: rtl;
        height: 100%
    }

    .pricecol li a {
        font-size: 12px;
        line-height: 16px
    }

    .TabbedPanelsContentVisible .price-banner {
        left: 0
    }

    .pbleft {
        float: none;
        display: block;
        padding: 0;
        max-width: 250px;
        margin: 0 auto
    }

    .pbleft img {
        width: 100%
    }

    .pbright {
        float: none;
        display: block;
        padding: 0;
        margin: -80px auto 0 auto;
        max-width: 240px
    }

    .pbright h3 {
        font-size: 24px;
        line-height: 17px;
        margin-bottom: 5px !important
    }

    .pbright p {
        font-size: 14px;
        line-height: 30px
    }

    .price-banner .btn_link,
    .research-banner .btn_link {
        margin: 0
    }

    .TabbedPanelsTabSelected .expand-list {
        position: absolute;
        top: 2px;
        right: 28px;
        background: #fff !important;
        min-width: 50px;
        font-size: 13px !important;
        line-height: 17px !important;
        z-index: 99999
    }

    .TabbedPanels2 .TabbedPanelsTabSelected.TabbedPanelsTab {
        border-color: transparent !important;
        width: 100% !important;
        background: #fff;
        height: 37px !important
    }

    .mob-footer-outer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 24px 20px;
        background: #343434;
        z-index: 9;
    }

    .mob-footer {
        border-top: 1px solid #ababab;
        padding-top: 14px;
    }

    .darkheader .mob-footer {
        /* border-top: 1px solid #ffb71b; */
        border-top: 1px solid #ababab !important;
    }

    .mob-footer-logo {
        width: 28px;
        height: 22px;
        float: right;
        position: relative
    }

    .mob-footer-logo a {
        display: block
    }

    .mob-footer-logo a img {
        width: 100%
    }

    .mob-copyright-text {
        width: 40%;
        float: left;
        direction: ltr;
        position: relative;
        top: 4px
    }

    .mob-copyright-text p {
        display: block;
        color: #b8b8b8;
        line-height: 21px;
        font-size: 8px;
        float: right
    }

    .mob-copyright-text p span {
        display: block;
        line-height: 12px
    }

    #XTXBULLET0 {
        margin-top: -65px !important;
        margin-left: -30px !important
    }

    #XTXBULLET1 {
        margin-top: -81px !important;
        margin-left: -37px !important
    }

    #XTXBULLET2 {
        margin-top: -44px !important;
        margin-left: -51px !important
    }

    #XTXBULLET3 {
        margin-top: -88px !important;
        margin-left: -66px !important
    }

    #XTXBULLET4 {
        margin-top: -60px !important;
        margin-left: -73px !important
    }

    #XTXBULLET5 {
        margin-top: -68px !important;
        margin-left: -91px !important
    }

    #XTXBULLET6 {
        margin-top: -53px !important;
        margin-left: -96px !important
    }

    footer {
        padding: 5px 25px;
        /*uniform padding*/
    }

    #content {
        padding: 0 !important
    }

    .home-brand-list li {
        /*padding-bottom: 30px*/
        /*removed on 11-JAN-2018*/
        padding: 5px 0px;
    }

    .content-open footer {
        display: none
    }

    #nav li a.nav_link.login-mob {
        border: 0
    }

    #nav li a.nav_link.logout-mob {
        position: relative
    }

    #nav li a.nav_link.logout-mob:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background: #b9d59e;
        height: 1px;
        top: 0
    }

    .car-page-h1-section {
        display: none
    }

    .car-page-h1-section.car-page-mob-title {
        display: block;
        border: 0;
        margin-bottom: 0;
        height: auto
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section {
        width: 100%;
        height: auto;
        padding: 0 24px;
        box-sizing: border-box;
        font-size: 18px;
        line-height: 22px;
        margin-top: 10px;
        margin-bottom: -10px
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section span {
        /*float: left*/
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section h1 {
        float: right;
        font-size: 18px;
        line-height: 22px;
        color: #D5C812;
        margin-right: 0
    }

    .dvRight {
        width: 100%
    }

    .topicPages .paragraph {
        width: 100%
    }

    .topicPages .dvContentRight {
        width: 100%
    }

    .custom-fld {
        width: 85%
    }

    .frmlogin .field-validation-error {
        right: auto !important
    }

    input[type=text].custom-fld,
    .custom-fld {
        resize: none;
        box-sizing: border-box;
        width: 90%
    }

    .dvContentMiddle {
        display: none
    }

    .topicPages .dvContentLeft {
        width: 100%;
        margin: 20px 0;
        padding: 22px 0
    }

    .formarea {
        padding: 0 25px !important;
        box-sizing: border-box
    }

    /*input[type=text], input[type=password] {
       height: 35px !important;
        height: 36px !important;
        padding: 0 10px !important
    }*/
    .top-title-div {
        margin: 0 !important
    }

    .top-title-div .top-main-title {
        margin: 0 !important
    }

    .mob-below-contact {
        position: relative
    }

    .mob-below-contact:after {
        content: "\9";
        position: absolute;
        top: 0;
        right: -24px;
        left: -24px;
        background: #b4b4b4;
        height: 1px
    }

    .topicPages {
        position: relative !important
    }

    .contactMedia .title {
        margin: 4px 0 0 8px;
        width: 60px
    }

    .formblock {
        overflow: inherit
    }

    /*.topicPages .mobile-contact-detail .field-validation-error {
        position: relative;
        margin-right: 0;
        right: 0;
        top: 0;
        vertical-align: top
    }*/
    /*.dvContentRight.mobile-contact-detail .inputbtn2.large {
        float: right;
        width: 94% !important
    }*/
    .dvContentLeft.mob-below-contact {
        margin-bottom: 0;
        padding-bottom: 0
    }

    table tr td {
        width: 100% !important;
        display: block;
        box-sizing: border-box
    }

    table tr td p {
        direction: rtl
    }

    .mobile-content {
        padding: 0 25px;
        margin-top: 35px
    }

    .mobile-content .top-title-div {
        padding-bottom: 10px
    }

    .mobile-content .mobileiconDiv {
        width: 33.33%;
        box-sizing: border-box;
        padding-left: 15px
    }

    .mobile-content .mobileiconDiv img {
        width: 100%;
        max-width: 170px
    }

    .mobile-logo {
        margin: 0 !important
    }

    .dvLeft {
        width: 100%
    }

    .formarea .formblock .dvLeft .form-horizontal .dvContentRight .custom-fld {
        width: 90%
    }

    .frmlogin .dvContentRight {
        width: 100%
    }

    .dvContentRight .inputbtn2.large {
        width: 90% !important;
        float: right
    }

    .dvContentRight .inputbtn2.large2 {
        float: none !important;
        margin-bottom: 10px;
        width: 90% !important
    }

    .frmlogin .customlist {
        width: 94% !important
    }

    .customlist {
        font-size: 13px !important
    }

    .frmlogin .dvContentLeft {
        width: 100% !important
    }

    .frmlogin .formblock label {
        width: 80% !important
    }

    .topicPages .media ul {
        margin-right: 14px
    }

    .topicPages .media li {
        padding: 0 !important
    }

    .topicPages .quote-box {
        width: 100%;
        box-sizing: border-box;
        display: none
    }

    .dvRight {
        padding: 24px 0 !important
    }

    .sell-styled-select {
        width: 94%
    }

    .insert-new-ad-page .customlist {
        width: 100%
    }

    .insert-new-ad-page .txtfldsm {
        width: 90%
    }

    .insert-new-ad-page .textarea {
        width: 75%;
        resize: none;
        box-sizing: border-box
    }

    .fileup {
        width: 90% !important;
        box-sizing: border-box
    }

    .formblock .textarea {
        padding: 5px 10px
    }

    .uploadbox {
        width: 94% !important;
        box-sizing: border-box
    }

    .insert-new-ad-page .dvRight {
        padding: 25px !important;
        box-sizing: border-box
    }

    #frmInsertNewAd .formarea .formbtn .inputbtn2 {
        width: 90%;
        /*margin-bottom: -50px*/
    }

    .flexslider {
        border: 0 !important;
        margin-bottom: 0 !important
    }

    .flexslider .slides img {
        width: 100% !important
    }

    .flex-direction-nav a {
        overflow: visible !important
    }

    .flex-control-nav.flex-control-paging {
        display: none
    }

    .flex-direction-nav a:before {
        text-shadow: none !important;
        font-size: 20px !important
    }

    .searcharea table {
        display: none
    }

    .eventlist {
        padding: 0 25px 15px;
        /*uniform padding*/
        margin: 0 !important;
    }

    .tag img {
        width: 100%;
        height: auto;
        max-width: 40px;
        float: left;
    }

    .eventlist ul li .tag {
        width: 8%;
        /*top: 25px;*/
        top: 0;
        left: 0;
    }

    .eventlist ul li {
        box-sizing: border-box;
        padding: 25px 0;
        border: 0;
        display: table;
        table-layout: fixed;
    }

    /*.eventlist ul li {
        box-sizing: border-box;
        padding-bottom: 29.28%;
        padding-left: 0 !important;
        padding-right: 55%;
        padding-top: 20px !important;
        position: relative;
        overflow: visible;
        border: 0;
        float: left;
        width: 100%
    }*/
    .eventlist.newstyle ul li {
        float: left;
        width: 100%
    }

    /*.eventlist > ul > li:after {
        content: "";
        background: #e0e0e0;
        width: 100%;
        top: 0;
        position: absolute;
        height: 1px
    }*/
    .eventlist>ul>li:before {
        content: "";
        background: #e0e0e0;
        /*width: 100%;*/
        top: 0;
        position: absolute;
        height: 1px;
        left: 0;
        right: 0;
    }

    .eventlist>ul>li:first-child:before {
        left: -25px;
        right: -25px;
    }

    .search-new-page .photo img {
        width: 100% !important;
        height: auto;
        min-height: inherit !important;
        /*height: 100% !important;
        width: auto !important;
        min-width: unset !important;
        max-width: unset !important;*/
    }

    .photo a {
        display: block;
        /*width: 95%;*/
        width: 100%;
        min-width: 80px;
        height: auto;
        background-color: #efefef;
        position: relative;
        float: right;
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
    }

    .eventlist ul#dealerList li .photo a {
        width: 98%;
        margin-right: 2%;
    }

    .photo img {
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        max-height: auto;
        /*min-height: 100px;*/
    }

    /*Please check first*/
    /*.photo img.ratioimg {
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important
    }*/
    /*.eventlist ul li .photo {
        width: 50% !important;
        height: auto;
        margin-left: 12px;
        position: absolute;
        right: 0;
    }*/
    .eventlist ul li .photo {
        width: 42.595% !important;
        display: table-cell;
        margin-left: 0;
        float: none;
        overflow: hidden;
        /*position: relative;*/
    }

    .eventlist.dealer-ads ul li .photo {
        width: 50% !important;
        height: auto !important;
        margin-left: 12px;
        position: absolute;
        right: 0;
        overflow: hidden !important
    }

    .eventlist.dealer-ads ul li .photo img {
        width: 100% !important;
        height: auto !important
    }

    .eventlist ul li .detail {
        width: 100% !important;
    }

    .eventlist.dealer-ads ul li .detail {
        width: 100%
    }

    .eventlist ul li .detail p {
        line-height: 20px
    }

    /*.eventlist ul li .cost {
        width: 100%;
        bottom: 14px;
        font-size: 14px;
        line-height: 15px
    }*/
    .eventlist ul li .cost {
        width: 100%;
        bottom: 8px;
        font-size: 14px;
        line-height: 15px
    }

    p.cost {
        display: inline-block;
        font-size: 11px
    }

    .symbole img {
        width: 100%;
        width: 40px !important;
        float: left;
        height: auto
    }

    /*.eventlist ul li .symbole {
        bottom: 14px;
        left: auto;
        right: 50%;
        top: auto;
        width: 6%
    }*/
    .search-new-page .eventlist ul li .detail h2 {
        margin: 0 0 12px
    }

    .search-new-page .eventlist ul li .detail a.cartitle h2 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%;
        line-height: 20px;
        font-size: 12px;
        margin: 0 0 12px;
    }

    .search-new-page .eventlist ul li .detail h2 a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 300px;
        line-height: 20px;
    }

    .year-label.visible-xs {
        display: inline-block !important;
        font-size: 11px;
        margin-left: 5px;
        color: #555;
        line-height: 15px;
        float: right
    }

    .price.price-milage-mobile {
        display: inline-block !important;
        width: auto !important;
        float: none !important
    }

    .eventlist ul li .detail h2 {
        font-size: 12px;
        line-height: 20px;
    }

    .eventlist ul li .detail a.cartitle h2 {
        font-size: 12px;
        line-height: 20px;
    }

    .addetailpage-div .mod-date-car-page {
        margin-top: 2px !important;
        margin-bottom: 5px;
        width: 100%;
        margin-right: 0 !important;
        font-size: 9px
    }

    .paging-block {
        box-sizing: border-box;
        padding: 20px 24px 20px;
        margin-bottom: -30px
    }

    .paging-bottom-div {
        padding: 10px 24px;
        box-sizing: border-box
    }

    .menulinks {
        padding: 0 24px;
        box-sizing: border-box
    }

    .paging ul {
        text-align: center
    }

    .paging ul li {
        width: 13%;
        float: right;
        text-align: center
    }

    .paging ul li a {
        box-sizing: border-box;
        font-size: 13px;
        height: auto;
        line-height: inherit;
        margin: 0 !important;
        padding: 7px;
        width: auto
    }

    .paging {
        padding: 0;
        margin: 0 0 0 0;
        height: 25px;
        overflow: hidden;
        width: 100%
    }

    /*.eventlist ul li .listdata {
        height: 100%;
        padding: 0 0 10px;
        width: 100% !important
    }*/
    .eventlist ul li .listdata {
        display: table-cell;
        padding: 0 25px 10px 0;
        height: auto;
        float: none;
        vertical-align: top;
        width: 55.405% !important;
    }

    .eventlist.dealer-ads ul li .listdata {
        height: 100%;
        padding: 0 0 10px;
        width: 110% !important
    }

    .bama-internal-banner {
        text-align: center
    }

    .bama-internal-banner a img {
        width: 100% !important;
        height: auto !important
    }

    .search-new-page .bama-internal-banner a {
        float: none
    }

    .filter-ico-outer {
        position: fixed;
        width: 18px;
        height: 18px;
        background: var(--magenta);
        padding: 16px;
        border-radius: 100%;
        bottom: 6px;
        left: 9px;
        z-index: 10001;
    }

    .car-ad-list.filter-ico-outer {
        height: 18px;
        background: var(--magenta);
        padding: 7px 32px 7px 10px;
        position: absolute;
        color: #fff;
        border-radius: 4px;
        left: 25px;
        top: 10px;
        z-index: 2;
        text-decoration: none;
    }

    .filter-ico-outer.checked-logo {
        background: #D5C812
    }

    .filter-ico-outer a {
        display: block
    }

    .filter-ico-outer img {
        width: 100%;
        margin-top: 2px
    }

    .car-ad-list.filter-ico-outer img {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 6px;
    }

    p.price.milage-text-mobile {
        direction: ltr
    }

    #ex-color.visible-xs,
    #body-status.visible-xs {
        display: inline-block !important;
        overflow: hidden
    }

    .provice-mobile {
        display: inline-block !important;
        overflow: hidden
    }

    .research-new-brand-div .research-new-collapse {
        width: 15px;
        height: 15px;
        display: block
    }

    .research-new-expand>img,
    .research-new-collapse>img {
        width: 100%;
        height: 100%
    }

    .filter-custom-select {
        width: 100%;
        background: transparent;
        border: 0;
        direction: rtl
    }

    .detail .mid {
        position: absolute;
        top: 50%;
        margin-top: -28px
    }

    .icheckbox-mobile .icheckbox {
        border: 1px solid #9a9a9a;
        height: 25px;
        width: 25px;
        background-size: 80%
    }

    .icheckbox-mobile .icheckbox.checked {
        border: 1px solid #D5C812;
        background: url(/img/tick-green.png) 60% 50% no-repeat;
        background-size: 80%
    }

    .prd-detail .prdleft {
        width: 100%
    }

    .prd-detail.ad-detail-maindiv {
        padding-top: 65%;
        position: relative;
        overflow: visible;
    }

    @-moz-document url-prefix() {
        .prd-detail.ad-detail-maindiv {
            padding-top: 66%;
        }
    }

    .prd-detail.ad-detail-maindiv .prdleft {
        position: absolute;
        left: 0;
        top: 0
    }

    .prdleft .img-gallery {
        width: 100%
    }

    .prdleft .img-gallery .mainthumb {
        width: 100%;
        height: auto
    }

    .prdleft .img-gallery .mainthumb img {
        width: 100%;
        height: auto
    }

    .prd-detail .prdright {
        width: 100%;
        margin: 0
    }

    .prdright .prdinfo {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .infoleft .imglinks a.tag img {
        /*display: none*/
        margin-top: 4px;
    }

    .inforow .inforight {
        width: 100%;
        box-sizing: border-box;
        font-size: 14px
    }

    .inforow {
        padding-bottom: 7px !important
    }

    .newinfo {
        margin: 0 25px;
        width: auto
    }

    .inforight .titlepanel h1 {
        border: 0;
        margin: 0
    }

    .inforight .titlepanel {
        margin: 12px 0 8px !important
    }

    .botgallery {
        padding: 0 25px;
        box-sizing: border-box;
        margin-bottom: 50px !important
    }

    .botgallery h3 {
        line-height: 20px;
        font-size: 15px;
        max-width: 500px;
        margin: 0 auto 10px auto;
        padding: 5px 0 5px 0 !important;
        color: #444 !important;
        font-weight: bold;
    }

    .botgallery ul {
        margin: 0 auto !important;
        max-width: 500px
    }

    .botgallery ul li {
        float: right;
        width: 50% !important;
        margin: 0;
        padding: 0 10px 30px;
        box-sizing: border-box
    }

    .botgallery ul li .name a,
    .botgallery ul li .price a {
        font-size: 14px;
        padding-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .botgallery ul li a {
        width: 100%;
        height: auto
    }

    .botgallery ul li a img {
        width: 100%;
        height: auto;
        box-sizing: border-box
    }

    .linkblock ul {
        margin: 0 -10px
    }

    .linkblock {
        padding: 15px 0;
        margin: 0 25px
    }

    .linkblock ul li {
        width: 15% !important;
        height: auto;
        padding: 5px;
        box-sizing: border-box;
        margin: 0 !important;
    }

    .linkblock ul li a {
        float: right;
        width: 100% !important;
        height: auto;
        line-height: inherit !important;
        box-sizing: border-box;
        padding: 18px
    }

    .linkblock ul li a img {
        width: 100%;
        height: auto !important
    }

    .linkblock ul li a:hover img {
        display: block
    }

    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .visible-xs-trim {
        display: block;
    }

    .smallthumbs {
        padding: 20px 24px
    }

    .smallthumbs ul {
        margin: 0
    }

    .smallthumbs ul li {
        float: right
    }

    .prd-detail .prdright .prdinfo .addetaildesc {
        margin: 0 25px 0 25px;
        box-sizing: border-box
    }

    .phone-first-field {
        margin-left: 5px
    }

    #phone-open {
        float: right
    }

    .ad-detail-maindiv .imgtxt {
        border-bottom-color: transparent !important
    }

    .ad-detail-maindiv.prd-detail .car-detail-info-header {
        border-bottom: 0;
        position: relative;
        float: right;
        width: 100%;
        /*height: 100px;*/
        display: block;
        clear: both;
        z-index: 99;
    }

    .ad-detail-maindiv.prd-detail .car-detail-info-header:after {
        content: "";
        position: absolute;
        border: 1px solid #eee;
        left: 24px;
        right: 24px;
        top: 100%;
        margin-top: 2px;
    }

    .ad-detail-maindiv.prd-detail .car-detail-info-header .left-corporation-div {
        float: right !important
    }

    .adreport-link {
        padding: 0;
        direction: rtl;
    }

    .adreport-link a {
        color: var(--bluegreen);
    }

    .outer-security {
        margin: 25px 25px 0 !important;
        display: inline-block !important;
    }

    .addetail-page-sefr-spec-links {
        margin-bottom: 0 !important;
    }

    #content.ad-detail-mob {
        padding-bottom: 30px !important;
        overflow: visible;
    }

    .ratioimg {
        position: static !important;
        width: 100% !important;
        height: auto !important;
        vertical-align: middle
    }

    .model-list ul li {
        border: 0 !important;
        position: relative;
        padding: 110px 0 14px;
        z-index: 9;
    }

    .model-list ul li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0px;
        right: 0px;
        height: 1px;
        background: #e0e0e0
    }

    .model-list ul li .photo {
        width: 100%;
        height: auto;
        padding: 0 40px;
        box-sizing: border-box
    }

    .price-new-page .price-row .model-detail-new-css {
        padding: 0;
        box-sizing: border-box;
        width: 100%
    }

    .price-new-page.price-new-page-detail .price-brandmodelname.price-detail-firstdiv {
        width: 50% !important;
        padding: 15px 0 0;
        float: right;
        margin-left: 0 !important
    }

    .price-brandmodelname.price-detail-firstdiv p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 16px
    }

    .price-detail-seconddiv p {
        font-size: 16px;
        line-height: 26px
    }

    .price-detail-seconddiv p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .price-detail-seconddiv {
        width: 51%
    }

    .price-detail-thirddiv {
        float: left;
        width: 49%;
        margin-top: -66px;
        max-width: 250px
    }

    .price-row .car-price-detail-title {
        border-bottom: 0;
    }

    .price-row .price-detail-thirddiv {
        float: none;
        width: auto;
        margin: 0;
        max-width: inherit;
    }

    .price-row .price-detail-seconddiv {
        width: auto;
        float: none;
    }

    .price-row .price-detail-seconddiv p {
        margin-bottom: 0 !important;
        font-size: 12px;
        line-height: 20px;
    }

    .price-row .graph-links.model-detail-graph-link a .right-block {
        float: right;
        width: 60%;
        font-size: 11px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .price-row .graph-links.model-detail-graph-link a .left-block {
        float: left;
        width: 40%;
        font-size: 11px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .price-row .right-block .provider-name-css {
        width: 100%;
        position: relative;
        font-size: 11px;
        line-height: 16px;
    }

    .price-row .right-block .provider-name-css span {
        position: absolute;
        right: 0;
        top: 0;
        margin-top: 3px;
        font-size: 11px;
        line-height: 16px;
    }

    .price-row .provider-name-css f {
        display: block;
        float: none;
        width: auto;
        padding-right: 25px;
        padding-bottom: 4px;
    }

    .price-row .graph-links.model-detail-graph-link a .left-block span {
        display: block;
        width: auto;
        float: none !important;
        text-align: left;
        margin: 0 !important;
        padding: 0;
        line-height: 20px;
        height: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .price-row .graph-links.model-detail-graph-link a .left-block span.model-price-price {
        font-size: 12px;
    }

    .price-row .graph-links.model-detail-graph-link a .right-block span.price-type {
        font-size: 11px;
        width: 140px;
        margin-left: 0;
        margin-top: 1px;
    }

    .price-detail-thirddiv a {
        display: block
    }

    .price-detail-thirddiv img {
        width: 100%;
        height: auto
    }

    .price-detail-content-div .price-detail-dropdown {
        float: left;
        padding: 0 0 10px;
        width: 40%
    }

    .price-detail-content-div .price-detail-dropdown .customlist {
        width: 100% !important;
        float: left
    }

    .graph-links.model-detail-graph-link {
        width: 100%
    }

    .below-mobprice-links {
        float: right;
        width: 58%
    }

    .graph-links.model-detail-graph-link a {
        margin-bottom: 20px !important
    }

    .model-detail-graph-link .model-price-price {
        margin: 0 !important;
        float: left !important
    }

    .provider-name-css {
        width: 50%;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px
    }

    .provider-name-css f {
        width: 50%;
        float: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px
    }

    #XTX-ID-TheHeader {
        width: 100%;
        border: 0;
        position: relative
    }

    #XTX-ID-TheHeader:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 24px;
        right: 24px;
        height: 1px;
        background: #e0e0e0
    }

    #XTX-ID-MarqueeContainer {
        width: 100%
    }

    h2.emailprice-button {
        right: 24px !important
    }

    #XTX-ID-TheHeader h2,
    #XTX-ID-TheHeader h1 {
        top: 66px;
        display: none
    }

    .price-new-page.price-new-page-detail .model-brand-list-price {
        padding: 0 0 10px !important
    }

    .price-row:last-child {
        padding-bottom: 0 !important;
        margin-bottom: -30px
    }

    .price-new-page .price-row .photo {
        float: left !important;
        margin-top: 0 !important;
        position: absolute;
        left: 0;
        top: 0;
        /*width: 120px !important;*/
        width: 75px !important;
        height: 60px !important;
        z-index: 2;
    }

    .price-new-page .price-row .photo.fixed {
        position: fixed;
        right: 25px !important;
    }

    .price-new-page .price-row-detail .photo img {
        width: 46px !important;
        height: 46px !important;
        right: 0 !important;
    }

    .price-new-page.price-new-page-detail .price-row .price-detail-right {
        width: 100%;
    }

    .price-new-page.price-new-page-detail .price-row .b-title {
        margin: 0 !important;
        padding: 10px 0px 15px 0;
        /*padding-right: 0;*/
        font-size: 15px;
        float: none;
        width: auto;
    }

    .model-brand-list-price .price-pricediff {
        /* display: none; */
        box-sizing: content-box !important;
        width: 60px;
    }

    .model-brand-list-price .price-multiplepricesource {
        display: none
    }

    .model-brand-list-price .price-lastmodifieddate {
        display: none
    }

    .model-brand-list-price .price-label {
        display: none
    }

    .price-new-page .brand-name-price {
        border-bottom: 1px solid #e0e0e0;
        padding: 30px 0
    }

    .price-new-page .price-page-brand-name {
        text-align: right !important;
        /*padding-right: 90px;*/
        /*position: absolute;*/
        position: relative;
        padding: 15px 90px 30px 0;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 1;
    }

    .price-new-page .price-page-brand-name.fixed {
        position: fixed;
        width: auto;
        left: 25px;
        right: 25px;
    }

    .price-new-page .price-page-brand-name.fixed~.price-page-brand-image {
        position: fixed;
    }

    /*.price-new-page .hide-heading .price-page-brand-name.fixed, .price-new-page .price-row.hide-heading .photo.fixed {
        position: absolute;
    }
    .price-row.hide-heading + .price-row {padding-top:0;}*/
    .model-list ul.price-list-content-top-border {
        margin-top: 10px;
    }

    .price-new-page .price-brandmodelname {
        width: 65%;
        margin-left: 10px !important;
        float: right
    }

    .price-new-page .price-brandmodelname p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 17px;
        font-size: 12px;
        margin-bottom: 0;
    }

    .price-new-page .price-modelyear {
        width: 7%;
        margin-left: 5px !important;
        float: right;
        font-size: 13px;
        line-height: 20px
    }

    .price-new-page .price-modelyear p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .price-new-page .price-classname {
        width: 37%;
        margin-left: 10px !important;
        float: right;
        font-size: 13px;
        line-height: 20px
    }

    .price-new-page .price-price {
        width: 30%;
        float: left;
        font-size: 12px;
        line-height: 17px;
        text-align: left
    }

    .price-new-page .price-price p {
        margin-bottom: 0;
    }

    .car-price-detail-title {
        border-bottom: 1px solid #ccc;
        padding: 10px 0
    }

    .price-relatedads-link {
        font-size: 14px;
        line-height: 30px
    }

    .price-detail-right .photo {
        position: relative !important;
        top: 0 !important
    }

    .price-detail-right .photo a img {
        left: 12px !important
    }

    .price-detail-seconddiv p,
    .price-detail-firstdiv p {
        margin-bottom: 14px !important
    }

    .price-detail-content-div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mobile-lower-pricegroup {
        margin-bottom: 10px
    }

    .price-new-page .model-brand-list-price {
        margin-top: 5px !important
    }

    .car-price-detail-title .price-detail-right .photo {
        float: right !important;
        width: 65px !important;
        padding: 0 !important
    }

    .price-row .car-price-detail-title .price-detail-right .photo {
        width: 46px !important;
        height: 46px !important;
        margin-left: 10px;
    }

    .car-price-detail-title .b-title {
        float: left;
        margin-top: 33px;
        margin-bottom: 0 !important
    }

    .search-new-page .eventlist ul li .detail .provice {
        font-size: 11px;
        line-height: 20px !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .search-new-page .eventlist ul li .detail .shortdesc {
        font-size: 11px;
        margin-top: 0;
        line-height: 20px !important;
    }

    .search-new-page .eventlist ul li .detail .price {
        margin-top: 0;
        font-size: 11px;
        line-height: 15px !important;
    }

    .security-status {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: .2fr 1.5fr;
        grid-template-rows: 100%;
        direction: rtl;
        align-items: center;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
    }

    .security-status img {
        margin: 10px 0 !important;
        width: 25px;
    }

    .mob-price-dropdown {
        width: 140px;
    }

    .mob-price-dropdown .XTX-Select {
        height: 30px;
    }

    .mob-price-dropdown .customlist {
        width: 100%;
        /*background: url("../../images/selectbg.png") no-repeat scroll left top #e2e2e2;*/
        background: scroll left top #e2e2e2;
        border-radius: 0;
        padding: 0 10px;
        box-sizing: border-box
    }

    .related-link {
        width: 32%;
        float: left;
        margin-right: 3px;
        width: 100%
    }

    .technical-info-link {
        width: 32%;
        float: left;
        margin-right: 3px;
        width: 100%
    }

    #report-ad-popup .modal {
        overflow-y: visible
    }

    /*#report-ad-popup .modal-dialog {
        width: 80% !important
    }*/
    #report-ad-popup .research-add-bug-report .modal-dialog {
        width: auto !important;
    }

    #report-ad-popup .modal-dialog .modal-content {
        padding: 20px 23px
    }

    #report-ad-popup .modal-header {
        padding: 0 0 10px
    }

    #report-ad-popup .modal-body {
        padding: 20px 0
    }

    #report-ad-popup .formarea {
        padding: 0 !important
    }

    #report-ad-popup #txtdescription {
        width: 100%;
        box-sizing: border-box;
        background: white;
    }

    #report-ad-popup .modal {
        overflow: auto;
    }

    #report-ad-popup #radio-bug {
        margin: 3px 0 0 5px
    }

    .list-unstyled li {
        padding: 0 !important
    }

    .list-unstyled .barter-ul {
        padding-right: 20px
    }

    .tarrif .tariifbig img {
        width: 100%
    }

    .show-filter .filter-wrapper {
        left: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        top: 0;
        z-index: 9;
    }

    .show-filter body,
    .show-filter {
        position: fixed;
        top: 0;
        overflow: hidden;
        width: 100%
    }

    html.show-filter .search-new-page .eventlist,
    html.show-filter .paging-bottom-div.paging-new {
        display: none !important;
    }

    .filter-wrapper {
        padding: 0 24px;
        left: -100%;
        position: fixed;
        top: 58px;
        /*overflow-y: scroll;*/
        -webkit-overflow-scrolling: touch;
        background: #fff;
        width: 0;
        box-sizing: border-box;
        z-index: 2;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
    }

    .close-result {
        width: 18px;
        padding-left: 4px
    }

    .close-result img {
        width: 100%
    }

    .header-upper .refresh-list {
        position: absolute;
        left: auto;
        font-size: 15px;
        color: #555;
        text-decoration: none;
        right: 25px;
        text-align: right;
        line-height: 1;
        border: 1px solid currentColor;
        display: inline-block;
        padding: 5px 10px 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-upper .no-filter {
        position: absolute;
        left: auto;
        font-size: 15px;
        color: #555;
        text-decoration: none;
        right: 25px;
        text-align: right;
        line-height: 1;
        border: 1px solid transparent;
        display: inline-block;
        padding: 5px 0 10px 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-upper {
        position: fixed;
        padding: 20px 25px;
        width: 100%;
        height: auto;
        background: #fff;
        box-sizing: border-box;
        z-index: 3;
        margin-left: -24px;
        background-color: #e9e9e9;
    }

    .header-upper-title {
        color: var(--magenta);
        font-size: 15px;
        /*line-height: 22px;
        top: 11px;
        position: absolute;
        left: 50%;
        margin-left: -37px;
        top: 14px*/
    }

    .card-wrapper {
        background: #f4f4f4;
        padding: 12px 12px;
        margin: 0 0 20px 0
    }

    .mobile-card-wrapper {
        /* margin-top: 55px */
    }

    .refresh-ico {
        width: 15px;
        height: auto;
        margin-right: 10px
    }

    .refresh-ico img {
        width: 100%;
        height: 100%
    }

    .dk-selected {
        background: none;
        border-color: transparent;
        border-radius: 0;
        padding: 0;
        color: #292929
    }

    .dk-selected:hover,
    .dk-selected:focus {
        border-color: transparent
    }

    .dk-selected:hover:before,
    .dk-selected:focus:before {
        border-top-color: #747474
    }

    .dk-select-open-up .dk-selected:before,
    .dk-select-open-down .dk-selected:before {
        border-bottom-color: #747474;
        border-width: 0 7px 7px
    }

    .dk-selected:hover:after,
    .dk-selected:focus:after {
        border-left-color: transparent
    }

    .dk-selected:after {
        border-left-color: transparent
    }

    .dk-selected:after {
        left: 0
    }

    .dk-select,
    .dk-select-multi {
        font-size: 15px;
        line-height: 19px
    }

    .dk-option-selected {
        background: transparent;
        color: #000
    }

    .dk-option {
        padding: 7px
    }

    .custom-dropdown {
        width: 60%;
        direction: rtl
    }

    .dk-selected:before {
        left: 0;
        right: auto;
        border-width: 6px;
        border-top-color: #747474
    }

    .dk-select-open-up .dk-select-options,
    .dk-select-open-down .dk-select-options,
    .dk-select-multi:focus .dk-select-options {
        border-color: #f4f4f4
    }

    .result-fields {
        padding: 8px 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        position: relative;
        margin: 5px 0
    }

    .result-fields label {
        float: right;
        font-size: 13px;
        line-height: 17px;
        color: #292929;
        padding: 5px 0;
        font-family: 'XSANS' !important
    }

    .ui-widget-content {
        width: calc(100% - 48px) !important;
        box-sizing: border-box;
        left: 24px !important;
        right: 0 !important
    }

    .ui-widget-header {
        border-color: transparent;
        background: none
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #000;
        background: none;
        color: #000
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-radius: 0
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 7px 22px;
        float: none;
        display: block;
        border: 0;
        font-size: 13px;
        line-height: 17px;
        font-family: 'XSANS'
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background: #a8a8a8
    }

    .ui-tabs .ui-tabs-nav li {
        border-bottom-width: 1px;
        margin: 0 !important;
        padding: 0 !important
    }

    .ui-tabs .ui-tabs-panel {
        padding: 10px 0
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border-color: #dadada
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        color: #252525
    }

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #727272;
        font-size: 13px;
        line-height: 18px;
        font-family: 'XSANS'
    }

    .filter-btn-new li {
        float: left;
        width: 33%;
        border: 1px solid #c5c5c5;
        box-sizing: border-box
    }

    .filter-btn-new li a {
        padding: 7px 10px;
        display: block;
        border: 0;
        font-size: 13px;
        line-height: 17px;
        font-family: 'XSANS';
        color: #333;
        text-align: center
    }

    .filter-btn-new li a:hover {
        background: #dff1cd;
        text-decoration: none
    }

    .filter-btn-new li a.active {
        background: #dff1cd;
        text-decoration: none
    }

    .filter-btn li {
        float: left;
        width: 50%;
        border: 1px solid #c5c5c5;
        box-sizing: border-box
    }

    .filter-btn li a {
        padding: 7px 22px;
        display: block;
        border: 0;
        font-size: 13px;
        line-height: 17px;
        font-family: 'XSANS';
        color: #333;
        text-align: center
    }

    .filter-btn li a:hover {
        background: #dff1cd;
        text-decoration: none
    }

    .filter-btn li a.active {
        background: #dff1cd;
        text-decoration: none
    }

    .ui-tabs .ui-tabs-nav {
        padding: 0
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        background: none
    }

    .switch-big {
        width: 50px
    }

    .toggle-labels {
        position: absolute;
        right: 0;
        top: 10px
    }

    .switch-big .toggle-on,
    .switch-big .toggle-off {
        text-indent: -9999px !important;
        background: #dadada
    }

    .switch-big.on .toggle-blob {
        border-color: #dadada;
        background: #D5C812
    }

    .switch-big .toggle-blob {
        border-color: #dadada
    }

    .custom-listing li {
        padding: 10px 25px;
        cursor: pointer;
        color: #747474
    }

    .custom-listing {
        display: none;
        background: #e0e0e0 none repeat scroll 0 0;
        height: 100%;
        left: 10px;
        overflow-y: scroll;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 2;
        min-height: 150px;
        direction: rtl;
        border: 1px solid #39f
    }

    .form-control {
        background: none;
        border: 0 !important;
        padding: 5px 25px;
        cursor: pointer;
        direction: rtl
    }

    .row.third-row .form-control,
    .row.second-row .form-control {
        /*background: url("../../images/selectbg.png") no-repeat scroll left top #e2e2e2;*/
        background: scroll left top #e2e2e2;
    }

    .form-control:focus {
        outline: none
    }

    .custom-listing li {
        font-size: 13px;
        line-height: 8px;
        font-family: 'XSANS'
    }

    .custom-listing li:hover {
        background: #39f;
        color: #fff
    }

    .custom-listing-outer .caret {
        left: 0;
        right: auto;
        z-index: 1;
        border-top: 6px solid #747474;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: block;
        position: absolute !important;
        top: 50%;
        margin-top: -3px
    }

    .show-filter.open-menu.overlay header {
        position: static
    }

    .dealer-search-div {
        padding: 10px 0;
        border-color: transparent !important
    }

    .dealer-search-div .dealer-search-dropdown {
        float: none;
        margin-bottom: 10px;
        display: block !important;
        width: 40%;
        height: 36px;
        border-radius: 0;
        padding: 3px 8px
    }

    .dealer-page .dealer-search-div {
        padding: 10px 25px !important;
        /*uniform padding*/
        box-sizing: border-box
    }

    .search-bar .dealer-search-input {
        width: 100% !important;
        box-sizing: border-box;
        margin-right: 0 !important
    }

    .search-bar {
        width: 100% !important;
    }

    .search-bar.dealer-search {
        margin: 20px 0;
    }

    .search-bar .dealer-search-btn {
        left: 5px !important;
        top: 0 !important
    }

    .dealer-page .eventlist.newstyle li:first-child {
        border-top: 1px solid #e0e0e0;
    }

    .dealer-page .eventlist {
        padding: 0 25px !important;
        box-sizing: border-box;
    }

    /*.dealer-page.dealers-list-page .dvLeft .listdata, .dealer-page.dealers-list-page .dvLeft .overview {
        width: 130%
    }

    .dealer-page .dvLeft .listdata, .dealer-page .dvLeft .detail, .dealer-page .dvLeft .overview {
        width: 60%
    }*/
    .dealer-page.dealers-list-page .listdata .address {
        position: relative;
        min-width: 140px !important;
        bottom: 0 !important
    }

    .dealer-ad-details {
        width: 40% !important
    }

    #dealerList li {
        /*padding-bottom: 35% !important;*/
        border: 0;
        float: left;
        width: 100%
    }

    /*#dealerList li:last-child {
            margin-bottom: -50px !important
        }*/
    .dealer-page.dealers-list-page .listdata .provtn {
        position: relative !important;
        bottom: 0 !important;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 18px
    }

    .smallthumbs {
        display: none
    }

    .dealer-page .dvLeft #dealerList li .detail {
        width: 100%
    }

    .prd-detail .prdright .prdinfo .addetaildesc {
        font-size: 13px;
    }

    .eventlist ul li .detail h3 {
        font-size: 13px;
        line-height: 17px;
        margin: 0
    }

    .eventlist.dealer-ads ul li .detail h3 {
        font-size: 14px;
        line-height: 17px;
        margin: 0
    }

    .eventlist ul li .detail h3 .dealer-ad-details {
        font-weight: normal;
        line-height: 22px;
        font-size: 13px !important
    }

    .dealer-page .dvLeft .overview {
        font-size: 12px
    }

    .eventlist ul#dealerList li .detail h3 {
        margin-bottom: 0 !important
    }

    .dealer-page .dvLeft .tn {
        font-size: 14px
    }

    .dealer-ad-details {
        float: none !important;
        margin-bottom: 0 !important;
        font-size: 14px !important;
        margin-top: 0;
    }

    .dealer-mobile-list small {
        float: none;
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice {
        width: 100% !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice .provice-mobile {
        margin-left: 3px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice #ex-color {
        margin-left: 3px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .shortdesc #short-desc {
        width: 100% !important
    }

    /*.dealer-mobile-detail-page .eventlist ul li .detail h3 {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .price {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .dealer-mobile-detail-page .year-label.visible-xs {
        font-size: 14px !important;
        padding-right: 1px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice {
        font-size: 14px !important;
        line-height: 18px !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .shortdesc {
        font-size: 14px !important;
        line-height: 18px !important
    }*/
    .dealer-detail-page .prd-detail {
        padding: 20px 24px 0 !important;
        box-sizing: border-box
    }

    /*.dealer-detail-page ul li:last-child {
        margin-bottom: -60px !important
    }*/
    .dealer-detail-page .eventlist {
        margin: 0
    }

    .top-coprporationdetail {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important
    }

    .top-coprporationdetail .left-corporation-div {
        float: right;
        width: 32%;
        height: auto
    }

    .ad-detail-maindiv .top-coprporationdetail .left-corporation-div {
        margin-left: 10px;
    }

    .top-coprporationdetail .left-corporation-div img {
        width: 100%
    }

    .top-coprporationdetail .right-corporation-div {
        float: left;
        width: 60%
    }

    span.phone-field-top-dealer.phone-field-top-dealer-old-design.hided-element {
        display: none;
    }

    span.phone-area-code-top-dealer.phone-area-code-top-dealer-old-design.showed-element {
        display: inline-block !important;
        text-align: left;
        direction: ltr;
        float: left;
    }

    .car-detail-info-header {
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 10px 25px !important;
        box-sizing: border-box
    }

    .eventlist ul li .detail .shortdesc {
        position: relative !important;
        line-height: 17px;
        bottom: 0 !important;
        opacity: 1;
    }

    .eventlist ul li .detail .provice {
        position: relative !important;
        bottom: 0 !important;
        margin-bottom: 10px;
        opacity: 0
    }

    .eventlist ul li .detail h3 {
        margin-bottom: 12px !important
    }

    .eventlist ul li .detail .price {
        position: relative !important;
        bottom: 0 !important;
        font-size: 11px;
        line-height: 15px !important;
    }

    .dealer-detail-page .eventlist ul li .detail .provice {
        margin-bottom: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .dealer-detail-page .eventlist ul li .detail h3 a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 90px
    }

    .dealer-detail-page .eventlist ul li .detail .shortdesc {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px
    }

    .dealer-detail-page .eventlist ul li .detail .price {
        font-size: 12px;
        line-height: 17px;
        margin-top: 0
    }

    .top-coprporationdetail .right-corporation-div h3 {
        margin-bottom: 5px
    }

    .trade-page .paging-block {
        margin-bottom: -60px
    }

    .trade-brand-drop option {
        margin: 0 24px !important
    }

    .blockarea {
        padding: 0 25px;
        /*uniform padding*/
        box-sizing: border-box
    }

    .blockarea .leftcol {
        width: 100% !important;
        float: right !important;
        padding-left: 5px;
        border-left-color: transparent !important;
        border-bottom: 1px solid #dadada;
        padding-bottom: 15px
    }

    .blockarea.mobile-trade .leftcol {
        padding-left: 0
    }

    .blockarea .rightcol {
        width: 100% !important;
        float: left !important;
        padding-right: 0 !important;
        padding-top: 15px
    }

    .blockarea .rightcol em {
        padding-bottom: 10px;
        min-width: 100% !important
    }

    .blockarea .label {
        padding: 5px 0
    }

    .blockarea .rightcol .row input[type=text] {
        width: 100% !important;
        box-sizing: border-box
    }

    .blockarea .first-row {
        line-height: 25px !important
    }

    .blockarea .second-row {
        margin-bottom: 20px !important;
        display: none
    }

    .blockarea .second-row .label {
        display: none
    }

    .blockarea .third-row .label {
        display: none
    }

    .blockarea .third-row {
        margin-bottom: 10px !important;
        display: none
    }

    .blockarea td.rightcol .label {
        min-width: 100% !important;
        line-height: 15px
    }

    .blockarea td {
        font-size: 14px
    }

    .fourth-row .inputbtn2 {
        width: 100% !important;
        font-size: 14px;
        line-height: 16px;
        box-sizing: border-box;
        margin-left: 0 !important;
        background: #D5C812
    }

    .fourth-row .inputbtn2:focus {
        outline: 0
    }

    .second-row .form-control,
    .third-row .form-control {
        border: 1px solid #e8e8e8 !important;
        width: 100%;
        box-sizing: border-box
    }

    .blockarea .ischecked .second-row,
    .blockarea .ischecked .third-row,
    .blockarea .ischecked .fourth-row {
        display: block
    }

    .barter-radio-button {
        margin-right: 0 !important
    }

    .leftcol .row {
        display: block
    }

    /*.eventlist.newstyle ul li {
        padding-bottom: 27% !important
    }*/
    .research-title-boxs {
        padding: 5px 25px 20px !important;
        box-sizing: border-box
    }

    .research-new-brand-div:nth-child(2) {
        border-top: 1px solid #d0d0d0
    }

    .research-title-boxs .research-new-title-div {
        direction: rtl;
        height: 70px;
        width: 100%;
        box-sizing: border-box
    }

    .research-title-boxs .search-bar {
        width: 65% !important;
        float: left;
        margin-top: 30px;
        position: relative;
        margin-bottom: 0;
        box-sizing: border-box
    }

    .research-title-boxs .research-new-title-div .span-title {
        color: #8ce533;
        font-size: 16px;
        line-height: 89px;
        width: 30%
    }

    .research-title-boxs .research-search-input {
        width: 100% !important;
        box-sizing: border-box
    }

    .research-new-main-div {
        margin-bottom: -35px
    }

    .research-new-main-div .research-new-right-div {
        width: 100%
    }

    .research-new-right-div {
        padding: 0 25px;
        box-sizing: border-box
    }

    .research-new-model-list-div>.research-new-model-list-span-name {
        width: 100%;
        margin-right: 0;
        padding-right: 70px;
        box-sizing: border-box
    }

    .research-new-main-div.compare-page .research-new-top-images-div .car-compare.left {
        width: 100%
    }

    .research-new-top-images-div .car-img {
        width: 100%
    }

    .research-new-main-div.compare-page .research-new-top-images-div .car-compare.left .flexslider .slides img {
        width: 100%;
        height: auto
    }

    .flex-direction-nav .flex-next {
        opacity: .5 !important
    }

    .flex-direction-nav .flex-prev {
        opacity: .5 !important
    }

    .flex-direction-nav .flex-prev {
        left: 0 !important
    }

    .compare-page .textright {
        float: left !important;
        width: 100%
    }

    .research-compare-year {
        padding: 10px 0 !important;
        display: block
    }

    .research-new-main-div .prd-overview .car-detail-left {
        width: 60% !important;
        float: left
    }

    .compare-page .prd-overview .overviewright {
        width: 40% !important;
        float: right;
        line-height: 30px !important
    }

    .compare-page .prd-overview .overviewright .label {
        margin-left: 0 !important
    }

    .compare-page .prd-overview table td.car-detail-left {
        line-height: 30px !important
    }

    .compare-page .prd-overview {
        margin-bottom: 0 !important
    }

    #content .research-detail .product-detail {
        padding: 0 0 6px !important
    }

    .research-new-main-div .product-detail {
        padding: 0 24px !important
    }

    .compare-page .car-compare {
        width: 48% !important;
        position: relative;
        padding-top: 66.5%
    }

    .compare-page.car-comparison-page .car-compare.left {
        padding-top: 34.5%
    }

    .compare-page.car-comparison-page .car-compare {
        padding-top: 34.5%
    }

    .compare-page .car-compare.left {
        margin-right: 5px;
        position: relative;
        padding-top: 66.5%
    }

    .car-comparison-page {
        margin-bottom: -80px !important
    }

    .car-comparison-page .product-detail .car-img {
        width: 100%;
        margin-left: 0 !important
    }

    .car-comparison-page .car-compare.left .car-img {
        height: auto !important
    }

    .car-comparison-page.research-new-main-div .product-detail .car-img {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 0;
        left: 0
    }

    .car-comparison-page .product-detail .flexslider .slides img {
        width: 100% !important;
        height: auto !important
    }

    .car-comparison-page.compare-page .car-compare h3.textleft {
        padding-left: 0;
        width: 60%
    }

    .compare-page .car-compare h3 {
        font-size: 14px;
        width: 60%
    }

    .compare-page .car-compare h3.textright {
        float: right !important
    }

    .research-compare-year {
        width: 40%;
        margin-top: 28px
    }

    .product-detail .research-year-dropdown {
        width: 100%
    }

    .car-comparison-page.compare-page .prd-overview {
        padding: 0 24px
    }

    .car-comparison-page.compare-page .prd-overview table tr td {
        width: 33% !important;
        float: left
    }

    .blank-col {
        display: none !important
    }

    .compare-page .nortablefeatures {
        padding-right: 55px
    }

    .car-comparison-page.compare-page .prd-overview table tr td.overviewleft {
        width: 50% !important;
        margin-right: 10px
    }

    .car-comparison-page.compare-page .prd-overview table tr td.value {
        width: 25% !important;
        margin-left: 20px
    }

    .car-comparison-page.compare-page .prd-overview table tr td.overviewright {
        width: 12% !important;
        float: right
    }

    .compare-page .block1,
    .compare-page .block2,
    .compare-page .block3,
    .compare-page .block4 {
        font-size: 12px !important;
        line-height: 16px
    }

    .compare-page .nortablefeatures {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .nortablefeatures {
        padding-right: 32px
    }

    .compare-page .engine {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .engine {
        padding-right: 32px
    }

    .compare-page .sizeweight {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .sizeweight {
        padding-right: 32px
    }

    .compare-page .speed {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .speed {
        padding-right: 32px
    }

    .compare-page .fuel {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .fuel {
        padding-right: 32px
    }

    .compare-page .security {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .security {
        padding-right: 32px
    }

    .compare-page .comfirt {
        background-size: 20px auto;
        background-position: right 10px
    }

    .compare-page .comfirt {
        padding-right: 32px
    }

    .research-detail .car-compare.left {
        width: 100% !important
    }

    .research-new-main-div.compare-page .car-compare.left .car-img {
        height: auto !important;
        position: absolute;
        top: 0
    }

    .filtered-field {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .filtered-field .caret {
        top: 20px
    }

    .filter-custom-select option {
        background: #e2e2e2
    }

    .formarea .formblock .rowLabel {
        width: 100%;
        display: block;
        margin: 0 !important
    }

    .formarea .formblock .rowLabel input.chk {
        margin: 0 0 0 10px
    }

    .insert-new-ad-page .step1 .txtfldlr {
        width: 100% !important;
        box-sizing: border-box
    }

    #frmDealerSignUp .formarea .inputbtn2 {
        width: 100%
    }

    .edit-submit-btn {
        margin-bottom: 20px
    }

    .edit-submit-btn input {
        width: 94%
    }

    #wrapper .topicPages.alert-page {
        padding: 0 25px !important;
        /*uniform padding*/
        box-sizing: border-box
    }

    #wrapper .topicPages.alert-page .formblock {
        float: none
    }

    .alert-page .formblock {
        padding: 0 !important
    }

    .alert-page .form-horizontal .formarea {
        padding: 0 !important
    }

    .alert-page .alert-styled-select {
        width: 100%
    }

    .alert-styled-select .alert-big-width {
        width: 100% !important
    }

    .customlist.leftmarg.alert-page-year-drop {
        /* width: 94% !important; */
        margin-bottom: 15px;
    }

    .alert-page-price-txt {
        width: 94% !important;
        margin-bottom: 12px !important;
        box-sizing: border-box
    }

    /*.alert-page .inputbtn2.large {
        width: 94% !important
    }*/
    /*.price-relatedads-link:hover {
        font-size: 14px !important
    }*/
    .name-profile {
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    /*.profile-mob-block {
        padding: 24px 0 24px 24px;
        box-sizing: border-box;
        margin: 0 !important
    }*/
    .profile-mob-block p {
        /* width: 50%; */
        /*font-size: 13px*/
    }

    /*.profile-mob-block .label {
            width: 40px
        }

        .profile-mob-block .row {
            height: auto
        }

        .profile-mob-block .label {
            font-size: 12px
        }*/
    /* .profile-mob-block table {
            width: 50% !important;
            float: right
        }
        .profile-mob-block table {
            width: 50% !important;
            float: right
        } */
    .profile-mob-block table tr td {
        width: auto !important;
        display: table-cell !important;
        float: none !important;
    }

    .profile-mob-block table tr td.hidden-xs {
        display: none !important;
    }

    .profile-mob-block table tr td p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
    }

    .profile-mobleft {
        width: 50% !important;
        float: left
    }

    .profile-mobleft p {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .left-profile-btn .btncol {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .left-profile-btn .btncol .inputpr {
        width: 28px;
        height: 28px;
        padding-bottom: 0;
        margin-right: 6px;
    }

    .upgrade-membership-mob:before {
        content: "";
        position: absolute;
        left: 0;
        top: 1px;
        right: 5px;
        bottom: 0;
        background: url("/img/ic_upgrade_my_ad.png") center center no-repeat;
        background-size: 20px
    }

    .password-profile-mob:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 5px;
        bottom: 0;
        background: url("/img/lock.png") center center no-repeat #00b6ff;
        background-size: 15px
    }

    .edit-profile-mob:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 3px;
        bottom: 0;
        background: url("/img/edit.png") center center no-repeat;
        background-size: 20px
    }

    /*.TabbedPanels1 .TabbedPanelsTab {
        width: 25% !important
    }*/
    /*.add-icon {
        position: fixed;
        width: 25px !important;
        height: 25px !important;
        background: #ff28d2;
        padding: 16px !important;
        border-radius: 100%;
        bottom: 20px;
        left: 20px;
        z-index: 10001;
        text-indent: -9999px;
        display: block;
        background-position: center center !important;
        margin: 0 !important;
        font-size: inherit !important
    }*/
    .profiletabcontent ul li .prdimg img {
        width: 100%;
        height: auto
    }

    .text-link-outer .dvtxtlinks {
        float: right;
        width: 25%;
        padding-bottom: 20px;
        font-size: 14px;
        text-align: center;
    }

    .TabbedPanels1 .TabbedPanelsTabGroup {
        margin-bottom: 20px !important;
    }

    .TabbedPanels1 .TabbedPanelsContentGroup {
        padding: 0 25px !important
    }

    .TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContentGroup {
        padding: 0 !important;
    }

    .profiletabcontent ul li .prdimg {
        width: 50%;
        height: auto
    }

    .profiletabcontent ul li .prd-data table tr td {
        width: 100% !important;
        display: table-cell !important;
        background-color: transparent;
    }

    .prd-data .dvtxtlinks {
        height: auto;
        margin-bottom: 0;
        padding-top: 0
    }

    .prd-data .prdrw {
        padding-top: 8px
    }

    .prd-data .prdtitle {
        font-size: 12px;
        line-height: 16px
    }

    .status-success {
        width: 100% !important;
        padding: 9px 24px 15px !important;
        box-sizing: border-box;
        background: #e7fae6 url("../../images/MESSAGE-BAR-GO.png") no-repeat scroll 100% 3px;
        top: 60px
    }

    .status-note {
        width: 100% !important;
        padding: 9px 50px 6px 24px !important;
        box-sizing: border-box;
        background: url("../images/ic-note.png") no-repeat scroll 97% 50% #edd87d;
        top: 60px
    }

    .status-error {
        width: 100% !important;
        padding: 9px 24px 15px !important;
        box-sizing: border-box;
        top: 60px
    }

    .status-warning {
        width: 100% !important;
        padding: 9px 24px 15px !important;
        box-sizing: border-box;
        top: 60px
    }

    .status-info {
        width: 100% !important;
        padding: 9px 24px 15px !important;
        box-sizing: border-box;
        top: 60px
    }

    .profiletabcontent ul li .prd-data table tr td.hidden-xs {
        display: none !important
    }

    .text-link-outer {
        float: left;
        width: 100%;
        margin-top: 30px
    }

    .price-value-mob {
        text-align: left;
        width: 100%;
        float: left;
        margin-top: 5px;
        position: absolute;
        bottom: 100px;
        font-size: 14px
    }

    .price-new-page .price-classname p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .price-new-page .photo a {
        overflow: visible
    }

    .prd-data .dvprdtitle,
    .prd-data .prdrw {
        height: auto
    }

    .TabbedPanels1 .TabbedPanelsTab {
        height: auto
    }

    .left-profile-btn .btncol.edit-profile-mob .inputpr {
        margin: 0
    }

    .left-profile-btn {
        padding: 33px 0 0
    }

    /*.profiletabcontent .hd .numbers {
        position: absolute;
        top: -100px;
        left: 13px;
        border: 0;
        width: 39%;
        font-size: 13px;
        padding-top: 5px;
        float: none;
        display: block;
        padding: 0 7px 0 0 !important
    }*/
    /*.profiletabcontent .hd .fadeBartering {
        position: absolute;
        top: 66px;
		right: 0px;
        left: 0
    }

    .profiletabcontent .hd .fadeAddParking {
        position: absolute;
        top: 66px;
		right: 0px;
        left: 0
    }

    .profiletabcontent .hd .fadeAddNewAlert {
        position: absolute;
        top: 66px;
		right: 0px;
        left: 0
    }

    .profiletabcontent .hd .fadeInsertNewAd {
        position: absolute;
        top: 66px;
		right: 0px;
        left: 0
    }*/
    /*.profiletabcontent .hd .fadeBartering a {
        position: relative;
        text-indent: 0;
        background: url(../../images/addbtn.png) no-repeat 96% #57A9BF;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 0;
        float: right;
        line-height: 0;
        display: inline-block;
        width: 34% !important;
        margin-left: 10px !important;
        height: 5px !important;
        background-position: 95% !important;
        font-size: 16px !important
    }

    .profiletabcontent .hd .fadeAddParking a {
        position: relative;
        text-indent: 0;
        background: url(../../images/addbtn.png) no-repeat 96% #57A9BF;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 0;
        float: right;
        line-height: 0;
        display: inline-block;
		width: 34% !important;
        margin-left: 10px !important;
        height: 5px !important;
        background-position: 95% !important;
        font-size: 16px !important
    }

    .profiletabcontent .hd .fadeInsertNewAd a {
        position: relative;
        text-indent: 0;
        background: url(../../images/addbtn.png) no-repeat 96% #57A9BF;
        border-radius: 0;
        left: 0;
        right: 0;
        top: 0;
        float: right;
        line-height: 0;
        display: inline-block;
        width: 34% !important;
        margin-left: 10px !important;
        height: 5px !important;
        background-position: 95% !important;
        font-size: 16px !important
    }*/
    .profiletabcontent .hd {
        padding-bottom: 20px;
    }

    .profiletabcontent .hd .fadeInsertNewAd a,
    .profiletabcontent .hd .AddInsertNewAd a,
    .profiletabcontent .hd .fadeAddNewAlert a,
    .profiletabcontent .hd .AddNewAlert a,
    .profiletabcontent .hd .fadeAddParking a,
    .profiletabcontent .hd .fadeBartering a,
    .profiletabcontent .hd .AddParking a {
        position: relative;
        text-indent: 0;
        /*border-radius: 0;*/
        left: 0;
        right: 0;
        top: 0;
        float: right;
        /*line-height: 17px;*/
        line-height: 10px;
        display: inline-block;
        width: 86px !important;
        margin-left: 10px !important;
        margin-bottom: 5px !important;
        height: auto !important;
        background-position: 95% !important;
        font-size: 12px !important;
        padding: 9px 40px 14px 10px !important;
    }

    .profiletabcontent .hd .numbers {
        padding: 10px 0px 0px;
        font-size: 14px;
    }

    .profiletabcontent .hd .numbers a {
        display: inline-block;
        float: none;
        padding: 0 5px 0 0
    }

    .left-profile-btn.visible-xs.btncol {
        margin-right: 6px
    }

    .profileblock .label {
        padding: 5px 0 0 10px
    }

    .pop-radios {
        height: 30px;
        width: 30px;
        float: right;
        margin-left: 10px;
        line-height: 15px;
        margin-bottom: 5px;
        margin-top: 7px
    }

    .pop-radio-text {
        line-height: 25px;
        width: 253px;
        display: block;
        font-size: 14px
    }

    .pop-radios .iradio {
        width: 30px;
        height: 30px;
        background: url(/img/tick-grey.png) 5px 8px no-repeat;
        background-size: 20px;
        border: 1px solid #9a9a9a;
        border-radius: 100%;
        cursor: pointer
    }

    .pop-radios .iradio.checked {
        background: url(/img/tick-green.png) 5px 8px no-repeat;
        background-size: 20px;
        border: 1px solid #D5C812;
        border-radius: 100%
    }

    .upgrade-membership .dvRight {
        padding: 24px !important;
        box-sizing: border-box
    }

    .upgrade-membership .paragraph {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box
    }

    .upgrade-membership .formarea {
        padding: 0 !important
    }

    .upgrade-membership .formbtn {
        margin-bottom: 20px
    }

    .profile-upgrade-tabing.ui-widget-content {
        width: 100% !important;
        border: 0;
        background: none;
        padding: 24px 0 0
    }

    #profile-tabs ul li {
        padding: 7px 0
    }

    #profile-tabs ul li a.ui-tabs-anchor {
        font-weight: normal;
        display: block;
        text-align: center !important;
        float: none;
        padding: 8px !important;
    }

    #adclasstab_1 {
        text-align: center
    }

    #adclasstab_2 {
        text-align: center
    }

    #adclasstab_3 {
        text-align: center
    }

    #profile-tabs-1.ui-widget-content {
        width: 70% !important
    }

    #profile-tabs-1 ul li {
        font-family: 'XSANS' !important;
        font-size: 14px;
        line-height: 18px
    }

    #profile-tabs-2.ui-widget-content {
        width: 70% !important
    }

    #profile-tabs-2 ul li {
        font-family: 'XSANS' !important;
        font-size: 14px;
        line-height: 18px
    }

    #profile-tabs-3.ui-widget-content {
        width: 70% !important
    }

    #profile-tabs-3 ul li {
        font-family: 'XSANS' !important;
        font-size: 14px;
        line-height: 18px
    }

    .price-mob-circle {
        position: absolute;
        top: 60px;
        left: 10px;
        display: block;
        background: var(--magenta);
        width: 100px;
        height: 100px;
        border-radius: 100%;
        color: #fff;
        text-align: center
    }

    .price-mob-circle.upgrade-price-circle {
        width: 100px;
        height: 100px;
        top: 75px
    }

    .price-mob-circle.upgrade-price-circle span:first-child {
        margin-top: 23px;
        margin-bottom: 2px
    }

    .price-mob-circle span:first-child {
        margin-top: 30px
    }

    .price-mob-circle span {
        display: block;
        font-family: XSANS, Tahoma, Sans-Serif;
        line-height: 17px
    }

    .profile-upgrade-tabing .ui-widget-header {
        border: 0
    }

    .profile-upgrade-tabing .ui-state-default {
        width: 32%;
        float: right !important
    }

    .profile-upgrade-tabing.ui-tabs .ui-tabs-nav li.ui-tabs-active {
        background: #EBEBEB
    }

    .profile-upgrade-tabing.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .profile-upgrade-tabing.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .profile-upgrade-tabing.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        color: #fff;
        border-bottom: solid 1px transparent;
    }

    .mobile-profile-advertisments {
        width: 100%;
        padding-right: 25px;
    }

    .mobile-profile-advertisments .green {
        color: #63b115;
        line-height: 28px;
        font-size: 14px
    }

    .mobile-profile-advertisments .green .label {
        width: 33%;
        margin-left: 8px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 20px;
        float: right;
        margin-bottom: 4px;
        font-size: 14px
    }

    .mobile-profile-advertisments .yellow {
        color: #cd901b;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 20px;
        width: auto;
        display: inline-block;
        float: left;
        margin-bottom: 9px;
        font-size: 14px;
        float: right
    }

    .mobile-profile-advertisments .prdtitle {
        display: block;
        line-height: 29px;
        font-size: 14px;
        padding-left: 0;
    }

    .mobile-profile-advertisments .label {
        width: auto;
        padding-left: 5px;
        line-height: 28px;
        font-size: 14px
    }

    .mobile-profile-advertisments p {
        display: block;
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: 19px
    }

    /*.all-tabs-content {
        min-height: 500px
    }*/
    td .txtlinks a img {
        float: left
    }

    td .txtlinks {
        text-align: left;
        font-size: 15px;
        position: absolute;
        left: 0;
        bottom: 20px
    }

    .expire-label p {
        float: right;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 2px 3px 0 0 !important
    }

    .expire-label span {
        float: right;
        width: auto !important;
        padding-left: 5px;
        line-height: 22px !important
    }

    .allowupdate-label p {
        float: right;
        width: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 2px 3px 0 0 !important
    }

    .allowupdate-label span {
        float: right;
        width: auto !important;
        line-height: 19px !important
    }

    .allowupdate-label {
        margin-top: 2px
    }

    .prdtitle {
        margin-top: -5px
    }

    .expire-label p {
        width: auto
    }

    .profiletabcontent ul li .sell-ad-detail {
        display: block;
    }

    .profiletabcontent ul li .sell-ad-detail>div {
        display: block;
        width: auto;
        padding: 0;
        position: relative;
    }

    .sell-ad-detail-content .bump-btn-outer {
        position: absolute;
        top: 20px;
        left: 0;
        margin: 0;
    }

    .sell-ad-detail-content .bump-btn-outer .bump-btn {
        width: 93px;
        height: 30px;
        font-size: 15px;
        line-height: 20px;
        font-weight: bold;
    }

    .sell-ad-detail-right .sell-ad-detail-content {
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .profiletabcontent ul li .sell-ad-detail-left {
        padding-top: 10px !important;
    }

    .sell-ad-detail-content .edit-delete-btn {
        /*padding-top: 13px;*/
        bottom: 3px;
    }

    .ul-archive-list .sell-ad-detail-content .edit-delete-btn {
        bottom: 0px;
    }

    .sell-ad-detail-content .archive-btn {
        left: 0;
    }

    .sell-ad-detail-left .sell-ad-detail-content.right {
        padding-left: 0;
        min-height: 75px;
    }

    .sell-ad-detail-left .sell-ad-detail-content.alert-parking-right {
        width: 60%;
    }

    .sell-ad-detail-left .sell-ad-detail-content.left {
        padding-right: 20px;
        box-sizing: border-box;
    }

    .sell-ad-detail-left .sell-ad-detail-content.alert-parking-left {
        width: 40%;
    }

    .profiletabcontent ul li {
        overflow: visible;
    }

    .profiletabcontent ul li.sell-ads-li .prdimg {
        display: block;
        width: 50%;
        min-width: 80px;
        height: auto;
        background-color: #efefef;
        position: relative;
        float: right;
        overflow: hidden;
        margin-left: 0;
    }

    .sell-ad-detail-content .p1,
    .sell-ad-detail-content .p2,
    .sell-ad-detail-content .p3 {
        height: auto;
    }

    .sell-ad-detail-content .prdtitle .title-bottom {
        font-size: 11px;
        margin-top: 0;
    }

    .sell-ad-detail-content .prdtitle .title-bottom::before {
        top: 10px;
    }

    .sell-ad-detail-content .prdtitle .title-bottom .change-ip {
        float: left;
        margin-top: 1px;
    }

    .sell-ad-detail-content .p3 {
        position: absolute;
        bottom: -8px;
        margin: 0;
    }

    .sell-ad-detail-content .p3.admin-notification {
        position: relative;
        bottom: 0;
        line-height: 20px;
        height: 40px;
    }

    .sell-ad-detail-content .prdtitle {
        font-size: 14px;
        line-height: 22px;
        /*margin: -5px 0 10px;*/
        margin: 0;
    }

    .profiletabcontent ul li p.bump-date {
        margin-bottom: 0;
        padding-top: 5px;
        font-size: 9px;
    }

    .sell-ad-detail-content .bump-date {
        font-size: 13px !important;
        line-height: 30px;
    }

    .sell-ad-detail-content p,
    .sell-ad-detail-content .p2 span {
        font-size: 13px;
        overflow: inherit;
        line-height: 27px;
        margin-bottom: 0px;
    }

    .sell-ad-detail-content p.visible-xs {
        display: block !important;
    }

    .sell-ad-detail-content .ad-name-label {
        margin: 0 0 2px;
    }

    .sell-ad-detail-content .ad-name-label label {
        font-size: 12px;
        line-height: 20px;
        padding-left: 25px;
        margin-left: -25px;
    }

    .sell-ad-detail-content .ad-name-label label:before {
        border-top: solid 20px #fff;
        border-bottom: solid 20px #fff;
    }

    .profiletabcontent ul li.sell-ads-li .prdimg img {
        width: 100% !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important
    }

    .TabbedPanels1 .TabbedPanelsTabSelected {
        background: none !important
    }

    li.TabbedPanelsTab:after {
        position: absolute;
        bottom: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 11px solid transparent;
        content: "";
        left: 50%;
        margin-left: -12px;
        bottom: -12px
    }

    /*li.TabbedPanelsTab.TabbedPanelsTabSelected:after {
        position: absolute;
        bottom: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-top: 11px solid #D5C812;
        content: "";
        left: 50%;
        margin-left: -12px
    }*/
    /*.profiletabcontent .hd {
        padding-bottom: 0
    }*/
    .upgrade-membership .popup {
        width: 100%;
        box-sizing: border-box
    }

    .upgrade-membership .popup span {
        font-size: 16px !important
    }

    .frmChangeProfile .upgrade-membership .popup-top span {
        padding-top: 15px
    }

    .profiletabcontent .modal .modal-dialog {
        width: 100%;
        box-sizing: border-box;
        transform: none
    }

    .frmChangeProfile .pop-mid {
        float: right
    }

    .profiletabcontent .modal {
        overflow-y: visible
    }

    /*.upgrade-membership .popup .pop-logo {
        height: 55px !important;
        width: 55px !important
    }*/
    /*.upgrade-membership .popup .pop-logo img {
            width: 100%;
            height: 100%
        }*/
    .popup-send-price-pdf {
        float: right;
        width: 100%;
    }

    .popup-send-price-pdf>div {
        float: right !important;
        width: 100% !important;
    }

    .upgrade-membership .popup .pop-mid {
        margin-right: 0
    }

    .frmChangeProfile .popup .pop-top {
        width: 100%;
        float: none
    }

    .upgrade-membership .popup .pop-top {
        overflow: visible
    }

    .frmChangeProfile .upgrade-membership .popup .pop-top {
        float: right;
        width: 100%;
        display: table
    }

    .frmChangeProfile .upgrade-membership .popup .pop-top .pop-logo {
        display: table-cell
    }

    .upgrade-membership .popup .pop-mid #spanNoUpdate {
        margin-left: 152px !important
    }

    .frmChangeProfile .pop-top span {
        color: #fff;
        line-height: 24px;
        display: table-cell;
        vertical-align: middle
    }

    .frmChangeProfile .popup .pop-btns {
        float: right;
        width: 100%;
        margin-top: 20px
    }

    .frmChangeProfile .upgrade-membership .popup .pop-mid {
        width: 100%;
        margin-top: 0 !important
    }

    .frmChangeProfile #wrapper {
        padding-bottom: 0
    }

    .frmChangeProfile .upgrade-membership .pop-btns .inputbtn2.large {
        width: 50% !important
    }

    .frmChangeProfile .upgrade-membership .popup {
        margin: 0 auto
    }

    #myModalRemoveAd form .frmChangeProfile {
        width: 100% !important;
        box-sizing: border-box
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain .modal-content {
        width: 100%;
        height: 100%;
        padding: 0 24px !important;
        box-sizing: border-box
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain {
        width: 100% !important
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain .modal-content span {
        padding-left: 0 !important;
        font-size: 15px !important
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain .modal-content .dvRight {
        width: 100%
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain .modal-content .dvLeft {
        width: 100%;
        float: right
    }

    .frmChangeProfile.removeadpopup .dvMain .modal-content .dvLeft.paragraph1 {
        margin: 0
    }

    #myModalRemoveAd form .frmChangeProfile .dvMain .modal-content .dvLeft .inputbtn2 {
        margin: 10px 0
    }

    .label #ReasonText {
        display: block;
        width: 70%;
        float: left
    }

    .frmChangeProfile .top-title-div .top-main-title {
        width: 100%
    }

    #myModalRemoveAd form .frmChangeProfile .inputbtn2 {
        float: none !important
    }

    /*#myModalRemoveAd {
        overflow: visible !important
    }*/
    .cancel-btn-pwd {
        width: 94%;
        float: right
    }

    .cancel-btn-pwd input {
        width: 100%
    }

    .insert-new-ad-page .status-note {
        margin-bottom: 0 !important
    }

    .insert-new-ad-page .formarea .formblock .textarea {
        width: 90%
    }

    /*.insert-new-ad-page .formarea .formblock #Description.textarea {
        width: 94%
    }*/
    .modal-dialog.frmChangeProfile {
        width: 100% !important;
        box-sizing: border-box;
        /*padding: 0 !important*/
    }

    .modal-dialog.frmChangeProfile .popup {
        width: 100%;
        overflow: hidden
    }

    .frmChangeProfile .dvMain {
        width: auto
    }

    .status-error {
        width: 100% !important
    }

    .status-error.upgradeError {
        width: 90% !important;
        position: static !important
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .pop-mid {
        margin-top: 40px
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .pop-top .tooltip {
        font-size: 10px !important;
        line-height: 14px;
        background: #8e1974;
        margin: 0;
        padding: 0;
        height: auto;
        width: 100%;
        margin-right: -22px
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .pop-top .tooltip span {
        display: block;
        float: right;
        border-radius: 100%;
        border: 3px solid #fff;
        background: var(--magenta);
        padding: 15px;
        right: 15px;
        top: -9px
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .pop-top .tooltip p {
        float: right;
        padding: 8px 10px 10px;
        font-size: 12px;
        line-height: 16px;
        margin-right: 63px
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .pop-top .pop-logo {
        float: right
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .opt {
        background: none
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup {
        padding: 30px 18px !important
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .pop-btns .inputbtn1.large {
        width: 60%;
        float: left;
        margin: 0;
        -webkit-border-radius: 0
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .pop-btns .inputbtn2.large {
        width: 30%;
        float: right;
        margin: 0;
        background: #2a74a5;
        padding: 0 0 4px 0;
        -webkit-border-radius: 0
    }

    .modal-dialog.frmChangeProfile .upgrade-membership .popup .opt {
        font-size: 10px;
        padding: 12px 0
    }

    .frmChangeProfile .status-note {
        margin-bottom: 0 !important
    }

    .frmChangeProfile .paragraph {
        width: 100%
    }

    .frmChangeProfile .customlist {
        width: 94%
    }

    .frmChangeProfile .dvContentRight {
        width: 100%;
        box-sizing: border-box
    }

    .discus-btn {
        float: right !important;
        padding: 10px 0;
        width: 100%
    }

    /*.frmChangeProfile .discus-btn {
        width: 94%
    }*/
    .frmChangeProfile .discus-btn input {
        width: 90%
    }

    .upgrade-membership-new .dvRight {
        padding: 25px !important;
        box-sizing: border-box
    }

    .upgrade-membership .top-title-div .top-main-title {
        width: 100% !important
    }

    .eventlist ul li .detail h3 a.block-element {
        margin-bottom: 4px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 90%;
        font-size: 14px
    }

    .slides li img {
        opacity: 1;
        display: none
    }

    .block-element {
        display: block
    }

    .p0 {
        padding: 0 !important;
        font-size: 14px;
        line-height: 18px
    }

    .upgrade-membership .dvLeft.paragraph .formbtn .inputbtn2 {
        width: 120px;
        margin: 0;
        position: relative;
        left: -25px;
        border-radius: 0 20px 20px 0;
        float: left;
        background-position: 10px !important;
    }

    .prd-data .label {
        width: auto
    }

    .barter .top-title-div .top-main-title {
        width: 100%
    }

    .barter .top-title-div {
        padding: 0 24px;
        box-sizing: border-box
    }

    .barter-big-drop {
        width: 26% !important;
        /*background: url("../../images/selectbg.png") no-repeat scroll left top #e2e2e2;*/
        background: scroll left top #e2e2e2;
    }

    .barter .formblock label {
        width: 100% !important
    }

    .barter .formarea .formblock table td {
        display: table-cell !important;
        width: 100% !important
    }

    .barter-table-content td {
        float: right
    }

    .barter-table-content td .customlist {
        width: 26%;
        background: url("../../images/selectbg.png") no-repeat scroll left top #e2e2e2
    }

    .price-barter-dropdown {
        width: 29% !important
    }

    .barter .formbtn {
        margin-bottom: 15px
    }

    .barter .dvrow {
        border-color: transparent;
        height: 0
    }

    .sell-styled-select .standard-dropdown.sell-big-width {
        background: url("../../images/selectbg.png") no-repeat scroll left top #e2e2e2
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 24.5% !important*/
        /*padding-bottom: 27.5% !important;*/
    }

    .outer-mobile-payee {
        margin: 0 -24px
    }

    .payment-mobile-title {
        width: 100%;
        /*background: #ebebeb;*/
        position: relative
    }

    .payment-mobile-title .payment-mobile-title-inner {
        display: table;
        width: 100%;
        vertical-align: middle;
        text-align: center;
        padding: 10px 24px
    }

    .payment-mobile-title .middleText {
        float: none !important;
        display: table-cell;
        color: #313131;
        width: 90%;
        vertical-align: middle;
        /*text-align: center;*/
        margin-top: 0;
        margin-left: 0;
        /*font-size: 14px;*/
        padding-left: 50%;
        font-size: 15px;
    }

    .payment-mobile-title .middleText b {
        font-size: 16px;
        line-height: 28px;
    }

    .payment-mobile-title .middleText .spanCntMobileNo {
        font-size: 22px;
        line-height: 28px;
    }

    .payment-mobile-title .middleText .view-buyers-list {
        color: var(--magenta);
        font-size: 14px;
        word-spacing: -1px;
        margin-top: 0px;
    }

    .payment-mobile-title .pay-mobile-outer {
        float: right;
        display: table-cell;
        width: 10%
    }

    .payment-mobile-title .pay-mobile-outer .pay-mobile-inner {
        border-radius: 100%;
        border: 4px solid #D5C812;
        padding: 2px;
        text-align: center
    }

    .payment-mobile-title .pay-mobile-outer .pay-mobile-inner span {
        background: #3e3e3e;
        display: block;
        padding: 25px 20px;
        border-radius: 100%;
        color: #fff;
        font-size: 20px;
        line-height: 24px
    }

    .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav {
        /*border-bottom: 1px solid #dadada;*/
        padding: 0;
        background: #DEDEDE;
        border-radius: 0;
        font-family: 'XSANS' !important;
    }

    .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li {
        border: 0;
        background: none;
        border-radius: 0;
        text-align: center;
        line-height: 50px;
        padding: 7px 0 !important;
    }

    /*.mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li:nth-child(1) {
                text-align: right
            }

            .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li:nth-child(2) {
                display: inline-block;
                text-align: center
            }

            .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li:nth-child(3) {
                text-align: left
            }

                .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li:nth-child(3) a span {
                    text-align: center
                }*/
    .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li.ui-tabs-active {
        border-bottom: 1px solid var(--magenta) !important;
    }

    .mobile-updgrade-tabing.profile-upgrade-tabing .ui-tabs-nav li.ui-tabs-active a {
        color: var(--magenta) !important;
    }

    .mobile-new-membership .paragraph .media {
        float: right;
        width: 100%;
        margin-bottom: 18px !important
    }

    .mobile-new-membership .paragraph .media table tr td {
        font-size: 12px !important;
        line-height: 18px
    }

    .mobile-new-membership .formbtn {
        float: left;
        width: 25%;
        margin-right: 27px;
        margin-top: 12px;
        margin-bottom: 0
    }

    .mobile-new-membership .formbtn input {
        height: 40px
    }

    .mobile-profile-contact {
        background: #ebebeb;
        text-align: center;
        padding: 10px 0;
        color: #000;
        font-size: 14px;
    }

    .remove-margin-top {
        margin: -1px 0 0 0 !important
    }

    .upgrade-membership-new .mobile-updgrade-tabing ul.ui-tabs-nav li {
        width: 33.33% !important;
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li {
        width: 33.33% !important
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li a {
        padding: 7px 0 !important;
        font-size: 17px !important;
        line-height: 50px !important;
        text-decoration: none;
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li a span {
        display: block;
        position: relative;
        text-align: center;
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li a span.price-text {
        font-size: 14px !important;
    }

    .mobile-updgrade-tabing-content {
        font-family: 'XSANS' !important;
        font-size: 14px;
        line-height: 18px
    }

    .mobile-updgrade-tabing-content .upper-info .left-info {
        float: right;
        width: 50%
    }

    .mobile-updgrade-tabing-content .upper-info .right-info {
        float: right;
        width: 50%
    }

    .mobile-updgrade-tabing-content .upper-info .right-info li:first-child {
        color: #FB962E !important
    }

    .mobile-updgrade-tabing-content .upper-info {
        margin-bottom: 20px;
        color: #7b7b7b;
        font-weight: bold
    }

    .mobile-updgrade-tabing-content .lower-info .left-info {
        float: right;
        width: 50%
    }

    .mobile-updgrade-tabing-content .lower-info {
        color: #7b7b7b
    }

    .mobile-updgrade-tabing-content .lower-info li {
        position: relative;
        padding-right: 29px !important;
    }

    .mobile-updgrade-tabing-content .lower-info li>img {
        position: absolute;
        right: 0;
        top: 9px;
    }

    .mobile-updgrade-tabing-content .lower-info .right-info {
        float: right;
        width: 50%;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .mobile-updgrade-tabing-content .tr-ad-detail tr {
        width: 100%;
    }

    .mobile-updgrade-tabing-content .tr-ad-detail .price-text {
        color: var(--magenta);
        font-weight: bold;
        font-size: 17px;
        line-height: 18px;
        padding-top: 18px;
    }

    .mob-prepay-message ul {
        list-style: none;
        padding: 0 24px
    }

    .mob-prepay-message ul li {
        padding: 20px 0;
        position: relative
    }

    .mob-prepay-message ul li p {
        float: left;
        display: inline-block;
        margin-right: 20px;
        color: #8ce533;
        font-size: 14px
    }

    .mob-prepay-message ul li span {
        float: right;
        display: inline-block;
        color: #000
    }

    .mob-prepay-message ul li span i {
        font-style: normal;
        color: #7c7575
    }

    .mob-prepay-message ul li:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #dadada;
        height: 1px
    }

    .mob-prepay-message ul li:last-child:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #dadada;
        height: 0
    }

    #nav::-moz-scrollbar {
        width: 0 !important;
        display: none
    }

    #nav::-webkit-scrollbar {
        display: none
    }

    #nav::-webkit-scrollbar-track {
        display: none
    }

    #nav::-webkit-scrollbar-thumb {
        display: none
    }

    .swapping-div-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .swapping-div-mobile .first-row-div {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        width: 100%
    }

    .swapping-div-mobile .second-row-div {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 100%
    }

    .linkblock {
        padding-top: 16.5%;
        position: relative
    }

    .linkblock ul {
        position: absolute;
        left: 0;
        top: 15px;
        right: 0
    }

    .post-payment-mobile-title {
        font-size: 18px !important;
        margin-top: 35px
    }

    .postPamentMiddleMob {
        display: table;
        width: 100%;
        padding-bottom: 25px;
        font-weight: bold
    }

    .postPamentMiddleMobUL {
        display: table-cell
    }

    .postPamentMiddleMobUL li {
        padding: 5px 0;
        font-size: 16px
    }

    .postPamentBottomMob {
        display: table;
        width: 100%;
        padding-bottom: 25px
    }

    .postPamentBottomMobUL {
        display: table-cell
    }

    .postPamentBottomMobUL li {
        padding: 5px 0;
        font-size: 16px
    }

    .car-menu-li-span {
        margin-right: 63px
    }

    .car-menu-li-span2 {
        margin-right: 74px
    }

    #top-menu-devider {
        border-bottom: 1px solid #62615f;
        display: block;
        margin: 10px -8px 10px 0;
        width: 94%
    }

    .profile-report-div {
        direction: rtl;
        color: #907f6b;
        margin-bottom: 15px;
        background-color: #ffebd2;
        padding: 15px 20px 0 0;
        font-size: 14px;
        height: 40px
    }

    .profile-report-div-span1 {
        margin-right: 10px
    }

    .profile-report-div-span2 {
        margin-right: 30px
    }

    .eventlist ul li.bama-internal-banner .photo {
        width: 100% !important
    }

    .eventlist ul li.bama-internal-banner {
        padding-bottom: 28% !important;
        padding-right: 0 !important
    }

    .eventlist ul li.bama-internal-banner:after {
        display: none
    }

    .banner-link img {
        zoom: 0;
        -ms-zoom: 0;
        -webkit-zoom: 0
    }

    .vehicle-details {
        border-bottom: 1px solid #ededed;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .vehicle-details-right {
        float: right
    }

    .vehicle-details-left {
        float: left
    }

    .vehicle-detail-outer {
        float: none;
        min-height: inherit;
        padding-bottom: 25px !important
    }

    .prd-detail .prdright .prdinfo .vehicle-detail-outer .addetaildesc {
        padding-bottom: 30px !important
    }

    .vehicle-detail-outer .inforight .titlepanel {
        margin: 12px 0 15px !important
    }

    .extra-vehicle-details .vehicle-details-left {
        width: 50%
    }

    .vehicle-xs-outer .addetaildesc {
        border-bottom: 0;
        margin: 0 !important
    }

    .vehicle-xs-outer .extra-vehicle-details {
        border-bottom: 0;
        background: #f0f0f0 none repeat scroll 0% 0%;
        padding: 10px 10px 15px;
        margin-bottom: 0
    }

    .motorcycle-slider.owl-carousel .owl-item img {
        width: 85% !important
    }

    .motorcycle-slider-outer {
        width: 100%;
        margin: 0;
        display: block
    }

    #motorcycleType-slider {
        display: block
    }

    .bama-internal-banner.home-banner-inner #motorcycleType-slider {
        margin: 0;
        top: 38px
    }

    .bama-internal-banner.home-banner-inner {
        overflow: hidden
    }

    .bama-internal-banner.home-banner .banner-link img {
        height: auto
    }

    .bama-internal-banner.home-banner {
        height: auto
    }

    .home-banner {
        margin-left: 24px;
        margin-right: 24px
    }

    .home-banner-inner.hovered .banner-link {
        height: 0;
        top: -101%
    }

    /*.eventlist ul li .symbole {
        left: 10%
    }*/
    .prd-detail .prdleft .flex-nav-prev a,
    .prd-detail .prdleft .flex-nav-next a {
        display: none
    }

    #nav ul.sub li a {
        padding-right: 65px;
        position: relative;
        box-sizing: border-box;
        line-height: 19px
    }

    #nav ul.sub li a span {
        margin-right: 0 !important
    }

    #nav ul.sub li a .top-menu-img {
        position: absolute;
        right: 0
    }

    .address-outer {
        padding-right: 36px;
        position: relative;
        padding-left: 27px;
        height: auto !important;
    }

    .address-outer span {
        position: absolute;
        right: 0;
        top: 0
    }

    .address-outer a {
        position: absolute;
        left: 0;
        top: 0;
        display: none
    }

    .paging {
        overflow-y: hidden;
        height: auto;
        opacity: 0
    }

    .paging ul {
        margin: 0 -44px;
        width: inherit
    }

    .paging ul li {
        padding: 0 44px;
        width: auto
    }

    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: #D5C812 !important
    }

    /*#dealerList a.block-element {
        width: auto;
        text-overflow: initial;
        overflow: initial;
        white-space: normal
    }*/
    ul#dealerList li .detail h3 {
        width: 100%
    }

    .detail a,
    .product-detail .car-desc h2 a {
        border-bottom: 1px solid transparent
    }

    .landing-banner {
        min-height: 280px
    }

    .nissan .landing-banner {
        min-height: 315px !important
    }

    .car-list li {
        width: 50%
    }

    .landing-banner-outer .company-detail {
        padding: 0 20px
    }

    .company-landing-detail {
        padding-left: 20px
    }

    .contact-list .main-place {
        float: none;
        width: auto;
        padding: 0 0 10px;
        margin: 0 0 10px;
        border-bottom: solid 1px #07447c
    }

    .contact-list .main-place.nissan {
        border-bottom: solid 1px #c3002f !important
    }

    .contact-list .main-place.kia {
        border-bottom: solid 1px #c3002f !important
    }

    .contact-list .main-place.bmw {
        border-bottom: solid 1px #1f8eb7 !important
    }

    .contact-list .contact-list-inner {
        float: none;
        width: auto
    }

    .contact-list .available-facility li {
        padding-left: 25px
    }

    .banner-mobile-li {
        padding: 10px 0 !important
    }

    .eventlist ul li.bama-internal-banner.home-banner {
        padding-right: 0 !important;
        padding-bottom: 33% !important
    }

    .eventlist ul li.bama-internal-banner .home-banner-inner {
        position: absolute;
        left: 0;
        right: 0;
        top: 20px;
        bottom: 20px;
        height: auto
    }

    /*.eventlist ul li .symbole {
        bottom: 8px;
        left: auto;
        right: 50% !important;
        top: auto !important
    }*/
    .eventlist ul li .symbole {
        bottom: 4px;
        left: auto;
        right: 42.595% !important;
        top: auto !important;
        padding-right: 25px;
    }

    .profile-content {
        margin-top: 0px !important;
    }

    .profile-content .tab-column .column-heading {
        padding: 5px 15px 6px 0px;
        font-size: 13px;
    }

    .profile-content .tab-column .social-comments {
        margin-bottom: 25px;
    }

    .page-ProfileIndex .see-full-list a,
    .profile-social-favorite .fav-description {
        font-size: 13px;
    }

    .social-fav .remove {
        /*harsh*/
        position: initial;
        float: left;
    }

    .pwa-is-ios .paging-bottom-div.paging-new {
        padding: 10px 25px 10px 0;
    }

    .pwa-is-ios .paging-bottom-div.paging-new .car-ad-list.previous {
        display: none;
    }

    .pwa-is-ios .paging-new .car-ad-list a,
    .car-ad-list a {
        color: #555;
        font-size: 15px;
        font-weight: bold;
        line-height: 36px;
        height: 50px;
        width: 150px;
        background-color: #fff;
        position: relative;
        padding-right: 27px;
        padding-left: 17px;
        box-sizing: border-box;
        text-decoration: none;
        padding: 4px;
        border: 1px solid #dcdcdc;
        display: inline-block;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-left: none;
        text-align: center;
    }

    .pwa-is-ios .paging-new .car-ad-list.next a::after {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        border-top: 2px solid #06bbb2;
        border-left: 2px solid #06bbb2;
    }

    .search-new-page .eventlist ul li {
        padding: 15px 0;
    }

    /* all platforms except ios */
    @supports not (-webkit-overflow-scrolling: touch) {
        .search-new-page .eventlist ul li {
            padding: 15px 0 44px;
        }
    }
}

@media(max-width:900px) {
    .nissan .landing-banner {
        min-height: 280px !important
    }

    .dealer-banner .dealer-detail .middle-block {
        width: 348px
    }
}

@media(max-width:860px) {
    .dealer-banner .dealer-detail .middle-block {
        width: 282px
    }
}

@media(max-width:800px) {
    .dealer-banner .dealer-detail .middle-block {
        width: 250px
    }

    /*#dealerList li {
        padding-bottom: 34%
    }*/
    /*.eventlist ul li {
        padding-bottom: 28.5%
    }*/
    .nissan .landing-banner {
        min-height: 270px !important
    }
}

@media(max-width:767px) {
    .eventlist.dealer-ads ul li .cost {
        font-size: 13px
    }

    .eventlist.dealer-ads ul li .detail h3 a {
        font-size: 13px
    }

    .dealer-banner .dealer-detail .middle-block {
        width: 420px;
        padding-top: 31px;
        padding-right: 0
    }

    .dealer-banner .dealer-detail .left-block {
        padding-top: 40px
    }

    /*.mobile-contact-detail .customlist {
        width: 90% !important
    }*/
    .home-banner {
        height: 155px;
        position: relative;
        display: block
    }

    .mob-count-label {
        display: inline-block;
        float: right;
        font-size: 12px;
        line-height: 23px;
        padding: 0 5px
    }

    .text-link-outer .dvtxtlinks {
        width: 50%
    }

    .price-new-page .price-classname {
        width: 30%
    }

    .linkblock ul li {
        width: 25% !important
    }

    .search-new-page .eventlist ul li .detail .provice {
        line-height: 18px !important;
        height: 18px;
        overflow: hidden
    }

    .eventlist ul li .cost {
        font-size: 12px;
        line-height: 12px
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section h1 {
        font-size: 17px;
        line-height: 21px
    }

    .inforight .titlepanel h1 {
        font-size: 16px;
        line-height: 17px
    }

    .inforow .inforight {
        font-size: 13px !important;
        float: none;
        margin-top: 30px;
    }

    .security-block {
        margin-top: 0 !important;
        line-height: 1.8;
    }

    .botgallery ul li .name a,
    .botgallery ul li .price a {
        font-size: 13px;
        padding-bottom: 8px
    }

    .botgallery ul li .price {
        padding: 1px 0 5px;
        font-weight: bold;
    }

    .blockarea td {
        font-size: 12px
    }

    .customlist {
        font-size: 11px !important
    }

    .fourth-row .inputbtn2 {
        font-size: 13px;
        line-height: 15px
    }

    .eventlist ul li .detail h3 {
        font-size: 12px;
        line-height: 15px;
        width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .eventlist ul li .detail p {
        font-size: 12px;
        line-height: 18px
    }

    .dealer-page.dealers-list-page .listdata .provtn {
        font-size: 13px;
        line-height: 17px
    }

    .dealer-page .dvLeft .tn {
        font-size: 13px
    }

    .p0 {
        font-size: 12px;
        line-height: 17px
    }

    .price-detail-seconddiv p,
    .price-detail-firstdiv p {
        margin-bottom: 14px !important
    }

    .top-coprporationdetail .right-corporation-div h3 {
        font-size: 12px;
        line-height: 15px
    }

    .corp-inforow {
        font-size: 12px;
        line-height: 24px;
        overflow: auto;
    }

    /*.dealer-detail-page .eventlist ul li .detail .provice {
        font-size: 12px;
        line-height: 16px
    }

    .dealer-detail-page .eventlist ul li .detail .shortdesc {
        font-size: 11px
    }*/
    .price-relatedads-link {
        font-size: 14px;
        line-height: 16px
    }

    .mobile-profile-advertisments .green {
        font-size: 12px;
        line-height: 23px !important
    }

    .mobile-profile-advertisments .green .label {
        font-size: 12px
    }

    .mobile-profile-advertisments .yellow {
        font-size: 12px
    }

    .mobile-profile-advertisments .prdtitle {
        font-size: 12px
    }

    .mobile-profile-advertisments p {
        font-size: 12px
    }

    .search-new-page .eventlist ul li .detail .shortdesc {
        line-height: 18px !important;
        overflow: hidden;
        height: 20px;
    }

    /*.profiletabcontent .hd {
        width: 37%;
        left: 17px;
        direction: rtl;
        border: 0;
        margin-top: 15px
    }

        .profiletabcontent .hd:after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            background: #d5d5d5;
            height: 1px
        }*/
    /*.profiletabcontent .hd .numbers {
            padding: 0 0 0 0 !important
        }*/
    .left-profile-btn {
        padding: 38px 0 0
    }

    .pop-radio-text {
        line-height: 25px;
        font-size: 13px
    }

    .iradio .icheck {
        width: 30px;
        height: 30px
    }

    /*.price-new-page .price-brandmodelname {
        width: 52%
    }*/
    /*.price-new-page .price-brandmodelname p {
            margin-bottom: 8px !important;
            font-size: 12px;
            line-height: 17px
        }*/
    .price-new-page .price-modelyear {
        font-size: 12px
    }

    .price-new-page .price-classname {
        font-size: 12px
    }

    /*.price-new-page .price-price {
        font-size: 12px
    }*/
    .price-detail-seconddiv p {
        margin-bottom: 8px !important;
        font-size: 13px;
        line-height: 19px
    }

    .provider-name-css {
        font-size: 10px
    }

    .sell-styled-select {
        width: 90%
    }

    .numeric-textbox {
        width: 90% !important
    }

    .insert-new-ad-page .formarea .formblock #Description.textarea {
        width: 90% !important
    }

    .insert-new-ad-page .textarea {
        height: 164px;
    }

    .fileup {
        width: 90% !important
    }

    /*.formarea .formblock .dvLeft .form-horizontal .dvContentRight .custom-fld {
        width: 90% !important
    }*/
    .frmlogin .customlist {
        width: 90% !important
    }

    /*.mobile-contact-detail .custom-fld {
        width: 90% !important
    }*/
    /*.dvContentRight.mobile-contact-detail .inputbtn2.large {
        width: 90% !important
    }*/
    /*#frmInsertNewAd .formarea .formbtn .inputbtn2 {
        width: 90% !important
    }*/
    /*.dvContentRight .inputbtn2.large {
        width: 90% !important
    }*/
    /*.dvContentRight .inputbtn2.large2 {
        width: 90% !important
    }*/
    .mobile-profile-advertisments p {
        line-height: 23px
    }

    .prd-data .label {
        line-height: 23px !important
    }

    .expire-label p {
        margin: 0 3px 0 0 !important
    }

    .pop-radio-text {
        width: 220px
    }

    .txtlinks a {
        position: relative;
        padding-left: 20px
    }

    .txtlinks a img {
        padding-right: 4px;
        position: absolute;
        left: 3px;
        width: 12px;
        top: 3px
    }

    .text-link-outer .dvtxtlinks {
        width: 25%;
        font-size: 12px
    }

    #short-desc {
        width: 50%
    }

    /*.alert-page .inputbtn2.large {
        width: 100% !important
    }*/
    .frmChangeProfile .customlist {
        width: 90%
    }

    /*.discus-btn {
        width: 90%
    }*/
    .cancel-btn-pwd {
        width: 90%
    }

    /*.frmChangeProfile .discus-btn {
        width: 90%
    }*/
    .edit-submit-btn input {
        width: 90%
    }

    .uploadbox {
        width: 90% !important
    }

    .price-detail-thirddiv {
        margin-top: -50px
    }

    .price-value-mob {
        font-size: 12px
    }

    .mobile-profile-advertisments .label {
        font-size: 12px
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section {
        font-size: 16px
    }

    .prd-data .prdrw .label {
        width: auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-left: 5px
    }

    .prd-data .prdrw p {
        line-height: 27px;
        margin-bottom: 0
    }

    .search-new-page .eventlist ul li .detail a.cartitle {
        line-height: 18px
    }

    .linkblock {
        padding-top: 26.5%
    }

    /*.alert-page .inputbtn2.large {
        width: 90% !important
    }*/
    /*.profiletabcontent .hd .fadeBartering a {
        font-size: 12px !important;
        padding-right: 22px !important
    }

    .profiletabcontent .hd .fadeAddParking a {
        font-size: 12px !important;
        padding-right: 22px !important
    }

    .profiletabcontent .hd .fadeAddNewAlert a {
        font-size: 12px !important;
        padding-right: 22px !important
    }

    .profiletabcontent .hd .fadeInsertNewAd a {
        font-size: 12px !important;
        padding-right: 22px !important
    }*/
    .top-message-adtype {
        font-size: 12px
    }

    .alert-page-price-txt {
        width: 90% !important
    }

    /*#dealerList li {
        padding-bottom: 18.5%;
        padding-right: 48% !important
    }*/
    /*.eventlist ul li .listdata {
        width: 100% !important
    }
    .photo a {
        width: 100% !important
    }*/
    /*.eventlist.dealer-ads ul li .photo a {
        width: 90% !important
    }*/
    /*#dealerList li .listdata {
        width: 100% !important
    }*/
    /*#dealerList li .photo a {
        width: 90% !important
    }*/
    /*.eventlist ul li {
        padding-right: 52.5% !important;
        padding-bottom: 30.1%
    }*/
    /*.dealer-mobile-list {
        right: 48%
    }*/
    .dealer-ad-details {
        font-size: 13px !important;
        line-height: 17px !important
    }

    .status-note {
        padding: 9px 50px 6px 24px !important;
        background: url("../images/ic-note.png") no-repeat scroll 96% 50% #edd87d
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 24% !important*/
        /*padding-bottom: 28.5% !important;*/
    }

    .dealer-mobile-detail-page .eventlist.dealer-ads ul li .dealer-ad {
        min-height: 120px
    }

    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 17% !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice #ex-color {
        line-height: 18px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .shortdesc #short-desc {
        width: 66% !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail h3 {
        font-size: 13px !important;
        line-height: 18px !important
    }

    /*.dealer-mobile-detail-page .eventlist ul li .detail .price {
        font-size: 13px !important;
        line-height: 18px !important
    }

    .dealer-mobile-detail-page .year-label.visible-xs {
        font-size: 13px !important;
        padding-right: 1px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice {
        font-size: 13px !important;
        line-height: 18px !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .shortdesc {
        font-size: 13px !important;
        line-height: 18px !important
    }*/
    /*.eventlist ul li .symbole {
        right: 55% !important
    }*/
    .post-payment-mobile-title {
        font-size: 17px !important;
        margin-top: 35px
    }

    .postPamentMiddleMobUL li {
        padding: 5px 0;
        font-size: 15px
    }

    .postPamentBottomMobUL li {
        padding: 5px 0;
        font-size: 15px
    }

    .profile-report-div {
        direction: rtl;
        color: #907f6b;
        margin-bottom: 15px;
        background-color: #ffebd2;
        padding: 15px 20px 0 0;
        font-size: 13px;
        height: 40px
    }

    .profile-report-div-span1 {
        margin-right: 8px
    }

    .profile-report-div-span2 {
        margin-right: 25px
    }

    .bama-internal-banner.home-banner-inner #motorcycleType-slider,
    #motorcycleType-slider {
        top: 10px
    }

    .bama-internal-banner.home-banner-inner #motorcycleType-slider,
    #motorcycleType-slider {
        margin: 0
    }

    .home-banner-inner.hovered #motorcycleType-slider {
        top: 10px
    }

    .motorcycle-slider .owl-nav .owl-prev img {
        right: -18px
    }

    .motorcycle-slider .owl-nav .owl-next img {
        left: -18px
    }

    .car-list li {
        width: 100%
    }

    .company-landing .right-block h4 {
        padding-top: 10px;
        padding-right: 12px
    }

    .company-landing .right-block {
        float: none;
        padding-right: 100px
    }

    .company-landing .right-block h4 span {
        padding-bottom: 0
    }

    .company-landing .left-block {
        float: none;
        width: auto;
        padding-top: 15px
    }

    .company-landing .left-block .site-link {
        padding: 6px 20px;
        float: left
    }

    .company-landing .left-block address br {
        display: none
    }

    .contact-list.desktop {
        display: none
    }

    .contact-list.mobile {
        display: block
    }

    .contact-list-inner>li {
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-right: 12px
    }

    .contact-list-inner .no-border {
        border-bottom: none;
        margin-bottom: 0
    }

    .contact-list address {
        padding-bottom: 20px;
        color: #181818
    }

    .contact-lists ul li {
        color: #181818
    }

    .contact-list .top-detail {
        padding: 0 0 10px
    }

    .contact-list .top-detail .sub-place {
        float: none;
        width: auto;
        padding: 0 0 10px
    }

    .contact-list .top-detail .contact-address {
        float: none;
        width: auto
    }

    .contact-list .top-detail .right-column {
        float: right;
        max-width: 50%
    }

    .contact-list .middle-detail .contact-lists {
        float: right;
        max-width: 50%
    }

    .contact-list .middle-detail .timings {
        float: left;
        max-width: 50%
    }

    .contact-lists ul {
        width: auto;
        float: none
    }

    .available-facility {
        float: left
    }

    .content-right {
        width: 156px !important
    }

    .contact-page {
        margin-left: 215px !important
    }

    .visible-in-mobile {
        display: block
    }

    .hidden-in-mobile {
        display: none
    }

    .contact-list .available-facility li img {
        height: 45px
    }

    .company-landing .company-logo {
        margin-top: -40px
    }

    .company-landing .company-logo img {
        width: 100px;
        height: auto
    }

    .landing-banner-outer {
        padding-bottom: 20px
    }

    .company-landing-detail {
        padding: 50px 20px 0;
        background: #fafafa
    }

    .company-landing-detail:before {
        display: none
    }

    .company-landing-detail .sidebar {
        right: auto;
        left: 0;
        width: 100%
    }

    .nissan .company-landing-detail .sidebar {
        background: #fff
    }

    .bmw .company-landing-detail .sidebar {
        border-bottom-color: rgba(0, 160, 220, .8);
        background: #fff
    }

    .kia .company-landing-detail .sidebar {
        border-bottom-color: rgba(195, 0, 47, .8);
        background: #fff
    }

    .ford .company-landing-detail .sidebar {
        border-bottom-color: #07447c;
        background: #fff
    }

    .company-landing-detail .sidebar .tab-nav {
        width: 100%;
        display: table;
        direction: rtl
    }

    .company-landing-detail .sidebar .tab-nav li {
        display: table-cell;
        padding-bottom: 0;
        text-align: center;
        width: 235px
    }

    .company-landing-detail .sidebar ul li:after {
        display: none
    }

    .company-landing-detail .sidebar ul li a {
        display: inline-block;
        border: 0;
        padding-bottom: 5px;
        border-bottom: solid 3px rgba(255, 255, 255, .8)
    }

    .nissan .company-landing-detail .sidebar ul li.active a {
        border-bottom-color: #c3002f
    }

    .nissan .content-right {
        display: none
    }

    .landing-banner h2 {
        font-size: 12px;
        min-width: 165px
    }

    .landing-banner h2 span {
        font-size: 14px
    }

    .company-landing .right-block h4 span {
        font-size: 16px;
        margin-bottom: 10px
    }

    .nissan .company-name {
        font-size: 13px
    }

    .nissan .contact-page p {
        font-size: 14px
    }

    .nissan .contact-page {
        margin-left: 0 !important
    }

    .company-landing .left-block address {
        line-height: 25px
    }

    .nissan .landing-banner {
        min-height: 448px !important
    }

    .nissan .contact-lists ul {
        margin-top: 10px
    }

    .site-link {
        padding-bottom: 9px
    }

    .botgallery ul li .name {
        padding: 6px 0 3px;
        font-size: 14px;
    }

    .botgallery ul li .price a {
        padding: 5px 0
    }

    .linkblock ul li a {
        padding: 22px
    }
}

@media(max-width:690px) {
    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 14% !important
    }
}

@media(max-width:660px) {
    .dealer-banner .dealer-detail .middle-block {
        width: 420px
    }

    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 3.9%
    }

    .citypopup .modal-content {
        width: 74% !important
    }

    /*#dealerList li {
        padding-bottom: 33.5% !important
    }

    .eventlist.newstyle ul li {
        padding-bottom: 28% !important
    }*/
    .status-note {
        padding: 9px 50px 6px 24px !important;
        background: url("../images/ic-note.png") no-repeat scroll 95% 50% #edd87d
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 23.5% !important*/
        /*padding-bottom: 28% !important;*/
    }

    .profile-report-div {
        direction: rtl;
        color: #907f6b;
        margin-bottom: 15px;
        background-color: #ffebd2;
        padding: 15px 14px 0 0;
        font-size: 12px;
        height: 40px
    }

    .profile-report-div-span1 {
        margin-right: 5px
    }

    .profile-report-div-span2 {
        margin-right: 15px
    }

    .search-new-page .eventlist ul li .detail h2 a {
        width: 200px
    }

    .search-new-page .eventlist ul li .detail a.cartitle {
        width: 200px
    }

    /*.eventlist ul li {
        padding-bottom: 29.2%
    }*/
    .paging-block {
        padding: 20px 24px 20px 24px;
        margin-left: 30px;
        width: auto;
        float: none;
        overflow: visible
    }

    .paging ul {
        margin: 0 -26px;
        width: inherit
    }

    .paging ul li {
        padding: 0 26px
    }

    .nissan .landing-banner {
        min-height: 360px !important
    }
}

@media(max-width:590px) {
    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 12% !important
    }
}

@media(max-width:560px) {
    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 11% !important
    }

    .dealer-banner .dealer-detail .left-block {
        padding-top: 0 !important
    }

    .landing-banner {
        min-height: 230px;
        background-position: 20% 20%
    }

    .company-landing-detail {
        padding-right: 20px
    }

    .company-landing-detail:before {
        display: none
    }

    .car-list {
        margin: 0 -10px
    }

    .car-list li {
        padding: 0 10px;
        margin-bottom: 20px
    }

    .nissan .landing-banner {
        min-height: 310px !important
    }

    .botgallery ul.addetail-related-ads {
        margin: 0 !important;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        direction: rtl;
        grid-template-rows: 100%;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        grid-column-gap: 20px;
    }

    .botgallery ul.addetail-related-ads:before,
    .botgallery ul.addetail-related-ads:after {
        display: none;
    }

    .botgallery ul.addetail-related-ads li {
        float: none;
        width: 210px !important;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .full-layout>ul>li {
        width: 50%;
    }
}

@media(max-width:559px) {
    .address-outer {
        padding-right: 0;
        padding-left: 0;
        font-size: 12px;
    }

    .info-top-adclass {
        font-size: 15px
    }

    /*.eventlist ul li {
        padding-bottom: 28.5% !important
    }*/
    /*#dealerList li {
        padding-bottom: 32.2% !important
    }*/
    /*.dealer-page .dvLeft .overview {
        bottom: 13px !important
    }*/
    /*.eventlist.newstyle ul li {
        padding-bottom: 28% !important
    }*/
    .status-note {
        padding: 9px 50px 6px 24px !important;
        background: url("../images/ic-note.png") no-repeat scroll 95% 50% #edd87d
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 20% !important*/
        /*padding-bottom: 26.5% !important*/
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li a {
        font-size: 18px !important;
        line-height: 22px !important
    }

    .mobile-updgrade-tabing-content {
        font-size: 13px !important;
        line-height: 17px !important
    }

    /*.mobile-new-membership .paragraph .media {
        width: 70% !important
    }*/
    .mobile-new-membership .formbtn {
        margin-right: 10px !important;
        float: left
    }

    .mobile-profile-contact {
        font-size: 13px
    }

    .post-payment-mobile-title {
        font-size: 16px !important;
        margin-top: 35px
    }

    .postPamentMiddleMobUL li {
        padding: 5px 0;
        font-size: 14px
    }

    .postPamentBottomMobUL li {
        padding: 5px 0;
        font-size: 14px
    }

    .profile-report-div {
        direction: rtl;
        color: #907f6b;
        margin-bottom: 15px;
        background-color: #ffebd2;
        padding: 15px 20px 0 0;
        font-size: 13px;
        height: 40px
    }

    .profile-report-div-span1 {
        margin-right: 8px
    }

    .profile-report-div-span2 {
        margin-right: 25px
    }

    .profile-report-div {
        direction: rtl;
        color: #907f6b;
        margin-bottom: 15px;
        background-color: #ffebd2;
        padding: 15px 5px 0 0;
        font-size: 11px;
        height: 40px
    }

    .profile-report-div-span1 {
        margin-right: 5px
    }

    .profile-report-div-span2 {
        margin-right: 5px
    }

    .search-new-page .eventlist ul li .detail h2 a {
        width: 128px
    }

    .search-new-page .eventlist ul li .detail a.cartitle {
        width: 128px
    }

    .motorcycle-slider-link a,
    .motorcycle-slider em {
        font-size: 12px;
        line-height: 16px
    }

    .motorcycle-slider .owl-nav .owl-prev img,
    .motorcycle-slider .owl-nav .owl-next img {
        width: 15px;
        padding: 10px 5px;
        margin-top: -28px
    }

    .bama-internal-banner.home-banner .motorcycle-slider .owl-nav .owl-prev img,
    .bama-internal-banner.home-banner .motorcycle-slider .owl-nav .owl-next img {
        width: 15px
    }

    .motorcycle-slider .owl-nav .owl-next img {
        left: -18px
    }

    .motorcycle-slider .owl-nav .owl-prev img {
        right: -18px
    }

    .motorcycle-slider-outer {
        padding: 0 15px 25px;
        width: 100%
    }

    .motorcycle-slider-link {
        float: left;
        padding: 0 0 30px;
        width: 100%;
        text-align: center
    }

    .bama-internal-banner.home-banner .motorcycle-slider-outer {
        padding: 0 10px 0
    }

    .paging ul {
        margin: 0 -22px
    }

    .paging ul li {
        padding: 0 22px
    }

    .paging-block {
        margin-left: 10px
    }
}

@media(max-width:530px) {
    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 10% !important
    }
}

@media(max-width:490px) {
    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 6% !important
    }

    .eventlist.dealer-ads ul li .cost {
        bottom: 15px
    }

    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 4.9%
    }

    .bottom-alert {
        font-size: 14px !important
    }

    /*#dealerList li {
        padding-bottom: 28.5% !important;
        padding-top: 5.5% !important
    }

    .eventlist.newstyle ul li {
        padding-bottom: 32.5% !important
    }*/
    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 20% !important*/
        /*padding-bottom: 25.6% !important;*/
    }

    /*.search-new-page .eventlist ul li .detail h2 a {
        width: 99px
    }

    .search-new-page .eventlist ul li .detail a.cartitle {
        width: 99px
    }*/
    .payment-mobile-title .middleText {
        padding-left: 45px;
        text-align: center;
    }

    #motorcycleType-slider {
        top: 10px
    }

    .bama-internal-banner.home-banner-inner #motorcycleType-slider {
        top: 5px
    }

    .paging ul {
        margin: 0 -16px
    }

    .paging ul li {
        padding: 0 16px
    }

    .eventlist ul#dealerList li .detail h3 {
        line-height: 18px
    }

    .nissan .landing-banner {
        min-height: 270px !important
    }

    /*.eventlist ul li .symbole {
        right: 57% !important
    }*/
}

@media(max-width:414px) {
    .citypopup .modal-content {
        width: 85% !important;
        top: 15% !important
    }

    /*.eventlist ul li {
        padding-bottom: 27.6% !important
    }*/
    .home-banner {
        height: 90px
    }

    .paging-block {
        margin-left: 20px
    }

    /*.profiletabcontent .hd .numbers {
        top: -95px;
        left: 7px
    }*/
    .contact-page {
        margin-left: 0 !important
    }

    .nissan .landing-banner {
        min-height: 270px !important
    }

    .linkblock ul li a {
        padding: 20px
    }
}

@media(max-width:375px) {
    /*.price-new-page .price-brandmodelname {
		width: 50%;
	}*/
}

@media(max-width:374px) {
    /*.price-new-page .price-brandmodelname {
		width: 40%;
	}*/
}

@media(max-width:413px) {
    .eventlist ul li .detail h3 a.block-element {
        margin-bottom: 0;
    }

    .eventlist.dealer-ads ul li .cost {
        bottom: 15px
    }

    .eventlist.dealer-ads ul li .listdata {
        width: 95% !important
    }

    .dealer-mobile-detail-page .eventlist.dealer-ads ul li {
        padding-bottom: 4% !important
    }

    .dealer-banner .dealer-detail .middle-block {
        width: 280px
    }

    .sell-ad-detail-content .prdtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .sell-ad-detail-content p {
        font-size: 10px;
        line-height: 13px;
        min-height: 14px;
    }

    .mb-dealer-header-bottom-name {
        grid-column-start: 3;
        align-self: center;
        grid-row-start: 1;
        grid-column-end: 6;
        padding-right: 35px;
    }

    .sell-ad-detail-content .ad-name-label label {
        padding-left: 15px;
        margin-left: -15px;
    }

    .sell-ad-detail-right .sell-ad-detail-content,
    .sell-ad-detail-left .sell-ad-detail-content.left {
        padding-right: 10px !important;
    }

    .sell-ad-detail-content .prdtitle {
        margin-bottom: 0 !important;
    }

    .ul-archive-list .sell-ad-detail-content .edit-delete-btn {
        bottom: -5px;
    }

    .profiletabcontent ul li .sell-ad-detail-left {
        padding-top: 10px !important;
    }

    /*.eventlist ul li .symbole {
        right: 52% !important
    }*/
    /*.mobile-contact-detail .customlist {
        width: 80% !important
    }*/
    /* Profile Page css */
    .profileblock .profile-table {
        padding: 10px 15px;
    }

    .profile-mob-block table tr td p {
        font-size: 12px;
    }

    .profile-mob-block table tr td.btncol {
        width: 120px !important;
    }

    .profileblock .profile-bump .profile-bump-button {
        padding-left: 15px;
    }

    .TabbedPanels1 .TabbedPanelsContentGroup {
        padding: 0 15px !important;
    }

    .profiletabcontent ul li {
        padding: 15px 0;
    }

    .text-link-outer .dvtxtlinks {
        padding-bottom: 0;
    }

    .upgrade-membership .bumptransaction-listing li p,
    .upgrade-membership .bumptransaction-listing li p span {
        font-size: 10px !important;
        line-height: 14px;
        min-height: 14px;
    }

    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 5.9%
    }

    .info-top-adclass {
        font-size: 14px
    }

    .year-label.visible-xs {
        font-size: 10px
    }

    .search-new-page .eventlist ul li .detail .shortdesc {
        font-size: 10px
    }

    .price-new-page .price-classname {
        width: 32%
    }

    .price-new-page .price-brandmodelname {
        /* width: 29%; */
        /* width: 40%; */
    }

    .search-new-page .eventlist ul li .detail a.cartitle h2 .price-new-page .price-classname {
        width: 29%
    }

    .year-label.visible-xs {
        font-size: 11px;
        line-height: 15px !important;
    }

    .search-new-page .eventlist ul li .detail .provice {
        font-size: 11px;
        line-height: 15px !important;
    }

    /*.eventlist ul li .cost {
        font-size: 12px;
    }*/
    .car-page-h1-section.car-page-mob-title .h1-title-div-section {
        font-size: 13px;
        line-height: 17px
    }

    .car-page-h1-section.car-page-mob-title .h1-title-div-section h1 {
        font-size: 13px;
        line-height: 17px !important
    }

    .inforight .titlepanel h1 {
        font-size: 15px;
        line-height: 17px !important
    }

    .inforow .inforight {
        font-size: 12px !important
    }

    #phone-open {
        font-size: 11px !important
    }

    .security-block {
        font-size: 13px;
        margin-top: 0 !important;
        width: auto !important;
        line-height: 22px;
        color: #666;
    }

    .eventlist ul li .detail h3 {
        font-size: 11px !important;
        line-height: 14px !important;
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .eventlist ul#dealerList li .detail h3 {
        line-height: 18px
    }

    .eventlist ul li .detail p {
        font-size: 11px;
        line-height: 15px
    }

    .dealer-page.dealers-list-page .listdata .provtn {
        line-height: 18px !important
    }

    .top-coprporationdetail .right-corporation-div h3 {
        font-size: 15px;
        line-height: 15px !important;
    }

    .corp-inforow {
        font-size: 11px;
        line-height: 20px
    }

    .dealer-detail-page .eventlist ul li .detail .provice {
        font-size: 11px;
        line-height: 15px !important
    }

    .dealer-detail-page .eventlist ul li .detail .shortdesc {
        font-size: 10px;
        margin-bottom: 1px
    }

    .dealer-detail-page .eventlist ul li .detail .price {
        font-size: 11px
    }

    .price-relatedads-link {
        font-size: 11px
    }

    .search-new-page .eventlist ul li .detail .shortdesc {
        font-size: 11px;
        line-height: 15px !important;
        height: 19px
    }

    .profiletabcontent .hd {
        font-size: 13px;
        line-height: 20px;
        left: 14px;
    }

    .profiletabcontent .hd .numbers {
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        font-size: 14px;
        text-align: left;
    }

    .graph-links.model-detail-graph-link a .model-price-price {
        font-size: 12px
    }

    /*.price-new-page .price-brandmodelname p {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 5px !important
    }*/
    .price-detail-seconddiv p {
        font-size: 11px;
        line-height: 15px;
        margin-bottom: 5px !important
    }

    .provider-name-css {
        font-size: 8px
    }

    .sell-styled-select {
        width: 80%
    }

    /*.numeric-textbox {
        width: 80% !important
    }

    .insert-new-ad-page .formarea .formblock #Description.textarea {
        width: 80% !important
    }*/
    /*.fileup {
        width: 80% !important
    }*/
    /*.formarea .formblock .dvLeft .form-horizontal .dvContentRight .custom-fld {
        width: 80% !important
    }*/
    .frmlogin .customlist {
        width: 80% !important
    }

    /*.mobile-contact-detail .custom-fld {
        width: 80% !important
    }*/
    /*.dvContentRight.mobile-contact-detail .inputbtn2.large {
        width: 80% !important
    }*/
    /*#frmInsertNewAd .formarea .formbtn .inputbtn2 {
        width: 80% !important
    }*/
    /*.dvContentRight .inputbtn2.large {
        width: 80% !important
    }*/
    /*.dvContentRight .inputbtn2.large2 {
        width: 80% !important
    }*/
    .allowupdate-label p {
        width: 23%;
        margin-top: 0 !important
    }

    .prd-data .label {
        line-height: 26px
    }

    .txtlinks a {
        font-size: 12px;
        line-height: 16px
    }

    .price-value-mob {
        bottom: 105px;
        font-size: 11px
    }

    .txtlinks a img {
        top: 8px
    }

    .car-comparison-page.compare-page .car-compare h3.textleft {
        width: 100%
    }

    .car-comparison-page.compare-page .car-compare h3.textright {
        width: 100%
    }

    .research-compare-year {
        width: 100%;
        margin-top: 0
    }

    #short-desc {
        width: 35%
    }

    /*.alert-page .inputbtn2.large {
        width: 100% !important
    }*/
    .frmChangeProfile .customlist {
        width: 80%
    }

    /*.discus-btn {
        width: 80%
    }*/
    .cancel-btn-pwd {
        width: 80%
    }

    /*.frmChangeProfile .discus-btn {
        width: 80%
    }*/
    .edit-submit-btn input {
        width: 80%
    }

    .uploadbox {
        width: 80% !important
    }

    .price-detail-thirddiv {
        margin-top: -40px
    }

    .dvtxtlinks a {
        font-size: 11px !important
    }

    .mobile-profile-advertisments .prdtitle {
        font-size: 11px;
        line-height: 20px
    }

    .mobile-profile-advertisments .label {
        font-size: 11px;
        line-height: 20px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .mobile-profile-advertisments .green {
        font-size: 11px
    }

    .mobile-profile-advertisments p {
        font-size: 11px;
        line-height: 21px
    }

    .mobile-profile-advertisments .green {
        line-height: 26px
    }

    .mobile-profile-advertisments .yellow {
        margin-bottom: 0 !important;
        font-size: 11px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        /*width: 50%*/
    }

    .allowupdate-label {
        margin-top: 0
    }

    .price-new-page .price-modelyear {
        font-size: 11px;
        width: 7%
    }

    .price-new-page .price-classname {
        font-size: 11px
    }

    /*.price-new-page .price-price {
        font-size: 11px;
        width: 15%
    }*/
    .allowupdate-label .label {
        line-height: 17px !important
    }

    #nav li a.nav_link {
        padding: 9px 0 7px
    }

    .prd-data .prdrw .label {
        width: 23%;
        font-size: 11px
    }

    .prd-data .prdrw p {
        font-size: 11px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        line-height: 23px
    }

    .prd-data .prdrw .outerval {
        width: 11%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 11px
    }

    .prd-data .prdtitle {
        font-size: 11px;
        line-height: 18px
    }

    .linkblock {
        padding-top: 25%
    }

    .linkblock ul {
        top: 11px
    }

    .search-new-page .eventlist ul li .detail h2 a,
    .search-new-page .eventlist ul li .detail a.cartitle {
        line-height: 15px;
        width: 128px;
        margin-top: -2px;
    }

    .alert-page .alert-styled-select {
        width: 80%
    }

    .customlist.leftmarg.alert-page-year-drop {
        /* width: 80% !important */
    }

    .alert-page-price-txt {
        width: 80% !important
    }

    /*.profiletabcontent .hd .fadeBartering a {
        font-size: 11px !important;
        line-height: 7px;
        width: 33% !important;
        padding-right: 20px !important
    }

    .profiletabcontent .hd .fadeAddParking a {
        font-size: 11px !important;
        line-height: 7px;
        width: 33% !important;
        padding-right: 20px !important
    }

    .profiletabcontent .hd .fadeAddNewAlert a {
        font-size: 11px !important;
        line-height: 7px;
        width: 33% !important;
        padding-right: 20px !important
    }

    .profiletabcontent .hd .fadeInsertNewAd a {
        font-size: 11px !important;
        line-height: 7px;
        width: 45% !important;
        padding-right: 20px !important;
		box-sizing:border-box;
    }*/
    .top-message-adtype {
        font-size: 11px
    }

    .alert-page .alert-styled-select {
        width: 80% !important
    }

    /*.alert-page .inputbtn2.large {
        width: 80% !important
    }*/
    /*#dealerList li {
        padding-bottom: 29.5% !important;
        padding-top: 5.5% !important
    }*/
    /*.photo a {
        width: 85% !important
    }*/
    /*.dealer-page.dealers-list-page .dvLeft .listdata, .dealer-page.dealers-list-page .dvLeft .overview {
        width: 100%
    }*/
    /*.eventlist ul li .listdata {
        width: 100% !important
    }

    .eventlist ul li {
        padding-bottom: 22.4% !important;
        padding-right: 45.5% !important
    }*/
    .dealer-page.dealers-list-page .listdata .provtn {
        margin-top: 11px !important
    }

    /*.eventlist.newstyle ul li {
        padding-bottom: 20% !important
    }*/
    .p0 {
        font-size: 11px !important;
        line-height: 15px
    }

    .status-note {
        padding: 9px 50px 6px 24px !important;
        background: url("../images/ic-note.png") no-repeat scroll 93% 50% #edd87d
    }

    .detail .mid {
        margin-top: -2px !important;
        max-width: 45%;
    }

    /* start - setting in mobile devices only for car search page */
    .search-new-page .mobile-count-block {
        padding: 7px 15px;
    }

    .search-new-page .mobile-filter-block {
        padding: 10px 15px 10px 73px;
    }

    .search-new-page .car-ad-list.filter-ico-outer {
        left: 15px;
    }

    .search-new-page .eventlist {
        padding: 0 15px 15px;
    }

    .search-new-page .eventlist ul li .listdata {
        padding-right: 15px;
    }

    /*.search-new-page .eventlist ul li .tag{top:15px;}*/
    /*.search-new-page .eventlist ul li .symbole{padding-right:14px;}*/
    .search-new-page .eventlist ul li .cost {
        bottom: 8px;
    }

    .search-new-page .symbole img {
        margin-bottom: 11px !important;
    }

    /* end - setting in mobile devices only for car search page */
    .price-new-page.price-new-page-detail .b-title {
        width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: right
    }

    .car-price-detail-title .photo img {
        letter-spacing: 0;
        right: -10px !important
    }

    .price-detail-right {
        width: 50%
    }

    .dealer-mobile-detail-page .provice-mobile {
        width: 17% !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice {
        width: 100% !important
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 14% !important*/
        /*padding-bottom: 19.4% !important;*/
    }

    .dealer-mobile-detail-page .eventlist ul li .detail h3 {
        font-size: 11px !important;
        line-height: 16px !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .price {
        font-size: 11px !important;
        line-height: 16px !important
    }

    .dealer-mobile-detail-page .year-label.visible-xs {
        font-size: 11px !important;
        padding-right: 1px
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .provice {
        font-size: 11px !important;
        line-height: 16px !important
    }

    .dealer-mobile-detail-page .eventlist ul li .detail .shortdesc {
        font-size: 11px !important;
        line-height: 16px !important
    }

    .payment-mobile-title .payment-mobile-title-inner {
        padding: 5px 24px
    }

    .payment-mobile-title .pay-mobile-outer .pay-mobile-inner span {
        font-size: 18px;
        line-height: 22px;
        padding: 22px 18px
    }

    .payment-mobile-title .middleText {
        font-size: 13px
    }

    .mobile-updgrade-tabing-content .lower-info .right-info {
        /* width: 49%; */
        /* width: 45%; */
        /* margin-left: 5px */
    }

    .mobile-updgrade-tabing-content .lower-info .left-info {
        /* width: 49% */
        /*width: 118px;*/
    }

    .mobile-updgrade-tabing ul.ui-tabs-nav li a {
        font-size: 14px !important;
        line-height: 15px !important
    }

    .mobile-updgrade-tabing-content {
        font-size: 12px !important;
        line-height: 16px !important
    }

    .ui-widget-content.mobile-updgrade-tabing-content {
        width: 100% !important
    }

    .mobile-updgrade-tabing-content .upper-info {
        margin-bottom: 10px
    }

    .mobile-new-membership .paragraph .media table tr td {
        font-size: 10px !important;
        line-height: 18px
    }

    .mobile-profile-contact {
        font-size: 12px
    }

    .mob-prepay-message ul li p {
        font-size: 13px
    }

    .post-payment-mobile-title {
        font-size: 14px !important;
        margin-top: 35px
    }

    .postPamentMiddleMobUL li {
        padding: 5px 0;
        font-size: 12px
    }

    .postPamentBottomMobUL li {
        padding: 5px 0;
        font-size: 12px
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert-middle,
    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert,
    .search-new-page .eventlist ul li .ad-details-lastdiv f,
    .alert-panel-outer {
        font-size: 13px !important
    }

    .paging ul {
        margin: 0 -13px
    }

    .paging ul li {
        padding: 0 13px
    }
}

@media(max-width:370px) {
    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 6.9%
    }

    /*.eventlist ul li .symbole {
        right: 56% !important
    }*/
    .bottom-alert {
        font-size: 14px !important
    }

    /*#dealerList li {
        padding-bottom: 28.5% !important
    }

    .eventlist.newstyle ul li {
        padding-bottom: 15% !important
    }*/
    /*.dealer-mobile-list {
        right: 48%
    }*/
    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 12.5% !important*/
        /*padding-bottom: 19.4% !important*/
    }

    .mobile-new-membership .paragraph .media table tr td {
        font-size: 9px !important;
        line-height: 18px
    }

    /*.search-new-page .eventlist ul li .detail h2 a {
        width: 78px
    }

    .search-new-page .eventlist ul li .detail a.cartitle {
        width: 78px
    }*/
    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert-middle {
        padding-left: 0;
        width: 65%
    }

    .search-new-page .eventlist ul li .ad-details-lastdiv .bottom-alert {
        width: 30%;
        padding-right: 0
    }

    #motorcycleType-slider {
        top: 10px
    }

    .bama-internal-banner.home-banner #motorcycleType-slider {
        top: 0
    }

    .home-banner-inner.hovered #motorcycleType-slider {
        top: 0
    }

    .nissan .landing-banner {
        min-height: 270px !important
    }

    .botgallery h3 {
        font-size: 10px
    }
}

@media(max-width:347px) {

    /*.profiletabcontent .hd .numbers {
        top: -111px;
        left: 16px
    }*/
    .dealer-mobile-detail-page .eventlist ul li .cost {
        /*bottom: 4px*/
    }

    .dealer-mobile-detail-page .eventlist ul li {
        /*padding-bottom: 8.5% !important*/
        /*padding-bottom: 16.32% !important;*/
    }
}

@media(max-width:320px) {
    .nav-sub-brand-name-show-text {
        /*width: 62%;*/
    }

    .motorcycle-slider-link a,
    .motorcycle-slider em {
        font-size: 12px;
        line-height: 12px
    }

    .home-banner.hovered #motorcycleType-slider {
        top: 25px
    }

    .motorcycleSellTopTitle {
        line-height: 20px;
        margin: 0 0 20px 0;
        direction: rtl;
        margin-right: 7.9%
    }

    /*.eventlist ul li {
        padding-bottom: 21.32% !important
    }*/
    .paging ul {
        margin: 0 -8px
    }

    .paging ul li {
        padding: 0 8px
    }

    .nissan .landing-banner {
        min-height: 220px !important
    }

    .company-landing .right-block h4 {
        font-size: 13px
    }
}

.profileblock .profile-mobleft {
    display: none
}

.mobile-short-desc-color {
    display: none !important;
    opacity: 0 !important
}

.ReportFormDescription,
.ReportFormDescription p {
    padding-right: 0 !important
}

.eventlist ul li.app-link-outer {
    padding: 20px 0 !important;
    height: auto;
}

.eventlist ul li.app-link-outer .app-link {
    position: relative;
    height: auto;
}

.app-link {
    display: block;
}

.app-link img {
    width: 100%;
    height: auto;
    display: block;
}

.text-link-outer .dvtxtlinks.w-50 {
    width: 50%;
}

.profile-content .social-profile-top-part {
    direction: rtl;
    margin: 20px 0;
}

.profile-content .social-profile-top-part .social-username {
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.profile-content .social-profile-top-part .social-username span {
    padding: 0px 3px;
    display: inline-block;
    color: #5f5f5f;
    vertical-align: middle;
}

.profile-content .social-profile-top-part .social-username span.change-social-username {
    color: #D5C812;
    cursor: pointer;
}


@media(max-width:960px) {
    .ad-detail-bottom-icon {
        position: fixed !important;
        bottom: 0;
        width: 100%;
        background: #57A9BF;
        padding: 0px;
        margin: 0px !important;
        z-index: 9;
    }

    .ad-detail-bottom-icon ul {
        position: static;
        padding: 0px !important;
        top: 0;
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0 !important;
        text-align: center;
    }

    .ad-detail-bottom-icon ul li {
        display: table-cell;
        padding: 0 !important;
        float: none !important;
    }

    .ad-detail-bottom-icon ul li a {
        display: block;
        padding: 10px;
    }

    .ad-detail-bottom-icon ul li a img {
        height: 24px !important;
        width: auto !important;
        margin: 0 auto 5px;
    }

    .ad-detail-bottom-icon ul li a span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        direction: rtl;
        line-height: 25px;
    }

    .app-link-outer.search-car-listing {
        height: auto !important;
        min-height: auto !important;
    }

    #wrapper>header {
        padding: 0 20px;
    }
}

.mobile-nav {
    margin-top: 80px;
    max-height: 90%;
    overflow: auto;
    padding: 5px 25px;
    background: #343434;
}

.mobile-nav .mobile-nav-tab {
    display: table;
    width: 100%;
    border-bottom: solid 1px #BBBBBB;
    margin-bottom: 10px;
    table-layout: fixed;
}

.mobile-nav .mobile-nav-tab li {
    display: table-cell;
}

.mobile-nav .mobile-nav-tab li.w-42 {
    width: 48%;
}

.mobile-nav .mobile-nav-tab li a {
    display: block;
    padding: 10px 32px 10px 5px;
    font-size: 13px;
    line-height: 18px;
    color: #BBBBBB;
    border-bottom: solid 3px transparent;
    margin-bottom: -2px;
    text-decoration: none !important;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-nav .mobile-nav-tab li a img {
    position: absolute;
    right: 0;
    top: 14px;
}

.mobile-nav .mobile-nav-tab li.active a {
    border-bottom-color: #D5C812;
    color: #D5C812;
}

.mobile-nav .mobile-nav-tab li a .active-icon,
.mobile-nav .mobile-nav-tab li.active a .normal-icon {
    display: none;
}

.mobile-nav .mobile-nav-tab li.active a .active-icon {
    display: block;
}

.mobile-nav hr {
    margin: 10px 0;
    border-color: #BBBBBB;
    display: none;
}

.mobile-menu-links:last-child {
    border: none;
    margin-bottom: -15px;
}

.mobile-menu-links {
    /* padding-bottom: 20px; */
    /* margin-bottom: 10px; */
    padding-bottom: 22px;
    margin-bottom: 0;
    margin-top: 12px;
    border-bottom: 1px solid #bbb
}

.mobile-menu-links-outer {
    display: none;
}

.mobile-menu-links-outer.active {
    display: block;
}

.mobile-menu-links li+li {
    padding-top: 10px;
}

.mobile-menu-links li a {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
}

.mobile-nav .show-more-link {
    width: 100%;
    height: 20px;
    border: 0;
    background: #4B4B4B;
    border-radius: 4px;
    margin-top: 15px;
}

.mobile-nav .show-more-link img {
    display: block;
    margin: 0 auto;
}

.morelink-show .mobile-nav .show-more-link img {
    transform: rotate(180deg);
}

.mobile-nav .more-links {
    display: none;
}

.morelink-show .mobile-nav .more-links {
    display: block;
    border-top: 1px solid #bbb;
    margin-top: 15px;
    padding-top: 10px;
}

.morelink-show.navigation {
    padding-bottom: 0;
}

.morelink-show .mobile-nav {
    max-height: 80%;
    padding-bottom: 29px;
}

.morelink-show .mob-footer-outer {
    z-index: -1;
}

.mobile-desc-row {
    float: left;
    width: 100%;
    margin: 5px 0 24px;
}

.mobile-desc-row p.right-part {
    float: right;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-desc-row p.left-part {
    float: left;
    width: 30%;
    text-align: left;
}

.mobile-desc-row p {
    font-size: 10px;
    line-height: 17px;
    color: #888;
    margin: 0;
}

.mobile-desc-row p span.medium-text {
    font-size: 11px;
}

.mobile-desc-row p span {
    display: inline-block;
    min-width: 70px;
}

.mobile-desc-row p span.cls-name {
    min-width: auto;
}

.mobile-desc-row p span+span {
    margin-right: 3px;
}

.mb-25 {
    margin-bottom: 25px;
}

.cus-block {
    max-width: 760px
}

.cb1 {
    position: relative;
    width: 100px;
    margin-right: 29px;
    float: left
}

.cb2 {
    position: relative;
    width: 163px;
    margin-right: 29px;
    float: left
}

.cb3 {
    position: relative;
    width: 215px;
    margin-right: 29px;
    float: left
}

.cb4 {
    position: relative;
    width: 195px;
    float: left
}

.cb90_l {
    width: 100px;
    float: left
}

.cb90_r {
    width: 100px;
    float: right
}

.cus-block .XTX-Select {
    height: 40px !important
}

.cus-block .XTX-Select select {
    height: 40px !important;
    border-radius: 4px;
    font-weight: bold
}

.cus-block .XTX-Select:after {
    top: 20px
}

.cus-block .standard-dropdown:disabled,
.cus-block .customlist.leftmarg.alert-page-year-drop:disabled {
    color: #d7d8d9
}

.cus-block .tooltipbox-div::before {
    background: #D5C812;
}

.cus-block .tooltipbox-div {
    bottom: -14px;
    color: #9d9d9c;
    font-size: 11px;
    right: 0;
}

.cus-block .tooltipbox-div.installment-tip {
    width: 220px;
    margin-left: -30px
}

.cus-block .mileage-textbox-top {
    height: 40px !important;
    border-radius: 4px;
    font-weight: bold;
    color: #444 !important
}

.cus-block .Car-button {
    height: 40px !important;
    background: var(--magenta);
    color: #f5f5f5;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
}

.cus-block .Car-button:hover {
    background: #ee65b6;
}

.cus-block .cb2 .inner-column {
    padding: 14px 0 0 0;
}

.cus-block .cb2 .inner-column.inner-column-left {
    width: 51%;
}

.cus-block .cb2 .inner-column.inner-column-right {
    width: 49%;
}

.cus-block input[type=checkbox] {
    margin: 0
}

.cus-block .chklbl {
    color: #444;
    font-weight: bold
}

.cus-block .chklbl.fl_l {
    float: left
}

.cus-block .chklbl.fl_r {
    float: right
}

.cus-block.motorcycle-cus-block .cb2 .cb2_l {
    float: left;
    width: 75px;
}

.cus-block.motorcycle-cus-block .cb2 .cb2_r {
    float: right;
    width: 75px;
}

.cus-block.motorcycle-cus-block .cb2 .inner-column {
    padding: 5px 0 0 0;
}

.cus-block.motorcycle-cus-block .cb2 .input-box {
    padding: 0px;
}

.turbo-ads {
    border: 2px solid #00c1af !important;
    padding: 0 !important;
    margin-bottom: 18px !important;
    margin-top: 25px !important;
    position: relative !important;
    width: auto !important
}

.turbo-ads>ul>li {
    padding: 18px 0;
    margin: 0;
    border-top: 1px solid #e0e0e0;
    position: relative;
    min-height: 105px
}

.turbo-ads ul li .photo {
    margin-left: 30px;
    margin-right: 6px
}

.turbo-ads ul li .cost {
    left: 15px
}

.turbo-header {
    background-color: #00c1af;
    height: 25px;
    width: 80px;
    position: absolute;
    top: -25px;
    left: -2px;
    font-size: 13px;
    color: #fff
}

.turbo-header .turbo-icon {
    position: absolute;
    top: 5px;
    right: 4px;
    width: 15px;
}

.turbo-header span {
    padding: 3px 0 0 10px;
    display: block;
}

.turbo-ads .overview .symbole {
    left: 15px;
    font-weight: bold
}

.rightpanel-new .menulinks h3 {
    border-top: 1px solid #b0b0b0;
    border-bottom: none;
    margin: 0;
    padding: 20px 0;
    font-size: 16px
}

.rightpanel-new .navigation-count {
    color: #acacac;
    font-size: 12px
}

.rightpanel-new .menulinks ul li a {
    color: #4995a5;
    font-size: 14px
}

.rightpanel-new .menulinks ul li a:hover {
    color: #222;
}

.navigation-name {
    position: relative;
}

.navigation-name::before {
    content: '';
    width: 105%;
    height: 105%;
    display: block;
    position: absolute;
    background: #6abccd;
    transform: scale3d(0, 1, 1);
    transform-origin: right center;
    transition: transform 0.2s cubic-bezier(0.2, 1, 0.3, 1);
    opacity: 0.3;
    z-index: -1;
}

.rightpanel-new .menulinks ul li a:hover .navigation-name::before {
    content: '';
    transform: scale3d(1, 1, 1);
}

.remove-selectedoption-car {
    color: #444 !important;
}

.remove-selectedoption-car .navigation-name {
    max-width: 100%;
    padding-right: 15px;
}

.remove-selectedoption-car .navigation-name::after {
    content: '';
    display: block;
    width: 4px;
    height: 8px;
    border: solid #4995a5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 6px;
}

.car-ad-filter-link.filterlinks,
.motorcycle-ad-filter-link.filterlinks {
    margin-top: 15px
}

.car-ad-filter-link.filterlinks ul li,
.motorcycle-ad-filter-link.filterlinks ul li {
    height: 34px;
    margin-bottom: 7px
}

.car-ad-filter-link.filterlinks ul li:first-child,
.motorcycle-ad-filter-link.filterlinks ul li:first-child {
    margin-top: 7px;
}

.car-ad-filter-link.filterlinks ul li a,
.motorcycle-ad-filter-link.filterlinks ul li a {
    height: 23px;
    font-size: 13px;
    padding: 10px 10px 0 30px;
    color: #727372;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.car-ad-filter-link.filterlinks ul li a.active,
.motorcycle-ad-filter-link.filterlinks ul li a.active {
    /*color: #55aabe;*/
    color: #333333;
    background-color: #fff !important;
    font-size: 14px;
    padding-right: 0 !important
}

.car-ad-filter-link.filterlinks ul li .car-close-img,
.motorcycle-ad-filter-link.filterlinks ul li .car-close-img {
    background: url("../images/cus-ic-close.png") no-repeat scroll left center #f2f2f2 !important;
}

.car-ad-filter-link.filterlinks ul li .car-close-img:hover,
.motorcycle-ad-filter-link.filterlinks ul li .car-close-img:hover {
    background: url("../images/cus-ic-close-hover.png") no-repeat scroll left center #f2f2f2 !important;
}

.paging-new .car-ad-list a,
.car-ad-list a {
    color: #555;
    font-size: 15px;
    font-weight: bold;
    line-height: 33px;
    height: 45px;
    width: 130px;
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    padding-right: 27px;
    padding-left: 17px;
    box-sizing: border-box;
    text-decoration: none;
    padding: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
}

.paging-new .car-ad-list.next a::after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    border-top: 2px solid #06bbb2;
    border-left: 2px solid #06bbb2;
}

.paging-new .car-ad-list.previous a::before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-top: 2px solid #06bbb2;
    border-right: 2px solid #06bbb2;
}

.paging-new ul li a:hover {
    color: #54aabe
}

.paging-new .car-ad-list.previous a {
    padding-right: 37px;
    padding-left: 17px;
}

.paging-new .car-ad-list.next a {
    padding-right: 17px;
    padding-left: 27px
}

.paging-new .car-ad-list.previous img {
    position: absolute;
    right: 13px;
    top: 12px
}

.paging-new .car-ad-list.next img {
    position: absolute;
    left: 13px;
    top: 12px
}

.paging-new .car-ad-list.previous a:hover,
.paging-new .car-ad-list.next a:hover {
    background-color: #fff;
    border-color: #b0afaf;
}

.paging-new ul li a.active {
    background: none;
    color: #54aabe
}

.paging-new {
    display: table;
    width: 100%
}

.paging-new .car-ad-list {
    width: 107px
}

.paging-new .car-ad-list,
.paging-new .paging-inner {
    display: table-cell
}

.paging-new .paging-inner>ul,
.paging-new .paging-inner h4 {
    margin: 0 auto;
    display: table;
    width: auto !important
}

.paging-new ul li a {
    padding: 10px 15px;
    line-height: 1;
    width: auto;
    height: auto;
    cursor: pointer;
    font-weight: bold
}

.car-ad-list-new .tag img {
    width: 30px;
    height: 45px;
}

.rightpanel-new .rightpanel-header p {
    height: 50px;
    color: #575756;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    margin-top: 15px;
}

.page-Advertisement-insertnewad .sell-ad-mobile-left,
.page-Advertisement-insertnewad .sell-ad-mobile-right {
    float: none;
}

.page-Advertisement-EditNewAd .edit-ad-mobile-outer {
    position: relative;
}

.page-Advertisement-EditNewAd .edit-ad-mobile-outer .edit-ad-mobile {
    position: absolute;
    bottom: 0;
}

.phone-mobile-block {
    position: relative;
    box-sizing: border-box;
    min-height: 20px;
    padding-right: 123px;
}

.phone-mobile-block span.label {
    position: absolute;
    right: 0;
}

.addetail-single-phone-number {
    display: block;
    direction: ltr;
    text-align: left;
    margin-bottom: 10px;
    padding-right: 0;
}

.addetail-single-phone-number a {
    position: relative;
    color: #999;
    letter-spacing: 1px !important;
    pointer-events: none;
    user-select: text;
    cursor: text;
}

@media(max-width:960px) {
    .addetail-single-phone-number a {
        color: var(--bluegreen);
        pointer-events: auto;
    }

    .addetail-single-phone-number a::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 60'%3E%3Cpath d='M33.35547 46.63672c-15.06934 0-28.64111-18.21387-30.71143-27.73828-1.7207-7.91455-.47363-13.5293 3.60742-16.23682v.00049a4.73416 4.73416 0 015.52881.27441C15.792 6.063 22.083 11.99121 19.13965 16.56934a9.76036 9.76036 0 01-3.94678 3.75293c-.12891.06933-.28076.15087-.37695.21191a10.69036 10.69036 0 00.83838 2.01562c1.96289 4.0293 9.3916 11.67188 12.71582 11.74512a.93791.93791 0 00.94336-.52344c1.30957-2.41308 2.67773-4.624 5.00586-5.16113 1.90332-.43945 4.15625.33008 7.082 2.4209 3.68554 2.63184 5.459 6.5957 4.41211 9.86133-.68745 2.14551-3.22068 5.74414-12.45798 5.74414zM8.79053 3.90771a2.59093 2.59093 0 00-1.4336.42042v.00048c-4.21386 2.7959-3.82617 9.23535-2.75879 14.145C6.33545 26.46484 19.002 44.63672 33.35547 44.63672c5.82031 0 9.666-1.58692 10.55273-4.35449.76856-2.39649-.74023-5.53223-3.66894-7.624-2.39258-1.709-4.17676-2.39453-5.47071-2.09863-1.373.31641-2.3955 1.76758-3.69726 4.166a2.9609 2.9609 0 01-2.74512 1.56933c-4.45215-.09863-12.43457-8.6914-14.46972-12.86914-1.3042-2.67676-1.6084-3.78955.38818-4.86426a7.85586 7.85586 0 003.2124-3.07373c2.22266-3.45654-4.72412-9.273-6.90625-10.97363a2.8754 2.8754 0 00-1.76025-.60646zM6.8042 3.49512z' data-name='Layer 13' fill='%23D5C812'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        left: -23px;
        top: 4px;
        line-height: 1;
        display: block;
        width: 19px;
        height: 23px;
        background-size: 100%;
    }

    .corp-inforow .addetail-single-phone-number a::before {
        position: relative;
        left: initial;
        top: initial;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .infoleft .imglinks a svg {
        margin-top: 4px;
    }

    .page-Advertisement-EditNewAd .edit-ad-mobile-outer .edit-ad-mobile {
        position: relative;
    }

    .page-Advertisement-insertnewad .sell-ad-mobile-left {
        float: left;
    }

    .page-Advertisement-insertnewad .sell-ad-mobile-right {
        float: right;
    }

    .turbo-ads {
        padding: 0 5px !important;
        margin-top: 35px !important
    }

    .paging-new {
        display: table !important
    }

    .paging-new .car-ad-list a,
    .car-ad-list a {
        padding: 7px
    }

    .paging-new .car-ad-list a,
    .car-ad-list a {
        font-size: 13px
    }

    .paging-bottom-div.paging-new {
        padding: 10px 25px
    }

    body:not(.is-pwa) .paging-bottom-div.paging-new {
        margin-bottom: 30px;
    }

    .paging-new.paging-bottom-div h4 {
        padding: 0 27px;
        font-size: 12px
    }

    .paging-new .car-ad-list {
        width: 78px;
    }

    .paging-new .car-ad-list.previous a {
        padding-right: 15px;
        padding-left: 10px;
    }

    .paging-new .car-ad-list.previous img {
        right: 10px
    }

    .paging-new .car-ad-list.next a {
        padding-left: 17px;
        padding-right: 10px;
    }

    .paging-new .car-ad-list.next img {
        left: 10px;
    }

    .paging-new .car-ad-list a,
    .car-ad-list a {
        color: #555;
        font-size: 15px;
        font-weight: bold;
        line-height: 36px;
        height: 50px;
        width: 110px;
        background-color: #fff;
        border-radius: 5px;
        position: relative;
        padding-right: 27px;
        padding-left: 17px;
        box-sizing: border-box;
        text-decoration: none;
        padding: 4px;
        border: 1px solid #dcdcdc;
        display: inline-block;
    }

    .paging-new .car-ad-list.next a::after {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        border-top: 2px solid #06bbb2;
        border-left: 2px solid #06bbb2;
    }

    .paging-new .car-ad-list.previous a::before {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border-top: 2px solid #06bbb2;
        border-right: 2px solid #06bbb2;
    }

    .eventlist ul li .overview {
        float: none
    }

    .eventlist ul li .symbole {
        bottom: 0;
        left: 0;
        right: 0 !important;
        top: auto !important;
        padding: 0;
        margin-bottom: 4px;
        direction: rtl;
    }

    .eventlist ul li .symbole p {
        display: block;
        height: 19px;
        text-align: right;
        margin: 0;
        padding: 0;
        font-size: 11px;
        line-height: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 150px;
        white-space: nowrap;
    }

    .eventlist ul li .symbole p .dealer-text {
        font-weight: bold;
        color: #444;
    }

    .turbo-ads .overview .symbole {
        font-weight: normal;
    }

    .eventlist>ul>li {
        min-height: 176px;
    }

    .eventlist .detail .mid {
        margin-top: -11px !important;
    }

    .eventlist.dealer-adv .detail .mid {
        margin-top: -28px !important;
    }

    .eventlist.dealer-adv .motorcycle-ad .detail .mid {
        margin-top: -10px !important;
    }

    .car-ad-list-new.eventlist>ul>li {
        min-height: 175px;
    }

    .car-ad-list-new.eventlist .turbo-ads>ul>li {
        min-height: 167px;
    }

    .car-ad-list-new.eventlist .detail .mid {
        margin-top: -28px !important;
    }

    .car-ad-list-new.eventlist .turbo-ads .detail .mid {
        margin-top: -33px !important;
    }

    .search-new-page .car-ad-list-new.eventlist ul li .cost {
        bottom: 8px;
    }
}

@media(max-width:413px) {
    .eventlist>ul>li {
        min-height: 160px;
    }

    .eventlist .detail .mid {
        margin-top: -18px !important;
    }

    .eventlist.dealer-adv .detail .mid {
        margin-top: -34px !important;
    }

    .eventlist.dealer-adv .motorcycle-ad .detail .mid {
        margin-top: -20px !important;
    }

    .car-ad-list-new.eventlist>ul>li,
    .car-ad-list-new.eventlist .turbo-ads>ul>li {
        min-height: 169px;
    }

    .car-ad-list-new.eventlist .detail .mid,
    .car-ad-list-new.eventlist .turbo-ads .detail .mid {
        margin-top: -30px !important;
    }

    .paging-bottom-div.paging-new {
        padding: 10px 15px;
    }
}

@media(max-width:375px) {
    .eventlist>ul>li {
        min-height: 160px;
    }

    .eventlist .detail .mid {
        margin-top: -18px !important;
    }

    .eventlist.dealer-adv .detail .mid {
        margin-top: -34px !important;
    }

    .eventlist.dealer-adv .motorcycle-ad .detail .mid {
        margin-top: -20px !important;
    }

    .car-ad-list-new.eventlist>ul>li,
    .car-ad-list-new.eventlist .turbo-ads>ul>li {
        min-height: 159px;
    }

    .car-ad-list-new.eventlist .detail .mid,
    .car-ad-list-new.eventlist .turbo-ads .detail .mid {
        margin-top: -32px !important;
    }

    .paging-bottom-div.paging-new {
        padding: 10px 15px;
    }
}

@media(max-width:320px) {
    .eventlist>ul>li {
        min-height: 144px;
    }

    .eventlist .detail .mid {
        margin-top: -25px !important;
    }

    .eventlist.dealer-adv .motorcycle-ad .detail .mid {
        margin-top: -27px !important;
    }

    .car-ad-list-new.eventlist>ul>li,
    .car-ad-list-new.eventlist .turbo-ads>ul>li {
        min-height: 145px;
    }

    .car-ad-list-new.eventlist .detail .mid,
    .car-ad-list-new.eventlist .turbo-ads .detail .mid,
    .eventlist.dealer-adv .detail .mid {
        margin-top: -40px !important;
    }

    .search-new-page .eventlist ul li .detail h2 a,
    .search-new-page .eventlist ul li .detail a.cartitle {
        line-height: 15px;
        width: 99px;
        margin-top: -2px;
    }
}

.profileblock .profile-bump .profile-bump-button .inputpr {
    background: none;
    margin-bottom: 36px;
    height: 28px;
    border-radius: 40px;
    padding: 0 14px;
    min-width: 0px;
    border: 1px solid #eb008f;
    color: #eb008f;
    width: auto;
    font-size: 14px;
    line-height: 27px;
    font-weight: bold;
}

.profileblock .profile-bump .profile-bump-button .inputpr:hover {
    background-color: #eb008f;
    color: #fff;
}

.profileblock .profile-bump .profile-bump-button a {
    font-size: 15px;
    color: #5f5f5f;
    text-decoration: none;
    line-height: 1.4;
    border: none;
    float: right;
}

.profile-table-design {
    text-align: left;
}

.profile-table-design li {
    display: block;
    min-height: 30px;
}

.profile-table-design li div {
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}

.profile-table-design li .profile-email {
    float: right;
    width: 50%;
}

.profile-table-design li .profile-email span {
    padding: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    direction: ltr;
    margin-top: 2px;
    text-align: right;
}

.profile-table-design .corp-title {
    font-weight: bold;
    font-size: 15px;
    line-height: 3rem;
    float: right;
}

.profile-table-design .profile-mobile {
    width: 25px;
    display: block;
    margin-bottom: -7px;
}

.profile-table-design li span {
    padding: 0px 3px;
    display: inline-block;
    color: #5f5f5f;
    vertical-align: middle;
}

.profile-table-design li .change-password {
    font-size: 15px;
    color: #D5C812;
}

.profile-table-design li .change-password span {
    color: #D5C812;
}

.profile-table-design li .upgrade-package {
    font-size: 14px;
    display: inline-block;
}

.profile-table-design li .upgrade-package .upgrade-package-url {
    color: #D5C812;
    transition: color 0.3s;
}

.profile-table-design li #btn-buy-package,
.profile-table-design #btn-buy-package-span-buy,
#btn-buy-package #btn-buy-package-span-extend {
    color: var(--Cyan);
    transition: color 0.3s;
}

.corporation .profile-table-design li .upgrade-package {
    color: #5f5f5f;
}

/***** NEW MOBILE HOMEPAGE / BY MEHRAN ON DEC, 01 *****/

@media only screen and (min-width: 960px) {
    #bamaNewMobileHome {
        display: none;
    }

    .profile-table-design li #btn-buy-package:hover,
    .profile-table-design #btn-buy-package-span-buy:hover,
    #btn-buy-package #btn-buy-package-span-extend:hover,
    .profile-table-design li .upgrade-package .upgrade-package-url:hover {
        cursor: pointer;
        color: #008080;
    }
}

@media only screen and (max-width: 960px) {
    .profile-table-design .corp-title {
        float: right;
    }

    .bamaNewDesktopHome {
        display: none;
    }

    .bnmh-ads-count {
        width: 100%;
        height: 50px;
        background: #fafafa;
        text-align: right;
        direction: rtl;
        position: relative;
        box-sizing: border-box;
        padding: 0 25px;
    }

    .bnmh-ads-count-h3 {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        color: #666;
        font-weight: bold;
        font-size: 15px;
    }

    .bnmh-ads-count-number {
        color: #D5C812;
    }

    .bnmh-tabs {
        margin: 0 0 10px 0;
        position: relative;
        box-sizing: border-box;
    }

    .bnmh-tabs .bnmh-tab--navigation {
        position: relative;
        overflow: hidden;
        z-index: 10;
        width: 100%;
        border-bottom: 1px solid #dbdbdb;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 100%;
        direction: rtl;
        justify-items: center;
    }

    .bnmh-tabs .bnmh-tab--navigation .bnmh-tab--item {
        white-space: nowrap;
        width: 100%;
        text-align: center;
    }

    .bnmh-tabs .bnmh-tab--navigation .bnmh-tab--item a {
        color: #b2b2b2;
        text-decoration: none;
        width: 100%;
        display: block;
        box-shadow: inset 0 0 0 #b2b2b2;
        padding: 20px 0;
        position: relative;
        overflow: hidden;
        transition: box-shadow 150ms ease-in-out;
        font-size: 14px;
    }

    .bnmh-tabs .bnmh-tab--navigation .bnmh-tab--item a.active {
        font-weight: bold;
        color: #EE45A9;
    }

    .bnmh-tab--content {
        display: none;
    }

    .bnmh-tab--content.active {
        display: block;
    }

    .bnmh-tab--scroll-left {
        padding: 1.25em;
        display: none;
        align-items: center;
        justify-content: center;
        background: #f4f4f4;
    }

    .bnmh-tab--scroll-left.scroll-enabled {
        display: block;
    }

    .bnmh-tab--scroll-right {
        padding: 1.25em;
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0px;
        background: #f4f4f4;
        z-index: 10;
    }

    .bnmh-tab--scroll-right.scroll-enabled {
        display: block;
    }

    .bnmh-tab--slider {
        height: 5px;
        min-width: 5px;
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: auto;
        right: 0;
    }

    .bnmh-tab-indicator {
        min-height: 1px;
        min-width: 5px;
        background-color: #EE45A9;
        position: absolute;
        transition: all ease-out 0.2s;
        bottom: 0px;
    }

    .-ripple {
        position: absolute;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.03);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        height: 1em;
        width: 1em;
        pointer-events: none;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        top: 0;
        left: 0;
        -webkit-animation: rippleDrop .8s ease-out;
        animation: rippleDrop .8s ease-out;
    }

    .tabs-container {
        display: flex;
        flex-direction: row;
        padding: 1em .75em;
    }

    .bnmh-tab--content-container {
        padding: 2em 0 4em;
    }

    .tab-slider--nav {
        width: 275px;
    }

    ul.tab-slider--tabs {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-right: 15px;
        border: 1px solid #eee;
        border-radius: 4px;
        box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.05), 0px 6px 20px 0px rgba(0, 0, 0, 0.012), 0px 8px 10px -7px rgba(0, 0, 0, 0.05) !important;
    }

    ul.tab-slider--tabs li {
        padding: 1em;
        text-align: right;
        border-bottom: 1px solid #eee;
        color: #2e3145;
        font-weight: 500;
        cursor: pointer;
    }

    li.tab-slider--trigger.active {
        font-weight: 800;
        background: #f0f0f0;
    }

    .tab-slider--container {
        padding: 0 .25em;
        max-width: 80%;
        width: 100%;
    }

    .tab-slider--body {
        width: 100%;
    }

    .bnmh-shortcuts,
    .bnmh-brands {
        padding: 0 25px;
    }

    .bnmh-shortcuts>ul,
    .bnmh-brands>ul:first-child,
    .bnmh-chassis-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 40px;
        direction: rtl;
        justify-items: center;
        align-items: center;
    }

    .bnmh-shortcuts>ul,
    .bnmh-brands>ul:first-child li,
    .bnmh-chassis-list li {
        text-align: center;
    }

    .bnmh-shortcuts>ul li a,
    .bnmh-brands>ul:first-child li a,
    .bnmh-chassis-list li a {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

    .bnmh-shortcuts>ul li a svg,
    .bnmh-brands>ul:first-child li a svg {
        max-height: 30px;
        min-width: 60px;
    }

    .bnmh-chassis-list li a svg {
        max-height: 25px;
        height: 25px;
        margin: 0 auto;
        fill: #727372;
        stroke: none;
        opacity: 0.85;
    }

    .bnmh-shortcuts>ul li a.mobile-hover-effect svg g,
    .bnmh-chassis-list li a.mobile-hover-effect svg g {
        fill: #000;
    }

    .bnmh-shortcuts>ul li a.mobile-hover-effect span,
    .bnmh-chassis-list li a span {
        color: #000;
    }

    .bnmh-tab--content-text {
        display: block;
        padding-top: 10px;
        font-size: 13px;
        color: #666;
    }

    .shortcuts-bnmh-show-more,
    .brands-bnmh-show-more {
        width: 100%;
        text-align: center;
        margin-top: 4em;
    }

    .shortcuts-bnmh-show-more span,
    .brands-bnmh-show-more span {
        font-size: 13px;
        color: #666;
        font-weight: bold;
        position: relative;
        display: inline-block;
        padding-left: 15px;
        cursor: pointer;
    }

    .shortcuts-bnmh-show-more span::after,
    .brands-bnmh-show-more span::after {
        content: '';
        display: inline-block;
        border-right: 2px solid #D5C812;
        border-bottom: 2px solid #D5C812;
        width: 6px;
        height: 6px;
        transform: rotate(-315deg);
        position: absolute;
        left: 0;
        top: 1px;
    }

    .bnmh-shorcuts-second-row {
        margin-top: 0;
        transition: height 0.4s ease-in-out, opacity 0.6s ease-in-out;
        height: 0;
        opacity: 0;
    }

    .bnmh-shorcuts-second-row.second-row-show {
        height: auto;
        opacity: 1;
        margin-top: 40px;
    }

    .bnmh-shorcuts-second-row a {
        pointer-events: none;
    }

    .bnmh-shorcuts-second-row.second-row-show a {
        pointer-events: auto;
    }

    .bnmh-brands-all {
        display: grid;
        transition: opacity 0.6s ease-in-out;
    }

    .bnmh-brands-all a.mobile-hover-effect {
        color: #000;
    }

    .bnmh-brands-all.second-row-show {
        opacity: 1;
        display: block;
        transition: opacity 0.6s ease-in-out;
    }

    .bnmh-brands-all-letter {
        display: grid;
        grid-template-columns: 0.3fr 1.7fr;
        direction: rtl;
        grid-template-rows: 100%;
        margin-bottom: 5em;
    }

    .bnmh-brands-all-letter-right {
        color: #D5C812;
        font-size: 16px;
        font-weight: bold;
    }

    .bnmh-brands-all-letter-right span {
        position: sticky;
        position: -webkit-sticky;
        top: 5px;
    }

    .bnmh-brands-all-letter-left {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-row-gap: 30px;
    }

    .bnmh-letter-link {
        font-size: 13px;
        color: #666;
    }

    .bnmh-letter-link small {
        font-size: 11px;
        color: #b2b2b2;
    }

    .bnmh-brand-models-div {
        display: none;
    }

    .bnmh-brand-models-div.brand-models-show ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(17, 1fr);
        direction: rtl;
        grid-column-gap: 0;
        grid-row-gap: 10px;
        margin-bottom: 3em;
        grid-auto-flow: column;
    }

    .bnmh-brand-models-title {
        grid-column-start: 1;
        grid-column-end: 4;
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        grid-template-rows: 100%;
        align-items: center;
        margin-bottom: 10px;
    }

    .bnmh-brand-models-title.brand-model-trim-title {
        grid-template-columns: 1fr 1fr;
    }

    .bnmh-brand-models-title img {
        max-width: 35px;
        width: 35px
    }

    .bnmh-brand-models-title svg {
        width: 35px;
        max-width: 35px;
    }

    li.bnmh-brand-models-title object {
        width: 50px;
    }

    .bnmh-brand-models-title span.mobile-specific-brand-back {
        justify-self: left;
        background: #f0f0f0;
        color: #727272;
        font-size: 13px;
        padding: 8px 15px 12px;
        border-radius: 3px;
        cursor: pointer;
    }

    .bnmh-brand-models-title.brand-model-trim-title .mobile-specific-trim-back {
        justify-self: left;
        background: #f0f0f0;
        color: #727272;
        font-size: 13px;
        padding: 8px 15px 12px;
        border-radius: 3px;
        cursor: pointer;
    }

    .bnmh-brand-models-title-name {
        font-size: 13px;
        color: #666;
        font-weight: bold;
        padding-right: 10px;
    }

    .bnmh-brand-models-title.brand-model-trim-title .bnmh-brand-models-title-name {
        padding-right: 0;
        font-size: 13px;
        font-weight: bold;
    }

    .bnmh-brand-models-title-count {
        font-size: 12px;
        color: #b2b2b2;
        display: inline-block;
    }

    .bnmh-brand-models-name a {
        color: #666;
        font-size: 13px;
    }

    .bnmh-brand-models-name-count {
        color: #b2b2b2;
        font-size: 12px;
        display: inline-block;
    }

    .bnmh-chassis {
        padding: 0 25px;
    }

    .bnmh-price-list {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(5, 1fr);
        direction: rtl;
        justify-items: center;
        align-items: center;
        grid-row-gap: 20px;
        display: grid;
    }

    .bnmh-price-list li {
        height: 100%;
    }

    .bnmh-price-list li a {
        font-size: 13px;
        color: #666;
        padding: 5px 0;
        height: 100%;
        display: block;
    }

    .bnmh-price-list li a.mobile-hover-effect {
        color: #000;
    }

    .bnmh-searchbox-wrapper {
        width: 100vw;
        height: 70px;
        background: #f4f4f4;
    }

    header .hdright .sale-link.bnmh-sale-link {
        border: 1px solid #c6c6c6;
        width: auto;
        height: 26px;
        padding: 0 10px 0 12px;
        border-radius: 3px;
        font-size: 13px;
        color: #666;
        right: 35px;
        top: 20px;
    }

    header .hdright .sale-link.bnmh-sale-link.mobile-hover-effect {
        border: 1px solid #666;
        color: #000;
    }

    header .hdright .sale-link.bnmh-sale-link::before {
        display: none;
    }

    header .hdright .sale-link.bnmh-sale-link::after {
        content: ' رایگان';
        font-size: 11px;
        color: #EE45A9;
    }

    .bnmh-footer {
        display: none;
    }

    .bnmh-bottom-banner {
        width: 100vw;
        height: 60px;
        position: fixed;
        bottom: 0;
    }

    .bnmh-bottom-banner-link {
        display: grid;
        background: #D5C812;
        color: #fff;
        grid-template-columns: 1.6fr 0.7fr;
        grid-template-rows: 100%;
        height: 100%;
        direction: rtl;
        justify-items: center;
        align-items: center;
    }

    .bnmh-bottom-banner-icon svg {
        width: 43px;
    }

    .bnmh-bottom-banner-text {
        font-size: 18px;
        font-weight: bold;
    }

    #shortcuts {
        padding-bottom: 30px;
    }

    .profileblock .profile-bump .profile-bump-button .inputpr {
        font-size: 15px;
        height: 30px;
        border-radius: 30px;
        line-height: 29px;
        padding: 0px 17px;
    }

    .profileblock .profile-bump .profile-bump-button a {
        font-size: 14px;
        float: left;
    }

    .bama-parking-toasts {
        top: 30px;
    }

    .bama-parking-toasts-added,
    .bama-parking-toasts-removed {
        width: 300px;
    }
}

@media (max-width: 320px) {
    .bnmh-tab--content-text {
        font-size: 12px;
    }

    .bnmh-brands-all-letter-left {
        grid-column-gap: 5px;
    }

    .bnmh-letter-link {
        font-size: 12px;
    }

    .profiletabcontent .hd .numbers {
        padding: 0 0 0 0 !important;
    }

    .profile-table-design li {
        padding: 0 10px;
    }
}

@-webkit-keyframes rippleDrop {
    100% {
        -webkit-transform: scale(20);
        transform: scale(20);
        opacity: 0;
    }
}

@keyframes rippleDrop {
    100% {
        -webkit-transform: scale(20);
        transform: scale(20);
        opacity: 0;
    }
}


/* Specific Styles for Safari IOS  */

@supports (-webkit-overflow-scrolling: touch) {

    #insert-new-ad-content .input-text input,
    #insert-new-ad-content .search-brand-box input {
        line-height: 3;
    }
}


/* NEW DEALER Page - by Mehran - Feb 29, 2020 */

@media (max-width: 960px) {
    .mb-dealer-header-top {
        display: grid;
        grid-template-columns: 100%;
        direction: rtl;
        grid-column-gap: 0;
    }

    .mb-dealer-header-top-cover {
        max-width: 100vw;
        /*min-height: 120px;*/
        padding: 38.02% 0 0 0;
        height: 0;
    }

    .mb-dealer-header-top-cover img {
        width: 100vw;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mb-dealer-header-top-map {
        display: none;
    }

    .mb-dealer-header-bottom {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 45px 30px 35px;
        position: relative;
        direction: rtl;
    }

    .mb-dealer-header-bottom.dealer-info-open {
        grid-template-rows: 55px 30px 35px;
    }

    .mb-dealer-header-bottom-pic {
        position: absolute;
        /*top: -35px;*/
        top: auto;
        right: 25px;
        grid-row-start: 1;
        grid-row-end: 1;
        border: 1px solid #e0e0e0;
        grid-column-start: 1;
        grid-column-end: 3;
        width: 105px;
        min-height: 81px;
    }

    .mb-dealer-header-bottom-pic img {
        width: 105px;
        height: auto;
    }

    .mb-dealer-header-bottom-name {
        grid-column-start: 3;
        align-self: center;
        grid-row-start: 1;
        grid-column-end: 6;
    }

    .mb-dealer-header-bottom-desc {
        display: none;
    }

    .mb-dealer-header-bottom-address {
        grid-column-start: 1;
        grid-row-start: 2;
        grid-row-end: 3;
        font-size: 15px;
        align-self: end;
        color: #000;
        width: 100%;
        overflow: hidden;
        position: relative;
        right: 25px;
        top: 5px;
        grid-column-end: 5;
    }

    .mb-dealer-header-bottom-address span {
        line-height: 1.6;
        display: block;
        position: relative;
        top: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 0;
    }

    .mb-dealer-header-bottom-tel {
        text-align: right;
        align-self: center;
        font-size: 14px;
        color: #000;
        line-height: 1;
        position: relative;
        top: 5px;
        grid-column-start: 1;
        grid-row-start: 3;
        grid-column-end: 4;
        right: 25px;
    }

    .mb-dealer-header-bottom-showmore {
        grid-column-start: 5;
        grid-row-start: 3;
        grid-row-end: 3;
        text-align: left;
        grid-column-end: 7;
        position: relative;
        left: 25px;
        top: 5px;
        align-self: center;
        line-height: 1;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar {
        width: 100%;
        background: #e3e3e3;
        position: fixed;
        display: block;
        height: 60px;
        top: auto;
        z-index: 1000;
        bottom: 0;
    }

    body.noscroll .dealer-contact-detail-left.mb-dealer-contact-bar {
        /*z-index: -1;*/
        display: none;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar ul {
        padding: 0 !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        direction: rtl;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar ul li {
        float: none !important;
        width: auto !important;
        display: block;
        text-align: center;
        height: 60px;
        position: relative;
        padding: 0 !important;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar ul li .dealer-fixed-navbar-btn {
        display: block;
        height: 40px;
        line-height: 2.6;
        font-size: 15px;
        /*color: #fff;*/
        /*background: var(--bluegreen);*/
        color: #444444;
        background: transparent;
        /*width: 90%;*/
        width: 100%;
        margin: 0 auto;
        position: relative;
        /*top: 13px;*/
        /*border-radius: 100px;*/
        top: 50%;
        transform: translateY(-50%);
        border-radius: 0;
        font-weight: bold;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar ul li .dealer-fixed-navbar-btn.right-button {
        border-left: 1px solid #acacac;
    }

    .dealer-contact-detail-left.mb-dealer-contact-bar ul li .dealer-fixed-navbar-btn span.ad-detail-nav-bar-icon svg {
        max-width: 20px;
        max-height: 20px;
        vertical-align: middle;
        margin-left: 5px;
    }

    .eventlist.dealer-adv.clearfix {
        margin: 35px 0 !important;
    }

    .mb-dealer-header-bottom-address.show-full-address {
        align-self: center;
        grid-column-end: 6;
        padding-top: 0;
        margin-top: 10px;
    }

    .mb-dealer-header-bottom-tel.show-full-numbs {
        grid-row-start: 3;
        grid-row-end: 3;
        align-self: end;
        top: 25px;
    }

    .mb-dealer-header-bottom-showmore a.phone-open-top-dealer {
        float: none;
        padding-top: 0;
        display: block;
        color: var(--magenta);
        font-size: 14px;
    }

    .addetail-firstimage-to-hide {
        display: none !important;
    }

    #bamatouchslider,
    #bamatouchslider-mobile {
        margin: auto;
        overflow: hidden;
        width: 100%;
        height: 250px;
    }

    #bamatouchslider-mobile:hover::after {
        display: none !important;
    }

    #bamatouchslider .slider-wrap,
    #bamatouchslider-mobile .slider-wrap {
        height: inherit;
        overflow: hidden;
        min-height: 250px;
        max-height: 250px;
    }

    #bamalightgallery a,
    #bamalightgallery-mobile a {
        width: 100%;
        height: 250px;
        float: none;
    }

    #bamatouchslider .box,
    #bamatouchslider-mobile .box {
        margin: 0 auto 0;
        width: 100%;
        height: 250px;
    }

    #bamatouchslider nav.dots,
    #bamatouchslider-mobile nav.dots {
        position: absolute;
        width: 100%;
        margin-top: -30px;
    }

    #bamatouchslider-mobile nav.dots:not(:first-of-type) {
        display: none;
    }


    #bamatouchslider nav.dots ul,
    #bamatouchslider-mobile nav.dots ul {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #bamatouchslider nav.dots ul li,
    #bamatouchslider-mobile nav.dots ul li {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 10px;
        margin: 0 4px;
        cursor: pointer;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
        position: relative;
    }

    #bamatouchslider nav.dots ul li::before,
    #bamatouchslider-mobile nav.dots ul li::before {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 10px;
        background: #eee;
        margin: 0 auto;
        cursor: pointer;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        left: 0;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    }

    #bamatouchslider nav.dots ul li::after,
    #bamatouchslider-mobile nav.dots ul li::after {
        background-color: #8ce533;
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 10px;
        margin: 0 auto;
        cursor: pointer;
        content: '';
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
        position: absolute;
        right: 0;
        left: 0;
        opacity: 0;
    }

    #bamatouchslider nav.dots ul li.on::after,
    #bamatouchslider-mobile nav.dots ul li.on::after {
        opacity: 1;
        visibility: visible;
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }

    #bamatouchslider nav.dots ul li.on::before,
    #bamatouchslider-mobile nav.dots ul li.on::before {
        opacity: 0;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    }


    #bamatouchslider nav.arrows,
    #bamatouchslider-mobile nav.arrows {
        position: absolute;
        width: 100%;
        margin-top: -40px
    }

    #bamatouchslider nav.arrows ul,
    #bamatouchslider-mobile nav.arrows ul {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #bamatouchslider nav.arrows ul li,
    #bamatouchslider-mobile nav.arrows ul li {
        display: inline-block;
        padding: 10px;
        margin: 0 10px;
        background: #f16272;
        cursor: pointer;
        color: #fff;
    }
}

.addetail-firstimage-to-hide {
    width: 450px;
    height: 300px;
    display: block;
    position: absolute;
    background: #ccc;
}

.addetail-firstimage-to-hide span {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
    display: block;
    top: 35px;
    position: relative;
}

#bamatouchslider:hover::after,
#bamatouchslider-mobile:hover::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 250px;
    right: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBkPSJNMTUgMTBoLTNWN2ExIDEgMCAwMC0yIDB2M0g3YTEgMSAwIDAwMCAyaDN2M2ExIDEgMCAwMDIgMHYtM2gzYTEgMSAwIDAwMC0yem02LjcxIDEwLjI5TDE4IDE2LjYxQTkgOSAwIDEwMTYuNjEgMThsMy42OCAzLjY4YTEgMSAwIDAwMS40MiAwIDEgMSAwIDAwMC0xLjM5ek0xMSAxOGE3IDcgMCAxMTctNyA3IDcgMCAwMS03IDd6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-color: rgba(255, 255, 255, 0.4);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    border-radius: 5px;
}

@media (max-width: 420px) {
    #bamatouchslider-mobile {
        height: 250px !important;
    }

    #bamatouchslider .slider-wrap,
    #bamatouchslider-mobile .slider-wrap {
        height: 250px !important;
        max-height: 250px !important;
    }

    #bamalightgallery-mobile a,
    #bamatouchslider-mobile .box {
        height: 250px !important;
        max-height: 250px !important;
    }
}

@media (max-width: 768px) {
    #bamatouchslider-mobile {
        height: 500px;
    }

    #bamatouchslider .slider-wrap,
    #bamatouchslider-mobile .slider-wrap {
        height: 500px;
        max-height: 500px;
    }

    #bamalightgallery-mobile a,
    #bamatouchslider-mobile .box {
        height: 500px;
        max-height: 500px;
    }
}