@media (max-width: 767px) {
    .page-template-page-contact .site-main, .post-type-archive-insights .site-main, .post-type-archive-awards .site-main, .post-type-archive-works .site-main, .post-type-archive-accomplishments .site-main, .single .site-main, .page-template-page-works .site-main {
        padding-top: 65px;
    }
    .navbar {
        padding: 15px 0;
    }
    .navbar .navbar-brand {
        width: 220px;
    }
    .navbar-toggler {
        height: 24px;
    }
    .hamburger-box, .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
        width: 28px;
    }
    .hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
        height: 3px;
    }
    .navbar .navbar-nav {
        gap: 8px;
    }
    .navbar .navbar-nav .nav-item > a {
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        padding: 8px 0;
    }
    #masthead #main-navigation {
        top: -15px;
        padding: 90px 25px 50px;
    }
    .intro-banner-pagination {
        bottom: 50px;
        right: 12%;
    }
    .intro-caption-row {
        padding: 95px 0 30px;
    }
    .img-wrapper {
        margin-bottom: 25px;
    }
    section {
        padding: 50px 0;
    }
    .listing-insights .listing-body-inner {
        gap: 50px 25px;
    }
    .list-thumbnail {
        height: 230px;
    }
    .project-thumbnail {
        height: 250px;
    }
    .listing-projects-about .img-wrapper {
        height: 350px;
    }
    .fp-bottom {
        gap: 25px;
    }
    #colophon {
        padding: 70px 0 30px;
    }
    .footer-columns .wp-block-columns {
        gap: 60px;
    }
    .listing-page .listing-header {
        padding-top: 0;
    }
    .listing-page.listing-works .listing-body-inner, .listing-page.listing-projects .listing-body-inner {
        gap: 70px 25px;
    }
    .listing-projects-about, #our-philosophy {
		padding-top: 90px;
	}
    .listing-projects-gallery .text-editor {
        margin-bottom: 60px;
    }
	.single .backdrop::before {
		background: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,0));
	}
	#colophon .wp-block-buttons .wp-block-button:first-child a {
		font-size: 18px;
	}
	#colophon .wp-block-buttons .wp-block-button:nth-child(2) a {
		font-size: 13px;
	}
}
@media (min-width: 768px) {
    .h-md-auto {
        height: auto!important;
    }
    .h-md-100 {
        height: 100%!important;
    }
    .text-editor-bg {
        height: 100%;
    }
    .footer-columns > .widget_block:last-child .wp-block-group__inner-container {
        display: flex;
        align-items: center;
        gap: 25px;
    }
    .footer-columns > .widget_block:last-child .wp-block-group__inner-container hr {
        width: 100%;
        flex: 1;
    }
    .listing-page.listing-works .listing-body-inner, .listing-page.listing-projects .listing-body-inner {
        grid-template-columns: repeat(2, 1fr);
    }
    #colophon .wp-block-buttons .wp-block-button a {
        text-align: left;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .page-template-page-contact .site-main, .post-type-archive-insights .site-main, .post-type-archive-awards .site-main, .post-type-archive-works .site-main, .post-type-archive-accomplishments .site-main, .single .site-main, .page-template-page-works .site-main  {
        padding-top: 85px;
    }
    .navbar {
        padding: 20px 0;
    }
    .navbar .navbar-brand {
        width: 240px;
    }
    .navbar .navbar-nav {
        gap: 16px;
    }
    .navbar .navbar-nav .nav-item > a {
        display: inline-block;
        font-size: 24px;
        line-height: 1;
        padding: 12px 0;
    }
    #masthead #main-navigation {
        top: -20px;
        padding: 150px 25px 70px;
    }
    .listing-page.listing-insights .list-thumbnail {
        height: 380px;
    }
    .project-thumbnail {
        height: 360px;
    }
    .listing-insights .list-thumbnail {
        height: 380px;
    }
    .listing-projects-about .img-wrapper {
        height: 450px;
    }
    .footer-columns .wp-block-columns .wp-block-column:not(:first-child) {
        flex-basis: auto !important;
        width: calc(50% - 1em);
        flex: unset;
    }
}
@media (min-width: 992px) {
    .h-lg-auto {
        height: auto!important;
    }
    .h-lg-100 {
        height: 100%!important;
    }
}
@media (max-width: 1199px) {
    .navbar .navbar-inner {
        padding: 0 24px;
    }
    .navbar .navbar-nav .nav-link::after {
        display: none;
    }
    .navbar .navbar-toggler {
        position: absolute;
        top: 50%;
        left: 24px;
        transform: translateY(-50%);
    }
    #masthead .navbar-inner > {
        z-index: 9;
    }
    #masthead #main-navigation {
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        left: 0;
        background: var(--primary-black);
        transform: translateX(-100%);
        transition: all 1s ease;
        z-index: -1;
    }
    #masthead .navbar-opened #main-navigation {
        transform: translateX(0);
    }
    #masthead .nav-item.site-logo {
        display: none;
    }
    .navbar .navbar-nav .nav-item {
        text-align: center;
    }
    .listing-projects-about .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}
@media (min-width: 768px) and (max-width: 1199px) and (orientation: landscape) {
    .listing-page.listing-works .listing-body-inner, .listing-page.listing-projects .listing-body-inner {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1200px) {
    body:not(.home) .site-main  {
        padding-top: 105px;
    }
    .page-template-page-about #introduction .intro-caption-row {
        height: calc( 100vh - 105px );
    }
    .navbar {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .navbar .navbar-inner {
        max-width: 75%;
    }
    .navbar .navbar-brand {
        width: 300px;
    }
    .navbar .navbar-nav {
        width: 100%;
        align-items: center;
    }
    .navbar .navbar-nav .site-logo {
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .navbar .navbar-nav .nav-item {
        margin-left: 40px;
    }
    .navbar .navbar-nav.navbar-breakpoint-2 .nav-item:nth-child(-n+3), .navbar .navbar-nav.navbar-breakpoint-3 .nav-item:nth-child(-n+5) {
        margin-right: 40px;
    }
    .navbar .navbar-nav.navbar-breakpoint-2 .nav-item:nth-child(3), .navbar .navbar-nav.navbar-breakpoint-3 .nav-item:nth-child(4) {
        margin-right: 0;
    }
    .navbar .navbar-nav.navbar-breakpoint-2 .nav-item:nth-child(-n+3), .navbar .navbar-nav.navbar-breakpoint-3 .nav-item:nth-child(-n+4), .navbar .navbar-nav.navbar-breakpoint-2 .nav-item:nth-child(4), .navbar .navbar-nav.navbar-breakpoint-3 .nav-item:nth-child(5) {
        margin-left: 0;
    }
    .navbar .nav-item.site-logo {
        width: 10px;
        height: 10px;
        margin: 0 auto;
    }
    .navbar .nav-item.site-logo .navbar-brand {
        position: fixed;
        top: 30px;
        left: 50%;
        transform: translate(-50%, 0);
        margin-right: 0;
    }
    #main-navigation {
        height: 45px;
    }
    .intro-caption-row {
        height: 650px;
    }
    .h-xl-auto {
        height: auto!important;
    }
    .h-xl-100 {
        height: 100%!important;
    }
    .listing-insights .listing-body-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px 30px;
    }
    .list-thumbnail {
        height: 400px;
    }
    #colophon .wp-block-column:last-child .wp-block-buttons .wp-block-button a {
        font-size: 1.015625vw;
        line-height: 1.015625vw;
    }
    #colophon .wp-block-column:last-child .wp-block-buttons .wp-block-button:first-child a {
        font-size: 1.4666667vw;
        line-height: 1.4666667vw;
    }
    .listing-page.listing-works .listing-body-inner, .listing-page.listing-projects .listing-body-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 60px 70px;
    }
    .listing-projects-about .img-wrapper {
        height: 100%;
    }
    .listing-projects-about .img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}
@media (min-width: 1400px) {
    .h-xxl-auto {
        height: auto!important;
    }
    .h-xxl-100 {
        height: 100%!important;
    }
}
@media (min-width: 1600px) {
    .navbar .navbar-nav .nav-item {
        margin-left: 50px;
    }
    .navbar .navbar-nav.navbar-breakpoint-2 .nav-item:nth-child(-n+3), .navbar .navbar-nav.navbar-breakpoint-3 .nav-item:nth-child(-n+4) {
        margin-right: 50px;
    }
    .input-control, input, input.input-control, textarea, textarea.input-control, select, select.input-control {
        padding: 20px 0;
    }
    .footer-columns .wp-block-column h5 {
        font-size: 15px;
        line-height: 25px;
    }
    #colophon .wp-block-column:last-child .wp-block-buttons .wp-block-button:first-child a {
        font-size: 1.6vw;
        line-height: 1.6vw;
    }
}
@media (min-width: 1900px) {
    html, body {
        font-size: 16px;
        line-height: 24px;
    }
    body:not(.home) .site-main  {
        padding-top: 125px;
    }
    .page-template-page-about #introduction .intro-caption-row {
        height: calc( 100vh - 125px );
    }
    .navbar {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .navbar .nav-item.site-logo .navbar-brand {
        top: 40px;
    }
    .intro-caption-row {
        height: 100vh;
    }
    .listing-header {
        margin-bottom: 60px;
    }
    .listing-insights .listing-body-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 70px 50px;
    }
    .list-thumbnail {
        height: 450px;
    }
    .listing-page .listing-body .listing-body-inner .list-thumbnail {
        height: 520px;
    }
    .flex-section-row {
        gap: 100px;
    }
    .listing-page.listing-works .listing-body-inner, .listing-page.listing-projects .listing-body-inner {
        gap: 70px 100px;
    }
    .listing-page.listing-works .list-thumbnail, .listing-page.listing-projects .list-thumbnail {
        height: 520px;
    }
    .listing-projects-about {
        padding-top: 150px;
    }
    .listing-projects-gallery {
        margin-top: -40px;
    }
}
@media (min-width: 2300px) {
    html, body {
        font-size: 18px;
        line-height: 28px;
    }
    .navbar .navbar-brand {
        width: 400px;
    }
    .intro-caption-row {
        height: 1000px;
    }
}