@media (max-width: 980px) {
    section.cta {
        padding-top: 50px;
    }

    section.choose-us img,section.social-platform .col-4 {
        width: 100%
    }

    section.social-platform .row {
        gap: 30px
    }

    section.benefits .col-4 {
        width: 50%
    }

    section.cta2 h2 {
        color: var(--white-color);
        font-size: var(--f35)
    }

    section.social-difference .content h4 {
        font-size: var(--f26)
    }

    section.choose-us .row {
        flex-direction: column-reverse;
        gap: 30px 0
    }

    section.choose-us .col-6 {
        width: 100%;
        padding: 0
    }

    section.about-us .about-us-img {
        width: 100%;
        height: 400px;
        float: none;
        margin-left: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 540px) {
    section.about-us .about-us-img {
        height:300px
    }

    section.benefits .col-4,section.social-difference .col-6,section.social-platform .col-4 {
        width: 100%;
        padding: 0
    }

    section.social-platform h5 {
        font-size: var(--f20)
    }

    section.social-difference .row {
        gap: 30px 0
    }

    section.benefits .benefits-box h4 {
        font-size: var(--f21)
    }

    section.cta2 h2 {
        font-size: var(--f28)
    }

    section.cta2 {
        padding: var(--p40) var(--p12)
    }

    section.social-difference .content {
        padding: var(--p25) var(--p20)
    }

    section.social-difference .content h4 {
        font-size: var(--f24)
    }

    section.cta1 p {
        font-size: var(--f18);
        width: 100%
    }
  section.small-about .col-4{
   width:100%;
    padding:0;
  }
  .small-list h4 {
    font-size: 20px;
  }
      section.cta {
        padding-top: 40px;
    }
  section.marketing-services .marketing-info{
    padding: 20px;
  }
  section.marketing-services .marketing-info h4{
    font-size: var(--f20);
  }
}

@media (max-width: 360px) {
    section.about-us .about-us-img {
        height:250px
    }

    section.benefits .benefits-box h4,section.social-platform h5 {
        font-size: var(--f18)
    }

    section.cta2 h2 {
        font-size: var(--f26)
    }

    section.social-difference .content h4 {
        font-size: var(--f22)
    }
}