@media (max-width: 980px){
section.about-content{
  padding-top:50px;
  }
  section.about-content .col-6{
   width:100%; 
  }
  section.about-content .row{
   flex-direction:column-reverse; 
    gap:30px;
  }
  section.about-content .image-content {
    padding-left: 0;
}
  section.about-content.rev .row{
    flex-direction:column;
  }
  section.about-content.rev .image-content {
    padding-right: 0px;
  }
  .budgets {
    width: 100%;
}
  .radio-list-group{
    flex-direction: column;
  }
  section.pricing-section h2 {
    font-size: 50px;
  }
  section.pricing-section .col-7, section.pricing-section .col-5{
   width:100%; 
  }
  .pricing-img-info {
    padding-top: 0;
}
  section.pricing-section .pricing-img img {
    width: 100%;
    max-width: 100%;
}
  section.pricing-section{
   padding-bottom:50px; 
  }
  .brochure-btn{
   margin-top:50px; 
  }
}
@media (max-width: 540px){
    section.pricing-section{
   padding-bottom:40px; 
  }
section.about-content {
        padding-top: 40px;
    }
  section.about-content .col-6 {
        width: 100%;
    padding:0;
    }
  section.about-content img{
    height: 300px;
  }
  section.ready-form h2{
    font-size: 25px;
    margin-bottom:15px;
  }
  section.ready-form .form-head{
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
  }
  section.ready-form .form-head ul.social a{
    width: 36px;
    height: 36px;
  }
  section.ready-form form .col-lg-6 {
    width: 100%;
}
  section.ready-form form .col-lg-3 {
    width: 100%;
}
  section.gallery img {
    height: 220px;
  }
  section.pricing-section h2 {
        font-size: 36px;
    }
      section.pricing-section .col-7, section.pricing-section .col-5 {
        width: 100%;
        padding: 0;
    }
  .brochure-btn .main-btn{
   width:100%; 
  }
}
@media (max-width: 360px){

}