/* ======================================================================

  client-work.css
  
  Index:
  - Featured Work
  - Work Samples List

/* ====================================================================== */



/*-------------------------- Client Featured Work  -----------------------*/ 

.client-work-featured {
    padding: 20px 40px;
}

.client-work-featured .hs_cos_wrapper_type_widget_container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.client-work-featured .hs_cos_wrapper_type_custom_widget {
    width: 33%;
    display: flex;
    padding: 1.5% 2%;
}

.client-work-featured .card {
    /*margin: 7%;*/
}

@media ( max-width: 768px ) {
    
    .client-work-featured {
        padding: 0;
    }
    .client-work-featured .hs_cos_wrapper_type_widget_container {
        flex-wrap: wrap;
    }
    
    .client-work-featured .hs_cos_wrapper_type_custom_widget {
        width: 100%;
    }
}

/*--------------------------  Client Work Samples  -----------------------*/ 

.client-work-samples {
   padding: 40px; 
}

.client-work-samples .hs_cos_wrapper_type_widget_container {
    display: flex;
    flex-wrap: wrap;
}

.client-work-samples .hs_cos_wrapper_type_custom_widget, .client-work-samples .hs_cos_wrapper_type_module {
    width: 50%;
}

.client-work-samples .media {
    margin-botton 20px
}

a.media-link + a.media-link {
	padding-left: 30px;
}

@media ( max-width: 1075px ) {
    .client-work-samples .media {
        flex-direction: column;
    }
    .client-work-samples .media-content {
        padding: 20px 0;
    }
}
@media ( max-width: 570px ) {
   .client-work-samples {
       padding: 0;
   } 
   .client-work-samples .hs_cos_wrapper_type_custom_widget, .client-work-samples .hs_cos_wrapper_type_module  {
        width: 100%;
    }
     
}