@media (max-width: 768px) {


    table {
        max-width: 100%;
        display: block;
    }
    tbody td,
    thead td {
        box-sizing: border-box;
    }

    tbody td {
        padding: 10px;
    }

    thead td {
        line-height: initial !important;
        padding: 10px !important;
    }

    thead{
        background-size: cover;
    }

    #management tbody td,
    #quality tbody td {
        display: block;
        width: 100%;
    }

    #calendar {
        overflow: scroll;
    }

    .container-flex,
    #featured {
        width: 100%;
        max-width: 1200px;
        margin: auto;
    }
    iframe {
        max-width: 100%;
    }

    footer {
        width: 100%;
        max-width: 1200px;
        margin: auto;
    }

    .nav-toggler {
        display: none;
        position: absolute;
        left: 15px;
        top: 30px;
        padding: 10px;
        color: #9a9a9a;
    }
    .search-toggler {
        display: none;
        position: absolute;
        right: 15px;
        top: 30px;
        padding: 10px;
        color: #9a9a9a;
    }

    #blog_content .large {
        width: 100% !important;
        max-width: 680px;
        margin-left: auto;
        margin-right: auto;
    }

    img {
        max-width: 100%;
        height: auto;
    }
    footer #meta {
        height: auto;
        text-align: center;
        padding: 20px 15px;
    }
    footer .column,
    footer .social,
    footer .social li {
        float: initial !important;
        margin-bottom: 0 !important;
    }
    footer .column ul li {
        margin-bottom: 0 !important;
    }
    footer .column ul li a {
        display: block;
    }
    .contact {
        padding: 0;
    }
    footer .social li:last-child {
        padding-right: 0;
    }
    header section {
        border-image: url(../images/menu_bg_gradient.jpg) 30 round;
        border-bottom: 5px solid;
        border-image-width: 0 0 5px 0;
        border-image-repeat: stretch;
    }

    .related_links {
        width: auto !important;
    }

    .fullwidth {
        min-height: 50vh !important;
    }

    #blog_content,
    #sidebar,
    #page_content {
        width: auto !important;
        float: initial !important;
        min-height: auto !important;
        margin-right: 0;
        padding: 0 15px;
    }

    #blog_content h1 {
        text-align: center;
    }

    #blog_content .blog_listing,
    #blog_content .natural_thinking {
        float: initial !important
    }

    #blog_content .small {
        width: 49%;
        height: 300px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        background-size: cover !important;
    }

    .nav-toggler,
    .search-toggler {
        display: block;
    }
    #search {
        display: none;
    }
    .logo {
        left: 0;
        right: 0;
        text-align: center;
        width: 150px;
        margin: auto;
    }
    .logo img {
        width: 100%
    }
    header nav ul li,
    header nav ul li a {
        float: initial !important;
    }

    header nav,
    .nav_container {
        height: auto;
        height: auto;
        width: 100%;
        margin: auto;
    }
    header nav {
        display: none
    }

    .container {
        width: auto !important;
    }
    #homepage-info {
        width: 100%;
        padding: 20px 15px;
        box-sizing: border-box;
    }
    .column {
        width: auto !important;
        margin: 0 !important;
        margin-bottom: 15px !important;
    }

    header section,
    header nav {
        width: auto !important;
        max-width: 1200px;
        margin: auto;
    }

    #homepage-info .column.col-6 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 50% !important;
    }

    #homepage-info .column.col-3 {
        width: 25% !important;
    }
    .sub-menu {
        position: initial !important;
        width: 100%;
    }

    #project_listing li.project {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: initial !important;
        background-position: center !important;
        background-size: cover !important;
    }
    #featured {
        margin-bottom: 20px;
    }
    #blog_content h1 {
        margin-bottom: 20px;
    }
    #homepage-info .column.col-3,
    #homepage-info .column.col-6 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 100% !important;
    }
    #blog_content .small {
        width: 100% !important;
        height: 300px;
        display: inline-block;
    }

    footer {
        text-align: center;
    }
    footer .column,
    footer .social,
    footer .social li {
        float: initial !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    #sidebar .slot,
    #sidebar .slot a {
        width: 100%;
        min-height: 250px;
        height: auto;
    }

    #sidebar .slot a .title {
        box-sizing: border-box;
        width: 100%;
    }
    #sidebar .inner {
        padding: 0
    }
    #project_listing {
        margin: auto;
        float: initial;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .project a h2,
    .project a {
        width: 100%;
        box-sizing: border-box;
    }
    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right,
    .gform_wrapper .top_label input.medium,
    .gform_wrapper .top_label select.medium,
    #page_content .gform_wrapper textarea,
    #page_content .gform_wrapper select {
        width: 100% !important;
    }
    #subForm input[type="text"],
    #subForm input[type="email"],
    #sidebar .section #subForm p select {
        width: 100%;
        box-sizing: border-box;
    }
    .wp-caption {
        width: 100% !important;
    }
    #project_content {
        float: initial !important;
        width: 100% !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        box-sizing: border-box;
    }

    .mobile {
        display: block !important;
    }
    .desktop {
        display: none !important;
    }

    .natural_thinking_listing .slots.mobile,
    #project_listing .slots.mobile {
        margin-bottom: 20px;
    }

    #project_listing .slots.mobile .section {
        padding-bottom: 25px;
        border-bottom: 1px solid #d2d2d2;
        margin-bottom: 25px;
    }

    .natural_thinking_listing .slots.mobile h2,
    #project_listing .slots.mobile h2 {
        margin-bottom: 10px;
        color: #951b81;
        font-family: BrandonText-Bold;
        text-transform: uppercase;
    }
}