.newsBg { background: #F8F8F8; }

.leftsideBox {
    
}
.newsupdated {
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 46.15%);
        height: 100%;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.newsupdated h3 {
    position: absolute;
    bottom: 34px;
    text-align: left;
    color: #fff;
    font-size: 22px;
    left: 20px;
    font-weight: 500;
    line-height: 30px;
}
ol.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-left: 10px;
}
ol.carousel-indicators li.active {
    background: #ff0000; border: none;

}
ol.carousel-indicators {list-style: none;}
ol.carousel-indicators {
    list-style: none;
    bottom: -56px;
}
.breadcrumb a {
    color: #334155; text-decoration: none;
    margin: 0 5px;
}
.breadcrumb {
    margin-top: 90px;
    font-size: 12px;
    color: #94A3B8;
    font-weight: normal;
        margin-bottom: 10px;
}
.ads {
    text-align: center;
    margin: 20px 0;
}

.listIcon:hover { content: url(../images/listIcon-h.png); }
.listIcon.active { content: url(../images/listIcon-h.png); }

.twobox:hover { content: url(../images/twobox-h.png); }
.twobox.active { content: url(../images/twobox-h.png); }

.boxicon:hover { content: url(../images/boxicon-h.png); }
.boxicon.active { content: url(../images/boxicon-h.png); }

.latestnewslist button.nav-link.active { border: none !important; }
.latestnewslist ul.nav.nav-tabs li button.nav-link {   
    padding: 14px 8px 10px;
}

.latestNewsRow {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}


.wrapper_row .sliderbty .productCls img {
    border-radius: 6px;
    height: 175px;
}


.newsleft img {
    width: 100%;border-radius: 6px;height: 135px;
    overflow: auto;
}
.newsleft {
    margin-bottom: 14px;
}
.lastesNewsRow {
    padding-bottom: 26px;
    border-bottom: 1px solid #F1F5F9;
    margin-bottom: 20px;
    min-height: 155px;
}
.lastesNewsRow .newsleft {
    float: left;
    width: 26%;margin-right: 20px;
}
.lastesNewsRow h4 {
    font-size: 18px;
}
.lastesNewsRow .newsright p {
    margin-bottom: 8px;
}
.lastesNewsRow .newsright span { color:#EB002B; font-weight: 300;}
.lastesNewsRow .newsright span img { vertical-align: -2px;}
.lastesNewsRow .newsright span i { color: #64748B;
    font-style: initial;}
.newsBg h1 { font-size: 24px; }
.newsBg h1 span {color: #EB002B;}

.newsBg h2 { font-size: 20px;margin-bottom: 12px; }
.newsBg h2 span {color: #EB002B;}

.latestnewslist {
    position: relative;padding-top: 8px;
}
.latestnewslist ul.nav.nav-tabs {
    position: absolute;
    right: -11px;
    top: -49px;
}

.twonewsRow .lastesNewsRow .newsleft {
    float: left;
    width: 100%;
    margin-right: 20px;
}

.onenewsonly .lastesNewsRow .newsleft {
    float: left;
    width: 100%;
    margin-right: 20px;
}
.onenewsonly .lastesNewsRow {
    padding-bottom: 14px;
}
.pagination {
    text-align: center;
    width: 100%;
    display: block;
}

.newsright a {
    color: #334155;
    text-decoration: none;
}
.newsright a:hover {
    color: #EB002B;
}


.filternewsby {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px; 
}
.searchfilter { position: relative;margin-top: 16px; }
.searchfilter input {border: 1px solid #E2E8F0;
    height: 42px;
    padding: 0px 14px 0 40px;
    border-radius: 6px;
    width: 400px; float: left;
    font-weight: 300;}
.searchfilter img {
    position: absolute;
    left: 14px;
    top: 10px;
}
.searchfilter button {
    background: #EB002B;
    padding: 8px 20px;
    color: #fff;
    border-radius: 6px;
    height: 42px;
    line-height: 16px;
    width: 110px;
    text-align: center;
    border: none;
    margin-left: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}


.main_wrapper {background: #fff;
    border-radius: 6px;
    padding: 20px;color: #64748B;
    font-weight: 300;
    margin-bottom: 20px;}

.wrapper_row .sliderbty .productCls {
    border: none;
    padding: 0;
    border-radius: 10px;
    text-align: left;
}
.wrapper_row .slider {
    width: 100%;
    margin: 20px auto;
}
.wrapper_row .slick-slide {
    margin: 0px 12px;
    width: 213px;
}
.wrapper_row .slick-prev {
    left: -18px;
    z-index: 9;top: 105px;
}
.wrapper_row .slick-next {
    right: -18px;
    z-index: 9;top: 105px;
}

.wrapper_row .sliderbty .productCls p{ color: #64748B;font-weight: 300;margin-bottom: 0px; }

.wrapper_row .sliderbty .productCls h3 {
        margin-top: 22px;
    line-height: 22px;
    max-height: 62px;
    overflow: hidden;
    min-height: auto;
}
.accordion-button:not(.collapsed) { background: none; }



.viewallcarsmore a {
    color: #EB002B;
    text-decoration: none;
}

.viewallcarsmore {
    border-top: 1px solid #F1F5F9;
    padding-top: 14px;
}


.RecentlyNews {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}

.leftRecent {
    width: 100px;
    float: left;
    margin-right: 14px;
}
.leftRecent img {
    height: 70px;
    width: 100px;
    overflow: hidden;
    border-radius: 6px;
}
.rightRecent a {
    color: #334155;
    text-decoration: none;
    height: auto;
    overflow: hidden;
    display: block;
    max-height: 84px;
}

.recentlyNews {
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 14px;
    margin-bottom: 14px;
    float: left;
    width: 100%;
}

.leftsideBox ul.nav.nav-tabs li button.nav-link {
    border: none;
    color: #64748B;
    padding: 6px 0px 6px;
    background: none;
    margin-right: 20px;
    margin-bottom: 12px;
}
.leftsideBox .viewallcarsmore {
    border-top:none;
    padding-top:0px;
}

.leftsideBox .ads img {
    width: 100%;
}

.rightRecent h5 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}
.rightRecent h5 a {font-size: 14px;
    font-weight: 600; color: #334155;text-decoration: none;}


.rightRecent p {
    padding-bottom: 0px;
    margin:0px;
}


.leftsideBox .brandlogosBox {
    width: 100%;
    display: flow-root;
    margin: 0px auto;
    margin-top: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(2) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(4) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(6) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(8) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(10) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(12) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(14) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(16) {
  margin-right: 0px;
}
.leftsideBox .brandlogosBox .brandbox:nth-child(18) {
  margin-right: 0px;
}

.leftsideBox .brandlogosBox .brandbox {
    float: left;
    width: 126px;
    margin-right: 14px;   
    height: 90px;
    margin-bottom: 14px;}

.leftsideBox .brandlogosBox .brandbox img {
    height: 35px;
}

.GetStarted {
    background: #fff;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 20px;
}
    
.GetStarted h6 {
    font-size: 16px;
    font-weight: 500; color: #EB002B; font-weight: 300;
}
.GetStarted h6 span {
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #334155;
    margin-top: 8px;
    line-height: 24px;
}

.GetStarted input {
    border: 1px solid #E2E8F0;
    height: 42px;
    padding: 0px 14px 0 16px;
    border-radius: 6px;
    width: 100%;
    font-weight: 300; margin: 10px 0; text-align: left;
}

.GetStarted a {
    background: #EB002B;
    border-radius: 6px;
    font-weight: 300;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 10px;
}
.rightRecent p span {
    font-size: 12px;
    display: block;
    color: #94A3B8;
    font-weight: 200;
}

.colourTheme img, .allImageTheme img {
    width: 100%;
}
.newsBg h2 { font-size: 18px !important; }







/* mobile Media Css Start Here 320 -767 */
@media screen and (max-width:767px) and (min-width:320px) { 
.latestnewslist ul.nav.nav-tabs {
    display: none;
}
.newsBg h1 {
    font-size: 22px;
}
.ads img {
    width: 100%;
}
.searchfilter input {
    width: 210px;
}
.searchfilter button {width: 90px;    padding: 8px 0;}
.latestnewslist .tab-pane.show.active{ display: none; }
.tab-pane.twonewsRow { display: block; }
.spacing30 {
    display: none;
}
.brandlogosBox .brandbox {
    width: 47% !important;
}
.brandlogosBox .brandbox img {
    height: 36px;
}

.brandlogosBox .brandbox:nth-child(2) {
  margin-right: 0px;
}
.brandlogosBox .brandbox:nth-child(4) {
  margin-right: 0px;
}
.brandlogosBox .brandbox:nth-child(6) {
  margin-right: 0px;
}
.brandlogosBox .brandbox:nth-child(8) {
  margin-right: 0px;
}
.brandlogosBox .brandbox:nth-child(10) {
  margin-right: 0px;
}
.brandlogosBox .brandbox:nth-child(12) {
  margin-right: 0px;
}
.lastesNewsRow {
    padding-bottom: 14px;
    border-bottom: 1px solid #F1F5F9;
    margin-bottom: 18px;
}

.breadcrumb {
    margin-top: 134px;
}

.newsupdated h3 {
    bottom: 2px;
    font-size: 14px;
    left: 16px;
    font-weight: 600;
    line-height: 20px;
}



}