@charset "utf-8";
/* CSS Document */
.commercial_staicase { padding-top: 0;}
.commercial_staicase .container { padding: 0 20px;}
.project_block {display: inline-block;width: 100%;}
.project_block .row { margin: 0 -20px 114px;display: flex;flex-wrap: wrap;}
.project_block .row .width_50 { width: 50%; float: left; padding: 0 20px;}
.proj_tit { margin: 10px 0 0; font-family: Karla;font-size: 14px; line-height: 20px; color: #000; text-align: left; width: 100%;}
/*.project_block .row .width_50  img { width: 100%;}*/
.width-100 {width: 100%;}
.proj_box { display: inline-block;position: relative;}
/*.project_block .row .width_50 .proj_box { width: 100%;}*/
.fet_tit { font-weight: bold;font-size: 20px;letter-spacing: 2px;color: #000; margin-bottom: 50px;}
.fet_case_study { max-width:1039px; margin: 0 auto; padding: 100px 0 0;  border-top: solid 1px #979797; }
.case_list { margin: 0 -20px;}
.case_list li { width: 33.3%; float: left; padding: 0 20px;}
.title_sug { text-align: center;  font-size: 20px; font-weight: bold; line-height: 12px;letter-spacing: 2px;color: #000; margin-bottom: 50px; width: 100%;}
.suggested_case { padding: 70px 0 0;display: flex;justify-content: center;flex-wrap: wrap;}
.case_list li .title_xs { margin: 25px 0 10px;}
.case_list li span { font-size: 12px; font-weight: bold; color: #000; letter-spacing: 1px; text-transform: uppercase;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.case_list li img { width: 100%; }
.project_block  .width_50.pad-botm { padding:0 0 95px 140px;}
.project_block .width_50.flexdiv {display: inline-flex;align-items: end;padding-left: 50px;}
.common_join_team a { width: 90px;}
.proj_link {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    font-weight: 600;
} 
a.loadmore.load-more-gallery {
    width: 210px;
    margin: 0 auto 40px;
}

.btncenter {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-bottom:30px;
}



 @media (max-width: 1439px) {
    
}

 @media (max-width: 1199px) {
     
     .commercial_staicase .container {
    padding: 0 30px;
}
     .fet_case_study { padding: 80px 0 0;}
     
     
   }

 @media (max-width: 991px) {
    
     .project_block .row {margin: 0 -10px 70px;}
     .project_block .row .width_50{ padding: 0 10px; }
}

 @media (max-width: 768px) {
     
}


 @media (max-width: 580px) {
     
     .project_block .row .width_50 {width:100%; margin-bottom: 10px;padding: 0 0px;}
     .project_block .row {margin: 0 0px 60px;}
     .case_list li { padding: 0 70px;}
     .fet_tit { font-size: 12px; margin-bottom: 30px;}
}


 @media (max-width: 360px) {
  
}