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

  section.digital-banner{
    padding:30px 12px;
  }
   section.digital-banner .digital-banner-content {
    width: 100%;
    order:2;
    display: block;
}
  
  
   section.digital-banner .digital-banner-img{
        width: 100%;
     order:1;
  }
  
}




@media (max-width: 540px){
  section.marketing-services .marketing-info h4 {
    font-size: var(--f22);
}
  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%;
}
  section.digital-banner .banner-images img {
    height: 300px;
    width: 100%;
}
  

  
  section.small-about h2 {
    text-align: left;
  
}
  
      section.digital-banner h1 {
        font-size: 30px;
    }
  
  section.marketing-services .marketing-info {
  display: block;

}
  
  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;
}
}


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