@media (max-width: 1024px) and (min-width: 981px){
section.about-sec .about .upper-head {
    width: 85%;
  }
  section.experience-section-rev .experience-details{
    width: 120%;
  }
  section.experience-section .experience-details{
    width: 120%;
  }
  section.why-us-sec .why-us-content{
    width: 85%;
  }
}


@media (max-width: 980px){
 section.about-sec .about .upper-head {
    width: 85%;
  }
  section.experience-section-rev .experience-details{
    width: 130%;
    padding: 30px;
  }
  section.experience-section .experience-details{
    width: 130%;
    padding: 30px;
  }
  section.why-us-sec .why-us-content{
    width: 85%;
  }
  section.features-sec .features .features-content{
    padding: var(--p20);
  }
  .contact-us .upper-head p{
    width: 100%;
  }
}
@media (max-width: 540px){
section.about-sec p.abt-txt, section.experience-section-rev, section.experience-section, section.features-sec{
  display:none;
}
.mob-sec {
    display: block;
}
.desk-sec {
    display: none;
}
  .d-view-text{
  display:none;

}

.m-view-text{
  display:block;

}
  section.about-sec .about .upper-head {
        width: 100%;
    } 
  section.experience-section-rev .experience-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
  }
      section.experience-section-rev .experience-details {
        width: 100%;
        padding: 30px 25px;
        margin-left: 0px;
    }
  section.experience-section-rev .experience-image{
   width:100%;
    height:300px;
  }
  section.experience-section{
   padding-top:40px; 
  }
  section.experience-section .experience-content{
    padding-top: 0;
    padding-bottom: 0;
    padding-left:0;
    padding-right:0;
  }
  section.experience-section .experience-details {
        width: 100%;
        padding: 30px 25px;
        margin-left: 0px;
    margin-right: 0;
    }
  section.experience-section .experience-image{
   width:100%;
    height:300px;
  }
  section.experience-section .row{
    flex-direction:column-reverse;
  }
  section.experience-section-rev .row{
    flex-direction:column;
  }
  section.features-sec .col-4{
    width:100%;
    margin-top:0;
    padding:0;
  }
  section.features-sec .row{
   gap:25px 0; 
  }
      section.why-us-sec .why-us-content{
        width: 100%;
    }
  .contact-us .upper-head p{
   margin-bottom:25px; 
  }
  .contact-us form .col-6, .contact-us form .col-12, .contact-us form .col-4, .contact-us form .col-3 {
    padding-left: 0px;
    padding-right: 0px;
    width:100%;
}
  .contact-us form h4 {
    margin-top: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}
  .contact-us form button.main-btn{
   width:100%; 
  }
}