@media screen and (max-width: 768px) {
    .site-navigation {
        display: none;
    }

    .header-inner {
        justify-content: center;
    }

    .main-title {
        font-size: 36px;
        text-align: center;
        margin: 200px 0 65px 0;
    }

    #video-background {
        /* display: none; */
        height: 600px;
        left: -90%;
    }

    .introduction {
        min-height: 600px;
    }

    .introduction .button {
        display: table;
        margin: 0 auto;
    }

    .footer-inner {
        display: flex;
        flex-direction: column;
    }

    .contacts-list {
        min-width: 0px;
    }

    .feedback-form {
        margin-top: 35px;
    }

    .mobile-menu {
        display: flex;
    }

    .customer-info {
        display: block;
    }

    .service-details {
        flex-direction: column;
        padding: 15px;
    }

    .service-details img {
        width: 300px;
        height: 200px;
    }

    .service-image {
        margin: 0 auto;
    }

    .service-description {
        margin-top: 20px;
        text-align: center;
    }

    .service-description h2::after {
        margin: 20px auto 15px;
    }
}