/*our_clients css*/

.ourclients .icon-cooltra.slick-arrow{
    display: inline-block!important;
    width: 14px;
    height: 61px;
    top: 8%;
    cursor: pointer;
    z-index: 0;
}
.ourclients .icon-cooltra.slick-arrow:before{
    height: 100%;
    margin:0;
}
.ourclients.slick-initialized .icon-cooltra.icon-arrow-grey-left.slick-arrow{
     left: -15px;
}
.ourclients.slick-initialized .icon-cooltra.icon-arrow-grey-right.slick-arrow{
    right: -15px;
}
.ourclients.slick-initialized  .slick-track{
    display: flex;
    align-items: center;
}
.content-ourclients .title{
    font-size: 18px;
    color: #232323;
    line-height: 22px;
    text-align: center;
    margin-bottom: 20px;
}
.content-ourclients{
    margin-top: 33px;
}
.content-ourclients .slick-slide img{
    margin: 0 auto;
    max-width: 100%;
}
.content-ourclients .slick-slide > div{
    padding: 0px 10px;
}
.content-ourclients svg path{
    fill: #232323;
}
#category .content-ourclients .title {
    font-size: 22px;
}
#category .content-ourclients{
    margin-top: 60px;
}

@media (max-width: 991px){

}
@media (max-width: 767px){
    .content-ourclients .slick-slide > div{
       padding: 0px;
    }
   .content-ourclients .icon-arrow-grey-left:before, .content-ourclients .icon-arrow-grey-right:before{
        opacity:1;
       background-size:contain;
    }
    .ourclients .icon-cooltra.slick-arrow{
        z-index: 2;
        height: 50px;
    }

    .content-ourclients{
        margin-top: 4px;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .content-ourclients svg path{
        fill: #fff;
    }
    .content-ourclients .title, #category .content-ourclients .title {
        font-size: 15px;
        color: #000!important;
        line-height: 22px;
        height: 22px;
        text-align: center;
        margin-bottom: 0;
        font-family: GalanoGrotesque-Regular;
    }
    #index #content-wrapper2{
        background: rgba(255,255,255,.7);
        padding: 0px 10px;
    }
    #index #wrapper2.l-wrapper{
        position: relative;
        z-index: 2;
        background: url(img_bg/our_clients_mobile.png);
        background-repeat: no-repeat;
        width: 100%;
        background-position: bottom;
        background-size: cover;
        padding: 0px 35px;
        max-width: 100%;
        padding-bottom: 20px;
        overflow: hidden;
        height: 210px;
        padding-top: 80px;
    }
    .ourclients .slick-list.draggable{
        margin: 0 auto;
    }
    #category .content_carousel_landing{
        background: rgba(255,255,255,.7);
        padding: 0px 10px;
    }
    #category .content-ourclients{
        margin-top: 0;
        margin-bottom: 0;
    }
    #category.b2b_flota_policial .motos_mobile{
        background: url(img_bg/our_clients_mobile_policial.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        min-height: 210px;
        height: 210px;
        padding-top: 90px;
        padding-bottom: 20px;
    }
    #category.b2b_flota_electrica .motos_mobile{
        min-height: 210px;
        height: 210px;
        background-position: bottom;
        padding-top: 90px;
        padding-bottom: 20px;
    }
}
@media (max-width: 575px){

    #index #wrapper2.l-wrapper{
        padding: 20px 20px;
        height: 210px;
        padding-top: 83px;
    }
    .content-ourclients .slick-slide > div{
        padding: 0px 4px;
    }
    #index #wrapper2.l-wrapper > .row{
        margin-left: 0;
        margin-right: 0;
    }
    .ourclients .icon-cooltra.slick-arrow{
        height: 30px;
        top: 18%;
    }
    #category .content-ourclients .title{
        font-size: 11px;
    }
    #category.b2b_flota_electrica .motos_mobile, #category.b2b_flota_policial .motos_mobile{
        padding-top: 105px;
    }
}
@media (max-width: 425px){
    #index #wrapper2.l-wrapper{
        padding-top: 115px;
    }
    .ourclients .icon-cooltra.slick-arrow{
        top: 10%;
    }
    .content-ourclients .title{
        font-size: 12px;
    }
    #category.b2b_flota_electrica .motos_mobile, #category.b2b_flota_policial .motos_mobile{
        padding-top: 115px;
    }
}
@media (max-width: 375px){
    .content-ourclients .slick-slide > div{
        padding: 0px;
    }
    .ourclients .icon-cooltra.slick-arrow{
        height: 20px;
        top: 8%;
    }
    #category.b2b_flota_electrica .motos_mobile, #category.b2b_flota_policial .motos_mobile{
        padding-top: 125px;
    }
}