@media screen and (max-width: 1400px) {
    .project-body {
        min-height: 240px;
    }

    .text-right {
        display: flex;
        flex-wrap: wrap;
        position: static;
    }

    .text-right span {
        margin: 10px 5px;
    }
}

@media screen and (max-width: 992px) {
    .toggler {
        width: 60px;
        height: 60px;
        top: 0;
    }

    .hamburger {
        width: 50px;
        height: 50px;
    }

    .hamburger::before {
        right: -65px;
        top: -65px;
    }

    .hamburger::after {
        width: 120px;
        height: 120px;
    }

    .banner {
        height: 100vh;
        background-position: top left;
        background-size: 800px;
    }

    .elements div {
        width: 10px;
        height: 10px;
    }

    .banner-content {
        height: 100vh;
    }

    .banner-content span.small {
        font-size: 1.5em;
    }

    .banner-content h1 {
        font-size: 3.5em;
        line-height: 2.8em;
    }

    .banner-content h1 span::after {
        width: 20px;
        height: 20px;
    }

    .banner-content h2 {
        font-size: 1.8em;
    }

    .banner-content a {
        font-size: 1em;
    }

    .bottom {
        left: 20px;
    }

    .bottom p {
        font-size: .8em;
    }

    .content {
        background: none;
        height: 100vh;
    }

    .slogan {
        left: 20px;
        width: 300px;
    }

    .slogan::after {
        height: 50px;
    }

    .slogan p {
        font-size: 1em;
        padding: 25px 20px;
    }

    .main-content {
        height: 100vh;
    }

    .right-corner {
        display: none;
    }

    .bg {
        width: 100%;
        bottom: 280px;
    }

    .left-corner,
    .left-corner2,
    .left-corner3 {
        display: none;
    }

    .title-image {
        width: 50px;
    }

    .content h1 {
        font-size: 2.5em;
    }

    .card-wrapper {
        margin: 0 10px 25px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .project-body {
        padding: 15px 20px;
        position: relative;
        min-height: 170px;
    }

    .text-right {
        display: block;
        position: absolute;
    }

    .text-right span {
        margin: none;
    }

    .footer {
        flex-direction: column;
        padding: 20px 0;
    }

    .footer span {
        margin: 10px 0;
    }
}