

@media only screen and (max-width: 1110px) {

  .about .row{
       margin-top: 0;
      flex-direction: column;
    
    }
  
    .about .row .col50{
     
      width:100%;
      
    }
    .about .row .col50 .pp3{
      width: 100%;
    }
    .about .row .col50  .imgbx img{
      width: 100%;
     
    }
  
}  

.row{
  margin-top: 10em;
  display:flex;
  justify-content: space-between;
  width:100%;
 
    
}

.row .col50{


    width:50%;

}

.titletext{
    color: #111;
    font-size: 2em;

}

.titletext span{
    color:#125742 ;
     font-size: 1.8em;
}

.row .col50  .imgbx {
    
    width: 100%;
   
    
   


}

.row .col50  .imgbx img{
   
 
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
   
    
   
    
}



.pp3{

   
    font-weight:500;
    width: 75%;
    line-height: 1.5em;
    font-size: 1.3em;
}
















