@media only screen and (max-width:1400px){
    .plateform-section .case-studies-card .case-studies-img{
    width: 140px;height: 140px;background: var(--bg-1);display: block;margin: 10px auto;
  }
  .plateform-section .case-studies-card .case-studies-img img{width: 140px;height: 140px;object-fit: cover;}
}
@media only screen and (max-width:992px){
    .menu-icon{  font-size: 25px; }
    .dropdown-divider{border-top: 0.5px solid #fff;}
    .webContent .mainHeading{font-size: 2.5rem}
    .webContent .subHeading,.intro-section .webContent p{font-size: 1.1rem}
    .webContent .mainHeading.largeHeading { font-size: 3rem;}
    .webContent .subHeading.largeHeading { font-size: 1.3rem;}
    .webContent p{font-size: 0.95rem;}
    .main-solution-section .blog-card::after{top: 5%}
    .solution-bg-section{
        background: linear-gradient(90deg,rgba(23, 32, 63, 0.8), rgba(23, 32, 63, 0.8)), url(../img/partner-bg.jpg);
    }
    .solution-bg-section.dsp-bg-solution{
        background: linear-gradient(90deg,rgba(23, 32, 63, 0.8), rgba(23, 32, 63, 0.8)), url(../img/dsp/why-choose-us.jpg);
    }
    .solution-bg-section.engagement-bg-solution{
        background: linear-gradient(90deg,rgba(23, 32, 63, 0.8), rgba(23, 32, 63, 0.8)), url(../img/engagement/engagement-bg.jpg);
    }
    .solution-bg-section.search-bg-solution{
        background: linear-gradient(90deg,rgba(23, 32, 63, 0.8), rgba(23, 32, 63, 0.8)), url(../img/search/Search-syndication-bg.jpg);
    }
    .case-studies-card .line{margin: 0 auto}
}
@media only screen and (max-width:768px){
    header .logo{ width:170px; }
    footer ul li .line{margin:0 auto ;}
    .webContent .mainHeading{ font-size: 2rem; }
    .webContent .mainHeading mark{font-size: 1.8rem;}
    .webContent .mainHeading.largeHeading { font-size: 2.5rem;}
    .webContent .subHeading.largeHeading { font-size: 1.2rem;}
    /*.webContent .mainHeading mark{display: block;text-align: center;}*/
    .blog-card::after{top: 3%;left: 3%}
    .main-solution-section .blog-card::after{top: 2%}
}
@media only screen and (max-width:500px){
    .case-studies-card .case-studies-img{width: 80px;height: 80px;}
    a.get-in-touch-button{width: 250px}
    .webContent .mainHeading mark{display: inline-block;}
    .get-in-touch-bg .mainHeading{font-size: 2rem}
    .plateform-section .case-studies-card .case-studies-img{width: 150px;height: 150px}
    .largeButton.btn-outline-third{padding: 10px 30px}
}
@media only screen and (max-width:400px){
    .webContent .subHeading,.intro-section .webContent p{font-size: 1rem}
}