@media (max-width: 1200px) {
    #listing-menu {
        margin: 0 26px;
    }
    /* TEXTBLOCK COMPONENT */
    .textblock .textblock-content .intro-text {
        padding-left: 33px !important;
        padding-right: 33px !important;
    }
    /* VERTICAL TABS COMPONENT */
    .tabbed_vertical-container ul.nav-stacked {
        /* max-width: 100%; */
        padding-left: 33px;
        padding-right: 33px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .textblock {
        padding: 0 33px;
    }
    .callout.half {
        width: 49%;
    }
}
    

@media (max-width: 992px) {
    /* BASE ELEMENTS */
    h1 {
        font-size: 40px;
        font-weight: 100;
        line-height: 50px;
    }
    h2 {
        font-size: 28px;
        font-weight: 300;
        letter-spacing: -0.61px;
        line-height: 40px;
    }
    h4 {
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;        
    }
    p {
        font-size: 18px;
        font-weight: 100;
        letter-spacing: -0.32px;
        line-height: 30px;
    }
    /* END BASE ELEMENTS */
    
    /* HERO COMPONENT */
    .hero.left {
        background-position: left;
    }
    .hero.center {
        background-position: center;
    }
    .hero.right {
        background-position: right;
    }
    .hero .inner.row {
        padding: 106px 26px;
    }
    .hero .row {
        width: 100%;
        max-width: 800px;
    }
    .hero h1,
    .hero h2,
    .hero h3,
    .hero h4,
    .hero h5 {
        margin-bottom: 10px;
    }

    .blog-detail .hero .inner.row {
        padding: 30px 0;
    }
    .blog-detail .hero h1 {
        font-size: 28px;
    }
    /* END HERO COMPONENT */
    
    /* SUBTITLE COMPONENT */
    .subtitle {
        padding-left: 33px;
        padding-right: 33px;
    }
    /* END SUBTITLE COMPONENT */

    /* TEXTBLOCK COMPONENT */
    /* .textblock .textblock-content .intro-text {
        padding-left: 33px !important;
        padding-right: 33px !important;
    } */
    div.textblock.has-image div.textblock-content {
        flex-direction: column !important;
    }
    div.textblock.has-image div.textblock-content .intro-img {
        width: 100%;
        max-width: 100%;
    }
    div.textblock.has-image div.textblock-content .intro-text {
        width: 100%;
        margin: auto;
     }    
    /* END TEXTBLOCK COMPONENT */

    /* COLUMNS COMPONENT */
    .row.cards .card {
        padding-left: 33px;
        padding-right: 33px;
        margin-bottom: 3em;
    }
    .row.cards .card .column-icon {
        margin-bottom: 45px;
    }
    .dark .row.cards .card p {
        font-weight: 100; 
    }
    .row.cards .card p {
        margin-bottom: 1em;
    }
    .card .secondary.button {
        height: initial;
        margin-bottom: 2em;
    }
    /* END COLUMNS COMPONENT */

    /* END IMAGECOLUMNS COMPONENT (GALLERY) */

    /* CALLOUT COMPONENT */
    .callout-container {
        padding-left: 16px;
        padding-right: 16px;
        flex-direction: column;
    }

    .callout,
    .blog-detail .callout {
        margin-bottom: 21px;
        height: 353px;
    }

    .callout.half {
        width: 100%;
    }
    /* END CALLOUT COMPONENT */

    img.subtext-image {
        max-width: 100%;
    }
    /* END VERTICAL TABS COMPONENT */

    /* HORIZONTAL TABS COMPONENT */
    .tab-pane {
        display: initial;
        width: 100%;
    }
    .tab-pane .tab-pane-content {
        flex-direction: column;
        align-items: center;
    }
    .tab-pane .tab-pane-content h5 {
        margin-bottom: 20px;
    }
    .tab-pane .tab-pane-content > h5 {
        margin-top: 20px;
    }
    .tab-pane .tab-pane-content > h2 {
        padding: 0 26px;
        max-width: 450px;
        text-align: center;
    } 
    .textblock.tab-pane .tab-pane-content .intro-text {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 26px;
    }
    .tab-pane.has-image .tab-pane-content .intro-img {
        width: 100%;
        max-width: 100%;
        margin: 3em 0;
    }
    .tab-pane.has-image .tab-pane-content .intro-img img {
        margin-left: auto;
        margin-right: auto;
        max-height: 300px;
    }
    /* END HORIZONTAL TABS COMPONENT */

    .blog-detail #social1 {
        display: none!important;
    }

    .blog-detail .blog-post p,
    .blog-detail .blog-post h1,
    .blog-detail .blog-post h2,
    .blog-detail .blog-post h3,
    .blog-detail .blog-post h4,
    .blog-detail .blog-post h5 {
        padding: 0 30px;
    }


    /* FOOTER */
    footer#footer {
        padding: 63px 28px;
        height: inherit;
    }
    footer#footer #footer-logo {
        margin-bottom: 25px;
    }
    footer#footer ul {
        font-family: ProximaNova-Medium;
        font-size: 18px;
        color: #4A4A4A;
        letter-spacing: 0;
        line-height: 36px;
        margin-bottom: 30px;
    }
    #footer #links-row {
        flex-direction: column;
    }
    #footer-right {
        flex-direction: column;
    }
    #footer-right ul {
        margin-left: 0;
    }

    #footer #social {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    #footer #social a img {
        margin-right: 15px;
    }
    #footer #copyright {
        position: relative;
        width: 100%;
    }
    /* END FOOTER */

    /* RESOURCES LISTING */
    #listing {
        flex-direction: column;
    }
    #listing #listing-menu {
        margin-bottom: 20px;
    }
    #listing div#listing-menu .section {
        margin-bottom: 0;
    }
    #listing div#listing-content {
        margin-left: 26px;
        margin-right: 26px;
    }
    #listing div#listing-content .cards {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    #listing #listing-content .cards .card {
        height: auto;
        width: 100%;
    }
    #listing #listing-content .cards .card .type {
        margin-bottom: 10px;
    }
    #listing #listing-content .cards .card .description {
        display: none;
    }
    /* END RESOURCES LISTING */

    /* BLOG INDEX */
    .blog-list {
        grid-template-columns: repeat(auto-fit, minmax(250px, 100%));
        grid-gap: 20px;
    }
    .blog-list .list-item {
        height: auto;
        padding: 40px 26px;
    }
    /* END BLOG INDEX */
}

@media (max-width: 1200px) {
    /* IMAGECOLUMNS COMPONENT (GALLERY) */
    .image-gallery {
        justify-content: space-evenly;
    }
}

@media (max-width: 991px) {
    /* VERTICAL TABS COMPONENT */
    .tabbed_vertical-container ul.nav-stacked {
        max-width: 100%;
    }
}