@media only screen and (max-width: 990px) {
        .project-details-cr {
            flex-direction: column;
            align-items: inherit;
        }

        .project-details-date {
            width: 100%;
            margin-bottom: 10px;
        }

        .project-details-category {
            width: 100%;
            margin-bottom: 10px;
        }

        .project-details-category-items {
            display: grid;
            grid-template:
                "c0 c1"
                "c2 c3"
                "c4 c5";
            justify-content: start;
            justify-items: start;
        }

        .project-details-category-items p:nth-child(1) {
            grid-area: c0;
            margin-top: 5px;
        }

        .project-details-category-items p:nth-child(2) {
            grid-area: c1;
            margin-top: 5px;
        }

        .project-details-category-items p:nth-child(3) {
            grid-area: c2;
            margin-top: 5px;
        }

        .project-details-category-items p:nth-child(4) {
            grid-area: c3;
            margin-top: 5px;
        }

        .project-details-category-items p:nth-child(5) {
            grid-area: c4;
            margin-top: 5px;
        }

        .project-details-category-items p:nth-child(6) {
            grid-area: c5;
            margin-top: 5px;
        }

        .project-details-client {
            width: 100%;
            margin-bottom: 10px;
        }

        .project-section-bg:not(:last-child) {
            margin-bottom: 15px;
        }

        .project-section-cr {
            flex-direction: column;
        }

        .project-section-column-1 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 15px;
        }

        .project-section-column-2 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .project-team-items {
            display: grid;
            grid-template:
                "c0 c1"
                "c2 c3"
                "c4 c5";
            justify-content: center;
            justify-items: start;
        }

        .project-team-person:nth-child(1) {
            grid-area: c0;
            margin-bottom: 10px;
        }

        .project-team-person:nth-child(2) {
            grid-area: c1;
            margin-bottom: 10px;
        }

        .project-team-person:nth-child(3) {
            grid-area: c2;
            margin-bottom: 10px;
        }

        .project-team-person:nth-child(4) {
            grid-area: c3;
            margin-bottom: 10px;
        }

        .project-team-person:nth-child(5) {
            grid-area: c4;
            margin-bottom: 10px;
        }

        .project-team-person:nth-child(6) {
            grid-area: c5;
            margin-bottom: 10px;
        }

        .project-prev-next-cr {
            flex-direction: column;
        }

        .project-prev-next-box {
            padding: 50px 25px;
        }

        .project-prev {
            width: 100%;
            border-bottom: 1px solid #E4E4E480;
        }

        .project-next {
            width: 100%;
            border-bottom: 1px solid #E4E4E480;
        }

        .project-prev-next-button {
            position: relative;
            top: inherit;
            left: inherit;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            padding: 50px;
            border-left: 0px solid #E4E4E4;
            border-right: 0px solid #E4E4E4;
            border-radius: 0;
        }
    }

    /* Contact
----------------------------------------------- */
    .contact-bg {
        padding: 50px 15px;
        background-color: #FBFBFB;
        border-top: 1px solid #E4E4E4;
    }

    .contact-cr {
        max-width: 1100px;
        position: relative;
        margin: auto;
    }

    .contact-titles h3 {
        padding-bottom: 15px;
        border-bottom: 1px solid #FFAF00;
        font-family: Montserrat, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 1.5px;
    }

    .contact-titles p {
        margin: 25px 0;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000;
        text-align: left;
        line-height: 30px;
    }

    .contact-titles p a {
        padding-bottom: 3px;
        border-bottom: 1px solid #000;
        font-weight: 600;
        color: #000;
        text-decoration: none;
        transition-duration: 0.2s;
    }

    .contact-social-media {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contact-social-media a {}

    .contact-social-media a:not(:last-child) {
        margin-right: 10px;
    }

    .contact-social-media a button {
        width: 75px;
        height: 50px;
        background-color: #FFF;
        border: 1px solid #FFAF00;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #464646;
        cursor: pointer;
        transition-duration: 0.2s;
    }

    .contact-social-media a button:hover {
        border: 1px solid #464646;
        color: #000;
        transition-duration: 0.2s;
    }

    .contact-social-media a button i {
        font-size: 20px;
    }

    @media only screen and (max-width: 770px) {
        .contact-social-media {
            display: grid;
            grid-template:
                "c0 c1 c2"
                "c3 c4 c5";
            justify-content: center;
        }

        .contact-social-media a:nth-child(1) {
            grid-area: c0;
            margin-bottom: 10px;
        }

        .contact-social-media a:nth-child(2) {
            grid-area: c1;
            margin-bottom: 10px;
        }

        .contact-social-media a:nth-child(3) {
            grid-area: c2;
            margin-bottom: 10px;
        }

        .contact-social-media a:nth-child(4) {
            grid-area: c3;
        }

        .contact-social-media a:nth-child(5) {
            grid-area: c4;
        }

        .contact-social-media a:nth-child(6) {
            grid-area: c5;
        }
    }

    /* Footer
----------------------------------------------- */
    .footer-bg {
        padding: 50px 15px;
        border-top: 1px solid #E4E4E4;
    }

    .footer-cr {
        max-width: 1100px;
        position: relative;
        margin: auto;
    }

    .footer-line {
        width: 100%;
        padding-bottom: 25px;
        border-bottom: 1px solid #E4E4E4;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .footer-line nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .footer-line nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-logo {
        background: transparent url(../img/logo.png) 0 0 no-repeat;
        background-size: 100%;
        filter: grayscale(1);
        width: 34px;
        height: 42px;
        list-style: none;
        transition: 0.25s;
        opacity: 25%;
    }

    .footer-logo:hover {
        filter: none;
        opacity: inherit;
    }

    .footer-line span {
        margin: auto;
        display: inline-flex;
        align-items: center;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #464646;
        text-decoration: none;
    }

    .footer-line span:hover {
        color: #000;
    }

    .footer-line span a {
        text-decoration: none;
    }

    .footer-links span:not(:first-child)::before {
        content: "|";
        margin: 0 10px;
        font-weight: 300;
        color: #E4E4E4;
    }

    .footer-copy {
        padding-top: 25px;
        font-family: Inter, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        text-align: center;
    }

    @media only screen and (max-width: 770px) {
        .footer-line {
            flex-direction: column;
            justify-content: center;
        }

        .footer-line nav {
            margin-bottom: 25px;
        }

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

        .footer-links span:not(:first-child)::before {
            content: "";
            margin: 0;
            font-weight: inherit;
        }

        .footer-line span:first-child {
            margin-bottom: 10px;
        }
    }

    /* Blog1
----------------------------------------------- */
    #Blog1 {
        margin: 0 auto;
    }

    .content-inner {
        padding: 0;
    }

    .main-inner {
        padding: 50px 0;
    }

    .section {
        margin: 0;
        padding: 0;
    }

    .projects-title-page {
        padding-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 25px;
        background-color: #E4E4E4;
    }

    .projects-title-page-titles {
        max-width: 1100px;
        margin: auto;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .section-title-page {
        padding: 50px 15px 25px 15px;
        margin-bottom: 25px;
        background-color: #E4E4E4;
    }

    .section-title-page-titles {
        max-width: 1100px;
        margin: auto;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }