@media (max-width: 1024px){
    .feature {
        height: 600px;
    }
}


@media (max-width: 980px) {
    .feature {
        height: 400px;
    }
    section.management-banner h1 {
        font-size: 32px;
    }
    .experience h2 {
        font-size: 32px;
    }
    .experience h4 {
        font-size: 18px;
    }
    .video-content h2{
        font-size: 32px;
    }
    .head-sec h2{
        font-size: 32px;
    }
    section.about-sec .abt-list h3 {
        font-size: 22px;
    }
    .cta .cta1 h2{
        font-size: 32px;
    }
    section.activ .head-sec {
        width: 100% ;
    }
    section.about-sec .abt-list h3 {
        font-size: 24px;
    }
    section.activ {
        padding-bottom: 20px;
    }
    section.design-section .head-sec{
        width: 100% ;
    }
    section.management-banner h1 {
        width: 100%;
    }
    section.management-banner p {
        font-family: var(--primary-font);
        color: var(--para-color);
        font-size: var(--f16);
        line-height: 30px;
        letter-spacing: 0;
    }
    .experience {
        padding: 40px 12px;
        padding-bottom: 30px;
    }
    .experience h2 {
        font-size: 28px;
    }
   
 
}

@media (max-width: 540px){

    section.about-sec.rev .about-content {
        padding-right: 0;
        padding-left: 0;
    }
    section.col-12{
        padding: 0;
    }
    section.design-section .col-12{
        padding: 0 !important;
    }
    section.management-banner img {
        height: 300px;
    }
    section.management-banner h1 {
        font-size: 28px;
    }
    .feature{
        text-align: center;
        margin: 0;
    }
    section.video-content img {
    height: 300px;
    }
    section.video-content .video-content {
        padding-left: 0;
    }
    .video-content h2 {
        margin-top: 20px;
    }
    .video-content h2 {
        font-size: 28px;
    }
    section.cta{
      padding-bottom: 0;
        padding-top: 30px;
    }
    section.about-sec img {
        height: 300px;
      
    }
    section.about-sec .about-content {
        padding-left: 0;
        padding-top: 20px;
    }
    .about-image-rev{
        order: 1;
    }
    .about-content-rev{
        order: 2;
    }
    section.design-section img {
     height: 300px;
    }
    .design-section .row{
        gap: 20px;
    }
    section.design-section {
        padding-bottom: 0;
    }
    section.activ {
        padding-bottom: 20px;
        padding-top: 40px;
    }
    .abt-btn{
        margin-top: 30px;
    }
    .head-sec h2 {
        font-size: 28px;
    }

    .experience .row{
        gap: 25px 0;
    }

 
}