@media (max-width: 767px){
  section.cards .card-info h4{
    font-size: var(--f16);
  }
  .about .upper-head {
    width: 100%;
  }
  .homeowners-sec .homeowners-content section{
    padding: 25px 0 0;
}
  .common-banner-section .guides{
    width: 100%;
        padding-left: 12px;
    padding-right: 12px;
  }
  .common-banner-section .guides h1{
   font-size:26px; 
  }
  .about .upper-head h2 {
    margin-bottom: 15px;
}
  .homeowners img{
   height:300px; 
  }
  .head-sec {
    margin-bottom: 20px;
}
  .homeowners-content{
        padding-right: 12px;
    margin-top: 25px;
  }
  section.cards .card-info{
    padding: 15px 12px;
  }
}