.client-logo-area {
    border-top: 1px solid #e5e5e5;
    padding: 80px 0;
    overflow: hidden;
}

.client-logo-area .owl-prev {
    position: absolute;
    left: -50px;
    top: 0;
    background: #1cb9c8 !important;
    transition: all .3s;
    border: 2px solid #1cb9c8;
    top: 12px;
    opacity: 1 !important;
    padding: 3px 5px !important;
    width: 30px;
    height: 30px;
    border-radius: 0px !important;
    z-index: 99;
}

.client-logo-area .owl-prev i {
    line-height: 20px;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
}

.client-logo-area .owl-prev:hover {
    background: #08838f !important;
    border: 2px solid #08838f;
}

.client-logo-area .owl-next {
    position: absolute;
    right: -50px;
    top: 0;
    background: #1cb9c8 !important;
    transition: all .3s;
    border: 2px solid #1cb9c8;
    top: 12px;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
    padding: 3px 5px !important;
    border-radius: 0px !important;
    z-index: 99;
}

.client-logo-area .owl-next i {
    line-height: 20px;
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
}

.client-logo-area .owl-next:hover {
    background: #08838f !important;
    border: 2px solid #08838f;
}

.client-logo-area .single-logo {
    margin: 0 2px;
}




/* responsive code */


/* Large desktop :1170px. */

@media (min-width: 1170px) and (max-width: 1260px) {

}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {
    .owl-theme .owl-controls .owl-nav div {
        margin: 0 20px;
    }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }
    .owl-theme .owl-controls .owl-nav div {
        margin: 20px;
        top: 0px;
    }
    .client-logo-area .owl-next {
        right: -35px;
    }
    .client-logo-area .owl-prev {
        left: -35px;
    }
    .client-logo-area {
        padding: 80px 0;
    }
}


/* Large Mobile :480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .client-logo-area .owl-prev {
        top: 15px;
        left: -10px;
    }
    .client-logo-area .owl-next {
        top: 15px;
        right: -10px;
    }
}


/* small mobile :480px. */

@media only screen and (min-width: 321px) and (max-width: 480px) {
    .owl-theme .owl-controls .owl-nav div {
        margin: 20px;
    }
    .client-logo-area .owl-prev {
        top: -12px;
        left: -30px;
    }
    .client-logo-area .owl-next {
        top: -12px;
        right: -30px;
    }
}


/* small mobile :320px. */

@media (max-width: 320px) {
    .owl-theme .owl-controls .owl-nav div {
        margin: 20px;
    }
    .client-logo-area .owl-prev {
        top: 5px;
        left: -30px;
    }
    .client-logo-area .owl-next {
        top: 5px;
        right: -30px;
    }
}

@media (max-width: 767px) {
    .client-logo-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}