/*=========================
MOBILE
==========================*/

@media(max-width:1199px){
/*Start NavBar CSS*/


.main-navbar{

    padding:10px 0;

}

.navbar-toggler{

    border:none;
    color:#fff;
    font-size:26px;
    box-shadow:none;

}

.navbar-brand img{

    width:90px;

}

#mainMenu{

    background:#08162d;

    margin-top:15px;

    border-radius:8px;

    padding:10px 0;

}

.menu{

    display:block;
    width:100%;

}

.menu>li{

    display:block;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.menu>li>a{
    color:#ffffff !important;
    background:transparent;
    padding:14px 20px;
    justify-content:space-between;

}
.menu li ul li > a{
    color:#ffffff !important;
}
.menu li ul{

    position:static;

    display:none;

    width:100%;

    min-width:100%;

    background:#0d1d36;

    box-shadow:none;

    border-radius:0;

    padding-left:15px;

}

.menu li ul li a{

    color:#fff;

    padding:13px 20px;

}

.menu li ul li:hover>a{

    background:#F8C34A;
    color:#111;

}

.enquire-btn{

    display:block;
background:#F8C34A !important;
    width:calc(100% - 30px);

    margin:15px;

    text-align:center;

}

/*End NavBar CSS*/






}


@media(min-width:1200px){
/*Start NavBar CSS*/
.menu li:hover>ul{

    display:block;
    animation:dropdown .25s ease;

}

/*End NavBar CSS*/


}


/*Start Slider CSS*/
/*==================================================
1400px
==================================================*/

@media (max-width:1400px){

.hero-content h1{
    font-size:60px;
}

.hero-content p{
    font-size:20px;
    line-height:34px;
}

.logo{
    width:110px;
}

.swiper-button-next{
    right:25px;
}

.swiper-button-prev{
    left:25px;
}

}



/*==================================================
1200px
==================================================*/

@media (max-width:1200px){

.hero-content h1{
    font-size:52px;
}

.hero-content p{
    font-size:18px;
    line-height:32px;
}

.logo{
    width:100px;
}

.btn{
    padding:14px 28px;
}

.swiper-button-next,
.swiper-button-prev{

    width:52px;
    height:52px;

}

}



/*==================================================
992px
==================================================*/

@media (max-width:991px){

.hero-slider{

    height:90vh;

}

.hero-slider .container{

    padding-left:40px;
    padding-right:40px;

}

.hero-content{

    max-width:520px;

}

.hero-content h1{

    font-size:44px;
    line-height:1.1;

}

.hero-content p{

    font-size:17px;
    line-height:30px;
    margin-bottom:35px;

}

.logo{

    width:95px;
    margin-bottom:40px !important;

}

.btn{

    font-size:13px;
    padding:13px 26px;

}

.swiper-button-next,
.swiper-button-prev{

    width:48px;
    height:48px;

}

.swiper-pagination{

    bottom:20px !important;

}

}



/*==================================================
768px
==================================================*/

@media (max-width:767px){

.hero-slider{

    height:720px;

}

.hero-slider .container{

    padding-left:25px;
    padding-right:25px;

}

.hero-slider .row{

    align-items:center;

}

.hero-content{

    max-width:100%;

}

.hero-content h1{

    font-size:36px;
    line-height:1.15;
    margin-bottom:20px;

}

.hero-content p{

    font-size:16px;
    line-height:28px;
    margin-bottom:28px;

}

.logo{

    width:85px;
    margin-bottom:30px !important;

}

.hero-buttons{

    gap:12px;

}

.btn{

    width:100%;
    text-align:center;
    padding:14px 15px;

}

.swiper-button-next,
.swiper-button-prev{

    display:none;

}

.overlay{

background:
linear-gradient(
180deg,
rgba(5,14,35,.88) 0%,
rgba(5,14,35,.82) 45%,
rgba(5,14,35,.65) 70%,
rgba(5,14,35,.30) 100%
);

}

.swiper-pagination{

bottom:15px !important;

}

}



/*==================================================
576px
==================================================*/

@media (max-width:576px){

.hero-slider{

    height:650px;

}

.hero-slider .container{

    padding-left:20px;
    padding-right:20px;

}

.hero-content{

    text-align:left;

}

.hero-content h1{

    font-size:30px;
    line-height:1.2;

}

.hero-content p{

    font-size:15px;
    line-height:26px;

}

.logo{

    width:75px;

}

.hero-buttons{

    flex-direction:column;

}

.btn{

    width:100%;
    font-size:13px;

}

.swiper-pagination-bullet{

    width:10px;
    height:10px;
    margin:0 5px !important;

}

}



/*==================================================
425px
==================================================*/

@media (max-width:425px){

.hero-slider{

    height:600px;

}

.hero-content h1{

    font-size:28px;

}

.hero-content p{

    font-size:14px;
    line-height:24px;

}

.logo{

    width:70px;

}

.hero-buttons{

    margin-top:5px;

}

.btn{

    padding:13px;

}

}



/*==================================================
375px
==================================================*/

@media (max-width:375px){

.hero-content h1{

    font-size:25px;

}

.hero-content p{

    font-size:13px;
    line-height:22px;

}

.logo{

    width:65px;

}

.btn{

    font-size:12px;
    padding:12px;

}

}



/*==================================================
320px
==================================================*/

@media (max-width:320px){

.hero-slider{

    height:560px;

}

.hero-content h1{

    font-size:22px;

}

.hero-content p{

    font-size:12px;
    line-height:20px;

}

.logo{

    width:60px;

}

.btn{

    font-size:11px;
    padding:11px;

}

.swiper-pagination{

    bottom:10px !important;

}

}

/*End Slider*/



/*Start USP*/


@media(max-width:991px){

.feature-box{

margin-bottom:20px;

}

}


@media(max-width:767px){

.feature-section{

padding:30px 0;

}

.feature-box{

text-align:center;

flex-direction:column;

}

.feature-content{

text-align:center;

}

.feature-content h5{

font-size:16px;

}

.feature-content p{

font-size:13px;

}

}

/*End USP*/


/*Our Solutions*/

/*==========================================
Responsive CSS
AV Solutions Slider
==========================================*/


/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

.section-heading h2{
    font-size:42px;
}

.solution-image img{
    height:180px;
}

}



/*==========================================
1200px
==========================================*/

@media (max-width:1200px){

.av-section{
    padding:80px 0;
}

.section-heading h2{
    font-size:38px;
}

.section-heading p{
    font-size:15px;
}

.solution-image img{
    height:170px;
}

.solution-content{
    padding:22px 18px 18px;
}

.solution-content h4{
    font-size:14px;
}

.solution-content p{
    font-size:13px;
    line-height:22px;
}

}



/*==========================================
992px
==========================================*/

@media (max-width:991px){

.av-section{
    padding:70px 0;
}

.section-heading{
    margin-bottom:45px !important;
}

.section-heading h2{

    font-size:34px;

}

.section-heading p{

    font-size:15px;

}

.solution-image img{

    height:180px;

}

.solution-content{

    padding:22px 18px;

}

.solution-content h4{

    font-size:15px;

}

.solution-content p{

    font-size:13px;

}

}



/*==========================================
768px
==========================================*/

@media (max-width:767px){

.av-section{

    padding:60px 0;

}

.section-heading{

    margin-bottom:40px !important;

}

.section-heading h2{

    font-size:30px;
    line-height:1.3;

}

.section-heading p{

    font-size:14px;
    line-height:24px;

}

.solution-image img{

    height:190px;

}

.solution-content{

    padding:22px 18px;

}

.solution-content h4{

    font-size:15px;

}

.solution-content p{

    font-size:13px;

}

.solution-content a{

    width:34px;
    height:34px;

}

}



/*==========================================
576px
==========================================*/

@media (max-width:576px){

.av-section{

    padding:50px 0;

}

.section-heading h2{

    font-size:28px;

}

.section-heading p{

    font-size:14px;

}

.solution-image img{

    height:220px;

}

.solution-card{

    max-width:340px;
    margin:auto;

}

.solution-content{

    padding:22px 18px;

}

.solution-icon{

    width:40px;
    height:40px;

}

}



/*==========================================
480px
==========================================*/

@media (max-width:480px){

.section-heading h2{

    font-size:26px;

}

.section-heading p{

    font-size:13px;

}

.solution-image img{

    height:210px;

}

.solution-content h4{

    font-size:14px;

}

.solution-content p{

    font-size:12px;
    line-height:20px;

}

.solution-content a{

    width:32px;
    height:32px;

}

}



/*==========================================
375px
==========================================*/

@media (max-width:375px){

.av-section{

    padding:45px 0;

}

.section-heading h2{

    font-size:24px;

}

.section-heading p{

    font-size:12px;
    line-height:22px;

}

.solution-image img{

    height:190px;

}

.solution-content{

    padding:20px 16px;

}

.solution-icon{

    width:36px;
    height:36px;

    font-size:15px;

}

.solution-content a{

    width:30px;
    height:30px;

}

}



/*==========================================
320px
==========================================*/

@media (max-width:320px){

.section-heading h2{

    font-size:22px;

}

.section-heading p{

    font-size:11px;

}

.solution-image img{

    height:170px;

}

.solution-content h4{

    font-size:13px;

}

.solution-content p{

    font-size:11px;

}

.solution-content{

    padding:18px 15px;

}

}




/*==========================================
Responsive CSS
Top Products Slider
==========================================*/


/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

    .product-image{
        width:90px;
        height:70px;
    }

    .product-image img{
        max-height:65px;
    }

}


/*==========================================
1200px
==========================================*/

@media (max-width:1199px){

    .top-products{
        padding:30px 0;
    }

    .section-title{
        margin-bottom:25px;
    }

    .section-title span{
        font-size:13px;
    }

    .product-item{
        padding:15px 10px;
    }

    .product-image{
        width:85px;
        height:65px;
    }

    .product-image img{
        max-height:60px;
    }

    .product-item h5{
        font-size:12px;
        line-height:18px;
    }

}


/*==========================================
992px
==========================================*/

@media (max-width:991px){

    .top-products{
        padding:25px 0;
    }

    .product-item{
        padding:15px 8px;
    }

    .product-image{
        width:80px;
        height:60px;
    }

    .product-image img{
        max-height:55px;
    }

    .product-item h5{
        font-size:12px;
    }

}


/*==========================================
768px
==========================================*/

@media (max-width:767px){

    .top-products{
        padding:22px 0;
    }

    .section-title{
        margin-bottom:20px;
    }

    .section-title span{
        font-size:12px;
        letter-spacing:1px;
    }

    .product-item{

        padding:12px 8px;

    }

    .product-image{

        width:75px;
        height:60px;

        margin-bottom:10px;

    }

    .product-image img{

        max-height:50px;

    }

    .product-item h5{

        font-size:11px;
        line-height:16px;

    }

}


/*==========================================
576px
==========================================*/

@media (max-width:576px){

    .top-products{

        padding:20px 0;

    }

    .product-item{

        padding:10px 6px;

    }

    .product-image{

        width:70px;
        height:55px;

    }

    .product-image img{

        max-height:45px;

    }

    .product-item h5{

        font-size:10px;
        line-height:15px;

    }

}


/*==========================================
480px
==========================================*/

@media (max-width:480px){

    .section-title span{

        font-size:11px;

    }

    .product-image{

        width:65px;
        height:50px;

    }

    .product-image img{

        max-height:42px;

    }

    .product-item h5{

        font-size:10px;

    }

}


/*==========================================
375px
==========================================*/

@media (max-width:375px){

    .top-products{

        padding:18px 0;

    }

    .product-item{

        padding:8px 5px;

    }

    .product-image{

        width:60px;
        height:45px;

    }

    .product-image img{

        max-height:38px;

    }

    .product-item h5{

        font-size:9px;
        line-height:14px;

    }

}


/*==========================================
320px
==========================================*/

@media (max-width:320px){

    .section-title span{

        font-size:10px;

    }

    .product-image{

        width:55px;
        height:42px;

    }

    .product-image img{

        max-height:35px;

    }

    .product-item h5{

        font-size:8px;
        line-height:12px;

    }

}

/*==========================================
RESPONSIVE CSS
Counter Section
==========================================*/


/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

.counter-content h2{

    font-size:38px;

}

.counter-icon i{

    font-size:38px;

}

}



/*==========================================
1200px
==========================================*/

@media (max-width:1199px){

.counter-section{

    padding:16px 0;

}

.counter-box{

    padding:18px 15px;

    gap:15px;

}

.counter-icon{

    width:55px;
    height:55px;

}

.counter-icon i{

    font-size:36px;

}

.counter-content h2{

    font-size:34px;

}

.counter-content p{

    font-size:13px;

}

}



/*==========================================
992px
==========================================*/

@media (max-width:991px){

.counter-box{

    justify-content:flex-start;

    padding:25px 20px;

    border-right:none;

}

.counter-box:nth-child(1),
.counter-box:nth-child(2){

    border-bottom:1px solid rgba(255,255,255,.15);

}

.counter-content h2{

    font-size:32px;

}

.counter-icon i{

    font-size:34px;

}

}



/*==========================================
768px
==========================================*/

@media (max-width:767px){

.counter-section{

    padding:15px 0;

}

.counter-box{

    padding:20px 15px;

    justify-content:flex-start;

    border-right:none;

    border-bottom:1px solid rgba(255,255,255,.12);

}

.counter-box:last-child{

    border-bottom:none;

}

.counter-icon{

    width:50px;
    height:50px;

}

.counter-icon i{

    font-size:30px;

}

.counter-content h2{

    font-size:28px;

}

.counter-content p{

    font-size:13px;

}

}



/*==========================================
576px
==========================================*/

@media (max-width:576px){

.counter-box{

    padding:18px 15px;

}

.counter-icon{

    width:46px;
    height:46px;

}

.counter-icon i{

    font-size:28px;

}

.counter-content h2{

    font-size:26px;

}

.counter-content p{

    font-size:12px;

}

}



/*==========================================
480px
==========================================*/

@media (max-width:480px){

.counter-box{

    gap:12px;

    padding:16px 12px;

}

.counter-icon{

    width:42px;
    height:42px;

}

.counter-icon i{

    font-size:24px;

}

.counter-content h2{

    font-size:24px;

}

.counter-content p{

    font-size:11px;

}

}



/*==========================================
375px
==========================================*/

@media (max-width:375px){

.counter-box{

    flex-direction:column;

    text-align:center;

    justify-content:center;

    gap:10px;

}

.counter-content{

    text-align:center;

}

.counter-icon{

    margin-bottom:5px;

}

.counter-content h2{

    font-size:22px;

}

.counter-content p{

    font-size:11px;

}

}



/*==========================================
320px
==========================================*/

@media (max-width:320px){

.counter-section{

    padding:10px 0;

}

.counter-icon{

    width:38px;
    height:38px;

}

.counter-icon i{

    font-size:22px;

}

.counter-content h2{

    font-size:20px;

}

.counter-content p{

    font-size:10px;

}

}




/*==========================================
WHY CHOOSE US
RESPONSIVE.CSS
==========================================*/


/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

.section-title{

    font-size:50px;

}

.section-description{

    font-size:16px;

}

}



/*==========================================
1200px
==========================================*/

@media (max-width:1199px){

.why-choose-section{

    padding:80px 0;

}

.why-content{

    max-width:100%;

}

.section-title{

    font-size:44px;

}

.section-description{

    font-size:16px;
    line-height:30px;

}

.why-list li{

    font-size:16px;

}

.why-btn{

    padding:14px 30px;

}

}



/*==========================================
992px
==========================================*/

@media (max-width:991px){

.why-choose-section{

    padding:70px 0;

}

.section-title{

    font-size:38px;

}

.section-description{

    font-size:15px;
    line-height:28px;

}

.why-list{

    margin-bottom:30px;

}

.why-list li{

    font-size:15px;
    margin-bottom:12px;

}

.why-image{

    margin-top:20px;

}

}



/*==========================================
768px
==========================================*/

@media (max-width:767px){

.why-choose-section{

    padding:60px 0;

}

.why-content{

    text-align:center;
    margin:0 auto;

}

.section-title{

    font-size:34px;
    line-height:1.25;

}

.section-description{

    font-size:15px;
    line-height:27px;

}

.why-list{

    display:inline-block;
    text-align:left;

}

.why-list li{

    font-size:15px;

}

.why-btn{

    padding:14px 28px;

}

.why-image{

    margin-top:35px;

}

}



/*==========================================
576px
==========================================*/

@media (max-width:576px){

.why-choose-section{

    padding:50px 0;

}

.section-subtitle{

    font-size:12px;
    letter-spacing:1px;

}

.section-title{

    font-size:30px;

}

.section-description{

    font-size:14px;
    line-height:25px;

}

.why-list li{

    font-size:14px;

}

.why-btn{

    width:100%;

    text-align:center;

    padding:15px;

}

.why-image{

    border-radius:14px;

}

.why-image img{

    border-radius:14px;

}

}



/*==========================================
480px
==========================================*/

@media (max-width:480px){

.section-title{

    font-size:28px;

}

.section-description{

    font-size:13px;

}

.why-list li{

    font-size:13px;

}

.why-btn{

    font-size:13px;

}

}



/*==========================================
375px
==========================================*/

@media (max-width:375px){

.why-choose-section{

    padding:45px 0;

}

.section-subtitle{

    font-size:11px;

}

.section-title{

    font-size:25px;

}

.section-description{

    font-size:12px;
    line-height:22px;

}

.why-list li{

    font-size:12px;

}

.why-list li i{

    font-size:15px;

}

.why-btn{

    font-size:12px;
    padding:13px;

}

}



/*==========================================
320px
==========================================*/

@media (max-width:320px){

.section-title{

    font-size:22px;

}

.section-description{

    font-size:11px;
    line-height:20px;

}

.why-list li{

    font-size:11px;

}

.why-btn{

    font-size:11px;
    padding:12px;

}

}



/*==========================================
OUR PARTNERS
RESPONSIVE.CSS
==========================================*/


/*==========================
1400px
==========================*/

@media (max-width:1400px){

    .partner-item img{

        max-width:130px;

    }

}


/*==========================
1200px
==========================*/

@media (max-width:1199px){

    .partners-section{

        padding:25px 0;

    }

    .partner-item{

        height:85px;

    }

    .partner-item img{

        max-width:120px;
        max-height:50px;

    }

}


/*==========================
992px
==========================*/

@media (max-width:991px){

    .partners-wrapper{

        gap:12px;

    }

    .partner-prev,
    .partner-next{

        width:40px;
        height:40px;

    }

    .partner-prev i,
    .partner-next i{

        font-size:16px;

    }

    .partner-item{

        height:80px;

    }

    .partner-item img{

        max-width:105px;
        max-height:45px;

    }

}


/*==========================
768px
==========================*/

@media (max-width:767px){

    .partners-section{

        padding:22px 0;

    }

    .partners-heading{

        margin-bottom:15px;

    }

    .partners-heading span{

        font-size:12px;

        letter-spacing:1px;

    }

    .partner-prev,
    .partner-next{

        width:36px;
        height:36px;

    }

    .partner-item{

        height:75px;

    }

    .partner-item img{

        max-width:95px;
        max-height:42px;

    }

}


/*==========================
576px
==========================*/

@media (max-width:576px){

    .partners-wrapper{

        gap:8px;

    }

    .partner-prev,
    .partner-next{

        width:34px;
        height:34px;

    }

    .partner-prev i,
    .partner-next i{

        font-size:14px;

    }

    .partner-item{

        height:70px;
        padding:8px;

    }

    .partner-item img{

        max-width:85px;
        max-height:38px;

    }

}


/*==========================
480px
==========================*/

@media (max-width:480px){

    .partners-section{

        padding:20px 0;

    }

    .partners-heading span{

        font-size:11px;

    }

    .partner-item{

        height:65px;

    }

    .partner-item img{

        max-width:80px;
        max-height:35px;

    }

}


/*==========================
375px
==========================*/

@media (max-width:375px){

    .partner-prev,
    .partner-next{

        display:none;

    }

    .partner-item{

        border-right:none;

        height:60px;

    }

    .partner-item img{

        max-width:75px;
        max-height:32px;

    }

}


/*==========================
320px
==========================*/

@media (max-width:320px){

    .partners-heading span{

        font-size:10px;

    }

    .partner-item{

        height:55px;

    }

    .partner-item img{

        max-width:65px;
        max-height:28px;

    }

}


/*==========================================
TESTIMONIAL SECTION
RESPONSIVE.CSS
==========================================*/


/*==========================================
1400px
==========================================*/

@media (max-width:1400px){

.testimonialSwiper{

    width:700px;

}

.section-heading h2{

    font-size:40px;

}

}


/*==========================================
1200px
==========================================*/

@media (max-width:1199px){

.testimonial-section{

    padding:80px 0;

}

.testimonialSwiper{

    width:640px;

}

.section-heading{

    margin-bottom:45px;

}

.section-heading h2{

    font-size:38px;

}

.testimonial-card{

    padding:32px;

}

.testimonial-card p{

    font-size:16px;

    line-height:28px;

}

}


/*==========================================
992px
==========================================*/

@media (max-width:991px){

.testimonial-section{

    padding:70px 0;

}

.testimonial-wrapper{

    gap:20px;

}

.testimonialSwiper{

    width:100%;

}

.section-heading h2{

    font-size:34px;

}

.testimonial-card{

    padding:30px;

}

.testimonial-card p{

    font-size:15px;

    line-height:28px;

}

.client-content h5{

    font-size:17px;

}

.client-content span{

    font-size:13px;

}

.testimonial-prev,
.testimonial-next{

    width:45px;

    height:45px;

}

}


/*==========================================
768px
==========================================*/

@media (max-width:767px){

.testimonial-section{

    padding:60px 0;

}

.section-heading{

    margin-bottom:35px;

}

.section-heading .subtitle{

    font-size:12px;

    letter-spacing:1px;

}

.section-heading h2{

    font-size:30px;

    line-height:1.35;

}

.testimonial-wrapper{

    gap:10px;

}

.testimonial-card{

    padding:28px 22px;

}

.quote-icon{

    left:20px;

}

.quote-icon i{

    font-size:34px;

}

.testimonial-card p{

    margin-left:35px;

    font-size:15px;

    line-height:26px;

}

.client-info{

    margin-left:35px;

}

.client-image{

    width:50px;

    height:50px;

}

.testimonial-prev,
.testimonial-next{

    width:42px;

    height:42px;

}

}


/*==========================================
576px
==========================================*/

@media (max-width:576px){

.testimonial-section{

    padding:50px 0;

}

.section-heading h2{

    font-size:26px;

}

.testimonial-wrapper{

    display:block;

}

.testimonial-prev,
.testimonial-next{

    display:none;

}

.testimonial-card{

    padding:25px 18px;

}

.quote-icon{

    top:18px;

    left:18px;

}

.quote-icon i{

    font-size:30px;

}

.testimonial-card p{

    margin-left:28px;

    font-size:14px;

    line-height:24px;

}

.client-info{

    margin-left:28px;

    gap:12px;

}

.client-image{

    width:48px;

    height:48px;

}

.client-content h5{

    font-size:15px;

}

.client-content span{

    font-size:12px;

}

}


/*==========================================
480px
==========================================*/

@media (max-width:480px){

.section-heading h2{

    font-size:24px;

}

.testimonial-card{

    padding:22px 16px;

}

.quote-icon{

    left:15px;

}

.quote-icon i{

    font-size:28px;

}

.testimonial-card p{

    margin-left:24px;

    font-size:13px;

    line-height:23px;

}

.client-info{

    margin-left:24px;

}

.client-image{

    width:45px;

    height:45px;

}

.swiper-pagination{

    margin-top:20px;

}

}


/*==========================================
375px
==========================================*/

@media (max-width:375px){

.testimonial-section{

    padding:45px 0;

}

.section-heading .subtitle{

    font-size:11px;

}

.section-heading h2{

    font-size:22px;

}

.testimonial-card{

    padding:20px 15px;

}

.quote-icon{

    position:relative;

    top:0;

    left:0;

    margin-bottom:10px;

}

.testimonial-card p{

    margin-left:0;

    font-size:13px;

}

.client-info{

    margin-left:0;

}

.client-content h5{

    font-size:14px;

}

.client-content span{

    font-size:11px;

}

}


/*==========================================
320px
==========================================*/

@media (max-width:320px){

.section-heading h2{

    font-size:20px;

}

.testimonial-card{

    padding:18px 14px;

}

.quote-icon i{

    font-size:24px;

}

.testimonial-card p{

    font-size:12px;

    line-height:22px;

}

.client-image{

    width:42px;

    height:42px;

}

.client-content h5{

    font-size:13px;

}

.client-content span{

    font-size:10px;

}

}