.OurClientsSet {
    background: url(https://webspa.in//assets/images/dotBg.png) center no-repeat #fff;
    width: 100%;
    height: 640px;
    padding: 40px 0
}

.leftClientsConSet {
    width: 45%;
    float: left;
    padding-left: 14%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}
.leftClientsConSet .abouttxtten {
    font-size: 50px;
    text-transform: uppercase;
    color: #dd2e1e;
}

.leftClientsConSet p {
    padding-top: 30px;
    line-height: 1.7;
    color: #555;
    width: 65%
}

.rightClientSLogo {
    width: 51%;
    max-width: 695px;
    float: right
}

.ClientLogoBG {
    width: 100%;
    height: 560px;
    overflow: hidden;
    background: url(https://webspa.in//assets/images/clintsBg.png)
}

.clintsOuter {
    position: relative
}

.logoSlide1 {
    height: 560px
}

.logoSlide1 a {
    display: inline-block;
    width: 180px;
    position: relative
}

.logoSlide1 a img {
    width: 100%;
    display: block
}

.logoSlide1 .clLogo1 {
    position: relative;
    top: 80px;
    left: 50px
}

.logoSlide1 .clLogo2 {
    position: relative;
    top: 76px;
    left: 150px
}

.logoSlide1 .clLogo3 {
    position: relative;
    top: 220px;
    left: -176px
}

.logoSlide1 .clLogo4 {
    position: relative;
    top: 235px;
    left: 48px
}

.logoSlide1 .clLogo5 {
    position: relative;
    top: 231px;
    left: 153px
}

.bx-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 100%
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    text-indent: -9999px;
    z-index: 99
}

.bx-wrapper .bx-next {
    width: 50px;
    height: 50px;
    background-position: center;
    right: 115px;
    top: -18px;
    background-color: #ed2c46;
    transform: rotate(45deg);
    transition: all .6s linear 0s
}

.bx-wrapper .bx-next::before {
    content: "";
    background: url(../images/next-arrow.png) center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-45deg);
    transition: all .6s linear 0s
}

.bx-wrapper .bx-next:hover::before {
    transform: rotate(-220deg)
}

.bx-wrapper .bx-next:hover {
    border-radius: 10%;
    transform: rotate(220deg);
    background-color: #7512a4
}

@media screen and (max-width: 980px) and (min-width:300px) {
    .ClientLogoBG {
        background:0 0;
        height: auto
    }
    @media screen and (max-width: 980px) and (min-width:300px){
    .leftClientsConSet .abouttxtten {
        font-size: 20px;
        text-transform: uppercase;
        color: #dd2e1e;
        margin-top: 50px;
    }
    }
    .logoSlide1 .clLogo1,.logoSlide1 .clLogo2,.logoSlide1 .clLogo3,.logoSlide1 .clLogo4,.logoSlide1 .clLogo5 {
        position: relative;
        top: 0;
        left: 0;
        width: 25%;
        float: left;
        margin: 0 3%
    }

    .bx-wrapper .bx-next {
        top: 38px;
        right: 20%
    }

    .logoSlide1 {
        height: auto
    }

    .rightClientSLogo {
        margin-bottom: 0
    }

    .portLeft,.portRith {
        height: 345px
    }
}
@media screen and (max-width: 980px) and (min-width:300px){
    .leftClientsConSet {
        width: 45%;
        float: left;
        padding-left: 14%;
        position: relative;
        top: 28%;
        transform: translateY(-50%);
        font-size: 20px;
    }
    }
}