


@media only screen{
    .m1-home-top-trending-list .item{
        background: #e2e2e2;
    }
    .m1-home-top-trending-list .item .info a{
        color: #000;
        text-decoration: none !important;
    }
}
@media only screen and (max-width: 1023px){
    .m1-home-top-trending-adv,
    .m1-home-top-trending-adv .ap{
        display: none;
    }
    .m1-home-top-trending-list .item .info{
        padding: 10px;
    }
    .m1-home-top-trending-list .item .info .author{
        text-transform: uppercase;
        white-space: nowrap;
        max-width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .m1-home-top-trending-list .item .info .title{
        font-size: 16px;
    }
    .m1-home-top-trending-list .item + .item + .item + .item + .item{
        display: none;
    }
}
@media only screen and (max-width: 767px){
    .m1-home-top-trending-list{
         padding: 0 15px 0; 
        overflow: hidden;
    }
    .m1-home-top-trending-list .item{
        margin-bottom: 15px;
    }
    .m1-home-top-trending-list .item .thumb{
        display: block;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
    .m1-home-top-trending-list{
        margin: 15px 0 0 15px;

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .m1-home-top-trending-list .item{
        width: calc(50% - 15px);
        margin: 0 15px 15px 0;
    }
    .m1-home-top-trending-list .item .thumb{
        display: block;
    }
}
@media only screen and (min-width: 1024px){
    .m1-home-top-box{
        position: relative;
        padding: 25px;
    }
    .m1-home-top-trending{
        position: absolute;
        top:25px;
        right:25px;
        bottom:25px;
        width: 300px;
    }
    .m1-home-top-features{
        margin-right: 325px;
    }
    .m1-home-top-trending-adv{
        position: absolute;
        top: 0;
        left:0;
        right:0;
        height: 250px;
    }
    .m1-home-top-trending-box{
        position: absolute;
        bottom:0;
        top: 260px;
        left:0;
        right:0;
    }
    .m1-home-top-trending-list{
        position: absolute;
        top: 50px;
        left:0;
        right:0;
        bottom: 0;
    }
    .m1-home-top-trending-list .item .thumb{
        float: left;
        height: 100%;
        display: block;
        
    }
    @-moz-document url-prefix() { 
        .m1-home-top-trending-list .item .thumb{
            margin-right: -97%;
        }
    }
    .m1-home-top-trending-list .item .thumb img{
        height: 100% !important;
        width: auto !important;
    }
    .m1-home-top-trending-list .item .info{
        overflow: hidden; 
        padding: 7px 10px;
        height: calc(100% - 14px);
        font-size: 13px;
        font-weight: 600;
    }
    .m1-home-top-trending-list .item .info .wrapper{
        max-height: 100%;
        /* overflow: hidden; */
    }
    .m1-home-top-trending-list .item{
        
        margin-top: 10px;
        overflow: hidden;
    }
    .m1-home-top-trending-list .item .info .author{
        text-transform: uppercase;
        white-space: nowrap;
        max-width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 10px;
        margin-bottom: 7px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1149px){
    .m1-home-top-trending-list  .item + .item + .item{
        display: none;
    }
    .m1-home-top-trending-list .item{
        height: calc(50% - 10px);
    }
}
@media only screen and (min-width: 1150px) and (max-width: 1279px){
    .m1-home-top-trending-list  .item + .item + .item  + .item{
        display: none;
    }
    .m1-home-top-trending-list .item{
        height: calc(33.33% - 10px);
    }
}
@media only screen and (min-width: 1280px){
    /* .m1-home-top-trending-list  .item + .item + .item  + .item  + .item{
        display: none;
    }
    .m1-home-top-trending-list .item{
        height: calc(25% - 10px);
    } */
    body:not(.showAdSkin-desktop) .m1-home-top-trending-list  .item + .item + .item + .item {
        display: none;
    }
    body:not(.showAdSkin-desktop) .m1-home-top-trending-list .item{
        height: calc(33.33% - 10px);
    }
    body:not(.showAdSkin-desktop) #top_home_slider.box-width{
        padding-bottom: 56.25%;
    }
    body:not(.showAdSkin-desktop) #top_home_slider.box-width .item .info{
        position: absolute;
        top:0;
        left:0;
        right:0;
        z-index: 10;
        background: rgba(38,38,38,0.75);
    }
    body:not(.showAdSkin-desktop) .homeTopSlider:not(.homeTopSlider-full-width) .lSAction > a {
        margin-bottom: -25px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1539px){
    .showAdSkin-desktop .m1-home-top-trending-list  .item + .item + .item{
        display: none;
    }
    .showAdSkin-desktop .m1-home-top-trending-list .item{
        height: calc(50% - 10px);
    }
}
@media only screen and (min-width: 1540px){/* and (max-width: 1739px)*/
    .showAdSkin-desktop .m1-home-top-trending-list  .item + .item + .item  + .item{
        display: none;
    }
    .showAdSkin-desktop .m1-home-top-trending-list .item{
        height: calc(33.33% - 10px);
    }
}
@media only screen and (min-width: 1740px){
    /* .showAdSkin-desktop .m1-home-top-trending-list  .item + .item + .item  + .item  + .item{
        display: none;
    }
    .showAdSkin-desktop .m1-home-top-trending-list .item{
        height: calc(25% - 10px);
    } */
    .showAdSkin-desktop #top_home_slider.box-width{
        padding-bottom: 56.25%;
    }
    .showAdSkin-desktop #top_home_slider.box-width .item .info{
        position: absolute;
        top:0;
        left:0;
        right:0;
        z-index: 10;
        background: rgba(38,38,38,0.75);
    }
    .showAdSkin-desktop .homeTopSlider:not(.homeTopSlider-full-width) .lSAction > a {
        margin-bottom: -25px;
    }
}


@media only screen and (max-width : 767px){
    #motor_show.browseBox .item .typeR{
        display: none;
    }
    m1-find-vehicle-expandable {
        display: none!important;
    }
    .m1-find-vehicle-mobile {
        padding: 20px 0;
        background: #f5f5f5;
    }
    .m1-find-vehicle-mobile m1-find-vehicle-expandable-small{
        margin: 0px auto;
    }
}
@media only screen and (min-width : 768px){
    #top_box{
        background: #000;
        position: relative;
        z-index: 10;
        min-height: 185px;
    }
    #filters_box{
        display: none;
    }
    #motor_show{
       visibility: hidden;
    }
    .topPromoSlider #motor_show{
        visibility: visible;
    }
    m1-find-vehicle-expandable-small {
        display: none!important;
    }
}
@media only screen and (max-width : 767px){
    #filter_target[data-value="1"] ~ * .featuredBox{
        display:none
    }
    #filter_target[data-value="1"] ~ * .featuredBox .ap{
        display: none;
    }
    #filter_target[data-value="2"] ~ * .latestBox{
        display:none;
    }
}

@media only screen and (max-width : 767px){
    .section-sidebar .apb-container-top{
        padding:25px;
    }
    .section-sidebar .content-header,
    .section-centerbar .content-header{
        display: none;
    }
}
@media only screen and (max-width : 1024px){
    .section-sidebar .apb-container-bottom,
    .section-sidebar .apb-container-bottom .ap{
        display: none;
    }
}
@media only screen and (min-width : 768px) and (max-width : 1023px){
    
    .latestAndFeatures .section-sidebar{
        margin-top:25px;
        font-size: 0;
        line-height: 0;
    }
    .latestAndFeatures .section-sidebar .browseBox .item{
        width:48.3%;
        display: inline-block;
        vertical-align: top;

    }
    .latestAndFeatures .section-sidebar .browseBox .item:nth-child(1),
    .latestAndFeatures .section-sidebar .browseBox .item:nth-child(2){
        margin-bottom: 3.4%;
    }
    .latestAndFeatures .section-sidebar .browseBox .item:nth-child(odd){
        margin-right:1.7%;
    }
    .latestAndFeatures .section-sidebar .browseBox .item:nth-child(even){
        margin-left:1.7%;
    }
    .section-sidebar .apb-container-top .apb{
        padding:13px 0;
        background: #fff;
    }
}
@media only screen and (min-width : 1024px){
    .latestAndFeatures .section-centerbar{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .latestAndFeatures .section-centerbar{
        float: left;
        padding-right: 325px;
        width: 100%;
    }
    .latestAndFeatures .section-sidebar{
        display: block;
        float: right;
        margin-left: -300px;
        width: 300px;
    }
    .latestAndFeatures .section-sidebar .browseBox .item{
        margin-bottom: 25px;
    }

}
@media only screen{
    .m1-review-mosaic .column:first-child{
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 768px){
    .m1-review-mosaic .column:first-child{
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 1024px){
    .m1-review-mosaic{
        font-size: 0;
        line-height: 0;
        white-space: nowrap;
    }
    .m1-review-mosaic .column{
        white-space: normal;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0 !important;
    }
    .m1-review-mosaic .column.left{
        padding-right: 12.5px;
    }
    .m1-review-mosaic .column.right{
        padding-left: 12.5px;
    }
    .m1-review-mosaic .item{
        position: relative;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .m1-review-mosaic .item .thumb{
        float: none !important;
        z-index: 1 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 100px;
    }
    .m1-review-mosaic .item .info{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin:0 !important;
        z-index: 2 !important;
        height: 100px !important;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
        /* display: none !important; */
    }
    .m1-review-mosaic .item .info{
        
        color: #fff;
    }
    .m1-review-mosaic .item .info .date,
    .m1-review-mosaic .item .info .author{
        color: #fff;
        font-size: 11px;
        text-shadow: 1px 1px 1px #000;
    }
    .m1-review-mosaic .item .info a{
        color: #fff;
    }
    .m1-review-mosaic .item .info .share-box-dropdown .share-button .icon,
    .m1-review-mosaic .item .info .disqus-comment-count,
    .m1-review-mosaic .item .info h3{
        text-shadow: 1px 1px 1px #000;
    }
    .m1-review-mosaic .item .info .disqus-comment-count:hover{
        border-color: #fff;
    }
    .m1-review-mosaic .item .info .text{
        display: none;
    }
    .m1-review-mosaic .item .text-box{
        height: 25px;
    }
}
@media only screen and (min-width: 1280px){
    .m1-review-mosaic .column.right .item:nth-child(1),
    .m1-review-mosaic .column.right .item:nth-child(2){
        width: calc(50% - 12.5px);
    }
    .m1-review-mosaic .column.left .item:nth-child(2),
    .m1-review-mosaic .column.left .item:nth-child(3){
        width: calc(50% - 12.5px);
        margin-bottom: 0;
    }
    .m1-review-mosaic .column.right .item:nth-child(3){
        margin-bottom: 0;
    }
    .m1-review-mosaic .column.right .item:nth-child(1),
    .m1-review-mosaic .column.left .item:nth-child(2){
        margin-right: 12.5px;
    }
    .m1-review-mosaic .column.right .item:nth-child(2),
    .m1-review-mosaic .column.left .item:nth-child(3){
        margin-left: 12.5px;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .info,
    .m1-review-mosaic .column.right .item:nth-child(2) .info,
    .m1-review-mosaic .column.left .item:nth-child(2) .info,
    .m1-review-mosaic .column.left .item:nth-child(3) .info{
        padding: 15px !important;
        height: 90px !important;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .author,
    .m1-review-mosaic .column.right .item:nth-child(2) .author,
    .m1-review-mosaic .column.left .item:nth-child(2) .author,
    .m1-review-mosaic .column.left .item:nth-child(3) .author{
        display: none;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .date,
    .m1-review-mosaic .column.right .item:nth-child(2) .date,
    .m1-review-mosaic .column.left .item:nth-child(2) .date,
    .m1-review-mosaic .column.left .item:nth-child(3) .date{
        left: 15px !important;
        bottom: 7px !important;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .btns-box,
    .m1-review-mosaic .column.right .item:nth-child(2) .btns-box,
    .m1-review-mosaic .column.left .item:nth-child(2) .btns-box,
    .m1-review-mosaic .column.left .item:nth-child(3) .btns-box{
        right: 15px !important;
        bottom: 7px !important;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .text-box,
    .m1-review-mosaic .column.right .item:nth-child(2) .text-box,
    .m1-review-mosaic .column.left .item:nth-child(2) .text-box,
    .m1-review-mosaic .column.left .item:nth-child(3) .text-box{
        height: 40px;
    }
    .m1-review-mosaic .column.right .item:nth-child(1) .info h3 a,
    .m1-review-mosaic .column.right .item:nth-child(2) .info h3 a,
    .m1-review-mosaic .column.left .item:nth-child(2) .info h3 a,
    .m1-review-mosaic .column.left .item:nth-child(3) .info h3 a{
        font-size: 14px !important;
        line-height: 18px;
    }
}