@media only screen and (max-width:768px) {
    body {
        font-size: 17px;
        line-height: 26px;
    }

    .page-header {
        margin-top: 87px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 24px;
    }

    /* button */

    .btn-primary {
        font-size: 15px;
        padding: 1.44rem 2.53rem;
    }

    /* button */

    .navbar-toggler {
        display: block;
    }

    .site-header .navbar-brand img {
        max-width: 100px;
    }

    .site-header .navbar-nav .nav-link,
    .site-header .navbar .dropdown-menu .dropdown-item {
        font-size: 19px;
        line-height: 29px;
    }

    .navbar .collapse:not(.show) {
        display: block;
        padding-top: 48px;
    }

    .site-header .navbar .dropdown-menu {
        transform: unset;
        top: -66px;
        border: 0;
        position: absolute;
    }

    .site-footer .footer-menu li a {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 0.05em;
    }

    /* .section-gallery-block */
    .section-gallery-block {
        padding: 60px 0;
    }

    .section-gallery-block .gallery-items .item {
        width: 100%;
    }

    /* .section-gallery-block */

    /* section-contact-block */

    .section-contact-block .form-block .input-wrapper {
        margin-bottom: 24px;
    }

    .section-contact-block .form-block .form-label {
        font-size: 15px;
        line-height: 14px;
        margin-bottom: 11px;
    }

    .section-contact-block .form-block input.form-control {
        height: 38px;
    }

    .section-contact-block .form-block .btn-primary {
        margin-top: 25px;
    }

    .section-contact-block .form-block .title,
    .section-blog-block .section-heading .title,
    .section-single-blog .section-heading .title {
        font-size: 21px;
        line-height: 20px;
    }

    /* section-contact-block */

    /* section-blog-block */

    .section-blog-block .section-heading {
        margin-bottom: 50px;
    }

    .section-blog-block .blog-card {
        margin-bottom: 34px;
    }

    .section-blog-block .blog-card .image {
        height: 209px;
        margin-bottom: 7px;
    }

    .section-blog-block .blog-card .blog-content .title,
    .section-single-blog .single-blog-content .title {
        font-size: 23px;
        line-height: 21px;
    }

    .section-single-blog .section-heading {
        margin-bottom: 50px;
    }

    /* section-blog-block */

    /* 	section-images-block */

    .section-images-block {
        padding: 60px 0 40px 0;
    }

    .section-images-block .image {
        margin-bottom: 30px;
        height: 363px;
    }

    /* 	section-images-block */

    /* 	section-gallery-block */
    .section-gallery-block .gallery-items .item {
        margin-bottom: 30px;
    }

    .section-gallery-block .gallery-items .item .image {
        height: 359px;
    }

    /* 	section-gallery-block */
}