@media screen and (min-width: 992px) and (max-width: 1199px){

}

@media (max-width: 980px){
  .how-we-value-wrapp {
    padding: var(--p50) 0;
  }
}
@media (max-width: 540px){
  .how-we-value-wrapp {
    padding: var(--p40) 0;
  }
  .how-we-value-heading{
    margin-bottom: 20px;
  }
  .how-we-value-heading h2{
   padding-bottom:0; 
  }
  .how-we-value-wrapp .attr-col{
   width:100%;
    padding:0;
  }
  .how-we-value-wrapp img.img-fluid{
   height:300px; 
  }
  .how-we-value-wrapp .atr-cont{
    padding: var(--p20) var(--p20);
  }
}
@media (max-width: 360px){

}