@media screen and (min-width:769px) {
.shadow-effect {
background: #fff;
border-radius: 10px;   display: flex;
border-bottom-right-radius: 60px;
}
#customers-clients .img-circle {
width: 7em;
height: 7em;
display: block;
background-size: cover;
border-radius: 50%;
}
}
@media screen and (max-width:768px) {
#customers-clients .img-circle {
display: block;
background-size: cover;
width: 100%;
height: 20em;
display: block;
background-size: cover;
border-radius: 15px; margin: auto;
}
.shadow-effect {
text-align:center;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
color: #E07539;
z-index: 2;
font-size: 2rem!important;
line-height: 1rem !important;
}
}
@media screen and (max-width:500px) {
#customers-clients .img-circle {
width: 100%;
}
}
@media screen and (min-width:500px) {
.soustitre-mcom {
margin-top: .5em;
}}
#customers-clients .shadow-effect p {
font-family: inherit;
line-height: 1.5em !important;
color: #458C9F;
font-size: 1.2em;
font-weight: 300;
font-family: "Red Hat Display", sans-serif;;
font-weight: bold;
font-size: 1rem;
}
#customers-clients .owl-stage {
display: flex;
}		
.client-name {
margin: -17px auto 0;
display: table;
width: auto;
background: #E07539;
padding: 9px 35px;
border-radius: 30px;
text-align: center;
color: #fff;
box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-clients .item { height: 100%;
display: flex;
}
#customers-clients .item .shadow-effect{ }
#customers-clients button.owl-dot {
width: 25px;
height: 3px;
background: #A8A8A7;
border-radius: 3px;
margin: 0 2px 5px;
}
#customers-clients .owl-dot.active, #customers-clients .owl-dots .owl-dot:hover {
background: #E07539;
}
.owl-dots {
text-align:center;
}
.soustitre-mcom {
color: #E07539;
font-size: .9em;
display: inline;
}
.client-content p {
line-height: 1.1em!important;
}
.client-content a {
display: inline;
border-left: 1px solid #E07539;
padding-left: 2%;
}
.client-content img {
max-width: 12px;
display: inline!important;
}
.owl-prev, .owl-next { height: 1em; }
@media screen and (min-width: 500px) {
.mcom-flex {
display: flex;
}
.mcom-flex >div:first-child {
width:30%;
position: relative;
}
.mcom-flex >div img {
position: absolute;
top: -2.5em;
}
.mcom-flex  .client-content {
width: 50%;
position: relative;
text-align: left;
padding: 20px;
}
.client-content h3 {
margin-bottom: 5px!important;
font-size: 1.4em; 
}
.client-content p {
margin-top: 1em!important;
}
#customers-clients .item { }
}
@media screen and (min-width: 1400px) {
.mcom-flex >div img {
top: -3em;
}
}
@media screen and (max-width: 769px) {
#customers-clients .owl-nav button {
font-size: 2em;
position: absolute;
top: 33%;
border-radius: 50%;
width: 20px;
height: 20px;
}
.owl-next {
right: 15px;
}
#equipe-owl .thumbicon {background-size: contain!important;}
#equipe-owl h3 {
margin-top: 1.5em;
}
#customers-clients {
padding-left: 15px;
padding-right: 15px;
}
.client-content .btn_text .arrow-holder { 
display: none!important;
}
.client-content .btn_text { 
padding-left: 1em!important;
}
}
@media screen and (max-width: 499px) {
.client-content .btn_text {
margin-bottom: 2em!important;
margin-top: 0!important;
}
.mcom-flex >div img {
max-width: 70%!important;
margin:auto;
}
#customers-clients .shadow-effect{ padding-top: 1em; }
#customers-clients p { padding: 1em; }
#customers-clients .item { margin: 1em; }
#customers-clients h3 {  margin-bottom:0!important; }
}
.ast-archive-description p {
display: none;
}
.ast-archive-description h1 {
text-align:center;
} .client-mcom .entry-title, .client-mcom p {
padding-left: 1em;
padding-right: 1em;
}
.client-mcom .blog-layout-1 {
border-bottom: 0!important;
}
.post-type-archive-client-mcom #main {
margin-top: 6em;
}
@media screen and (min-width: 1000px) {
.flexrow .client_item {
width: 47%;
margin: 1%;
}
.flexrow .mcom-flex {
height: 100%;
}
.flexrow .mcom-flex> div:first-child {
left: -8em;
}
.flexrow .mcom-flex> div:first-child img{
top:0;
}
}
@media screen and (max-width:  499px) {
.flexrow .client_item {
margin-bottom: 2em;
}
.flexrow .mcom-flex> div:first-child {
}	
.flexrow .client-content {
padding: 1em;
}
}
@media screen and (min-width:  500px) and (max-width:  999px) {
.flexrow .client_item {
margin-bottom: 2em;
}
.flexrow .mcom-flex > div img {
max-width: 60%;
top: -1.5em;
}
}
.thumbicon-father {
cursor: pointer;
}
#equipe-owl .blogitem .thumbicon {
background-size: 70%;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#equipe-owl .blogitem .thumbicon:hover {
background-size: 74%;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#equipe-owl .blogitem .contenu {
text-align: center;
}
.equipes h3 {
margin-bottom:0!important;
}
.blogitem h3 {
font-size: 1.2em;
margin-bottom:0;
}
.blogitem .soustitre-mcom {
font-size: 1em;
color: #E07539;
margin-bottom: 10px;
display: inline-block;
}
.equipes .soustitre-mcom {
margin-bottom: 1em;
margin-top:0;
}
@media screen and (min-width:  769px) {
.mcom-flex >div:first-child {
left: -1em;
}
.equipes .flexrow1>div:nth-child(2) {
width: 80%;
}
.equipes .flexrow1 {
align-items: center;
display: flex;
}
.equipes .profile>div:nth-of-type(1) {
margin-right: 2em;
}
}
@media screen and (max-width:  768px) {
.profile>div:nth-child(1) {
margin-bottom: 1.5em;
}
.equipes .flexrow1 img {
width:60%;
margin:auto;
}
.equipes .card>div:nth-of-type(1) {
text-align:center;
}
}
.testinomial-img {
height: 400px;
width: 45%;
background-color: #EFEFEF;
}
.testinomial-img div {
height: 100%;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-bottom-right-radius: 60px;
}
.client-content {
width: 55%;
background-color: #EFEFEF;
border-bottom-right-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.client-content h3 {text-transform: uppercase;}
.client-content span, .client-content a, .client-content h3 {
font-size: 1rem;
}
.client-content >div{
width: 80%;
}