@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .feature.axis .range {
        height: 53px;
    }
}

@media screen and (max-width:1200px) {



    #wall .panel .panelcol.full.half-heights .top.fullwidth .innercontent h2 {
        margin-top: 24%;
    }
    #wall .panel .panelcol.lg {
        flex-basis: 50%;
    }
    #wall .panel .panelcol.sm {
        flex-basis: 50%;
    }
    #wall .panel {
        flex-direction: column;
    }
    #wall .panel.bottom {
        height: auto;
    }
    #wall.sliders .panel {
        flex-direction: column;
    }
    #wall.sliders .panel .panelcol {
        min-height: auto;
    }
    #wall.sliders .panel.feature-footer .container {
        height: 100%;
    }
    #wall.sliders .panel.feature-footer .container .left,
    #wall.sliders .panel.feature-footer .container .mid,
    #wall.sliders .panel.feature-footer .container .right {
        width: 100%;
    }
    #wall .panel .panelcol.left,
    #wall .panel .panelcol.right {
        text-align: center;
    }
    #wall .panel .panelcol.right img.square,
    #wall .panel .panelcol.left img.square {
        display:none;
    }

    #wall .panel.section-4.panel-4 .panelcol .innercontent {
        width: 85%;
    }
    #wall .panel .panelcol .innercontent h2 {
        font-size: 4em;
        line-height: 1em;
        white-space: nowrap;
        margin-bottom: 50px;
    }
    #wall.wellbeing .panel .panelcol .innercontent h2 {
        white-space: normal;
    }
    #wall.wellbeing .panel .panelcol .innercontent h2.big {
        font-size: 6rem;
    }
    #wall .panel .panelcol .innercontent p {
        font-size: 1.5em;
        line-height: 1.7em;
    }
    #wall .panel.panel-1 .panelcol.left .innercontent {
        width: 90%;
    }
    #wall .section-6.panel.panel-6.bottom {
        flex-direction: row;
    }
    #wall .panel.panel-6 .panelcol .button-link {
        font-size: 2.2vw;
    }
    #wall .panel .panelcol .innercontent div.angles {
        margin-top: 2em;
    }
    #wall .panel .panelcol .innercontent div.angles .angle {
        width: 41%;
        margin: 0 10px 20px 10px;
    }


    /*.city-mpu-wrap .home-right img.home-right.large {*/
        /*display:none;*/
    /*}*/
    /*.city-mpu-wrap .home-right img.home-right.small {*/
        /*display:block;*/
        /*padding: 15px;*/
    /*}*/


    /*.city-mpu-wrap {*/
        /*display:block;*/
    /*}*/
    /*.city-mpu-wrap .tamlite-city {*/
        /*padding-top: 40%;*/
    /*}*/
    /*.city-mpu-wrap .home-right {*/
        /*display:block;*/
        /*width: 100%;*/
        /*white-space: nowrap;*/
    /*}*/
    /*.home-right .mpu-top,*/
    /*.home-right .mpu.mpu-bottom {*/
        /*width: 45%;*/
        /*display: inline-block;*/
        /*margin-top: 0;*/
    /*}*/
    #feature1.wellbeing .wellbeing-square h2 {
        /*font-size: 1.5em;*/
    }
    #home-content .container.inset {

    }
    #home-content .row .pad-right {
        padding-right: 0;
    }
    #home-content .sector-text {
        margin-top: 2em;
        text-align: center;
    }
    .grid-sizer, .grid-item {
        width: 50%;
    }





    /*.grid-item.grid-item--width1 {*/
        /*width: 50%;*/
    /*}*/
    /*.grid-item.grid-item--width2 {*/
        /*width: 100%;*/
    /*}*/

    .grid-item.grid-item--height2 {
        height: 360px;
        width: 100%;
    }
    .grid-item--height2 .inner .no-image,
    .grid-item--height2 .inner .image {
        height: 340px;
    }




}

@media screen and (min-width:1199px) {
    .video-resolution {
        padding-top: 24%;
    }
}

@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
    .gold-bg .container {
        width: 100%;
    }
    .award-bar-right {
        background-color: #fff;
    }
    .footer-main {
        height: 20vw;
    }

    #wall .panel .panelcol .innercontent h2 {
        font-size: 3em;
        line-height: 1em;
        white-space: nowrap;
        margin-bottom: 40px;
    }
    #wall .panel .panelcol .innercontent p {
        font-size: 1.8em;
        line-height: 1.3em;
    }
    #wall .panel.panel-6 .panelcol .button-link {
        font-size: 1.6vw;
    }

    nav.navbar .form-inline .form-group {
        padding-right: 20px;
    }

    #wall .section-3 .panel .panelcol .innercontent {
        width: 90%;
    }
    .bottom-panels .left img {
        width: 80%;
    }
    .bottom-panels .innercontent p {
        font-size: 1.1em;
    }


}

@media screen and (max-width:991px) {
    nav.navbar > .container {
        margin: 0;
    }
    .navbar-collapse.collapse {
        padding-left: 6px;
    }

    .navbar .form-inline,
    .navbar .form-group {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .navbar .form-group input,
    .navbar .form-group i {
        display: inline-block;
    }

    .navbar .form-group input {
        width: 50%;
    }
    nav #searchResult {
        width: 100%;
        height: 50vh;
        overflow: scroll;
        visibility: visible;
        border: thin solid rgb(153, 153, 153);
        position: absolute;
        left: 0px;
        top: 100%;
        z-index: 1;
        background-color: rgb(247, 247, 247);
        display: none;
    }
}

@media only screen and (max-width : 768px) and (orientation : portrait) {

    html, body {
        overflow-x: hidden;
    }

    body {
        margin-bottom: 323px;
    }

    .sector-squares-row .sector-square-inline {
        max-width: 20%;
    }

    #video_overlay {
        top: 5%;
    }
    #home-video-container {
        margin-bottom: 15px;
    }

    .footer-main {
        font-size: 86%;
    }

    div#worthanotherlook {
        margin-bottom: 0;
    }
    .worthanotherlook  .sector-squares-row .sector-square-inline {
        width: 20%;
    }

    form#subForm {
        width: 95%;
    }

    #tamlite-city {
        padding-top: 27%;
    }

    .container.inset {
        padding: 0 15px;
    }

    #home-content .home-banner {
        /*padding-top: 63%;*/
    }
    #home-content .home-banner-inner {
        width: 100%;
        top: 190px;
    }
    #home-content .home-banner-inner.mid,
    #home-content .home-banner-inner.right {
        margin-left: 0;
    }




    #home-content .home-banner-inner .shade {
        width: 100%;
        margin: 0 auto;
        background-color: rgba(51,51,51,.4);
    }
    body.home #home-content .home-banner-inner h1 {
        font-size: 2em;
        line-height: 110%;
        margin-bottom: 20px;
    }
    .home-banner-inner a.trans-btn {
        margin-top: 20px;
        font-size: 140%;
    }

    .container.inset {
        width: auto;
    }
    .row .pad-right {
        padding-right: 0;
    }
    #home-content .sector-text {
        margin-top: 2em;
        text-align: center;
    }

    .grid-sizer, #home-content .grid-item {
        width: 50%;
        padding: 5px;
    }
    .grid-item .inner {
        padding-top: 0;
        padding-right: 0;
    }
    .grid-item {
        height: 315px;
    }

    .tab-center-content {
        text-align: center;
        margin-bottom: 15px;
    }

    .grid-item .inner .no-image,
    .grid-item .inner .image {
        height: 300px;
    }

    .grid-item.grid-item--width2.grid-item--go-width1 {
        width: 50%;
        margin-left: 20px;
    }

    .grid-item.grid-item--width3,
    .grid-item.grid-item--width2 {
        width: 100%;
    }
    .grid-sizer, .grid-item .no-right-padding {
        padding: 0;
    }
    .grid-item.grid-item--height2 {
        height: 350px;
        width: 100%;
    }



    .city-mpu-wrap .home-right img.home-right.large {
        display:none;
    }
    .city-mpu-wrap .home-right img.home-right.small {
        display:block;
        padding: 15px;
    }

    a.navbar-brand img {
        float: left;
    }
    button.navbar-toggler.navbar-toggler-right {
        position: absolute;
        z-index: 9999;
        top: 10px;
    }


    .spark {
        margin-top: -111px;
    }
    .spark-holder-mid h1 {
        margin-top: 131px;
        font-size: 2.2rem;
    }
    .feature-bg {
        background-position: 50% 3%;
        background-size: 800px auto;
    }
    .feature-content {
        padding-top: 140px;
    }
    .feature-content a.video-link {
        outline: none;
        width: 50%;
        margin: 0 auto 20px auto;
        display:block;
    }

    .feature-content .text .quote {
        width: 80%;
        margin: 10px auto 0px auto;
    }


    .award-bar-right {
        background-color: #fff;
    }
    .bottom-panels {
        flex-direction: column;
    }
    .bottom-panels .left img {
        width: 80%;
    }
    .bottom-panels .mid {
        padding: 20px 0 30px 0;
    }
    .bottom-panels .left, .bottom-panels .right {
        min-height: 360px;
        align-content: center;
    }

    .footer-main {
        height: 38vw;
    }
    .scroll-layer.hide-mob {
        display:none;
    }

    #wall .panel .panelcol.full.half-heights .top.fullwidth .innercontent h2 {
        margin-top: 24%;
    }
    #wall .panel .panelcol.lg {
        flex-basis: 50%;
    }
    #wall .panel .panelcol.sm {
        flex-basis: 50%;
    }
    #wall .panel {
        flex-direction: column;
    }
    #wall .panel.bottom {
        height: auto;
    }
    #wall.sliders .panel {
        flex-direction: column;
    }
    #wall.sliders .panel .panelcol {
        min-height: auto;
    }
    #wall.sliders .panel.feature-footer .container {
        height: 100%;
    }
    #wall.sliders .panel.feature-footer .container .left,
    #wall.sliders .panel.feature-footer .container .mid,
    #wall.sliders .panel.feature-footer .container .right {
        width: 100%;
    }
    #wall .panel .panelcol.left,
    #wall .panel .panelcol.right {
        text-align: center;
    }
    #wall .panel .panelcol.right img.square,
    #wall .panel .panelcol.left img.square {
        display:none;
    }

    #wall .panel.section-4.panel-4 .panelcol .innercontent {
        width: 85%;
    }
    #wall .panel .panelcol .innercontent h2 {
        font-size: 4em;
        line-height: 1em;
        white-space: nowrap;
        margin-bottom: 50px;
    }
    #wall.wellbeing .panel .panelcol .innercontent h2 {
        white-space: normal;
    }
    #wall.wellbeing .panel .panelcol .innercontent h2.big {
        font-size: 6rem;
    }
    #wall .panel .panelcol .innercontent p {
        font-size: 1.5em;
        line-height: 1.7em;
    }
    #wall .panel.panel-1 .panelcol.left .innercontent {
        width: 90%;
    }
    #wall .section-6.panel.panel-6.bottom {
        flex-direction: row;
    }
    #wall .panel.panel-6 .panelcol .button-link {
        font-size: 2.2vw;
    }
    #wall .panel .panelcol .innercontent div.angles {
        margin-top: 2em;
    }
    #wall .panel .panelcol .innercontent div.angles .angle {
        width: 41%;
        margin: 0 10px 20px 10px;
    }

    #feature1.wellbeing .hero-image img {
        width: 130%;
    }


    #feature1.wellbeing .wellbeing-hero-main {
        margin: 0;
    }
    #feature1.wellbeing .wellbeing-hero-main {
        width: 100%;
    }
    #feature1.wellbeing .tamlite-blue-bg h2, #feature1.wellbeing .tamlite-blue-bg p {
        color: #fff;
    }

    #feature1.wellbeing .wellbeing-hero-main .wellbeing-copy {
        width: 100%;
    }
    #feature1.wellbeing .wellbeing-hero-main .wellbeing-copy .bottom {
        /*width: 62%;*/
        margin-top: 20px;
    }
    #feature1.wellbeing .wellbeing-square {
        min-height: 195px;
    }
    #feature1.wellbeing .icons-center .icon {
        width: 24%;
    }
    #feature1.wellbeing .icons-center .icon p {
        white-space: nowrap;
    }
    #wall.wellbeing .panel .panelcol .innercontent {
        width: 80%;
    }
    #wall.wellbeing .panel .panelcol.left.sm, #wall.wellbeing .panel .panelcol.right.sm {
        text-align: center;
    }


    #wall.wellbeing .panel {
        flex-direction: column;
    }

    .navbar .additional-nav {
        height: 42px;
        display:block;
    }
    .navbar .additional-nav a {
        color: #003164;
        width: 30%;
        display:block;
    }
    .navbar .additional-nav h6 {
        text-align: left;
        line-height: 40px;
        font-size: 1.6rem;
    }
    .navbar li a h6 {
        display:none;
    }

    .taurus .taurus-types-wrap {
        align-items: end;
    }

    #feature1.wellbeing .icons-center .icon p {
        font-size: 14px;
    }

}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

    #wall .panel-6 img {
        width: 100%;
    }

}


@media only screen and (max-width: 600px) and (orientation: portrait) {

    #vision {
        text-align: center;
    }
    #vision .vision-types-wrap {
        width: 100%;

    }
    #vision .vision-type-icon {
        width: 33%
    }
    #vision  .vision-type-icon img {
        margin-right: 10px;
    }
    #vision .vision-type-text {
        width: 100%
    }
    .vision-pdf {
        text-align: left;
    }
    #vision .vision-pdf img {
        width: 60px;
        margin-right: 5px;
    }
    .vision-pdf p {
        font-size: 80%;
    }


    .worthanotherlook .adjust {
        display: none;
    }

    .worthanotherlook  .sector-squares-row .sector-square-inline {
        width: 30%;
    }
    .grid-sizer, #home-content .grid-item {
        width: 100%;
    }
    .grid-item.grid-item--width2.grid-item--go-width1 {
        width: 100%;
        margin-left: 0;
    }

    .sector-squares-row .sector-square-inline {
        max-width: 33%;
    }

    #vision .mid-panel, #vision .mid-panel.drawing img {
        width: 100%;
    }

    .product_carousel_holder .product_carousel_thumbs {
        display: none;
    }

    .product_carousel_holder, .product_carousel_main {
        width: 100%;
    }

    #wall .panel .panelcol.lg {
        flex-basis: 50%;
    }

    #wall .panel .panelcol.sm {
        flex-basis: 50%;
    }

    #wall .section-1.panel .panelcol .innercontent h2 {
        margin-bottom: 10px;
    }

    #_wall .section-1.panel .panelcol .innercontent p {
        font-size: 1.7em;
    }

    #wall .panel .panelcol .innercontent h2 {
        margin-bottom: 20px;
        font-size: 2em;
        line-height: 1em;
        white-space: normal;
    }

    #wall .panel .panelcol .innercontent p {
        font-size: 1.2em;
        line-height: 1.6em;
    }

    #wall .panel.panel-6 .panelcol .button-link {
        font-size: 1.2em;
    }

    #wall .section-6.panel.panel-6.bottom {
        flex-direction: column;
    }

    #wall .panel .panelcol .innercontent div.angle {
        margin-top: 0;
    }

    #wall .section-3 .panel .panelcol .innercontent {
        width: 85%;
    }

    .footer-main {
        height: 102vw;
    }

    #wall .panel .panelcol .innercontent div.angles {
        margin-top: 2em;
    }

    #wall .panel .panelcol .innercontent div.angles .angle {
        width: 41%;
        margin: 0 10px 20px 10px;
    }

    #wall.wellbeing.feature-office .panel .panelcol .innercontent,
    #wall.wellbeing.feature-education .panel .panelcol .innercontent {
        width: 95%;
        font-size: 80%
    }

    #wall.wellbeing .panel .panelcol .innercontent img.feature-symbol {
        height: 60px;
    }

    .feature.wellbeing .scroll-layer {
        display: none;
    }

    #wall.wellbeing .panel .panelcol .innercontent h2.big {
        font-size: 3rem;
    }
    #feature1.wellbeing .wellbeing-square h2 {
        font-size: 1.9em;
    }

    #wall.sliders .panel.feature-footer .container h3 {
        font-size: 1.3em;
    }

    #wall.sliders .panel.feature-footer .container a.button {
        font-size: 1em;
    }

    #wall.feature-retail-leisure.sliders .panel .panelcol .innercontent {
        width: 80%;
    }

    #wall.feature-retail-leisure.sliders .panel .panelcol .innercontent h1 {
        font-size: 2.5em;
    }

    #wall.feature-retail-leisure.sliders .panel .panelcol.lg {
        flex-basis: 40%;
    }
    #wall.feature-retail-leisure.sliders .panel .panelcol.sm {
        flex-basis: 60%;
    }
    #wall.feature-retail-leisure.sliders .scroll-layer {
        margin-top: -60px;
    }
    #wall.feature-retail-leisure.sliders .scroll-layer i.scrolldown {
        font-size: 1.5em;
    }
    #wall.feature-retail-leisure.sliders .scroll-layer p.scrolldown {
        font-size: 0.8em;
    }

    #wall.sliders .slick-prev {
        left: 5px;
    }
    #wall.sliders .slick-next {
        right: 5px;
    }


    #wall.sliders .slick-prev:after,
    #wall.sliders .slick-next:after {
        font-size: 2rem;
    }


}



@media only screen
and (max-device-width : 600px)
and (orientation : landscape) {
    #wall {
        display:none;
    }
    #rotate {
        display:block;
    }
    #feature1.wellbeing .icons-center .icon p {
        font-size: 11px;
    }
}



@media only screen and (max-width:480px) and (orientation: portrait) {
    body {
        /*margin-bottom: 500px;*/
        margin-bottom: 0;
    }
    .footer {
        position: relative;
    }

    .container.inset {
        width: auto;
    }

    form#subForm {
        width: 95%;
    }


    .feature-squares .feature-square {
        height: 17%;
    }

    #feature1.wellbeing .grid-item {
        width: 100% !important;
    }

    #feature1.wellbeing .hero-image img {
        width: 150%;
    }

    .grid-item .inner {
        padding: 0;
    }

    .grid-sizer, #home-content .grid-item {
        width: 100%;
        margin-bottom: 15px;
    }
    .grid-item.grid-item--width2.grid-item--go-width1 {
        width: 100%;
    }

    #home-content .home-banner-inner {
        width: 80%;
        top: 44%;
        right: 10%;
    }
    #home-content .home-banner-inner .shade {
        width: 100%;
        margin: 0 auto;
        padding: 15px 0 15px 0;
        background-color: rgba(51,51,51,.2);
    }

    .slick-arrow {
        display: none;
    }

    body.home #home-content .home-banner-inner h1 {
        margin-bottom: 20px;
        font-size: 1.5em;
        line-height: 120%;
    }
    .home-banner-inner a.trans-btn {
        margin-top: 1.5em;
        font-size: 110%;
    }

        .home-slides .slick-prev:after, #wall .slick-prec:after,
    .home-slides .slick-next:after, #wall .slick-next:after {
        font: bold 2rem/1 'FontAwesome';
    }
    .home-slides .slick-next, #wall .slick-next,
    .home-slides .slick-prev, #wall .slick-prev {
        width: 6px;
    }

    #home-content .home-banner-inner {
        width: 100%;
        top: 95px;
        right: 0;
    }

    .grid-item .inner .no-image,
    .grid-item .inner .image {
        height: 320px;
    }
    .grid-item.grid-item--height2 {
        height: 370px;
    }


    #tamlite-city {
        padding-top: 30%;
    }

    #wall .panel .panelcol.full.half-heights .top.fullwidth .innercontent h2 {
        margin-top: 24%;
    }

    #wall .panel .panelcol.full.half-heights .bottom.fullwidth.bottom-panels .half .bottom-link {
        bottom: 33%;
    }
    .panelcol.full.half-heights .bottom.fullwidth .half img {
        height:75px;
    }
    .bottom-panels .button-link {
        padding: 5px 5px 7px 5px;
        border: 1px solid #fff;
        font-size: 0.9em;
    }

    .city-mpu-wrap {
        display:block;
    }
    .city-mpu-wrap .tamlite-city {
        padding-top: 22%;
        background-size: 100% 100%;
    }
    .city-mpu-wrap .tamlite-city .trans {
        display:none;
    }

    .city-mpu-wrap .home-right {
        display:block;
        width: 100%;
        white-space: nowrap;
    }
    .home-right .mpu-top,
    .home-right .mpu.mpu-bottom {
        width: 90%;
        display: block;
        margin: 0 auto 0 auto;
    }
    .home-right .mpu-top {
        width: 96%;
        margin-bottom: 10px;
    }

    .row.promos {
        margin: 0;
    }
    button.navbar-toggler.navbar-toggler-right {
        position: absolute;
        top: 10px;
    }

    .spark {
        margin-top: -144px;
    }
    .spark-holder-mid h1 {
        margin-top: 125px;
        font-size: 1rem;
    }
    .feature-bg {
        background-size: 350px auto;
        background-position: 50% 3%;
    }
    .feature-content {
        padding-top: 0;
    }
    .feature-content .text h2 {
        font-size: 2rem;
        padding-top: 0;
    }

    .spark-holder-left {
        height: 285px;
    }
    .spark-holder-mid {
        background-size: 150% 75%;
        width: 100%;
    }
    .spark {
        margin-top: -130px;
    }
    .feature-content .text p {
        font-size: 100%;
    }
    .feature-content a.video-link {
        width: 100%;
        margin-bottom: 15px;
    }
    .feature-content .thumbs {
        margin: 0;
    }
    .feature-content .text .quote {
        width: 100%;
        margin: 10px auto 0px auto;
        font-size: 70%;
    }
    #feature1.wellbeing .wellbeing-hero-main {
        /*margin-top: 50px;*/
    }
    #feature1.wellbeing .wellbeing-hero-main .wellbeing-copy {
        top: 20px;
    }
    #feature1.wellbeing .wellbeing-hero-main .wellbeing-copy .bottom {
        width: 95%;
    }

    #feature1.wellbeing .wellbeing-hero-main .wellbeing-copy h1 {
        margin-bottom: 15px;
        font-size: 200%;
    }
    #feature1.wellbeing .tamlite-blue-bg h2, #feature1.wellbeing .tamlite-blue-bg p {
        color: #fff;
    }
    #feature1.wellbeing p {
        font-size: 115%;
    }
    #feature1.wellbeing .wellbeing-hero-main {
        /*min-height: 590px;*/
    }
    #feature1.wellbeing .wellbeing-square {
        min-width: auto;
        min-height: 240px;
    }
    #feature1.wellbeing .icons-center .icon {
        width: 49%;
    }
    .footer-main {
        height: 127vw;
    }
    .container.subnav-container {
        margin-left: 0;
    }
    .navbar .additional-nav {
        height: 42px;
    }
    .navbar .additional-nav a {
        color: #003164;
        width: 30%;
        display:block;
    }
    .navbar .additional-nav h6 {
        text-align: left;
        line-height: 40px;
        font-size: 1.2rem;
    }
    .navbar li a h6 {
        display:none;
    }
    #feature2 .row.reverse-mobile {
        flex-direction: column-reverse;
    }
    #feature2 .row .half-text {
        text-align: left;
    }
    #feature2 .row .half-text h2 {
        margin-top: 25px;
    }
    #feature2 .row .axis-images {
        height: 200px;
    }
    .feature.axis #axis-header img {
        max-width: 100%;
    }
    .half-text-subtitle { display:none; }

    #feature1.wellbeing .icons-center .icon p,
    .feature-every-type-of-space .icons-center .icon p {
        font-size: 11px;
    }

    #video_overlay {
        display:none;
    }

}

@media screen and (max-width:320px) {

    body.wellbeing {
        font-size: 10px;
    }
    #wall .panel .panelcol.full.half-heights .top.fullwidth .innercontent h2 {
        margin-top: 24%;
    }


    #feature1.wellbeing .wellbeing-hero-main {
        /*min-height: 730px;*/
    }
    #feature1.wellbeing .wellbeing-square {
        min-height: 280px;
    }
    #feature1.wellbeing .icons-center .icon {
        width: 50%;
    }
    .footer-main {
        height: 138vw;
    }
    .navbar .additional-nav h6 {
        font-size: 1.1rem;
    }
    #wall.wellbeing.feature-office .panel .panelcol .innercontent p,
    #wall.wellbeing.feature-education .panel .panelcol .innercontent p {
        margin-bottom: 0;
        font-size: 102%
    }
    #feature2 .row .axis-images {
        height: 170px;
    }



}