@media screen and (max-width: 1279px) {
    .banner-copy {
        display: none;
    }

    .service-banner-wrapper {
        justify-content: center;
    }

    .service-banner-wrapper h1{
        text-align: center;
    }
    .service-banner-wrapper p {
        text-align: center;
        margin-right: 0;
        max-width: 100%;
    }
    .service-expert-copy{
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .service-listing {        
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .services .section-heading-small {
        text-align: center;
    }
    .services .section-heading {
        text-align: center;
    }
    .services .section-text {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .banner-service{
        min-height: 420px;
    }
    .service-listing {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 24px;
        margin-top: 40px;
    }
    .service-item h3 {
        font-size: 22px;
        line-height: 1.5;
        margin-bottom: 16px;
    }
    .service-item .section-text {
        margin-bottom: 16px;
    }
    .service-item .service-image {
        height: 220px;
        margin-bottom: 16px;
    }

    .faq-item {        
        padding: 20px 60px 20px 40px;
    }
    .faq-listing {
        margin-top: 40px;
    }
    .faq-header{
        font-size: 18px;
        line-height: 1.5;
    }
    .service-expert-content{
        padding: 40px 24px 60px;
    }
    .service-expert-listing {
        padding: 0 24px;
    }
    .service-expert-listing ul li{
        padding: 24px 20px;
        gap: 20px;
    }
    .service-expert-listing ul li:not(:last-child) {
        margin-bottom: 24px;
    }
    .service-expert-listing img {
        max-width: 50px;        
    }
    .list-blurb h4{
        margin-bottom: 8px;
    }
    .list-blurb .section-text {        
        font-size: 14px;
    }
}