@media (max-width: 980px) {
  section.digital-banner h1 {
    font-size: 40px ;
    margin-top:20px;
}

  section.digital-banner{
    padding:30px 12px;
  }
  section.digital-banner .row{
    /* flex-direction: column; */
  }
   section.digital-banner .digital-banner-content {
    width: 100%;
    /* order:2; */
    display: block;
    padding-right: 12px;
}
  
  
   section.digital-banner .digital-banner-img{
        width: 100%;
     order:1;
  }
  
}




@media (max-width: 540px){
  section.marketing-services .marketing-info h4 {
    font-size: var(--f20);
}
  section.step-section li h4 {
    font-size: var(--f22);
}
  
  section.marketing-services .marketing-content {
    height: auto;
}
  
     section.digital-banner {
        padding: 30px 0px;
    }
  
  section.small-about img {
    /* width: 100%; */
}
  .small-list h4 {
    font-size: 20px;
  }
  section.digital-banner .banner-images img {
    height: 300px;
    width: 100%;
}
  

  
  section.small-about h2 {
    /* text-align: left; */
    margin-bottom: 20px;
}
  section.small-about .row{
gap:20px;
  }
  section.small-about .col-4{
    width:100%;
    padding:0;
  }
      section.digital-banner h1 {
        font-size: 30px;
    }
  
  section.marketing-services .marketing-info {
  /* display: block; */
  padding: 20px;
}
  
  section.marketing-services .marketing-info img {
    /* width: 80px; */
    /* display: block; */
    /* margin: auto; */
    /* padding-bottom: 20px; */
}
  
  .marketing-list{
    padding:0;
  }
  section.step-section li {
    display: block;
}
  section.step-section .step-info .step-img::after {
  display:none;
}
  section.process h4 strong {
    font-size: var(--f20);
  }
}


@media (max-width: 375px){
  section.digital-banner a.main-btn {
    width: 315px;
}
  
}