/*shared styles*/

.form-row-re:first-child,
.row-wrap:first-child,
.faqs .box-02:first-child,
.faq-container .box-02:first-child,
.form-list:first-child {
    margin-top: 0px;
}

.or,
.form-radio-style,
.faqs .box-02,
.faq-container .box-02,
.form-list .solid-btn {
    margin-top: 10px;
}

.happy-sellers .solid-btn,
.profile,
.faqs .solid-btn,
.faq-container .solid-btn,
.bidding-listings .box-01 .solid-btn,
.contact-left .box-inner-01,
.contact-left .box-inner-01:first-child,
.sub-sub-desc,
.form-wrap,
.latest-car-sold .box-01 .solid-btn {
    margin-top: 15px;
}

.how-quotz-works-re .solid-btn,
.how-re,
.show-re,
.bhow-re,
.formm-wrap,
.six-reasons-re .solid-btn,
.reasons-re,
.happy-sellers .happy-reviews,
.happy-sellers .ghost-btn,
.faqs .questions:first-child,
.faq-container .questions:first-child,
.faqs .ghost-btn,
.faq-container .ghost-btn,
.featured-company .companies,
.info-bar-container,
.about-content,
.bsc-re {
    margin-top: 40px;
}

.form-wrap-all {
    margin-top: 36px;
}

.title-border,
.modal-header h4,
.bidding-info-re .box-01 p:last-child,
.scrap-bidding-info-re .box-01 p:last-child,
.form-row-re,
.row-wrap,
.srow-wrap,
.message-text,
.bidding-listings .box-01 .listing-content,
.etc-info,
.contact-right .box-01,
.sub-sub-desc p:last-child,
.form-list,
.bottom-banner-inner .ghost-btn,
.footer .footer-list,
.footer .footer-list-02,
.footer .footer-list-03 {
    margin-top: 20px;
}

.bidding-listings .box-01 .listing-content {
    height: 8.5em;
}

.p-name,
.about-content .privacy-01 {
    margin-top: 25px;
}

.title_container{
    text-align: left;
    margin-bottom: 32px;
}

.quotz_title{
    margin-bottom: 10px;
    color: #F0484E;
    font-size: 30px;
    font-weight: 600;
    line-height: 34px; /* 113.333% */
    text-transform: capitalize;
}

.quotz_title2{
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px; /* 120% */
    text-transform: capitalize;
}

.nextbutton{
    display: flex;
    gap: 8px;
    font-size: 16px;
    line-height: 20px;
    margin: auto;
}

.bidding-info-re,
.scrap-bidding-info-re,
.modal-button,
.faqs .questions,
.faq-container .questions,
.car-info-left,
.privacy-list-02,
.contact-form {
    margin-top: 30px;
}

.big-title,
.footer .footer-list-02 {
    margin-top: 45px;
}

.dealer-list,
.search-section,
.privacy-01 {
    margin-top: 50px;
}

.contact-container,
.bottom-banner {
    margin-top: 70px;
}

.big-title {
    margin-bottom: 20px;
}

.navbar-brand,
.n-tabs-btn div {
    padding-top: 8px;
    padding-bottom: 8px;
}
.greentext{
    color: limegreen;
    font-weight: 600;
}


/* .how-works-re, .fill-in-form, .six-reasons-re, .happy-sellers, .faqs, .faq-container, .featured-company .featured, .bottom-banner-inner, .footer { padding-top: 57px; padding-bottom: 70px; } */

.how-works-re,
.fill-in-form,
.six-reasons-re,
.happy-sellers,
.faqs,
.faq-container,
.featured-company .featured,
.bottom-banner-inner,
.footer,
.best-sell-re {
    padding-top: 25px;
    padding-bottom: 50px;
}

.fill-in-form2 {
    padding-top: 24px;
    padding-bottom: 49px;
}

.search-results,
.dealers-bg {
    padding-top: 20px;
    padding-bottom: 20px;
}

.bidding-info-re .box-01,
.scrap-bidding-info-re .box-01,
.happy-sellers .box-01,
.info-bar {
    padding-top: 25px;
    padding-bottom: 25px;
}

.bidding-details {
    padding-top: 30px;
    padding-bottom: 30px;
}

.car-details {
    padding-top: 10px;
    padding-bottom: 10px;
}

.faqs .faq-content,
.faq-container .faq-content,
.sub-nav,
.search-input,
.bids-info {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar .navbar-right li a,
.dealer-listing li,
.privacy-01 p,
.footer .footer-list li,
.footer .footer-list-02 li,
.footer .footer-list-03 li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mobile-outside-link li,
.how-re .box-01,
.show-re .box-01,
.bhow-re .box-01,
.n-text span {
    padding-left: 8px;
    padding-right: 8px;
}

.breadcrumbs span,
.wp-pagenavi a i,
.bids-info .bid-space {
    padding-left: 5px;
    padding-right: 5px;
}

.banner-btns-re,
.banner-btns-re .solid-btn,
.banner-btns-re .ghost-btn,
.click-btn,
.btnbtn,
.bidding-info-re,
.scrap-bidding-info-re,
.reasons-re .box-01,
.happy-sellers .box-01,
.faqs .faq-content,
.faq-container .faq-content,
.info-bar,
.info-bar .solid-btn,
.info-bar .solid-btn:hover,
.search-input,
.search-results,
.bidding-listings,
.bidding-details,
.dealers-log-in,
.car-details,
.about-content {
    padding-left: 15px;
    padding-right: 15px;
}

.bidding-listings .box-01 {
    padding-left: 30px;
    padding-right: 30px;
}

.vertical-border {
    margin-left: 8px;
    margin-right: 10px;
}

.horizontal-border {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer .border {
    margin-top: 15px;
    margin-bottom: 15px;
}

.banner-bg,
.fbanner-bg,
.sbanner-bg,
.bottom-banner,
.how-quotz-works-re,
.p-img,
.featured-company{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bidding-listings .box-01 .image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.uppercase,
.navbar,
.dropdown-menu,
.solid-btn,
.solid-grey-btn,
.ghost-btn,
.modal-header h4,
.faq-title h4,
.sub-nav,
.search-input,
.bidding-listings .box-01 h6,
.footer {
    text-transform: uppercase;
}

.form-title-overwrite,
.modal-form-title {
    text-transform: capitalize;
}

.box-01 img {
    max-width: 100%;
}

.n-tabs-btn div,
.solid-btn,
.solid-grey-btn,
.ghost-btn,
.or,
.modal-header h4,
.how-re .box-01,
.show-re .box-01,
.bhow-re .box-01,
.bidding-info-re .box-01,
.scrap-bidding-info-re .box-01,
.message-text,
.modal-button,
.reasons-re .box-01,
.sub-desc,
.bidding-listings,
.bids-info,
.dealers-bg,
.about-content,
.latest-car-sold .box-01 .latest-car-sold-content {
    text-align: center;
}

.n-tabs,
.sgcarmart-info,
.tel,
.search-right {
    text-align: right;
}

.whatsapp,
.banner-main-desc-re h1,
.faqs .btn-overwrite,
.faq-container .btn-overwrite {
    text-align: left;
}

.bidding-info-re .box-01 a,
.scrap-bidding-info-re .box-01 a,
.dealer-listing a,
.dealers-bg a,
.privacy-01 a {
    text-decoration: underline;
}

.n-tabs-btn div a:hover,
.sgcarmart-info a:hover,
.mobile-outside-link li a:hover,
.banner-btns-re a:hover,
.happy-sellers .ghost-btn,
.happy-sellers .ghost-btn:hover,
.sub-nav a:hover,
.info-bar a:hover,
.wp-pagenavi a:hover,
.bidding-listings a:hover {
    text-decoration: none;
}

.solid-btn,
.ghost-btn,
.modal-body,
.info-bar .solid-btn {
    font-size: 13px;
}

.dropdown-menu,
.banner-btns-re .ghost-btn,
.or,
.message-text,
.ugh .ghost-btn,
.bidding-listings .box-01 .solid-btn,
.s-left .solid-btn,
.s-right .solid-btn,
.etc-info p {
    font-size: 12px;
}

.sgcarmart-info,
.sub-nav {
    font-size: 11px;
}

.six-reasons-re,
.faqs,
.faq-container,
.best-sell-re {
    background-color: #EDEDED;
}

.box-01 p,
.sgcarmart-info,
.form-radio-style p,
.faqs .ghost-btn,
.faq-container .ghost-btn {
    color: #7F7F7F;
}

.navbar .navbar-right li a,
.navbar .navbar-right .dropdown-menu li:last-child a,
.navbar .navbar-right .dropdown-menu li:last-child a:hover,
.n-tabs-btn div a,
.mobile-outside-link li a,
.modal-body p,
.modal-header h4,
.bidding-info-re .box-01 p,
.scrap-bidding-info-re .box-01 p,
.sub-nav a,
.wp-pagenavi a {
    color: #191919;
}

.navbar .navbar-right .active a,
.navbar .navbar-right .active a:hover,
.navbar .navbar-right .active,
.navbar .navbar-right .active:hover,
.mobile-outside-link .active a,
.modal-body span,
.bidding-info-re .box-01 a,
.scrap-bidding-info-re .box-01 a,
.form-radio-style span,
.dealer-listing a,
.ugh .ghost-btn,
.wp-pagenavi .current,
.bids-info .bid-style,
.privacy-01 a {
    color: #D62A35;
}

.happy-sellers .ghost-btn,
.bidding-listings .box-01 h6,
.dealers-bg a {
    color: #32a850;
}

.n-tabs-btn .active a,
.solid-btn,
.solid-btn:hover,
.solid-grey-btn,
.solid-grey-btn:hover,
.banner-main-desc-re h1,
.banner-btns-re,
.banner-btns-re a,
.happy-sellers .ghost-btn:hover,
.faqs .ghost-btn:hover,
.faq-container .ghost-btn:hover,
.featured-company .main-title h3 {
    color: #ffffff;
}

.faqs .box-02,
.faq-container .box-02,
.faqs .btn-overwrite,
.faq-container .btn-overwrite,
.faqs .btn-overwrite:active,
.faq-container .btn-overwrite:active,
.faq-title h4 {
    color: #656565;
}

.navbar .navbar-right .active a,
.navbar .navbar-right .active a:hover,
.navbar .navbar-right .active,
.navbar .navbar-right .active:hover,
.banner-main-desc-re h1,
.p-name,
.search-left,
.search-right,
.dealers-bg a {
    font-weight: 600;
}

.input-group .search-overwrite:last-child,
.form-control-overwrite {
    width: 100%;
    font-size: 13px;
    box-shadow: none;
    color: #999999;
    background-repeat: no-repeat;
    background-color: #F2F2F2;
}

.vertical-border {
    border-width: 1px;
    border-style: solid;
    border-color: #EDEDED;
    border-radius: 0px;
    padding: 0px;
}

.title-border {
    border-width: 2px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 0px;
    width: 25%;
    margin-left: 37.5%;
}

h1 {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
}

h2 {
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

h3 {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

h4 {
    font-size: 20px;
    font-weight: 700;
}

h5 {
    font-size: 14px;
    font-weight: 700;
}

h6 {
    font-size: 15px;
    font-weight: 600;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}


/*navbar*/

.navbar {
    margin-bottom: 0px;
    border: 0px;
    background-color: #ffffff;
    border-bottom: 1px solid #E5E5E5;
}

.navbar .navbar-right {
    font-size: 12px;
    background-color: #ffffff;
}

.navbar .navbar-right .active a,
.navbar .navbar-right .active a:hover,
.navbar .navbar-right .active,
.navbar .navbar-right .active:hover {
    background-color: #ffffff;
}

.navbar .navbar-right li {
    /*
&:last-child { @include border(2px, solid, $red, 5px); a, a:hover { @extend %red; }
}*/
}

.navbar .navbar-right .dropdown-menu li:last-child {
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 5px;
}

.navbar-brand img {
    height: 100%;
    max-width: 100%;
    width: 200px;
}

.footer_white_logo{
    width: 175px;
}
.sgcmftlogo img{
    padding: 25px;
    cursor: pointer;
}
.sgcmlogo {
    background: url(https://www.quotz.com.sg/imgs/sgcm-color.svg) no-repeat;
    max-height: 76px;
    background-position: center;
    height: 6vw;
}

.navbar-default .navbar-toggle {
    border: 0px;
    float: right;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}

.dropdown .dropdown-toggle {
    margin-bottom: 10px;
}

.navbar-toggle .icon-bar {
    width: 15px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 3px;
}

.n-tabs {
    float: right;
    margin: 10px 8px 0 0;
}

.n-tabs-btn {
    padding-left: 2px;
    padding-right: 2px;
}

.n-tabs-btn div {
    background-color: #EDEDED;
    word-wrap: break-word;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.n-tabs-btn .active {
    background-color: #D62A35;
}

.dropdown-menu {
    box-shadow: none;
}

.horizontal-border {
    border-width: 1px;
    border-style: solid;
    border-color: #EDEDED;
    border-radius: 0px;
}

.sgcarmart-info a {
    color: inherit;
}

.tel {
    padding-right: 0px;
}

.whatsapp {
    padding-left: 0px;
}

.mobile-outside-link {
    font-size: 10px;
    list-style-type: none;
    display: flex;
}

.dumb-border {
    border: 1px solid #EDEDED;
    height: 15px;
    padding: 0px;
    margin-right: 25px;
    margin-top: 10px;
}

.solid-btn {
    background-color: #D62A35;
    padding: 10px 35px;
    border: 2px solid #D62A35;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

.solid-grey-btn {
    background-color: #666666;
    padding: 10px 35px;
    border: 2px solid #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}

.ghost-btn {
    border: 2px solid #ffffff;
    padding: 10px 42px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;
    outline: none;
}


.sell-listing-box-div{
    border: 1px solid #C7C7C7;
    border-radius: 8px;
    height: 280px;
}

/*main-banner*/

.banner-bg,
.fbanner-bg,
.sbanner-bg,
.bottom-banner {
    background-image: url(../imgs/main-banner-bg.jpg);
}

.bannerbg {
    background-image: url(../imgs/hero-bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fbanner-bg {
    background-image: url(../imgs/free-valuation-banner-bg.jpg);
}

.sbanner-bg {
    background-image: url(../imgs/scrap-or-export-banner-bg.jpg);
}

.banner-overlay {
    background-color: rgba(0, 0, 0, 0.65);
}

.sbanner-overlay,
.fbanner-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}

.banner-content,
.sbanner-content,
.fbanner-content {
    overflow: hidden;
}


.m-banner-img-re,
.banner-img-re,
.fm-sellbanner-img-re,
.fm-banner-img-re,
.fbanner-img-re,
.sellbanner-img-re,
.rbanner-img-re,
.rm-banner-img-re,
.sbb-m-banner-img-re1,
.sbb-m-banner-img-re2,
.sbb-m-banner-img-re3,
.sbb-mm-banner-img-re1,
.sbb-mm-banner-img-re2,
.sbb-mm-banner-img-re3 {
    background-image: url(../imgs/banner-guy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-img-re,
.fbanner-img-re,
.sellbanner-img-re,
.rbanner-img-re,
.rm-banner-img-re,
.sbb-m-banner-img-re1,
.sbb-m-banner-img-re2,
.sbb-m-banner-img-re3 {
    height: 450px;
}

.sbb-m-banner-img-re1,
.sbb-mm-banner-img-re1 {
    background-image: url(../imgs/hero-img01.png);
}

.sbb-m-banner-img-re2,
.sbb-mm-banner-img-re2 {
    background-image: url(../imgs/hero-img02.png);
}

.sbb-m-banner-img-re3,
.sbb-mm-banner-img-re3 {
    background-image: url(../imgs/hero-img03.png);
}

.fbanner-img-re,
.fm-banner-img-re {
    background-image: url(../imgs/free-valuation-guy.png);
}

.sellbanner-img-re,
.fm-sellbanner-img-re {
    background-image: url(../imgs/Altis_2020.png);
    width: 80%;
}

.rbanner-img-re,
.rm-banner-img-re {
    background-image: url(../imgs/scrap-banner-uncle.png);
    float: right;
    width: 33%;
}

.banner-main-desc-re h1 {
    font-size: 39px;
}

.sellbanner-desc h1 , .sell-desc-2{
    color: black;
}

.banner-btns-re .ghost-btn {
    margin-left: 10px;
}


.sell-desc-2 {
    text-transform:none;
    text-align:left;
    font-weight: 500;
}



/*modal-form*/

.modal-body {
    padding-bottom: 50px;
}

.modal-body .modal-list {
    padding-left: 20px;
}

.modal-body span {
    font-style: italic;
}

.modal-header {
    border: none;
}

.modal-header h4 {
    font-weight: 700;
    font-size: 18px;
}


/*click-btn*/


/*how-quotz-works*/

.how-quotz-works-re {
    background-image: url(../imgs/how-bidding-works-bg.jpg);
}

.how-quotz-works-re .white-overlay {
    background-color: rgba(255, 255, 255, 0.95);
}

.how-re .box-01,
.show-re .box-01,
.bhow-re .box-01 {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
    background-color: #ffffff;
}

.bidding-info-re .box-01,
.scrap-bidding-info-re .box-01 {
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
}

.bidding-info-re .box-01 a,
.scrap-bidding-info-re .box-01 a {
    outline: none;
}

.scrap-bidding-info-re .box-01 {
    padding-top: 17px;
    padding-bottom: 10px;
}

.scrap-bidding-info-re .box-01 p {
    margin-top: 0px !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -140px;
    visibility: hidden;
}


/*fill-in-form*/

.fill-in-form {
    background-color: #fcfcfc;
}

.fill-in-form2 {
    background-color: #EDEDED;
}

.form-title-overwrite {
    font-weight: 400;
    color: #666666;
    margin-bottom: 10px;
}

.form-control-overwrite-02 {
    height: 40px;
    background-color: #ffffff !important;
    font-family: "Open Sans", sans-serif, "FontAwesome";
    border-width: 1px;
    border-style: solid;
    border-color: #BEBEBE;
    border-radius: 5px;
}

.form-control-overwrite-02::placeholder {
    color: #BBB;
}

.subh-text {
    margin-top: 10px;
    color: #7F7F80;
    font: 14px Open Sans, Regular;
}

.modal-form-title {
    color: #4C4C4C;
    font-weight: 400;
}

.form-select-option {
    width: 100%;
    color: #7F7F7F;
    height: 40px;
    font-family: "Open Sans", sans-serif, "FontAwesome";
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
    padding-left: 30px;
}

select .form-select-option {
    color: #7F7F7F;
}

.contact_ddown {
    padding-left: 8px;
    color: #555555;
}

.form-group {
    color: #7F7F7F;
    text-transform: none;
    margin-bottom: 0px;
}

.form-group textarea {
    height: 100px;
    max-height: 100px;
    max-width: 100%;
}

.form-group i {
    margin-right: 6px;
}

.form-radio-style {
    text-transform: none;
    color: #4C4C4C;
}

.modal-button .solid-btn {
    padding: 5px 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300;
}

.datetimepicker-dropdown-bottom-left:before,
.datetimepicker-dropdown-bottom-left:after {
    display: none;
}


/*index-6-reasons*/

.reasons-re .box-01 {
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


/*bottom-banner*/

.bottom-banner {
    background-image: url(../imgs/how-bidding-works-bg.jpg);
}


/*happy-sellers*/

.happy-sellers .box-01 {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
    position: relative;
}

.happy-sellers .image {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.happy-sellers .ghost-btn {
    border-width: 1px;
    border-style: solid;
    border-color: #32a850;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
}

.happy-sellers .ghost-btn:hover {
    background-color: #32a850;
}

.p-img {
    background-image: url(../imgs/sample-profile-img.jpg);
    height: 60px;
    width: 60px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    border-radius: 80px;
    float: left;
}

.p-name {
    float: left;
    margin-left: 15px;
}

.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/*faqs*/

.faqs .btn-overwrite,
.faq-container .btn-overwrite {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 14px 20px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
    white-space: normal;
}

.faqs .btn-overwrite:active,
.faq-container .btn-overwrite:active {
    background-color: #ffffff;
    outline: none;
    box-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
}

.faqs .ghost-btn,
.faq-container .ghost-btn {
    border-width: 1px;
    border-style: solid;
    border-color: #B2B2B2;
    border-radius: 5px;
    padding: 10px 70px;
    transition: all 0.3s ease 0s;
}

.faqs .ghost-btn:hover,
.faq-container .ghost-btn:hover {
    background-color: #B2B2B2;
}

.faqs .ghost-btn span,
.faq-container .ghost-btn span {
    font-size: 16px;
}

.faq-title h4 {
    font-weight: 700;
    margin-bottom: 20px;
}

.faq-container {
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
}

.faq-container .btn-overwrite {
    background-color: #F9F9F9;
}

.faq-container .btn-overwrite:active:focus {
    background-color: #F9F9F9;
}


/*featured-comapny*/

.featured-company {
    background-image: url(../imgs/main-banner-bg.jpg);
}

.img-resize {
    max-width: 100%;
}

.white-overlay {
    background-color: rgba(255, 255, 255, 0.95);
}


/*dealer-list*/

.sub-nav {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 0px;
}

.breadcrumbs span {
    color: #B2B2B2;
}

.sub-desc {
    line-height: 24px;
}

.dealer-listing {
    padding: 0;
    padding-left: 15px;
}


/*cars-for-bidding*/

.info-bar {
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
}

.info-bar .solid-btn {
    color: #323232;
    background-color: #FFBE2F;
    border-width: 2px;
    border-style: solid;
    border-color: #FFBE2F;
    border-radius: 5px;
}

.search-input {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 0px;
}

.ugh .ghost-btn {
    border-width: 2px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 5px;
    padding: 6px 10px;
}

.go-btn {
    background-color: #D62A35;
    color: #FFFFFF!Important;
}

.input-group {
    width: 100%;
}

.input-group .search-overwrite:last-child {
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 5px;
    background-image: url(../imgs/car-01.svg);
    padding-left: 35px;
    background-position: 2% 50%;
}

.search-results {
    background-color: #F2F2F2;
}

.form-control-overwrite {
    font-family: "Open Sans", sans-serif, "FontAwesome";
    border: #F2F2F2;
}

.wp-pagenavi {
    font-weight: 400;
}

.bidding-listings {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 0px;
    padding-bottom: 70px;
}

.bidding-listings .box-01 h6 {
    height: auto;
}

.bidding-listings .box-01 p {
    margin: 0;
    color: #7F7F7F;
}

.bidding-listings .box-01 .solid-btn {
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 15px;
    padding: 6px 0px;
    width: 60%;
    margin-left: 20%;
}

.bidding-listings .box-01 .image {
    padding: 25%;
    background-image: url(../imgs/car-01.jpg);
}


/*bidding-details*/
.s-left .solid-btn {
    padding: 5px 15px;
    background-color: #32a850;
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 15px;
}

.s-right .solid-btn {
    padding: 5px 15px;
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 15px;
}

.bidding-details {
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 0px;
}

.bids-info .bid-style {
    font-weight: 700;
}

.bids-info .bid-space {
    color: #E5E5E5;
}

.dealers-bg {
    background-color: #FFFECD;
}

.car-details:nth-child(odd) {
    background-color: #F2F2F2;
}

.car-details:nth-child(even) {
    background-color: #F9F9F9;
}

.etc-info p {
    margin-bottom: 3px;
}

.es-carousel ul {
    display: block;
}

.rg-image-wrapper {
    background: none;
}

.rg-image img {
    max-height: 300px;
    max-width: 400px;
}

.rg-image-nav a {
    background: url(../images/nav.png) no-repeat -20% 50%;
    opacity: 0.6;
}

.rg-image-nav a:hover {
    opacity: 0.6;
}

.rg-view {
    display: none;
}

.es-carousel-wrapper {
    box-shadow: none;
    background-color: #ffffff;
}

.es-carousel {
    background-color: #ffffff;
}

.es-carousel ul li a {
    border-color: #7F7F7F;
}

.es-carousel ul li.selected a {
    border-color: #D62A35;
}

.es-nav span {
    background: transparent url(../imgs/nav-thumbs-01.png) no-repeat top left;
}

.nonborderbox * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/*privacy*/

.privacy-01 h4 {
    font-weight: 700;
}

.privacy-list {
    padding-left: 15px;
    list-style-type: lower-alpha;
}

.privacy-list-02 {
    list-style-type: none;
    padding-left: 0px;
}

.privacy-list-02 p {
    margin-bottom: 0px;
}


/*about*/

.about-content .privacy-01 p {
    line-height: 23px;
}


/*contact*/

.contact-container {
    margin-bottom: 70px;
}

.contact-container p {
    color: #7F7F7F;
}

.contact-right .box-01 p {
    font-size: 11px;
    line-height: 17px;
}

.contact-right .box-01 a {
    color: #D62A35;
    text-decoration: underline;
}

.contact-left i {
    color: #7F7F7F;
}

.contact-left p {
    line-height: 20px;
}

.contact-left a {
    color: #7F7F7F;
}

.contact-left a:hover {
    text-decoration: none;
}

.sub-sub-desc p:last-child {
    font-style: italic;
    color: #D62A35;
}

.form-list .solid-btn {
    padding: 5px 25px;
    font-size: 12px;
}

.form-title {
    text-transform: capitalize;
    font-weight: 400;
    color: #7F7F7F;
}

.form-input,
.form-textarea {
    background-color: #F2F2F2;
    box-shadow: none;
    border-width: 1px;
    border-style: solid;
    border-color: #E5E5E5;
    border-radius: 5px;
}

.form-textarea {
    max-width: 100%;
    max-height: 150px;
}

.bottom-banner-inner .ghost-btn {
    border-width: 2px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 5px;
    color: #D62A35;
    transition: all 0.3s ease 0s;
}

.bottom-banner-inner .ghost-btn:hover {
    background-color: #D62A35;
    color: #ffffff;
}


/*footer*/

.footer {
    background-color: #323232;
    color: #ffffff;
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    text-decoration: none;
}

.footer .footer-list,
.footer .footer-list-02,
.footer .footer-list-03 {
    list-style-type: none;
    padding: 0;
}

.footer .footer-list-03 {
    text-transform: none;
}

.footer .border {
    border-width: 1px;
    border-style: solid;
    border-color: #656565;
    border-radius: 0px;
}


/*latest car sold*/

.more-car-sold:hover {
    border-width: 1px;
    border-style: solid;
    border-color: #D62A36;
    border-radius: 3px;
    background-color: #D62A36;
    color: #FFFFFF;
}

.latest-car-sold {
    margin: 35px 0 0 0;
}

.latest-car-sold .box-01 h6 {
    height: auto;
}

.latest-car-sold .box-01 p {
    margin: 0;
    color: #7F7F7F;
}

.latest-car-sold .box-01 .latest-car-sold-content {
    margin: 10px 0 0 0;
}

.latest-car-sold .box-01 .solid-btn {
    border-width: 0px;
    border-style: solid;
    border-color: #D62A35;
    border-radius: 15px;
    padding: 6px 0px;
    width: 60%;
    margin-left: 20%;
}

#sp-popup-overlay {
    background: url(https://i.i-sgcm.com/all/colorbox/overlay.png) repeat 0 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}

.sp-popup-container a {
    text-decoration: none;
}

.popup {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 10000;
}

.sp-popup-container {
    min-width: 90%;
    width: 90%;
    height: auto;
    background: #f3f3f3;
    position: relative;
    z-index: 150;
    padding: 15px 35px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
}

.sp-popup-container p {
    clear: both;
    padding: 0 10px;
    color: #555555;
    font-size: 16px;
    font-family: sans-serif;
    margin-top: 12px;
    vertical-align: middle;
}

.sp-popup-container p a {
    color: #BD1E1B;
    opacity: 1;
    font-weight: bold;
}

.sp-popup-container .close {
    float: right;
    height: 35px;
    bottom: 20px;
    position: relative;
    width: 68px;
    right: 5px;
}

.sp-popup-container .close:hover {
    cursor: pointer;
}

.sp-popup-container h2 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}

.sp-width {
	min-width: 288px;
	width: 90%;
	margin: 10px auto;
}

.firstPara{
    color: #555555;
    text-align: center;
    font: italic normal 600 16px/22px Open Sans;
}

.giftdiv{
    font: normal normal bold 40px/55px Open Sans;
    text-align:center;
    color:#BD1E1B;
}

.servicediv{
    text-align:center;
    color:#BD1E1B;
    font: normal normal bold 16px/22px Open Sans;
}

.redbox{
    text-align: center;
    border: 1px solid #BD1E1B;
    border-radius: 4px;
    margin: 0 19px;
}

.redbox > p > span{
    font: normal normal normal 16px/22px Open Sans;
    color: #BD1E1B;
}

.popupbutton{
    background: #BD1E1B 0% 0% no-repeat padding-box;
    width: 160px;
    height: 44px;
    color: #FFFFFF;
    text-transform: uppercase;
    font: normal normal bold 18px/24px Open Sans;
    border: none;
    margin-top: 27px;
}

@media only screen and (min-width: 320px) {
	.sp-width {
		min-width: 288px;
		width: 90%;
		max-width: 372px;
	}
}

@media only screen and (min-width: 992px) {
	.sp-width {
		width: 100%;
		max-width: 500px;
	}
}

@media only screen and (min-width: 768px) {
    .fv-img{
        width:50%
    }
}

@media only screen and (min-width: 1200px) {
    .sbb-best-selling-car-sections{
        width:1000px
    }

    .fv-img{
        width:50%
    }
	.sp-width {
		width: 100%;
		max-width: 525px;
	}
}

/*post testimonial tnc*/

#backbutton {
    width: 50%;
    text-align: center;
    background: -webkit-linear-gradient(top, #018BED 15%, #016BD6 100%);
    background-color: #018BED;
    border: 0px;
    font-size: 18px;
    line-height: 30px;
    border-radius: 3px;
    margin: 20px auto;
    display: none;
}

a.backbutton {
    color: #FFFFFF;
    text-decoration: none;
    outline: none;
}


/*post testimonial matching error*/

p.match_popupheader {
    color: #FFFFFF;
    background-color: #DE0807;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    padding-left: 11px;
    font-weight: bold;
    margin-bottom: 0;
}

p.match_parastyle {
    margin: 0;
    font-size: 11px;
    padding: 5px 24px;
}

.match_body {
    display: flex;
    padding: 15px 0 0 24px;
}

.match_body a.match_graybuttonlink {
    width: 60px;
}

.match_body a.match_graybuttonlink:link,
a.match_graybuttonlink:visited {
    height: 22px;
    line-height: 22px;
    background: url(../imgs/graybuttonleft.jpg) left 0 no-repeat;
}

a.match_graybuttonlink:link,
a.match_graybuttonlink:visited {
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    text-align: center;
}

a.match_graybuttonlink:link span,
a.graybuttonlink:visited span {
    width: 100%;
    display: block;
    cursor: pointer;
}

.match_body a.match_graybuttonlink:link span,
a.graybuttonlink:visited span {
    height: 22px;
    background: url(../imgs/graybuttonright.jpg) right 0 no-repeat;
}

a.match_graybuttonlink:link {
    text-decoration: none;
}

.match_body a.match_graybuttonlink:hover {
    text-decoration: none;
    background: url(../imgs/graybuttonleft.jpg) left -22px no-repeat;
}

.match_body a.match_graybuttonlink:hover span {
    background: url(../imgs/graybuttonright.jpg) right -22px no-repeat;
}

p.match_popupheader_m {
    color: #FFFFFF;
    background-color: #DE0807;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    padding-left: 13px;
    font-weight: bold;
    margin-bottom: 0;
}

p.match_parastyle_m {
    margin: 0;
    font-size: 14px;
    padding: 13px 13px;
}

.match_body_m {
    display: flex;
    padding-top: 15px;
    justify-content: center;
}

.match_body_m a.match_graybuttonlink {
    width: 40%;
}

.match_body_m a.match_graybuttonlink:link,
a.match_graybuttonlink:visited {
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    background-color: #919191;
}

.match_body_m a.match_graybuttonlink:linkspan,
a.graybuttonlink:visited span {
    height: 30px;
    line-height: 30px;
    background-color: #919191;
}

.match_body a.match_graybuttonlink:linkspan,
a.graybuttonlink:visited span {
    height: 22px;
    line-height: 22px;
    background: url(../imgs/graybuttonright.jpg) right 0 no-repeat;
}

.match_body_m a.match_graybuttonlink:link span,
a.graybuttonlink:visited span {
    border-radius: 3px;
    height: 30px;
    background-color: #919191;
}

.match_body_m a.match_graybuttonlink:hover {
    border-radius: 3px;
    text-decoration: none;
    background-color: #919191;
}

.match_body_m a.match_graybuttonlink:hover span {
    background-color: #919191;
}


/*post testimonial*/

.cmn_clearall {
    clear: both;
}

.cmn_fleft {
    float: left;
}

.cmn_fbold {
    font-weight: bold;
}

.cmn_center {
    margin: 0 auto;
}

.testimonial_banner_text {
    width: 90%;
    font-size: 14px;
}

.imptext {
    font-weight: bold;
    font-style: italic;
    color: #D22B33;
}

.cmn_txt_center {
    text-align: center;
}

.cmn_txt_dec_none,
.cmn_txt_dec_none:hover,
.cmn_txt_dec_none:active,
.cmn_txt_dec_none:visited,
.cmn_txt_dec_none:focus {
    text-decoration: none;
}

.cmn_flex {
    display: flex;
}

.cmn_flex_row {
    flex-direction: row;
}

.cmn_flex_right {
    justify-content: right;
    text-align: center;
}

.topnav .outer_layer a {
    color: #343434;
}

.topnav .active a {
    color: #DB161D;
}

.topnav .active {
    border-bottom: 2px solid #DB161D;
}

.gray_border {
    border-left: 1px solid #EEEEEE;
}

.transparent_btn {
    background-color: transparent;
    border: transparent;
}

.topmenu_logo {
    width: 150px;
    height: auto;
    padding: 3px 0 0 3px;
}

.topmenu_space {
    width: 35%;
}

@keyframes blink {
    0% {
        opacity: 0;
    }
    7% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.walink span:before {
    content: '';
    display: block;
    background-image: url('../imgs/whatsapp-green.png');
    background-size: 14px 14px;
    background-position: center center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    font-family: FontAwesome, "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.walink span {
    color: white;
    font-weight: bold;
}

.syc span {
    color: #FFFFFF !important;
    font-weight: bold;
}

.modal-node a:before {
    content: '';
    display: inline-block;
    vertical-align: super;
    background-image: url('../imgs/arrow-right.png');
    background-size: 16px 16px;
    background-position: center;
    width: 17px;
    height: 24px;
    background-repeat: no-repeat;
    font-family: FontAwesome, "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.modal-node div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 10px 10px;
}

.top-menu-nav a {
    color: #2A2A2A;
}

.sub-nav-top-menu {
    border-top: 1px solid #E5E5E5;
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.hori-center-items {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.ver-center-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hori-center-content {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ver-center-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.right-topmenu-cont {
    text-align: right;
}

.right-topmenu-cont .contactno {
    display: inline-block;
    vertical-align: middle;
    padding: 1.5% 2%;
    text-align: right;
    margin-right: 1%;
}

.right-topmenu-cont .child {
    width: auto;
    border: 1px solid #C9C9C9;
    box-shadow: 0 1px #E1E1E1;
    display: inline-block;
    justify-content: center;
    padding: 1.5% 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1%;
    word-wrap: break-word;
    vertical-align: top;
}

.child.wano {
    align-items: center;
}

.child.syc {
    border-color: #B11517;
    box-shadow: 0 1px #EBCED2;
    background-color: #D51516;
    padding: 1.5% 3%;
}

.left-topmenu-cont {
    text-align: left;
}

.sixty-cont {
    width: 60%;
}

.forty-cont {
    width: 40%;
}

.right-topmenu-cont .desc:hover {
    background-color: #1fc600;
}

.right-topmenu-cont .desc {
    width: auto;
    border: 1px solid #C9C9C9;
    box-shadow: 0 1px #E1E1E1;
    display: inline-block;
    background: #0a8005;
    justify-content: center;
    align-items: center;
    padding: 1.5%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1%;
    word-wrap: break-word;
    vertical-align: top;
}

.desc.syc {
    border: 1px solid #B11517;
    box-shadow: 0 1px #EBCED2;
    background-color: #D51516;
}

.desc.syc:hover {
    border: 1px solid #B11517;
    background-color: #E93132;
}

.menu-nav {
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
}

.top-menu-banner {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 11px;
}

.dropdown-menu-body.nav-more {
    margin-top: 13px;
}

.content-size {
    width: calc(100% - 25px);
}

.content-size .child-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

.child-descript {
    color: #868686;
    font-weight: normal;
    font-size: 0.9em;
}

.nav-more-footer {
    list-style: none;
    display: table;
    padding: 2% 0 0 1%;
}

.nav-more-footer .child {
    display: inline-table;
    width: 49%;
    vertical-align: top;
    padding: 3% 0 0;
}

.nav-mid-list {
    display: table;
    width: 100%;
    margin-bottom: 2.5%;
}

.animated-node {
    width: 7px;
    height: 7px;
    background-color: #D51616;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    animation: blink 1s infinite;
}

.nav-mid-list .left-element {
    padding-left: 1%;
    font-weight: bold;
    text-transform: uppercase;
    color: #D51616;
}

.nav-mid-list .right-element {
    font-weight: bold;
    text-transform: uppercase;
    color: #0181D8;
    padding-right: 2%;
}

.outer_layer {
    width: auto;
    word-wrap: break-word;
    padding: 5px;
    text-align: center;
    flex-wrap: wrap;
}

.top-menu-nav {
    min-width: 320px;
    width: auto;
}

.trow {
    display: table-row;
}

.tcell {
    display: table-cell;
}

.nav-mid-list .tcell .cell-one,
.nav-mid-list .tcell .cell-two {
    font-size: 1em;
    text-align: left;
}

.nav-mid-list .tcell {
    width: 49%;
}

.nav-mid-list .tcell-child {
    padding: 10px 0px;
    text-align: center;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
}

.nav-modal {
    max-width: 430px;
    margin: 10px;
}

.navbar-nav li:hover .nav-hover {
    text-decoration: underline;
}
.footer-top i{
    min-width: 15px;
    text-align: center;
}

.outlet-selection
{
    color: grey;
}
.outlet-selection>option
{
    color: #000;
}
.outlet-selection>option:first-child
{
    color: grey;
}

.happy-woman-mobile
{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 480px) {
    .modal-font {
        font-size: 12px;
    }
    #myModal .thankYouMsg .thankyouTxt{
        display: inline;
    }
}

@media only screen and (min-width: 480px) {
    .modal-font {
        font-size: 14px;
    }
    .nav-modal {
        margin: 10px auto;
    }
}

@media (max-width: 540px) and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .outer_layer {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    .modal-node div {
        display: inline-block;
        overflow: hidden;
    }
    .referral-content .image{
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    .topmenu_logo {
        width: 50%;
        padding: 3% 0 0 3%
    }
    .topmenu_space {
        width: 50%;
    }
}

@media only screen and (min-width: 320px) {
    .mfbrev-img-re {
        background-image: url(../imgs/headerx3.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 90px;
        width: auto;
        margin-top: 4px;
    }
    .testimonial_container {
        padding-right: 0;
        padding-left: 0;
    }
    .greyboxtitle {
        background-color: #EDEDED;
        height: 39px;
    }
    .greyboxtitle h1 {
        font-size: 18px;
        text-transform: uppercase;
        line-height: 39px;
    }
    #testimonial_form {
        width: 100%;
        padding: 8px 7px 0 7px;
        text-align: left;
    }
    #testimonial_form input, #testimonial_form select{
        border-width: thin;
        border-color: #5B5C5E;
        border-radius: 2px;
        padding-left: 4px;
        width: 100%;
    }
    #testimonial_form select{
       height:33px
    }
    #testimonial_form input:: -webkit-input-placeholder {
        color: #767676;
    }
    #testimonial_form input: -moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #767676;
    }
    #testimonial_form input:: -moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #767676;
    }
    #testimonial_form input: -ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #767676;
    }
    .table-col {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%; // Default to full width
        padding: 0.8em 1.2em;
        overflow: hidden; // Or flex might break
        list-style: none;
        border: solid @bw white;
        background: fade(slategrey, 20%);
    }
    .pttable--4cols {
        width: 100%;
    }
    .pttable--4cols-row {
        min-height: 28px;
        float: left;
    }
    .pttable--4cols-row-img {
        min-height: 25px;
        float: left;
    }
    .pttable--4cols-row-height {
        line-height: 28px;
    }
    .pttable--4cols .table-cell-head {
        display: none;
    }
    .pttable--4cols .table-cell-one {
        display: none;
    }
    .pttable--4cols .table-cell-two {
        width: 100%;
    }
    .pttable--4cols .table-cell-three {
        width: 100%;
        margin-bottom: 13px;
    }
    .pttable--4cols .table-cell-tworow-first {
        width: 100%;
    }
    .pttable--4cols .table-cell-tworow-second {
        width: 100%;
    }
    .pttable--4cols .table-cell-fourrow {
        width: 100%;
    }
    .desc_remind {
        color: #989898;
    }
    .pndesc_remind_extra {
        width: 100%;
        margin: 12px auto 0 auto;
    }
    .pndesc_remind_sm {
        text-align: left;
        background-color: #FFE7EA;
        height: auto;
        width: 100%;
        padding: 15px 10px;
        color: #000000;
        font-size: 13px;
    }
    .fb_btn_container {
        margin: 29px auto 33px auto;
    }
    .blue_submit_btn {
        display: block;
        background: linear-gradient(top, #018BED 15%, #016BD6 100%);
        background: -webkit-linear-gradient(top, #018BED 15%, #016BD6 100%);
        background-color: rgba(0, 0, 0, 0);
        background-color: #018BED;
        border: 0px;
        font-size: 18px;
        color: #fff;
        line-height: 30px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .fbnext_btn {
        width: 120px;
        height: 32px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 769px) {
    .fbrev-img-re {
        background-image: url(../imgs/Google-Review-Banner.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 223px;
        width: 947px;
    }
    #testimonial_content {
        width: 947px;
        max-width: 947px;
        height: auto;
        margin: 50px auto 163px auto;
        padding: 0;
        float: none;
        background-color: #FFFFFF;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }
    #personal_detail_testimonial {
        margin: 27px 0;
    }
    #personal_detail_testimonial #outer_table {
        border-radius: 2px;
    }
    .greyboxborder {
        border: solid 1px #DADADA;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .greyboxtitle {
        background: url(https://i.i-sgcm.com/quotz/images/headertitlebg.jpg) repeat-x;
        width: 944px;
        height: 25px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 1px;
    }
    .greyboxtitle h1 {
        color: #292929;
        font-size: 12px;
        font-weight: bold;
        line-height: 24px;
        margin: 0 0 0 10px;
        text-align: left;
    }
    #personal_detail_testimonial #inner_tbl {
        text-align: left;
    }
    #testimonial_form {
        width: 658px;
        padding: 11px 0 19px 13px;
        text-align: left;
    }
    #testimonial_form input,#testimonial_form select {
        border: 1px solid #7E9CB6;
        height: 19px;
    }

    #testimonial_form select{
        width: 261px;
    }

    #testimonial_form select{
        width: 150px;
    }
    #testimonial_form input:: -webkit-input-placeholder {
        color: transparent;
    }
    #testimonial_form input: -moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    #testimonial_form input:: -moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent;
    }
    #testimonial_form input: -ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent;
    }
    #testimonial_example {
        padding: 4px 0 8px 0;
        text-align: left;
    }
    #examples {
        width: 275px;
        padding: 0 1px;
        border: 1px solid #7E9EB7;
        padding: 8px 4px;
    }
    .post_testimonial_table {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .table-col {
        box-sizing: border-box;
        flex-grow: 1;
        width: 100%; // Default to full width
        padding: 0.8em 1.2em;
        overflow: hidden; // Or flex might break
        list-style: none;
        border: solid @bw white;
        background: fade(slategrey, 20%);
    }
    .pttable--4cols {
        width: 658px;
    }
    .pttable--4cols-row {
        min-height: 30px;
        float: left;
    }
    .pttable--4cols-row-img {
        min-height: 25px;
        float: left;
    }
    .pttable--4cols-row-height {
        line-height: 30px;
    }
    .pttable--4cols .table-cell-head {
        display: block;
        width: 120px;
        font-weight: bold;
    }
    .pttable--4cols .table-cell-one {
        display: block;
        width: 15px;
    }
    .pttable--4cols .table-cell-two {
        width: 261px;
    }
    .pttable--4cols .table-cell-three {
        width: 255px;
        margin-bottom: 0;
    }
    .pttable--4cols .table-cell-tworow-first {
        display: block;
        width: 129px;
    }
    .pttable--4cols .table-cell-tworow-second {
        width: 516px;
    } //529px
    .pttable--4cols .table-cell-fourrow {
        width: 100%;
    }
    .desc_remind {
        margin-left: 12px;
        color: #7b7b7b;
    }
    .pndesc_remind {
        margin: 19px 0 16px 0;
        background-color: #FFE7EA;
        height: auto;
        width: 375px;
        padding: 6px 13px;
        color: #000000;
        font-size: 11px;
    }
}

.thankyou-desc{
    text-align:center;
    font-size: 17px;
}

.thankyou-content{
    padding: 0px 25px;
}

.thankyou-content .image{
    height: 320px;
    background-image: url(../imgs/lady-smile-ok.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 320px) {
    .thankyou-content .image {
        height: 152px;
    }

    .thank-you-whatappus-button{
        padding: 10px 5px 10px 5px !important;
    }

    .thank-you-call-button{
        padding: 10px 5px 10px 5px !important;
    }

}

@media only screen and (min-width: 425px) {
    .thankyou-content .image {
        height: 250px;
    }

    .thank-you-whatappus-button{
        padding: 10px 15px 10px 15px !important;
    }

    .thank-you-call-button{
        padding: 10px 15px 10px 15px !important;
    }
}

@media only screen and (min-width: 768px) {
    .thankyou-content .image {
        height: 290px;
    }
}

@media only screen and (min-width: 992px) {
    .thankyou-content .image {
        height: 300px;
    }
}

@media only screen and (min-width: 1280px) {
    .thankyou-content .image {
        height: 320px;
    }
}

.thank-you-whatsapp-quotz{
    padding: 10px 15px 10px 15px;
    background-color: #0a8005;
    color: #FFFFFF;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #0a8005;
    font-size: 14px;
    box-shadow: 2px 2px #136902;
}

.thank-you-whatsapp-quotz:hover{
    color:#FFFFFF;
}

.thankyou-content .description-text {
    text-align: center;
    padding: 20px 0;
}

/*referral*/

.referral-content .image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.referral-content .description-text {
    text-align: center;
    padding: 20px 0;
}

.refferal-content-additional-text {
    color: #009A3D;
    text-align: center;
    margin-top: 20px;
}

@media only screen and (min-width: 320px) {
    .box-01 p {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .box-01 p {
        font-size: 14px;
    }
}


/*banner*/

@media only screen and (min-width: 320px) {
    .banner-main-desc-re {
        margin-top: -20px;
    }
}

@media only screen and (min-width: 992px) {
    .banner-overall-row .banner-main-desc-re {
        margin-top: 25px;
    }
}

@media only screen and (min-width: 320px) {
    .m-banner-img-re,
    .sbb-mm-banner-img-re1,
    .sbb-mm-banner-img-re2,
    .sbb-mm-banner-img-re3 {
        float: left;
        width: 60%;
        height: 220px;
    }
    .fm-banner-img-re{
        width: 50%;
    }
    .fm-banner-img-re,
    .fm-sellbanner-img-re,
    .rm-banner-img-re {
        float: left;
        width: 60%;
        height: 300px;
    }
    .opt-flex {
        display: flex;
        align-items: flex-end;
    }
}

@media only screen and (min-width: 375px) and (max-width: 414px){
    .fm-banner-img-re,
    .fm-sellbanner-img-re,
    .rm-banner-img-re {
        float: left;
        width: 50%;
        height: 300px;
    }
    .auction_title {
        font-size: 18px!important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 768px) {
    .m-banner-img-re,
    .sbb-mm-banner-img-re1,
    .sbb-mm-banner-img-re2,
    .sbb-mm-banner-img-re3 {
        height: 250px;
    }
    .banner-btns-re{
        width: 40%;
        float: left;
    }
    .fm-banner-img-re,
    .rm-banner-img-re {
        height: 300px;
    }
    .fm-sellbanner-img-re{
        height:153px;
    }

    .special-banner-text {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .m-banner-img-re,
    .fm-banner-img-re,
    .rm-banner-img-re,
    .sbb-mm-banner-img-re1,
    .sbb-mm-banner-img-re2,
    .sbb-mm-banner-img-re3 {
        height: 315px;
    }

    .sellbanner-img-re{
        margin-left: unset !important;
    }

    .fm-sellbanner-img-re{
        height: 169px;
    }
    .special-banner-text {
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) {
    .opt-flex {
        display: block;
        align-items: initial;
    }


}

@media only screen and (min-width: 320px) {
    .rm-banner-img-re {
        height: 390px;
        margin-top: -100px;
        width: 50%;
    }
}

@media only screen and (min-width: 414px) {
    .rm-banner-img-re {
        height: 300px;
        width: 60%;
        margin-top: -10px;
    }
}

@media only screen and (min-width: 768px) {
    .rm-banner-img-re {
        height: 330px;
    }
}

@media only screen and (min-width: 320px) {
    .banner-overlay,
    .banner-content {
        height: 450px;
    }
}

@media only screen and (min-width: 414px) {
    .sell-banner-content{
        height: 450px;
    }

    .banner-overlay,
    .banner-content {
        height: 430px;
    }
}

@media only screen and (min-width: 992px) {
    .banner-overlay,
    .banner-content {
        height: 400px;
    }
}

@media only screen and (min-width: 320px) {
    .sbanner-overlay,
    .sbanner-content {
        height: 350px;
    }
}

@media only screen and (min-width: 414px) {
    .sbanner-overlay,
    .sbanner-content {
        height: 350px;
    }
}

@media only screen and (min-width: 992px) {
    .sbanner-overlay,
    .sbanner-content {
        height: 250px;
    }
}

@media only screen and (min-width: 320px) {
    .fbanner-overlay,
    .fbanner-content {
        height: 350px;
    }

    .sell-banner-content{
        height: 525px;
    }
}

@media only screen and (min-width: 414px) {
    .fbanner-overlay,
    .fbanner-content {
        height: 350px;
    }

}

@media only screen and (min-width: 992px) {
    .fbanner-overlay,
    .fbanner-content {
        height: 250px;
    }
}

@media only screen and (max-width: 900px) {
    .banner-main-desc-re h1 {
        line-height: 1.3;
        padding-top: 0;
    }
    h1.special-banner-text {
    }
}

@media only screen and (min-width: 375px) {
    .banner-main-desc-re h1 {
        line-height: 40px;
    }
    h1.special-banner-text {
        font-size: 30px;
    }
}

@media only screen and (min-width: 414px) {
    .banner-main-desc-re h1 {
        padding: 10px 0;
    }
    h1.special-banner-text {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .banner-main-desc-re h1 {
        line-height: 1;
    }
    .sellbanner-desc h1 {
        padding-right: 0px;
        line-height: 50px;
        font-size: px;
    }

    .sell-desc-2 {
        font-size: 19px;
    }

    h1.special-banner-text {
        font-size: 35px;
    }
}

@media only screen and (min-width: 992px) {
    .banner-main-desc-re h1 {
        font-size: 39px;
        line-height: 50px;
    }
    .sellbanner-desc h1 {
        padding-right: 0px;
        font-size: 34px;
        line-height: 50px;
    }

    .sell-desc-2{
        font-size: 19px;
    }

    h1.special-banner-text {
        font-size: 35px;
    }

    #freecarval{
        font-size: 36px;
    }
}


@media only screen and (min-width: 992px) {
    .banner-btns-re .call {
        border: 0px;
    }
}

@media only screen and (min-width: 320px)and (max-width: 414px) {
    .banner-btns-re {
        width: 50%;
        float: left;
    }

    .sell-banner-btns {
        width: 100% ;
        float: unset;
        margin: 0;
        margin-bottom: 8%;
    }
}


@media only screen and (min-width: 300px) and (max-width:550px) {
    .sell-listing-box-div{
        height: 320px;
        max-width:250px;
    }

    .underline_text{
        font-size:30px;
    }

    .sell-desc-2{
        font-size:21px;
        line-height:1.4em;
    }

    .sell-free-val-btn{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .sell-row{
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media only screen and (min-width: 810px) and (max-width:991px) {
    .sell-free-val-btn{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }
}

@media only screen and (min-width: 768px) {
    .banner-btns-re {
        width: 40%;
        padding-right: 60px;
        float: left;
    }
}

@media only screen and (min-width: 992px) {
    .banner-btns-re {
        width: 100%;
        float: none;
        padding-right: 0px;
        margin-top: 20px;
    }
    .banner-overall-row .banner-btns-re {
        width: 100%;
        float: none;
        padding-right: 0px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 320px) {
    .banner-btns-re .ghost-btn {
        margin-left: 0px;
        margin-top: 12px;
        font-size: 11px;
    }
}

@media only screen and (min-width: 414px) {
    .banner-btns-re .ghost-btn {
        font-size: 12px;
    }
}

@media only screen and (min-width: 992px) {
    .banner-btns-re .ghost-btn {
        margin-left: 8px;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .banner-btns-re .solid-btn {
        font-size: 11px;
    }
}

@media only screen and (min-width: 414px) {
    .banner-btns-re .solid-btn {
        font-size: 12px;
    }
}


/*navbar*/

@media only screen and (min-width: 320px) {
    .navbar {
        min-height: 80px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar {
        min-height: 131px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar {
        min-height: 132px;
    }
}

@media only screen and (min-width: 320px) {
    .navbar .navbar-right {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar .navbar-right {
        padding-top: 25px;
    }
}

@media only screen and (min-width: 320px) {
    .nav-sp-eff {
        -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .navbar-brand {
        height: 49px;
        margin-top: 4px;
        padding-left: 8px;
    }
}

@media only screen and (min-width: 414px) {
    .navbar-brand {
        height: 50px;
        margin-top: 3px;
    }
}

@media only screen and (min-width: 472px) {
    .navbar-brand {
        height: 50px;
        margin-top: 3px;
        padding-bottom: 3px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-brand {
        height: 65px;
        margin-top: 5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-brand {
        height: 70px;
        margin-top: 5px;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 320px) {
    .n-tabs {
        width: 54%;
        margin: 13px 8px 0 0;
    }
}

@media only screen and (min-width: 414px) {
    .n-tabs {
        width: 50%;
        margin: 10px 15px 0 0;
    }
}

@media only screen and (min-width: 472px) {
    .n-tabs {
        width: 60%;
        margin: 22px 15px 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .n-tabs {
        width: 30%;
        margin: 11px 20px 0 0;
    }
}

@media only screen and (min-width: 320px) {
    .n-tabs-btn {
        padding-left: 2px;
        padding-right: 2px;
    }
}

@media only screen and (min-width: 320px) {
    .n-tabs-btn div {
        font-size: 9px;
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (min-width: 414px) {
    .n-tabs-btn div {
        font-size: 10px;
        padding: 8px 5px;
    }
}

@media only screen and (min-width: 472px) {
    .n-tabs-btn div {
        padding: 9px;
    }
}

@media only screen and (min-width: 768px) {
    .n-tabs-btn div {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 320px) {
    .navbar-default .navbar-toggle {
        margin: 12px 0px 0px 0px;
    }
}

@media only screen and (min-width: 414px) {
    .navbar-default .navbar-toggle {
        margin: 12px 8px 0px 0px;
    }
}

@media only screen and (min-width: 768px) {
    .navbar-default .navbar-toggle {
        margin: 12px 10px 0px 0px;
    }
}

@media only screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media only screen and (min-width: 320px) {
    .mobile-outside-link {
        display: flex;
    }
}

@media only screen and (min-width: 768px) {
    .mobile-outside-link {
        display: none;
    }
}

@media only screen and (min-width: 320px) {
    .horizontal-border {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .horizontal-border {
        display: block;
    }
}

@media only screen and (min-width: 320px) {
    .sgcarmart-info {
        border-bottom: 1px solid #E5E5E5;
        text-align: center;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

@media only screen and (min-width: 768px) {
    .sgcarmart-info {
        border-bottom: none;
        text-align: right;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1200px) {
    .container {
        width: calc(100% - 30px) !important;

    }
}


@media only screen and (min-width: 320px) {
    .n-tabs {
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .n-tabs {
        display: none;
    }
}


/*.navbar .navbar-right li:last-child { @include breakpoint(mobile-screen) { border:none; } @include breakpoint(laptop-screen) { border:1px solid $red; }
}*/

@media only screen and (min-width: 992px) {
    .navbar-right .dropdown-menu {
        left: -40px;
    }
}


/*content-container*/

.div-wrap {
    margin-top: 106px;
}

@media only screen and (min-width: 768px) {
    .div-wrap {
        margin-top: 131px;
    }
}

@media only screen and (min-width: 992px) {
    .div-wrap {
        margin-top: 132px;
    }
}


/*how-quotz-works*/

@media only screen and (min-width: 768px) {
    .how-haiz {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .how-haiz {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .how-haiz:nth-child(1),
    .how-haiz .h-top:nth-child(2),
    .how-haiz .h-top:nth-child(1),
    .how-haiz .h-top:nth-child(3) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .h-top {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .h-top {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .how .box-01 .image {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media only screen and (min-width: 992px) {
    .how .box-01 .image {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (min-width: 1280px) {
    .how .box-01 .image {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media only screen and (min-width: 320px) {
    .reason-text {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .reason-text {
        padding-left: 15px;
    }
}


/*best sell car*/

@media only screen and (min-width: 320px) {
    .mar-top {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .mar-top {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .mar-top {
        margin-top: 0px;
    }
}


/*index-6-reasons*/

@media only screen and (min-width: 320px) {
    .r-top {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .r-top {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .r-top:nth-child(1) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .reason-text {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .reason-text {
        text-align: center;
    }
}

@media only screen and (min-width: 320px) {
    .reasons-re .row-01 {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .reasons-re .row-01 {
        margin-top: 30px;
    }
}


/*how-quotz-works*/

@media only screen and (min-width: 320px) {
    .mt-top {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .mt-top {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .mt-top {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .mt-top:nth-child(1),
    .mt-top:nth-child(2) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .mt-top:nth-child(1) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .reasons-re .box-01 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .reasons-re .box-01 {
        padding-top: 25px;
        padding-bottom: 25px;
        height: 330px;
    }
}

@media only screen and (min-width: 992px) {
    .reasons-re .box-01 {
        padding-top: 25px;
        padding-bottom: 25px;
        height: 280px;
    }
}

@media only screen and (min-width: 320px) {
    .how-re .box-01,
    .show-re .box-01,
    .bhow-re .box-01 {
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .how-re .box-01,
    .show-re .box-01,
    .bhow-re .box-01 {
        height: 265px;
    }
}

@media only screen and (min-width: 992px) {
    .how-re .box-01,
    .show-re .box-01,
    .bhow-re .box-01 {
        height: 285px;
    }
}

@media only screen and (min-width: 992px) {
    .show-re .box-01 {
        height: 295px;
    }
}

@media only screen and (min-width: 1280px) {
    .show-re .box-01 {
        height: 260px;
    }
}

@media only screen and (min-width: 992px) {
    .bhow-re .box-01 {
        height: 280px;
    }
}

@media only screen and (min-width: 1280px) {
    .bhow-re .box-01 {
        height: 260px;
    }
}


/*happy-sellers*/

@media only screen and (min-width: 320px) {
    .p-img {
        height: 60px;
        width: 60px;
    }
}

@media only screen and (min-width: 1280px) {
    .p-img {
        height: 70px;
        width: 70px;
    }
}

@media only screen and (min-width: 320px) {
    .line-clamp {
        height: 5.5em;
    }
}

@media only screen and (min-width: 414px) {
    .line-clamp {
        height: 6em;
    }
}

@media only screen and (min-width: 320px) {
    .happy-sellers .solid-btn {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .happy-sellers .solid-btn {
        margin-top: 15px;
    }
}


/*featured-companies*/

@media only screen and (min-width: 320px) {
    .row.align-items-center {
        display: flex;
        flex-wrap: wrap;
    }

    .row.align-items-center .featured-top {
        flex-basis: 33.3333%;
        max-width: 33.3333%;
        text-align: center;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #thenewpaper, #zaobao, #asiaone{
        width:80%;
    }

    .row.align-items-center .featured-top img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }

}

@media only screen and (min-width: 992px) {
    .featured-top{
        width: 14%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .row.align-items-center {
        display: flex;
        flex-wrap: wrap;
    }

    #thenewpaper, #zaobao, #asiaone{
        width:81%;
    }

    #zaobao{
        margin-left:25px;
    }

    #thebusinesstimes{
        margin-left:10px;
    }

    .row.align-items-center .featured-top {
        flex-basis: 16.6667%;
        max-width: 16.6667%;
        margin-top: 1px;
        text-align: center;
    }

    .row.align-items-center .featured-top img {
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }
}
/*dealer-list-sub-nav*/

@media only screen and (min-width: 320px) {
    .breadcrumbs {
        text-align: left;
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .breadcrumbs {
        text-align: right;
        margin-top: 0px;
    }
}


/*cars-for-bidding*/

@media only screen and (min-width: 320px) {
    .info-bar .solid-btn {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .info-bar .solid-btn {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-listings h6 {
        min-height: 0;
    }
}

@media only screen and (min-width: 992px) {
    .bidding-listings h6 {
        min-height: 40px;
    }
}

@media only screen and (min-width: 320px) {
    .ugh {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .ugh {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) {
    .ugh {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .search-text {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .search-text {
        text-align: left;
    }
}

@media only screen and (min-width: 320px) {
    .year-select {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    .year-select {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .model-search {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .model-search {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .search-input {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .search-input {
        padding-bottom: 15px;
    }
}


/*carmake-check-price*/

@media only screen and (min-width: 320px) {
    .carmake-check-price {
        background-color: #BEBEBE;
        height: 64px;
        width: 90%;
        border-radius: 10px;
        margin: 0 auto;
    }
    .internal-carmake-check-price {
        height: 100%;
        padding: 14px 10px;
        overflow: hidden;
    }
    .carmake-check-price-input {
        width: 100%;
        padding-right: 5px;
        float: left;
    }
    .carmake-check-price-input .form-control {
        display: inline-block;
        width: 100%;
        height: 36px;
    }
    .carmake-check-price-btn {
        width: 100%;
        padding-left: 5px;
        float: right;
    }
    .carmake-check-price-btn .summit-btn {
        width: 100%;
        padding: 0;
        height: 36px;
        border-radius: 3px;
        border: 2px solid #D62A35;
        background-color: #D62A35;
        color: #FFFFFF;
        text-transform: uppercase;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.8em;
    }
    .more-car-sold {
        background-color: #EDEDED;
        border: 1px solid #D62A36;
        border-radius: 3px;
        margin: 6px auto 0 auto;
        height: 41px;
        width: 259px;
        border-radius: 3px;
        text-transform: uppercase;
        text-align: center;
        line-height: 41px;
        color: #D62A36;
        transition: all 0.3s ease 0s;
    }
    .sell-your-car {
        background-color: #D62A36;
        border: 1px solid #D62A36;
        border-radius: 3px;
        margin: 14px auto 0 auto;
        height: 41px;
        width: 259px;
        border-radius: 3px;
        text-transform: uppercase;
        text-align: center;
        line-height: 41px;
        color: #FFFFFF;
        transition: all 0.3s ease 0s;
    }
    .latest-car-sold-content .car-header-bold {
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .latest-car-sold .box-01 {
        margin-bottom: 32px;
    }
    .latest-car-sold .box-01 .imgs {
        width: 137px;
        height: 104px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 137px 104px;
    }
    .solid-back-btn {
        margin: 0 6px 0 0;
        color: #ffffff;
        background-color: #8D8D8D;
        padding: 5px 32px;
        font-weight: 300;
        border: 2px solid #8D8D8D;
        outline: none;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
    }
    .formoverall-sizing {
        width: 100%;
    }
    .formoverall {
        background-color: #FFF5F4;
        height: 40px;
        width: 100%;
        border: 1px solid #E5E4E2;
        overflow: hidden;
    }
    .formoverall-head {
        height: 40px;
        padding-left: 0;
        float: left;
    }
    .formoverall-icon {
        padding-left: 10px;
        float: left;
        line-height: 40px;
        margin-right: 5px;
    }
    .formoverall-text {
        color: #524C4C;
        float: left;
        line-height: 40px;
        overflow: display;
        word-wrap: break-word;
    }
    .f-name {
        width: 45%;
    }
    .f-contact {
        width: 28%;
    }
    .f-carplate {
        width: 27%;
    }
    .tblcontainer {
        width: 100%;
        height: 40px;
    }
    .tdicon {
        width: 32px;
    }
    .tdtext {
        display: inline-block;
        vertical-align: middle;
    }
    .box-of-img {
        height: 200px;
    }
}

@media only screen and (min-width: 768px) {
    .carmake-check-price {
        background-color: #BEBEBE;
        height: 63px;
        width: 514px;
        border-radius: 10px;
        margin: 0 auto;
    }
    .internal-carmake-check-price {
        height: 100%;
        padding: 12px 12px;
    }
    .carmake-check-price-input {
        padding-right: 0;
        width: 100%;
        float: left;
    }
    .carmake-check-price-input .form-control {
        width: 100%;
        height: 37px;
    }
    .carmake-check-price-btn {
        /* padding:0 12px 0 8px; */
        width: 100%;
        padding-left: 10px;
        float: right;
    }
    .carmake-check-price-btn .summit-btn {
        width: 100%;
        height: 37px;
        border-radius: 3px;
        border: 2px solid #D62A35;
        background-color: #D62A35;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 0.8em;
    }
    .carmake-check-price-input:after {
        clear: left;
    }
    .carmake-check-price-btn:after {
        clear: right;
    }
    .more-car-sold {
        background-color: #EDEDED;
        border: 1px solid #D62A36;
        border-radius: 3px;
        margin: 0 auto;
        height: 41px;
        width: 369px;
        border-radius: 3px;
        text-transform: uppercase;
        text-align: center;
        line-height: 41px;
        color: #D62A36;
        transition: all 0.3s ease 0s;
    }
    .sell-your-car {
        background-color: #D62A36;
        border: 1px solid #D62A36;
        border-radius: 3px;
        margin: 14px auto 0 auto;
        height: 41px;
        width: 369px;
        border-radius: 3px;
        text-transform: uppercase;
        text-align: center;
        line-height: 41px;
        color: #FFFFFF;
        transition: all 0.3s ease 0s;
    }
    .latest-car-sold .box-01 .imgs {
        width: 221px;
        height: 167px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: 221px 167px;
    }
    .solid-back-btn {
        margin: 0 6px 0 0;
        color: #ffffff;
        background-color: #8D8D8D;
        padding: 5px 32px;
        font-weight: 300;
        border: 2px solid #8D8D8D;
        outline: none;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
    }
    .formoverall-sizing {
        width: 553px
    }
    .formoverall {
        background-color: #FFF5F4;
        height: 40px;
        width: 100%;
        border: 1px solid #E5E4E2;
        overflow: hidden;
    }
    .formoverall-head {
        height: 40px;
        padding-left: 0;
        line-height: 40px;
        float: left;
    }
    .formoverall-icon {
        padding-left: 16px;
        float: left;
        margin-right: 5px;
    }
    .formoverall-text {
        color: #524C4C;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .f-name {
        width: 55%;
    }
    .f-contact {
        width: 28%;
    }
    .f-carplate {
        width: 27%;
    }
    .tblcontainer {
        width: 552px;
        height: 40px;
    }
    .tdicon {
        width: 32px;
    }
    .tdtext {
        display: inline-block;
        vertical-align: middle;
    }
    .box-of-img {
        min-height: 260px;
    }
}

@media only screen and (min-width: 320px) {
    .search-left,
    .search-right,
    .info-bar p {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .search-left,
    .search-right,
    .info-bar p {
        margin-top: 0px;
        text-align: left;
    }
}

@media only screen and (min-width: 320px) {
    .search-right {
        margin-top: 15px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .search-right {
        margin-top: 0px;
        text-align: right;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-01 {
        margin-top: 70px;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-01:first-child {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-01 .box-01 {
        margin-top: 70px;
    }
}

@media only screen and (min-width: 992px) {
    .bidding-01 .box-01 {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .bidding-01 .box-01:nth-child(1),
    .bidding-01 .box-01:nth-child(2) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-01 .box-01:nth-child(1) {
        margin-top: 0px;
    }
}

.no-search-results {
    color: #D62A35;
    font-size: 14px;
    margin-top: 70px;
}


/*bidding-details*/

@media only screen and (min-width: 320px) {
    .s-right {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .s-right {
        float: right;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .bid-left {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .bid-left {
        text-align: right;
    }
}

@media only screen and (min-width: 320px) {
    .bid-right {
        margin-top: 5px;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .bid-right {
        text-align: left;
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .bidding-details h1 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .bidding-details h1 {
        font-size: 40px;
    }
}

@media only screen and (min-width: 320px) {
    .extra-space {
        padding-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    .extra-space {
        padding-left: 30px;
    }
}


/*contact*/

@media only screen and (min-width: 320px) {
    .contact-uss {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    .contact-uss {
        text-align: left;
    }
}

@media only screen and (min-width: 320px) {
    .contact-right {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) {
    .contact-right {
        margin-top: 0px;
    }
}


/*fill-in-form*/

@media only screen and (min-width: 320px) {
    .row-wrap .form-row-ree:nth-child(even) {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .row-wrap .form-row-ree:nth-child(even) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 768px) {
    .form-row-re:nth-child(even) {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 992px) {
    .form-row-re:nth-child(even) {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .space-02 {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .space-02 {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .form-column-02 .row-wrap {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .form-column-02 .row-wrap {
        margin-top: 0px;
    }
}


/*about*/
@media only screen and (min-width: 280px) {
    .about-content .image {
        height: 160px;
        width: 280px;
        margin: auto;
    }
}
@media only screen and (min-width: 300px) {
    .about-content .image {
        height: 200px;
    }
}
@media only screen and (min-width: 450px) {
    .about-content .image {
        height: 300px;
        width: 100%;
        max-width: 560px;
        margin: auto;
    }
}

@media only screen and (min-width: 768px) {
    .about-content .image {
        height: 298px;
        width: 560px;
        margin: auto;
        float: none;
    }
}



/*modal*/

@media only screen and (min-width: 768px) {
    .modal-dialog {
        width: 500px;
    }
}

@media only screen and (min-width: 320px) {
    .h {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .h {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 320px) {
    .h:nth-child(1) {
        margin-top: 0px;
    }
}


/*footer*/

@media only screen and (min-width: 320px) {
    .f-right .footer-top:last-child {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 992px) {
    .f-right .footer-top:last-child {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 320px) {
    .f-right .footer-top:first-child {
        margin-top: 50px;
    }
}

@media only screen and (min-width: 768px) {
    .f-right .footer-top:first-child {
        margin-top: 0px;
    }
}

@media (max-width: 992px) {
    .lady-holding-a-car-background {
        background-image: none!important;
    }
    .navbar .navbar-right {
        font-size: 11px;
    }
    .navbar-header{
        max-width: 20%;
    }
    .sgcmlogo {
        width: 100%;
        margin: 10px auto;
        padding-bottom: 20%;
        background-size: 65%;
    }
    .sgcmlogo:hover {
        background-size: 65%;
    }
}

@media (max-width: 767px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }

    .car-title{
        font-size:14px !important;
    }


}

.car-title{
    font-size:16px
}

@media only screen and (min-width: 320px) {
    .dealernetwk {
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) {
    .dealernetwk {
        font-size: 18px;
    }
}

.dealernerwk_cnt {
    font-family: Open Sans;
    padding-top: 0px;
    margin-top: 0px;
}


/*hover over red button*/

.index_formCLS:hover {
    background-color: #FB505B;
    border: 2px solid #FB505B;
}

.sell_index_formCLS:hover {
    background-color: #FB505B;
    border: 1px solid #FB505B;
}


.whatsappCLS:hover {
    color: #D62A35;
    border: 2px solid #D62A35;
}


/*reschedule*/

.reschedule-content {
    min-width: 424px;
    min-height: 153px;
}

.reschedule-content .btn_grouping {
    margin-top: 23px;
    text-align: center;
}

.btn_grouping .solid-btn {
    font-size: 14px;
    margin-left: 0px;
    float: none;
    cursor: pointer;
    display: inline-block;
}

.btn_grouping .solid-grey-btn {
    font-size: 14px;
    margin-left: 28px;
    float: none;
    cursor: pointer;
    display: inline-block;
}

.rescheduleText {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.rescheduleText.extra {
    line-height: 2;
}

.error_container {
    width: 100%;
    height: 100%;
    padding-top: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.error_message_style {
    margin-top: 20px;
    line-height: 25px;
    color: #535353;
    font-size: 21px
}

.error_button {
    border: 1px solid;
    border-radius: 10px;
    margin: 0 auto;
    padding: 15px 0;
    font-size: 15px;
}

.error_button_redirect {
    text-decoration: none;
    color: #666666;
    display: inline-flex;
    justify-content: center;
}

.error_home_button {
    width: 22px;
    height: 17px;
}

.error_backtohome {
    padding-left: 5px;
    letter-spacing: 1px;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .mobile_width {
        width: 90%;
        margin: 0 auto;
    }
    .error_container {
        width: 100%;
        padding-top: 450px;
    }
    .error_home_button {
        width: 33px;
        height: 26px;
    }
    .error_backtohome {
        padding-left: 20px;
        letter-spacing: 1px;
        justify-content: center;
        align-content: center;
        display: inline-grid;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    .mobile_width {
        width: 90%;
        margin: 0 auto;
    }
    .error_container {
        width: 100%;
        padding-top: 50px;
    }
    .error_home_button {
        width: 33px;
        height: 26px;
    }
    .error_backtohome {
        padding-left: 20px;
        letter-spacing: 1px;
        justify-content: center;
        align-content: center;
        display: inline-grid;
    }
}

@media only screen and (min-width: 320px) {
    .reschedule-content {
        min-width: 55px;
        min-height: 160px;
    }
    .btn_grouping .solid-btn {
        padding-left: 28px;
        margin-left: 0px;
    }
    .btn_grouping .solid-grey-btn {
        margin-left: 10px;
        padding: 10px 20px;
    }
    .rescheduleText {
        font-size: 14px;
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {
    .reschedule-content {
        min-width: 424px;
        min-height: 153px;
    }
    .btn_grouping .solid-btn {
        float: none;
    }
    .rescheduleText {
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }
}


/*referral*/

@media only screen and (min-width: 320px) {
    .referral-content .image {
        background-image: url(../imgs/quotz-referral-desktop.jpg);
        padding-bottom: 45%;
    }
    .referral-special-text {
        text-align: center;
        padding: 5px 0 0 0;
    }
}

@media only screen and (min-width: 768px) {
    .referral-content .image {
        height: 350px;
        padding: 0;
        background-image: url(../imgs/quotz-referral-desktop.jpg);
    }
    .referral-special-text {
        text-align: center;
        margin: 0 auto;
        word-wrap: break-word;
        width: 560px;
        padding: 5px 0 0 0;
    }
}


/*header start*/

.top-first-row-parent,
.top-second-row-parent {
    display: table;
    width: 100%;
}

.top-second-row-parent {
    border-top: 1px solid #E5E5E5;
    border-radius: 0px;
    height: 50px;
    font-size: 11px;
    border-spacing: 5px 0;
    padding: 10px 0;
}

.top-first-row-parent {
    border-bottom: 1px solid #EEEEEE;
}

ul.top-first-row,
ul.top-second-row {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    display: table-row;
}

ul.top-first-row {
    height: 50px;
}

.top-first-row li,
.top-second-row li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
}

ul.top-first-row {
    height: 50px;
}

.top-first-row li {
    border-left: 1px solid #EEEEEE;
    padding: 0 5px;
    width: 18%;
    height: 50px;
}

.top-first-row li:first-child {
    padding: 14px 15px;
    border: none;
    line-height: normal;
    width: 35%;
}

.top-second-row li {
    font-weight: bold;
}

.top-second-row li:nth-child(3) {
    color: #077F02;
}

.top-second-row li:nth-child(3),
.top-second-row li:nth-child(4) {
    border: 1px solid black;
    border-radius: 3px;
}

.top-second-row li:nth-child(2) {
    width: 72px;
}

.top-second-row li:nth-child(3) a {
    color: #077F02;
}

.top-second-row li:nth-child(3) {
    border: 1px solid #C9C9C9;
    box-shadow: 0 1px #E1E1E1;
    width: 127px;
}

.top-second-row li:nth-child(3):hover {
    border: 1px solid #C9C9C9;
    background-color: #EAF5E9;
}

.top-second-row li:nth-child(4) a {
    color: #FFFFFF;
}

.top-second-row li:nth-child(4) {
    border-color: #B11517;
    box-shadow: 0 1px #EBCED2;
    background-color: #D51516;
    width: 93px;
}

.top-second-row li:nth-child(4):hover {
    border: 1px solid #B11517;
    background-color: #E93132;
}

.top-second-row li:nth-child(n+2) {
    height: 31px;
    line-height: 29px;
}

.top-second-row li:nth-child(n+2) a {
    display: inline-block;
    height: 100%;
}

.sell-whatapps-btn,.top-second-row li:nth-child(3) a:before {
    content: '';
    display: inline-block;
    background-image: url('../imgs/whatsapp-green.png');
    background-size: 14px 14px;
    background-position: center center;
    width: 14px;
    height: 14px;
    vertical-align: sub;
    background-repeat: no-repeat;
    font-family: FontAwesome, "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
}

.top-first-row li:last-child {
    padding: 5px 0;
    width: 11%;
}

.top-first-row:after {
    clear: both;
}

.top-first-row li.active a {
    color: #DB161D;
}

.top-first-row li.active {
    border-bottom: 2px solid #DB161D;
}

.top-first-row li:last-child span {
    font-size: 20px;
}

@media only screen and (min-width: 600px) {
    .top-first-row li:first-child {
        padding: 6px 6px;
        width: 25%;
    }
    .top-first-row li {
        font-size: 11px;
        font-weight: 400;
        width: 21%;
    }
    .top-first-row li:last-child {
        width: 12%;
    }
    .top-first-row li:last-child span {
        font-size: 23px;
    }
}

@media only screen and (min-width: 992px) {
    .top-second-row-parent {
        font-size: 12px;
        border-spacing: 7px 0;
    }
    .top-second-row li:nth-child(n+2) {
        height: 31px;
        line-height: 29px;
    }
    .top-second-row li:nth-child(2) {
        width: 86px;
    }
    .top-second-row li:nth-child(3) {
        width: 143px;
    }
    .top-second-row li:nth-child(4) {
        width: 117px;
        padding: 0 5px;
    }
}


/*header end here*/


/*new SBB page add 31/07/2019 */


/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
	.accurate-val-title {
		font-size:16px;
	}
    .auction_title {
        width: 100%;
        font-size: 23px;
        text-align: left;
        text-transform: none;
    }
    .auction_desc .sbb-reason-sub .how-it-work-title .step-detail .step-contain .f-a-question .each-question .big-banner-container {
        width: 100%;
    }
    .auction_desc {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.6;
    }
    .float_banner {
        float: left;
        width: 20%;
        padding: 6% 3%;
        font-size: 12px;
		max-width: 100px;
    }
    .book-appointment-form {
        padding: 10px 0 0;
    }
    .highest-price-guarantee {
        width: 100%;
        padding: 20px 0;
    }
    .step-border {
        padding: 0;
    }
    .sbb-sub-way {
        padding: 10px;
    }
    .sbb-reason-circle-border {
        width: 15%;
    }
    .banner-main-desc-re h1 {
        font-size: 26px;
    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 600px) {
	.accurate-val-title {
		font-size:18px;
	}
    .auction_title {
        width: 100%;
        font-size: 23px;
        text-align: left;
        text-transform: none;
    }
    .float_banner {
        float: left;
        width: 20%;
        padding: 6% 3%;
    }
    .book-appointment-form {
        padding: 10px 0 0;
    }
    .highest-price-guarantee {
        width: 100%;
        padding: 20px 0;
    }
    .step-border {
        padding: 0;
    }
    .auction_desc .sbb-reason-sub .how-it-work-title .step-detail .step-contain .f-a-question .each-question .big-banner-container {
        width: 100%;
    }
    .auction_desc {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.6;
    }
    .sbb-reason-circle-border {
        width: 15%;
    }
}


/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 768px) {
    .auction_title {
        width: 100%;
        font-size: 23px;
        text-align: left;
        text-transform: none;
    }
    .auction_desc {
        width: 91%;
        text-align:justify;
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.6;
    }
    .sbb-reason-sub {
        width: 49%;
    }
    .happy-woman-mobile{
        height:auto;
        width:100%;
        padding: 0 15px;
    }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media only screen and (min-width: 1200px) {
    .auction_title {
        width: 100%;
        font-size: 23px;
        text-align: left;
        text-transform: none;
    }
    .float_banner {
        float: left;
        width: 20%;
        padding: 2%;
		max-width: 100px;
    }
    .sbb-reason-sub {
        width: 48%;
    }
    .book-appointment-form {
        padding: 60px;
    }
    .highest-price-guarantee {
        width: 23%;
        padding: 40px 0;
    }
    .how-it-work-title {
        width: 20%;
    }
    .step-detail {
        width: 75%;
        padding-top: 20px;
    }
    .step-border {
        padding: 20px 0;
    }
    .step-contain {
        width: 64%;
    }
    .step-img {
        width: 40%;
    }
    .each-question {
        width: 90%;
        margin-left:50px;
    }
    .big-banner-container {
        width: 33.33%;
    }
    .sbb-reason-circle-border {
        width: 10%;
    }
}

.sbb-reason-circle-border {
    float: left;
}

.sbb-reason-desc {
    float: left;
    width: 85%;
}

.big-banner-container {
    float: left;
    padding: 10px 0;
    padding-right: 15px;
}

.btn-overwrite {
    padding: 15px 20px !important;
}

.faq-overwrite {
    font-size: 14px;
    padding-top: 3px;
    font-weight: 500;
    color: #777777;
    width: 95%;
}

.sbb-section1 {
    width: 100%;
    padding: 10px 0 15px;
}

.sbb-main-sub-header {
    border: none;
    min-height: 0.01%;
    overflow-x: auto;
}

.sbb-sub_head {
    font-weight: normal;
    color: #000000;
    font-size: 13px;
}

.selected-sbb-sub_head {
    font-weight: bold;
    color: #D41713;
    font-size: 13px;
}

.auction_title {
    font-weight: bold;
    text-align: left;
    text-transform: none;
    line-height: 1.3;
    letter-spacing: -0.7px;
    margin-bottom: 10px;
    margin-left: 8px;
}

.book-appointment-button {
    padding: 10px 15px 10px 15px;
    background-color: #D61516;
    color: #FFFFFF;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #AE0100;
    font-size: 14px;
    box-shadow: 2px 2px #F1CACF;
}

.whatappus-button {
    padding: 10px 15px 10px 15px;
    background-color: #0a8005;
    color: #FFFFFF;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #0a8005;
    font-size: 14px;
}

.whatappus-button:hover{
    background-color: #1fc600;
}

.whatsapp-icon {
    content: '';
    display: block;
    background-image: url('../imgs/whatsapp-white.png');
    background-size: 14px 14px;
    background-position: center center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    font-family: FontAwesome, "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.book-appointment-button:hover {
    border: 1px solid #B11517;
    background-color: #E93132;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    padding-top: 9px;
    box-shadow: 0 1px #EBCED2;
}

.how-it-work-button {
    padding: 10px 15px 10px 15px;
    background-color: #FFFFFF;
    color: #D61516;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid #ADADAD;
    font-size: 14px;
    box-shadow: 2px 2px #E0E0E0;
}

.how-it-work-button:hover {
    text-align: center;
    background-color: #E6E6E6;
    border-radius: 5px;
    border: 1px solid #ADADAD;
    width: 200px;
    height: 40px;
    padding-top: 9px;
    box-shadow: 0 1px #E1E1E1;
}

.sbb-section2 {
    border-top: 1px solid #DDDDDD;
    background-image: linear-gradient(to bottom, #FEFEFE, #FEFEFE, #FEFEFE, #FDFDFD, #FDFDFD, #FDFDFD, #FCFCFC, #FCFCFC, #FCFCFC, #FDFDFD, #FDFDFD, #FAFAFA);
}

.sbb-sub-way {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 3px #CCCCCC;
}

.sbb-reason {
    padding: 20px 0 30px;
    background-image: linear-gradient(to bottom, #FEFEFE, #FEFEFE, #FEFEFE, #FDFDFD, #FDFDFD, #FDFDFD, #FCFCFC, #FCFCFC, #FCFCFC, #FDFDFD, #FDFDFD, #FAFAFA);
}

.sbb-reason-red-circle {
    background-color: #FFE5E6;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.book-appointment-form {
    display: inline-block;
    margin: 0 auto;
    font-size: 13px;
}

.sbb-sub {
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
}

.sbb-book-appointment-form-border {
    border: 2px solid #E6E6E6;
    border-top-color: #000000;
    box-shadow: 0px 2px 3px #CCCCCC;
    background-color: #FFFFFF;
}

.appointment_form_title{
    display: grid;
    gap: 6px;
}
#sbb_page .pcc-sell-by-bid-small{
    color: #333333;
    font-size: 14px;
    font-weight:500;
    line-height: 18px;
}

input::placeholder{
    color:#BBBBBB;
}

.quotz_form textarea.form-control{
  height: 70px;
}

.sbb_form_display{
    padding: 10px;
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 10px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.sbb-book-aform-col {
    margin: 0 auto;
    padding: 30px 20px ;
    font-family: "Graphik";
    background-color: #FFFFFF;
}

.sbb-book-aform-button {
        background-color: #EBF6FC;
    color: #1788D1;
    border-color: #8EB4C8;
    width: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 11px 30px;
    font-size: 16px;
    border-radius: 6px;
}

.sbb-book-aform-button:hover {
    background-color: #c5dbe6;
    color: #0F86D0;
    border-color: #8FB4C8;
    font-weight: bold;
}

.red-form-button{
    font-weight:500;
    color: #FFFFFF;
    display: flex;
    height: 42px;
    width: 100%;
    padding: 11px 30px;
    border: 0;
    justify-content: center;
    align-items: center;
    gap: 30px;
    align-self: stretch;
    border-radius: 6px;
    background: var(--Primary-Colors-Primary-01, #F0484E);
}

.sbb-book-aform-info {
    padding-top: 20px;
    font-size: 12px;
}

.highest-price-guarantee {
    display: inline-block;
    margin: 0 auto;
}

.sbb-how-it-work-section3 {
    background-color: #F8F8F8;
}

.how-it-work-title {
    display: inline-block;
    padding-top: 20px;
    vertical-align: top;
}

.sbb-label-border {
    padding: 5px 0;
    font-weight: bold;
    color: #787878
}

.sbb-label-border-selected {
    padding: 5px 0;
    color: #D51713;
}

.sbb-label-red-border-selected {
    border: 1px solid #D51713;
    border-radius: 50%;
    padding: 0 2px;
}

.sbb-label-num {
    padding-left: 9px;
}

.sbb-label-num-selected {
    padding-left: 4px;
    font-weight: 600;
}

.sbb-label-text {
    padding-left: 15px;
}

.sbb-label-text-selected {
    padding-left: 14px;
    font-weight: bold;
}

.sbb-jump-to-section {
    color: #D4140F;
    font-weight: bold;
    text-align: left;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 2px;
    padding: 10px;
}

.sbb-drop-down {
    background-color: #FFFFFF;
    padding: 5px 10px 5px 10px;
}

.sbb-m-jts {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-top: none;
    padding: 10px
}

.step-border {
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 2px;
    margin: 25px 0;
    padding: 0;
}


.article-image {
    padding: 2.5% 10% 2.5% 10%;
}


.article-text{
    text-align: center;
    font-weight: 699;
    font-size: 17px;
    padding: 0 15% 0 15%;
}

.article-link{
    text-align: -webkit-center;
    font-weight: 700;
}

.article-link>a:link{
    text-align: -webkit-center;
    color: red;
    background-color: transparent;
    text-decoration: underline;

}

.p-step-color-height {
    color: #777;
    line-height: 1.6;
}

.p-reasons-to-sell-width-height {
    width: 100%;
    margin-top: 5px;
    line-height: 1.6;
    min-height:92px;
    font-size: 15px;
}

.sbb-step-header {
    color: #DB1A1D;
    font-weight: bold;
    font-size: 12px;
}

.sbb-step-title {
    font-weight: bold;
    padding: 5px 0 10px;
    font-size: 18px;
    margin: 0;
    text-align: left;
    text-transform: none;
}

.sbb-jts-img {
    display: block;
    text-align: center;
}
#step-by-step-main{
    padding: 124px 24px 50px;
}

.faq-header {
    float: left;
    width: 95%;
    font-weight: bold;
}

.faq-header-icon {
    float: right;
    color: #D2191E;
}

.faq-arrow-icon {
    transform: rotate(45deg);
}

.faq-down-arrow-icon {
    transform: rotate(90deg)!important;
}

.sbb-questions-border {
    border: 1px solid #E2E2E2;
    background-color: #FFFFFF;
    border-radius: 5px;
    width: 95%;
    margin: 30px 0 25px;
}

.sbb-questions-sub-border {
    display: flex;
    padding: 20px 10px;
}

.sbb-p-img {
    width: 25%;
}

.sbb-ready-to-sell-section5 {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    background-color: #FFFFFF;
}

.sbb-ready-to-sell-sub-header {
    font-size: 24px;
    padding: 15px 0;
}

.sbb-ready-to-sell-border {
    padding: 0 0 60px;
    margin: 0 auto;
}

.sbb-ready-to-sell-button {
    padding: 10px 30px;
    background-color: #D61516;
    color: #FFFFFF;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #AE0100;
    font-size: 12px;
}

.sbb-ready-to-sell-GIT-button {
    padding: 10px 30px;
    background-color: #FFFFFF;
    color: #D61516;
    border-radius: 2px;
    font-weight: bold;
    border: 1px solid #C9C9C9;
    font-size: 12px;
}

.sbb-book-aform-header {
    color: var(--Primary-Colors-Primary-02, #333);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px; /* 120% */
    text-transform: capitalize;
    text-align: left;
}

.sbb-book-aform-back-button {
    min-width: 130px;
    background-color: #FFFFFF;
    font-weight: 500;
    border-color: #BDBDBD;
    color: #717171;
    font-size: 16px;
    padding: 11px 30px;
    line-height: normal;
}

.sbb-book-aform-back-button:hover{
    background:#F8F8F8;
    color: #717171;
}

.submit_button{
    display:flex;
    gap:10px;
}

.sbb-book-aform-middle-line {
    border-bottom: 1px solid #E8E3DD;
}

.p-top10 {
    padding-top: 10px;
}

.p-bottom5 {
    padding-bottom: 5px;
}

.p-right20 {
    padding-right: 20px;
}

.sbb-book-aform-list-info {
    font-weight: bold;
    font-size: 14px;
}

.sbb-jts-mobile-select-icon {
    font-size: 16px;
    float: right;
    transform: rotate(180deg);
}

.m-jts-b-bottom {
    border-bottom: none;
}
#step-by-step-main .active{
    display: block;
}

.scrp-title{
    text-align: center;
}
.auction_process, .fill-in-form{
    font-family: "Graphik";
}
.step-by-step-main-border{
    display: none;
    width: 100%;
}
.step-by-step-main-border .step-img{
    display: table-cell;
}
.step-by-step-main-border .step-contain{
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
}
.step-by-step-main-border .step-title{
    text-align: left;
    text-transform: none;
    font-size: 20px;
    color: #DB191D;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
}
.step-by-step-main-border .auct-step-desc .desc{
    color: #333333;
    font-size: 16px;
}
.step-img {
    display: inline-block;
    padding: 5px 0;
    width: 40%;
}
.semibold{
    font-weight: 600;
}
.sbb-after-reason {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 12px;
}

.sbb-section-two-reason-desc {
    font-size: 20px;
    text-align: left;
    text-transform: none;
}

.sbb-free-val-step-desc {
    width: 97%;
    font-size: 15px;
}

.sbb-free-val-step-desc-padding {
    padding: 10px 0 5px;
    font-weight: 600;
    line-height: 1.6;
}

.sbb-best-selling-car-sections {
    padding: 20px 15px 30px;
}

.sbb-padding-for-sections {
    padding: 20px 15px 30px;
    font-family: "Graphik";
}

.fv-padding-for-sections {
    padding: 20px 15px 30px;
}

.hompage-sbb-font-size {
    padding: 10px 0;
    font-weight: bold;
    font-size: 34px;
    line-height: normal;
}

@media only screen and (max-width: 991px) {
    .book_appointment_landing .book_appointment_form {
        width: 100% !important;
        max-width:100%;
    }

    .hompage-sbb-font-size {
        padding: 10px 0;
        font-weight: bold;
        font-size: 24px;
        line-height: normal;
    }

    .title_container{
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .sbb-section-two-reason-desc {
        font-size: 17px;
        text-align: left;
        text-transform: none;
    }
    .sbb-section1 {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 50px;
    }
    .sbb-after-reason {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
    }
    .banner{
        background-size: cover;
        height: 200px;
        padding: 0;
    }
}


/*END - new SBB page add 31/07/2019 */
/* START - new SBB page add 10/12/2019*/

.underline {
    text-decoration: underline;
}

.green-box-logo {
    background-color: #E0F6EA;
    border-radius: 50%;
}

.green-box-tick {
    font-size: 20px;
    color: #009443
}


/* radio button */

#radioHover input[type="radio"] {
    background-color: transparent;
    display: none;
    -webkit-appearance: none;
    /*to disable the default appearance of radio button*/
    -moz-appearance: none;
    outline: none;
}

#radioHover input[type="radio"]:checked ~ label,#radioHover input[type="radio"]:hover ~ label {
    color: #FFFFFF;
    outline: none;
    background: #DB191D;
    border-radius: 6pt;
}
#radioHover input[type="radio"]:checked ~ label .title,
#radioHover input[type="radio"]:checked ~ label .desc,
#radioHover input[type="radio"]:hover ~ label .title,
#radioHover input[type="radio"]:hover ~ label .desc
{
color: white;
}

label#radioHover span:first-of-type {
    position: relative;
    left: -20px;
    font-size: 12px;
    color: #787878;
}

label#radioHover span {
    position: relative;
    top: -8px;
    color: #787878;
}

.radio-margin {
    margin: 0;
    cursor: pointer;
}

#radioHover:hover>span {
    color: #D51713;
}

#ritemb:hover {
    color: #D51713;
}

.radio-line {
    border-bottom: 1px solid #CBCBCB;
    width: 240px
}

.free-val-drop-down {
    background-color: #FFFFFF;
    padding: 5px 10px 5px 10px;
}

.free-val-jump-to-section {
    color: #D4140F;
    font-weight: bold;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 2px;
    padding: 10px;
    text-align: left;
    box-shadow: 0 1px #E0E0E0;
}

.free-val-step-border {
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 6px;
    margin: 10px 0;
}

.step-red-line {
    border-bottom: 1px solid #D61615;
    width: 40px;
    margin: 10px 0;
}

.free-val-step23-border {
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 6px;
    margin: 25px 0px;
}

.free-val-step-4-border {
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
    border-radius: 6px;
    margin: 25px 0;
}

.pcc-sell-by-bid-small {
    color: #989898;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; /* 128.571% */
    display: flex;
    gap: 8px;
    margin-bottom: 0;
}

.pcc-sell-by-bid-small img{
    width: 10px;
    height: 10px;
    margin: auto 0;
}

.grid-form{
    display: grid;
    gap: 20px;
}

.pcc-sell-by-bid-medium {
    color: #777B7E;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.6;
}

.listing-box-div{
    border: 2px solid #C7C7C7;
    border-radius: 8px;
}

.free-val-faq-header {
    float: left;
    width: 95%;
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}

.free-val-faq {
    padding-top: 45px;
    padding-bottom: 50px;
    background-color: #EDEDED;
}

.free-val-ready-to-sell-border {
    padding: 0 0 60px;
    margin: 0 auto;
}

.free-val-rts-sell-my-car {
    margin: 0px 5px 0px 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D51516;
    background-color: #D51516;
    width: 200px;
    height: 40px;
    padding-top: 9px;
    box-shadow: 0 1px #EBCED2;
}

.free-val-rts-sell-my-car:hover {
    border: 1px solid #B11517;
    background-color: #E93132;
    margin: 0px 5px 0px 5px;
    text-align: center;
    border-radius: 5px;
    width: 200px;
    height: 40px;
    padding-top: 9px;
    box-shadow: 0 1px #EBCED2;
}

.free-val-rts-get-in-touch {
    margin: 0px 5px 0px 5px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #C9C9C9;
    width: 200px;
    height: 40px;
    padding-top: 9px;
    box-shadow: 0 1px #E1E1E1;
}

.sell-free-val-btn {
    margin: 0px 5px 0px 5px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #C9C9C9;
    width: 200px;
    height: 40px;
    box-shadow: 0 1px #E1E1E1;
}

.sell-free-val-btn,.free-val-rts-get-in-touch:hover {
    margin: 0px 5px 0px 5px;
    text-align: center;
    background-color: #E6E6E6;
    border-radius: 5px;
    border: 1px solid #ADADAD;
    width: 200px;
    height: 40px;
    box-shadow: 0 1px #E1E1E1;
}

.access-code-input{
    position: relative;
    display: flex;
    gap:10px;
}

#access_code_info{
    width: 14px;
    height: 14px;
    margin: auto;
    cursor: pointer;
    position:absolute;
    top:10px;
    right:13px;
}

.access-code-link{
    color: #0C5FB4;
    font-weight:500;
    white-space:nowrap;
}

.access-code-msg .importantMessage{
    margin: 0;
    background: #FFF0F1;
    font-size: 12px;
    line-height: 16px;
}

.quotz_form{
    display:grid;
    gap:16px;
}

.scrp-form{
  max-width: 509px;
  padding: 30px 20px;
  margin: auto;
}

.form-input-borders {
    padding-top: 10px;
    padding-bottom: 5px;
}

.quotz_form .form-control {
    padding: 4px 13px;
    font-size: 14px;
    min-height: 35px;
    border: solid 1px #C4C9CD;
}

.quotz_form select{
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../imgs/ios-arrow-down.svg);
    background-size: 12px 7px;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 13px);
    background-position-y: 14px;
}

.quotz_form input::placeholder,
.quotz_form textarea::placeholder{
    color: #BBBBBB;
    font-weight: 400;
}

.phoneCodeContainer {
    position: relative;
    display: flex;
    border: 1px solid #C4C9CD;
    border-radius: 4px;
    height: 35px;
    background: #fff;
}

.quotz_form .phoneCodeContainer input{
    border: 0;
    margin: 0;
    height: 100%;
    border-radius:4px;
    background:transparent;
    padding: 10px;
    width:100%;
}

.phoneCode {
    border-right: 1px solid #c4c9cd;
    align-items: center;
    display: flex;
    padding: 0 10px;
    font-size: 14px;
}
.mobileNo {
  padding-left: 61px;
}


.policyMessage{
    font-size:12px;
    border-radius: var(--radius-xs-size-6-px-round, 6px);
    background: var(--Neutral-colors-Grey-25, #F8F8F8);
    padding: var(--All-Padding-12px-Gap, 12px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--All-Padding-6px-Gap, 6px);
    align-self: stretch;
}

.policyMessage .privacy-link,
.policyMessage .privacy-link:link{
  color: #1268E7;
  white-space:nowrap;
}

.access-code-msg-scrp .importantMessage,
.access-code-msg-ref .importantMessage{
        margin: 0;
 }

.pcc-free-eval-form-button {
    background-color: #EBF6FC;
    color: #0F86D0;
    border-color: #8FB4C8;
    width: 30%;
    font-weight: bold;
}

.pcc-free-eval-form-button:hover {
    background-color: #c5dbe6;
    color: #0F86D0;
    width: 30%;
    font-weight: bold;
}

@media only screen and (min-width: 320px) and (max-width: 454px) {
    .free-val-step23-border {
        border: 1px solid #E0E0E0;
        background-color: #FFFFFF;
        border-radius: 6px;
        margin: 25px 0;
    }
    .sbb-questions-border {
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 100%;
        margin: 30px 0 25px;
    }
    .sbb-questions-sub-border {
        display: flex;
        padding: 10px 10px;
    }
    .sbb-ready-to-sell-sub-header {
        font-size: 20px;
        padding: 15px 0;
    }
    .free-val-ready-to-sell-border {
        padding: 0 0 60px;
        margin: 0 auto;
        align-content: center;
    }
    .free-val-rts-get-in-touch {
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #E1E1E1;
    }
    .sell-free-val-btn{
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        box-shadow: 0 1px #E1E1E1;
    }
    .free-val-rts-sell-my-car {
        text-align: center;
        border-radius: 5px;
        border: 1px solid #D51516;
        background-color: #D51516;
        margin-bottom: 10px;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #EBCED2;
    }
    .free-val-rts-sell-my-car:hover {
        border: 1px solid #D51516;
        background-color: #D51516;
        margin: 0px 5px 10px 5px;
        text-align: center;
        border-radius: 5px;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #EBCED2;
    }
    .free-val-rts-get-in-touch:hover {
        margin: 0px 5px 0px 5px;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #E1E1E1;
    }

    .sell-free-val-btn:hover {
        margin: 0px 5px 0px 5px;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        box-shadow: 0 1px #E1E1E1;
    }
    .sgcmlogo {
        padding-bottom: 15%;
        background-size: 70%;
    }
    .sgcmlogo:hover{
        background-size: 70%;
    }
}
@media only screen and (min-width:50px) and (max-width:319px){
    .free-val-rts-sell-my-car{
        margin-bottom: 10px;
    }
}
/* @media only screen and (min-width: 320px) and (max-width: 359px) {
    .free-val-rts-sell-my-car {
        text-align: center;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        border-color: #D51516;
        background-color: #D51516;
        width: 135px;
        height: 40px;
        padding-top: 9px;
        float: left;
        box-shadow: 0 1px #EBCED2;
    }
    .free-val-rts-get-in-touch {
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        width: 168px;
        font-size:14px !important;
        height: 40px;
        padding-top: 9px;
        float: right;
        box-shadow: 0 1px #E1E1E1;
    }

    .sell-free-val-btn{
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        box-shadow: 0 1px #E1E1E1;
    }

    .free-val-rts-sell-my-car:hover {
        border: 1px solid #D51516;
        background-color: #D51516;
        margin: 0px 5px 0px 5px;
        text-align: center;
        border-radius: 5px;
        width: 135px;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #EBCED2;
    }
    .free-val-rts-get-in-touch:hover {
        margin: 0px 5px 0px 5px;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        width: 135px;
        height: 40px;
        padding-top: 9px;
        box-shadow: 0 1px #E1E1E1;
    }

    .sell-free-val-btn:hover{
        margin: 0px 5px 0px 5px;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 5px;
        border: 1px solid #C9C9C9;
        box-shadow: 0 1px #E1E1E1;
    }
    .btn{
        display:inline-block;
    }
} */

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .free-val-step23-border {
        border: 1px solid #E0E0E0;
        background-color: #FFFFFF;
        border-radius: 6px;
        margin: 25px 0;
    }
    .sbb-questions-border {
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 100%;
        margin: 30px 0 25px;
    }
    .sbb-questions-sub-border {
        display: flex;
        padding: 10px 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .free-val-step23-border {
        border: 1px solid #E0E0E0;
        background-color: #FFFFFF;
        border-radius: 6px;
        margin: 25px 0;
    }
    .sbb-questions-border {
        border: 1px solid #E2E2E2;
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 100%;
        margin: 30px 0 25px;
    }
    .sbb-questions-sub-border {
        display: flex;
        padding: 10px 10px;
    }
    .sbb-main-sub-header {
        border: none;
        min-height: 0.01%;
        overflow-x: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .free-val-step23-border {
        border: 1px solid #E0E0E0;
        background-color: #FFFFFF;
        border-radius: 6px;
        margin: 5px 0;
    }
}


/*END - new SBB page add 10/12/2019*/
/*booknow start*/

.booknow-rightcont {
    border: 1px solid #C7C7C7;
    width: 100%;
    box-shadow: 0 2px 5px #E1E1E1;
    margin: 28px 0;
}

.booknow-rightcont .container-content {
    padding: 18px 30px;
    width: 100%;
}

.booknow-rightcont .container-content-subtitle {
    color: #D62A35;
    font-weight: bold;
    font-size: 12px;
}

.booknow-rightcont .container-content-title {
    color: #000000;
    font-weight: bold;
    font-size: 27px;
}

.booknow-rightcont .container-content-description {
    font-size: 12px;
    width: 90%;
}

.booknow-rightcont .container-form {
    font-size: 12px;
    width: 100%;
    padding: 5px 0;
}

.booknow-rightcont .container-form-row {
    padding: 5px 0;
}

.booknow-rightcont .container-form-row .col-2-l {
    width: 49%;
    float: left;
}

.booknow-rightcont .container-form-row .col-2-r {
    width: 49%;
    float: right;
}

.booknow-rightcont .container-form-button {
    width: 27%;
    padding-top: 15px;
}

.booknow-rightcont .form-control-overwrite-bn {
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px #E1E1E1;
    box-shadow: 0 1px 3px #E1E1E1;
}

.booknow-rightcont textarea.form-control-overwrite-bn {
    resize: none;
}

.booknow-leftcont {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #D9D9D9;
    width: 100%;
    margin: 28px 0;
}

.booknow-leftcont .container-content {
    padding: 22px 0;
    width: 100%
}

.booknow-leftcont .container-content-title {
    color: #000000;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.booknow-leftcont .container-body {
    display: table;
    width: 90%;
    border-spacing: 10px 18px;
    font-size: 13px;
}

.greyish {
    color: #848484;
}

.over-readonly {
    background-color: #EDEDED !important;
}

.sbb-sub-way {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 3px #CCCCCC;
}

.sbb-highest-price-guarantee {
    width: 24%;
    padding-right: 15px;
    line-height: 1.6;
}


/*booknow end here*/
/*best at sell car start*/

@media only screen and (min-width: 320px) {
    .bsc-re {
        margin-top: 23px;
    }
}
@media only screen and (max-width: 360px) {
    .pcc-sell-by-bid-small{
        display: block;
    }

    .pcc-sell-by-bid-small img{
        margin: 0 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .bsc-re {
        margin-top: 33px;
    }
}

.bsc-desc {
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.bsc-desc a {
    color: #D51D29;
    text-decoration: underline;
    font-weight: bold;
}
/*best at sell car end*/
/*contact us content*/
.contact-overview-icon{
	background-image: url('https://i.i-sgcm.com/quotz/images/no_img.jpg');
	border-width: 1px;
	border-style:solid;
	border-color: #FFFFFF;
	border-radius: 5px;
	background-position: center;
	background-repeat: no-repeat;
	height: 65px;
	background-size:73%;
}
.chat-icon{
	background-image: url('../imgs/icon-chat.png');
}
.steer-icon{
	background-image: url('../imgs/icon-steering-wheel.png');
}
.contact-h1{
	font-size:32px;
	text-align:left;
}
.contact-desc{
	font-size:18px;
}
.contact-line-sections{
	/* border-top:1px solid #EEEEEE;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD; */

}
.contact-sections{
    padding-bottom:20px;
    padding-top:20px;
}
.contact-page-background-color{
    background-color: #F7F7F7;
}
.contact-line{
	margin-top: 10px;
	border-top:1px solid #E4E4E4;
	padding-bottom: 10px;
}
.contact-last-line{
	margin-top: 20px;
	border-top:1px solid #E4E4E4;
	padding-bottom: 20px;
}
.styleSelect {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: url(../imgs/down-arrow.jpg);
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-appearance:none;
}
.contact-hyperlink,
.contact-hyperlink:link,
.contact-hyperlink:visited,
.contact-hyperlink:active,
.contact-hyperlink:hover{
	text-decoration: none;
	color: #333333;
	cursor: pointer;
}
@media only screen and (min-width: 320px) and (max-width: 990px){
	.contact-overview-icon{
		background-size:68%;
		max-width:100px;
	}
	.access-code-msg-scrp .importantMessage{
        margin: 10px 0 0px;
    }
	.contact-h1{
		font-size: 28px;
	}
	.contact-desc{
		font-size: 16px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 1067px){
    .contact-padding-LR{
		padding-left:20px;
		padding-right:20px;
	}
}
/*end contact us content*/
/*start free valuation content*/
.accurate-val-box {
	background-color:#FFFFFF;
	border:1px solid #CBCBCB;
	padding:20px 30px 20px 30px;
}
.accurate-box-title {
	font-size:16px;
    font-weight:bolder;
    color:#009443;
}
.accurate-val-box .box-align {
	float:left;
	width:80%;
	padding-right:15px;
}
.box-desc{
	font-size: 14px;
	color:#545454;
}
input[type='checkbox']#agreeterms {
	opacity: 0.6;
}
/*end free valuation content*/
/*start faq content*/
.faq-h1{
	font-size:32px;
	text-align:left;
}
.faq-banner{
	padding:14px 14px !important;
}
.faq-box{
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
	margin:20px 0;
	padding-top: 15px;
	padding-bottom: 20px;
}
.faq-walink span{
    color:#077F02 !important;
    font-weight:bold;
}
.faq-walink span:before {
    content: '';
    display: block;
    background-image: url(../imgs/whatsapp-green.png);
    background-size: 14px 14px;
    background-position: center center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    font-family: FontAwesome, "Heebo", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 10px;
    padding-top: 15px;
    padding-right: 10px;
    float: left;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.faq-h1{
		font-size: 28px;
		text-align: left;
	}
	.faq-box{
		max-width: 500px;
		padding-top: 15px;
		border-radius: 4px;
	}

}
/*end faq content*/

#preferred-outlet option {
    font-size: 14px;
}

.location-header{
    margin-bottom:14px;
}

.location-address:first-child{
    margin-bottom: 26px;
}

.location-address:last-child{
    margin-top:26px;
    margin-bottom: 19px;
}

.location-divider{
    border-bottom: 1px #D7D7D7 solid;
	border-top: none !important;
    margin: 26px 0 26px 0;
}

.opening-hours-address{
    margin-bottom:5px;
}

.specialLinkRespond{
    color: #DB1A21;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    display: none;
}

@media only screen and (max-width: 768px) {
    #myModal{
        padding: 0 !important;
    }
    .modal .respond-popup{
        height: 100%;
        border-radius: 0 !important;
        padding: 30px 27px;
        border: 0 !important;
    }

    .access-code-link{
        display: block;
    }

    .scrp-title{
        text-align:left;
    }

    .scrp-form{
        padding:30px 0;
    }

    .scrp-form .submitbtn {
        margin-top: 4px;
    }

    .access-code-msg .importantMessage{
        margin: 5px 0 5px;
    }

    .sbb_form_display{
        grid-template-columns: auto;
    }

    #auction_process .step-auction-tab{
        display: none;
    }
    .step-by-step-main-border{
        padding-bottom: 40px;
    }
    .step-by-step-main-border .step-contain{
        display: block;
    }
    .sbb-jts-img, .step-by-step-main-border .step-contain{padding: 0}
    .step-by-step-main-border{display: block;}
    .step-by-step-main-border .step-img img{width: 100%;}
    .step-by-step-main-border .step-title{font-size: 16px;}
    #auction_process .section-title{font-size: 20px !important;}
    .step-by-step-main-border .auct-step-desc .desc{font-size: 14px;}
    #step-by-step-main {padding: 0}

}
@media only screen and (max-width: 600px) {
    .location-address:last-child{
        margin-top:19px;
        margin-bottom:24px;
    }

    .location-divider{
        border-bottom: 1px #D7D7D7 solid;
        border-top: none !important;
        margin: 24px 0 24px 0;
    }

    .opening-hours-address{
        margin-bottom:2px;
    }
    .free-val-step-title {
        text-align: left;
    }
    #reason-to-sell-title {
        padding-bottom: 40px;
    }
}

.reason-title {
    font-size: 16px;
    text-align: left;
    text-transform: none;
}

.section-title {
    line-height: 1.32;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    color: black;
}
.free-val-step-title {
    font-size: 20px;
}
.free-val-step-content {
    font-size: 15px !important;
}

.lady-holding-a-car-background {
    background-image: url(../imgs/lady-holding-a-car.webp);
    background-size: 141%;
    background-position: center;
    background-repeat: no-repeat;
}

.sbb-img-banner{
    width: 45%;
    max-width: 432px;
}

.book_appointment_landing{
    display: flex;
    gap: 48px;
    width: 100%;
}

.book_appointment_form{
    width: 55%;
    padding: 0 15px;
    max-width: 570px;
}

.lightbox {
    display: none;
    z-index: 1100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.lightbox-content {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    text-align: center;
}

.lightbox img {
    max-width: 80%;
    max-height: 80%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#close-lightbox {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    font-weight: bold;
    border-radius: 50%;
    border: 0;
}
.grid_tab{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    justify-content: center;
    align-items: center;
}
.grid_tab .tab{
    height: 100%;
    display: inline-grid;
    text-align: center;
}
.auction_tab{
    background: #FFFFFF;
    margin-top: 34px;
    border-radius: 6px;
}
.auction_step_box{
    padding: 24px 14px 45px ;
    max-height: 195px;
}
.auction_tab .auction_step_box .number {
    font-size: 16px;
    height: 38px;
    width: 38px;
    display: grid;
    border-radius: 50%;
    background: #DB191D;
    border: solid 1px #FFFFFF;
    color: white;
    align-items: center;
    text-align: center;
    margin: 4px auto;
    font-weight: 600;
}
.auction_tab .auction_step_box .title {
    font-size: 20px;
    display: block;
    padding: 12px;
    font-weight: 600;
    color: #DB191D;
    line-height: 1;
}
.auction_tab .auction_step_box .desc {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}
#auction_process .section-title{
    font-size: 25px;
    margin: 42px auto;
    color: #333333;
}
#auction_process .section-title .font_red{
    color: #F0484E;
}
#auction_process .left_arrow ,#auction_process .right_arrow {
    height: 46px;
    width: 46px;
    background: white;
    border-radius: 50%;
    top: 45%;
    box-shadow: #00000029 0px 0px 6px;
    position: absolute;
    cursor: pointer;
    vertical-align: middle;
    display: grid;
    align-items: center;
    text-align: center;
}

#auction_process .left_arrow {
    left: -23px;
}
#auction_process .right_arrow {
    right: -23px;
}
#auction_process svg{
    height: 12px;
    align-self: center;
    margin: auto;
    fill: #A2A2A2;
}


#auction_process .left_arrow:hover ,#auction_process .right_arrow:hover {
background: whitesmoke;
}
.book_appt_btn {
    display: grid;
    background: #DB191D;
    color: white;
    width: 200px;
    height: 42px;
    border-radius: 6px;
    text-align: center;
    align-items: center;
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
}
.book_appt_btn:hover{
    text-decoration: none;
    color: white;
    background: #F46A6F;
}
.grecaptcha-badge { visibility: hidden; }
.tnc-list{
    padding-left:15px;
}
.tnc-list li{
  padding-left: 5px;
}
.tnc-list div{
  display: flex;
  padding-bottom:10px;
}
.tnc-list div span:first-child{
  padding-right: 10px;
}

@media only screen and (max-width: 435px) {
    .submit_button{
        display: grid !important;
    }
    .submit_button .sbb-book-aform-button{
        padding: 0;
    }
}

#myModal .thankYouMsg .thankyouTxt{
    font-style: normal;
    color: #333333;
}

form .form-control[readonly] {
    background-color: #eee !important;
    opacity: 1;
}