/*Clients*/
#clients1 {display: none;}
#clients {padding-top: 20px; padding-bottom: 50px}
#clients .container-fluid {width: 75%;}
#clients .carousel {margin-top: 1%;    width: 100%;}
#clients .carousel-control.left{color: #000;background:none!important;border-radius:60px; width:50px;height:50px; font-size: 45px;}
#clients .carousel-control.right{color: #000;background:none!important;border-radius:60px; width:50px;height:50px; font-size: 45px;}
#clients .item .row{width: 90%; margin: auto; display: block;}
#clients img{width: 100%;}

/*Solutions*/
#solutions {padding-top: 60px; padding-bottom: 60px; background: #f2f2f2;}
#solutions .container-fluid {width: 75%;}
#solutions h2{font-size: 30px; text-align: center; color: #0A0A08;margin-top: 0px;font-weight: 600;}
#solutions p{font-size: 16px; text-align: center; color: #525559; width: 70%; margin: auto; display: block; line-height: 28px;}

#solutions .top{margin-top: 2%}
#solutions .top .pad{padding-right: 0px; padding-left: 0px}
#solutions .top img{width: 100%}
#solutions .top .box{background: #fff; padding: 15px 30px 30px 30px; border: 1px solid #d0d0d0; text-align: left; }
#solutions .top :hover .box{background: #4368b4; padding: 15px 30px 30px 30px; border: 1px solid #4368b4; color: #fff }
#solutions .top .box:hover h2{color: #fff }
#solutions .top .box:hover p{color: #fff; cursor: pointer;}
#solutions .top :hover img{opacity: .4; color: #fff;}
#solutions .top :hover .box h2{color: #fff}
#solutions .top :hover .box p{color: #fff}
#solutions .top .box h2{text-align: left; font-size: 24px; color: #4468b3; }
#solutions .top .box p{text-align: left; width: 100% }
#solutions .top .read{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #4468b2; padding: 12px; color:#4468b2;  width: 15%; margin: auto; margin-top: 3%; text-align: center; }
#solutions .top .read:hover{border: 1px solid #4468b2; color:#4468b2;  cursor:pointer; }


/*company*/
#company {padding-top: 60px; padding-bottom: 60px;}
#company .container-fluid {width: 75%;}
#company h2{font-size: 30px; text-align: center; color: #0A0A08;margin-top: 0px;font-weight: 600;}
#company p{font-size: 16px; text-align: center; color: #525559; width: 70%; margin: auto; display: block;    line-height: 28px;}
#company .read{ padding: 8px; color:#4468b2;border-top: 1px solid #fff;  width: 15%; margin: auto; margin-top: 2%; text-align: center;
  display: block;padding: 8px; text-decoration: none; border-bottom: 1px solid #4468b2;}
#company .read:hover{border: 1px solid #4468b2;  color: #4468b2; cursor:pointer;margin-top: 2%}


#company .top{margin-top: 3%}
#company .top .pad{padding-right: 0px; padding-left: 0px}
#company .top img{width: 100%}
#company .top .box{background: #fff; padding: 15px 30px 30px 30px; border: 1px solid #e8e8e8; text-align: left; }
#company .top :hover .box{background: #4368b4; padding: 15px 15px 30px 30px; border: 1px solid #4368b4; color: #fff }
#company .top .box:hover h2{color: #fff }
#company .top .box:hover p{color: #fff; cursor: pointer;}
#company .top :hover img{opacity: .4; color: #fff;}
#company .top :hover .box h2{color: #fff}
#company .top :hover .box p{color: #fff}
#company .top :hover .box p span{color: #fff}
#company .top .box h2{text-align: left; font-size: 24px; color: #4468b3; }
#company .top .box p{text-align: left; width: 100% }
#company .top .box p span{font-size: 40px; color:#4468b3; margin-right: 20px; }




/*services*/
#services {padding-top: 60px; padding-bottom:60px; background: #f2f2f2;}
#services .container-fluid {width: 75%;}
#services h2{font-size: 30px; text-align: center; color: #0A0A08;margin-top: 0px;font-weight: 600;}
#services p{font-size: 16px; text-align: center; color: #525559; width: 70%; margin: auto; display: block;line-height: 28px;}

#services .top{margin-top: 2%}
#services .top img{width: 100%}
#services .top .box{background: #fff; padding: 15px 30px 30px 30px; border: 2px solid #d0d0d0; text-align: left; }
#services .top :hover .box{background: #4368b4; padding: 15px 30px 30px 30px; border: 2px solid #4368b4; color: #fff }
#services .top .box:hover h2{color: #fff }
#services .top .box:hover p{color: #fff; cursor: pointer;}
#services .top :hover img{opacity: .4; color: #fff;}
#services .top :hover .box h2{color: #fff}
#services .top :hover .box p{color: #fff}
#services .top .box h2{text-align: left; font-size: 24px; color: #4468b3; }
#services .top .box p{text-align: left; width: 100% }
#services .top .read{border-top:1px solid #f2f2f2;border-bottom: 1px solid #4468b2; padding: 2px; color:#4468b2;  width: 60%; float: right; margin-top: 10%; text-align: center;}
#services .top .read:hover{border: 1px solid #4468b2; color:#4468b2; cursor:pointer; text-decoration: none;}

#services .top a {font-size: 22px; color: #000; display: block; line-height: 50px; text-decoration: none;}
#services .top a:hover{color: #4468b2; cursor: pointer;}
#services .top {text-align: right}













@media only screen and (min-width : 1920px) and (max-width : 2559px){ 
  
  
  
}
@media only screen and (min-width : 1600px) and (max-width : 1919px){ 
  
#clients .container-fluid {width: 86%;}

}
@media only screen and (min-width : 1440px) and (max-width : 1599px){ 

#clients .container-fluid {width: 85%;}
#solutions .container-fluid { width: 80%;}
#company .container-fluid {width: 80%;}
#services .container-fluid{width: 80%;}

#clients .carousel-control.left{margin-top: -10px;}
#clients .carousel-control.right{margin-top: -10px;}



}
@media only screen and (min-width : 1366px) and (max-width : 1439px){
  
  #clients .container-fluid {width: 85%;}
#solutions .container-fluid { width: 80%;}
#company .container-fluid {width: 80%;}
#services .container-fluid{width: 80%;}
  #company .top .box{padding: 15px 15px 30px 15px;}
#clients .carousel-control.left{margin-top: -13px;}
#clients .carousel-control.right{margin-top: -13px;}



#solutions h2{font-size: 25px;}
#solutions .top {margin-top: 2%;}
#solutions .top .box h2{font-size: 20px;}
#solutions .top .read{margin-top: 2%;}

#company{padding-top: 60px;padding-bottom: 60px;}

#company h2{font-size: 25px;}
#company .read{margin-top: 2%;}
#company .top {margin-top: 3%;}
#company .top .box p span {font-size: 35px;}


#services h2{font-size: 25px;}
#services .top {margin-top: 2%;}
#services .top a {font-size: 20px;}
#services .top .read{margin-top: 1%;    width: 40%;}






  
}
@media only screen and (min-width : 1200px) and (max-width : 1365px){ 


  #clients .container-fluid {width: 95%;}
#solutions .container-fluid { width: 90%;}
#company .container-fluid {width: 90%;}
#services .container-fluid{width: 90%;}
  #company .top .box{padding: 15px 15px 30px 15px;}




#solutions {padding-top: 60px;padding-bottom: 60px;}
#solutions h2{font-size: 25px;}
#solutions .top {margin-top: 2%;}
#solutions .top .box h2{font-size: 20px;}
#solutions .top .read{margin-top: 2%;}

#company{padding-top: 60px;padding-bottom: 60px;}

#company h2{font-size: 25px;}
#company .read{margin-top: 1%;}
#company .top {margin-top: 2%;}
#company .top .box p span {font-size: 35px;}

#services{padding-top: 60px;padding-bottom: 60px;}
#services h2{font-size: 25px;}
#services .top {margin-top: 2%;}
#services .top a {font-size: 20px;}
#services .top .read{margin-top: 1%;    width: 40%;}

  
}

@media only screen and (min-width : 1024px) and (max-width : 1199px){ 
  
  
  
  #clients .container-fluid {width: 95%;}
#solutions .container-fluid { width: 90%;}
#company .container-fluid {width: 90%;}
#services .container-fluid{width: 90%;}
  #company .top .box{padding: 15px 11px 30px 10px;}
  #solutions {padding-top: 50px; padding-bottom: 60px;}
  #company {padding-top: 50px; padding-bottom: 60px;}
#company .top .box p span {font-size: 30px;}
#services p{width: 90%}
#services {padding-top: 50px; padding-bottom: 60px;}


#solutions .top .box{padding: 3px 20px 30px 20px;}



#solutions {padding-top: 50px;padding-bottom: 50px;}
#solutions h2{font-size: 25px;}
#solutions p{    width: 85%;}
#solutions .top {margin-top: 2%;}
#solutions .top .box h2{font-size: 20px;    margin-top: 10px; margin-bottom:5px;}
#solutions .top .box p{font-size: 15px;}
#solutions .top .read{margin-top: 2%;}

#company{padding-top: 50px;padding-bottom: 50px;}

#company h2{font-size: 25px;}
#company .read{margin-top: 1%;}
#company .top {margin-top: 2%;}
#company .top .box p span {font-size: 30px;}

#services{padding-top: 50px;padding-bottom: 50px;}
#services h2{font-size: 25px;}
#services .top {margin-top: 1%;}
#services .top a {font-size: 20px;}
#services .top .read{margin-top: 1%;    width: 55%;}


}

@media only screen and (min-width : 768px) and (max-width : 1023px){ 
  

  #clients .container-fluid {width: 95%;}
#solutions .container-fluid { width: 90%;}
#company .container-fluid {width: 90%;}
#services .container-fluid{width: 90%;}
  #company .top .box{padding: 15px 11px 30px 35px;}
  #solutions {padding-top: 50px; padding-bottom: 50px;}
  #company {padding-top: 50px; padding-bottom: 50px;}
#company .top .box p span {font-size: 30px;}
#services p{width: 90%}
#services {padding-top: 50px; padding-bottom: 50px;}
#clients .carousel img{width: 120%}
#clients .carousel-control.left{    margin-top: -20px;}
#clients .carousel-control.right{    margin-top: -20px;}
#clients {padding-top: 20px; padding-bottom: 30px;}
#solutions .top .read{width: 30%;    margin-top: 2%;}
#company .read{width: 30%;}
#services .top .read{    width: 100%;font-size: 20px;    line-height: 38px;}
#services .top a{   font-size: 19px;    line-height: 38px;}
#solutions .top .box{border: 1px solid #d0d0d0;}
#solutions h2 {font-size: 25px;}
#solutions .top .box h2{font-size: 20px;}
#company h2 {font-size: 25px;}
#services h2 {font-size: 25px;}


}
@media only screen and (min-width : 150px) and (max-width : 767px){ 

.kb_wrapper {overflow: hidden; height: 260px;}
.kb_wrapper>.carousel-inner>.item>img, .kb_wrapper>.carousel-inner>.item>a>img{height: 260px}

/*Clients*/
#clients {display: none;}
#clients1 {padding-top: 20px; padding-bottom: 23px;  display: block;}
#clients1 .container-fluid {width: 95%;}
#clients1 .carousel {margin-top: 1%;    width: 100%;}
#clients1 .carousel-control.left{color: #000;background:none!important;border-radius:60px; width:50px;height:50px; font-size: 45px;margin-top: 23px;}
#clients1 .carousel-control.right{color: #000;background:none!important;border-radius:60px; width:50px;height:50px; font-size: 45px;margin-top: 23px;}
#clients1 .item .row{width: 90%; margin: auto; display: block;}

#clients1 .carousel img{width: 100%}
#solutions .top .read{width: 50%;    margin-top: 2%;}

#solutions {padding-top: 40px; padding-bottom:40px;}
#solutions h2 {font-size: 25px;}
#solutions p{width: 100%}
#solutions .container-fluid {width: 90%;}
#solutions .top {margin-top: 5%;}
#solutions .top .box h2{font-size: 20px;}
#solutions .top .pad{margin-bottom: 10px}


#company p{width: 100%}
#company .read{width: 60%}
#company {padding-top: 40px; padding-bottom: 40px;}
#company .container-fluid {width: 90%;}
#company h2 {font-size: 25px;}
#company .top .pad {padding-right: 15px;padding-left: 15px;}
#company .top .box p span {font-size: 35px;}



#services p{width: 100%}
#services {padding-top: 40px; padding-bottom: 40px;}
#services .top{text-align: center;}
#services .top .read{width: 50%;margin: auto; float: none; margin-top:3%;margin-bottom: 20px;}
#services .container-fluid {width: 90%;}

#services h2 {font-size: 25px;}
#services .top a {font-size: 20px;}

#company .top {margin-top: 5%;}










  }
  
  
@media only screen and (max-width: 375px) {
  .topnav{margin-top: -5%}
#clients1 .carousel-control.left{margin-top: 14px;}
#clients1 .carousel-control.right{margin-top: 14px;}


} 
@media only screen and (max-width: 320px) {
  
  #company h2 {font-size: 24px;}
#services .top a{font-size: 20px; line-height: 42px;}
#clients1 .carousel-control.left{margin-top: 4px;}
#clients1 .carousel-control.right{margin-top: 4px;}




}