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

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

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

}

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

@media (max-width: 540px) {
.banner{
height: 250px;
h1{
font-size: var(--f32);
}
}
  section.homeowners-sec .col-6{
   width:100%;
    padding:0;
  }
  section.homeowners-sec .row{
   flex-direction:column-reverse;
    gap:30px;
  }
  .homeowners img{
   height:300px; 
  }
  .head-sec {
    margin-bottom: 30px;
}
  section.cards .col-3{
   width:100%;
    padding:0;
  }
  section.cards .row{
   gap:30px 0; 
  }
  section.cont-sec .col-lg-8{
   padding:0; 
  }
  .contact-form{
    padding: 20px 12px;
    padding-bottom: 0px;
  }
  .contact-form-c {
    font-size: 24px;
  }
  .contact-form .form-group input, .contact-form .form-group select, .contact-form .form-group textarea{
   font-size:16px; 
  }
  .contact-form .form-group{
   margin-bottom:20px; 
  }
}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}