@media(){

}

@media(max-width: 1199px) {
    .full-width-hero {
        height: 340px;
    }
        .full-width-hero.thin-hero {
            height: 240px;
        }

    .padding-large {
        padding: 74px;
    }

    .padding-medium {
        padding: 40px;
    }

    .padding-small {
        padding: 20px;
    }
    .stat-column-right {
        padding: 70px 15px 70px 70px;
    }
}

    @media(max-width: 991px) {
        .header-navbar, .menu-search-container, .header-search {
            display: none;
        }

        .header-top > .container {
            background: none;
        }

        #mobileBurgerMenu {
            display: inline-block;
        }

        #openSearchMobile.active {
            display: block;
        }

        .text-columns{
            flex-direction: column;
        }

        .fw-bg-img {
            height: 460px;
        }

        .col-text-media{
            flex-direction: column;
            height: auto;
        }
            .col-text-media .col-tm {
                width: 100%;
            }
        .col-tm-media{
            height: 280px;
        }
        .col-tm-content{
            padding: 40px 80px;
        }


        .rte-and-counter .stat-column-right {
            background-color: unset;
        }

        .stat-column-right {
            height: 370px;
            padding: 70px 15px 70px 15px;
        }

        .rte-and-counter {
            background: linear-gradient(to bottom, #fff 60%, #31404c 370px);
        }

    }

    @media(max-width: 767px){
        .full-width-hero.thin-hero h1{
            font-size: 30px;
        }
    }

    @media(max-width: 600px) {
        .navbar-brand img {
            max-height: 30px;
        }

        .col-tm-content {
            padding: 20px;
        }

        .divider {
            height: 40px;
        }

        #mobileSideNav {
            top: 90px;
        }

        .padding-large {
            padding: 40px;
        }

        .padding-medium {
            padding: 20px;
        }

        .padding-small {
            padding: 10px;
        }

        .full-width-hero h1{
            font-size: 30px;
        }

        .angled-hero{
            flex-direction: column;
            min-height: unset;
        }
        .ah-bgimage{
            height: 300px;
            width: 100%;
        }
        .ah-bgimage:before {
            display: none;
        }
        .angled-hero .ah-content{
            position: unset;
            transform: none;
            padding-top: 24px;
            padding-bottom: 24px;
        }
            .angled-hero .ah-content h1{
                max-width: 100%;
            }
    }


    @media(max-width: 400px){
        .navbar-brand img{
            max-height: 24px;
        }
    }