/* reset fallback values in modern browsers */
/*max-width is the viewport size*/

img {
    max-width: 100%;
    height: auto;
}
/*IE8 Hack*/
@media \0screen {
    img {
        width: auto; /* for ie 8 */
    }
}

/*Tablet 800px and smaller*/
@media screen and (max-width: 801px) {

    h1 {
        font-size: 35px;
        line-height: 40px;
    }

    h2 {
        font-size: 25px;
        line-height: 30px;
    }

    #layout-content h1 {
        margin-top: auto;
    }

    .ym-wrapper,
    #header-fixed,
    #layout-content {
        width: 100% !important;
    }

        #header-fixed .portal-login,
        #header-fixed .search input {
            font-size: 1em;
        }

    header div.ym-g25 {
        width: 20%;
    }

    #content,
    #after-content {
        padding-right: 1%;
    }

    .page-title {
        margin-top: 10%;
    }

    #aside-second h3 {
        margin-bottom: 15px;
    }

    #aside-second {
        margin: 0;
        float: none;
        clear: both;
        display: block;
        width: 100%;
    }

        #aside-second ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            #aside-second ul li {
                float: left;
                width: 33%;
            }

            /*Clear fix*/
            #aside-second ul:before {
                content: "";
                display: table;
            }

            #aside-second ul:after {
                clear: both;
                content: ".";
                display: block;
                font-size: 0;
                height: 0;
                visibility: hidden;
            }

    .triple-first > div,
    .triple-second > div,
    .triple-third > div,
    .triple-second ul li section {
        padding: 0 10px 0 0;
    }



    ul.home-list li {
        height: 220px;
    }

        ul.home-list li.large .home-container, ul.home-list li.medium .home-container, ul.home-list li.small .home-container {
            height: 236px;
        }

            ul.home-list li.large .home-container img,
            ul.home-list li.medium .home-container img,
            ul.home-list li.small .home-container img {
                height: 212px;
            }

        ul.home-list li.x-small .home-container,
        ul.home-list li.x-small .metric-container {
            height: 100px;
        }

            ul.home-list li.x-small .home-container img {
                height: 100px;
            }

    ul.home-list div.announcement-container span.announcement-title {
        font-size: 12px;
        line-height: 16px;
    }

    ul.home-list .metric-container {
        padding: 10px 10px 0;
    }

    ul.home-list .x-small .metric-container {
        padding: 5px 5px 0;
    }

    ul.home-list div.text-image span.title {
        font-size: 19px;
        line-height: 23px;
    }

    ul.home-list div.text-image span.description {
        font-size: 16px;
    }

    ul.home-list div.success-detail-container span {
        font-size: 13px;
        line-height: 25px;
    }

    ul.home-list div.success-detail-container b {
        font-size: 25px;
    }

    ul.home-list div.success-story-image img {
        height: 195px !important;
        width: 195px !important;
    }

    .metric-list li {
        height: 200px;
    }

    .metric-list .metric_widget_border,
    div.metric-padding .metric_widget_border.large,
    div.metric_widget_border.medium.no-border {
        height: 175px;
    }

    div.metric-padding div.metric_widget_border.small {
        height: 180px;
    }

        div.metric-padding div.metric_widget_border.small div.metric_widget_container {
            height:87px;
        }
    .metric-list .small img.metric-image {
        height:82px;
    }

    .widget-metric-page .metric-list span.metric_text span.metric_value,
    ul.home-list span.metric_text span.metric_value {
        font-size: 45px;
    }

    .widget-metric-page .metric_value {
        line-height: 55px;
    }

    .widget-metric-page .metric_widget_container,
    ul.home-list .metric-container {
        font-size: 12px;
        line-height: 16px;
    }

    .metric-list .medium img.metric-image, .metric-list .large img.metric-image {
        height: 180px;
    }

    blockquote.lartaquotes {
        padding: 10px;
        font-size: 13px;
    }

    ul.success-stories-list div.success-story-container > img {
        height: 125px;
    }

    ul.management-related-items li {
        height: 250px;
        overflow: hidden;
    }

    #impact-links div.text-image span.title {
        font-size: 22px;
        line-height: 24px;
    }

    #impact-links div.text-image span.description {
        font-size: 15px;
        line-height: 16px;
    }

    ul.management-related-items li div,
    ul.success-stories-related-items li div,
    ul.larta-blog-list li div {
        padding: 0 10px 0 0;
    }

    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
    .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
        /* linearization for grids and columns module */
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto !important;
    }

        .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
            /* reset defined gutter values */
            margin: 0;
            padding: 0;
            /* optional for containing floats */
            overflow: hidden;
        }

    div.industry-filter .industry-sector-link-div {
        width:47%;
    }

    /*nav .ym-hlist ul {
        padding-right: 10px;
    }

    .ym-searchform {
        display: block;
        float: none;
        width: auto;
        padding-right: 10px;
        text-align: right;
    }

        .ym-searchform input[type="search"] {
            width: 14%;
        }*/

    ul.home-list div.quote-container span.quote-short {
        font-size: 12px;
        line-height: 14px;
    }

    ul.home-list div.quote-container span.quote-by {
        font-size: 11px;
        line-height: 13px;
    }
}

/*font sizes fix as screen gets smaller*/
@media screen and (max-width: 769px) {
    .hide-tablet {
        display: none !important;
    }

    #header-fixed .portal-login,
    #header-fixed .search input {
        font-size: 0.9em;
    }

    body {
        font-size: 0.9em !important;
    }

    .widget-main-nav ul li a {
        padding: 5px;
    }

    .widget-aside-first nav ul a {
        font-size: 1.2em;
    }


    div.industry-filter {
        height: 55px;
    }

        div.industry-filter .industry-sector-link-div {
            width: 46%;
            height: 50px;
        }

    /*h1 {
        font-size: 35px !important;
        line-height: 45px !important;
    }*/
}


/*mobile
    http://www.kylejlarson.com/blog/2012/iphone-5-web-design/
    */
@media screen and (max-width: 569px) {
    .hide-mobile
    /*#aside-second,*/ {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }

    #layout-content h1,
    .page-title {
        margin-top: 0;
    }

    #content, #after-content {
        padding-left: 1%;
        padding-top: 10px;
    }

    #toggle-menu-container {
        margin: 10px auto;
        text-align: center;
    }

        #toggle-menu-container a {
            color: #203B8E;
        }


    #header-fixed .search input,
    .widget-main-nav ul.menu li ul,
    #aside-first nav {
        display: none;
    }

    header div.ym-gl,
    header div.ym-gr,
    footer div.ym-gl,
    footer div.ym-gr,
    #aside-first,
    #layout-content-container,
    .metric-list li,
    .one-layout-triple > div,
    .two-layout-triple > div,
    #aside-second ul li {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto; /*!important;*/
        /*clear: both;*/
    }


    .one-triple-23 .one-layout-triple > div.triple-second,
    .two-triple-23 .two-layout-triple > div.triple-second, 
    .one-triple-12 .one-layout-triple > div.triple-first, 
    .two-triple-12 .two-layout-triple > div.triple-first,
    .one-triple-23 .one-layout-triple > div.triple-third,
    .two-triple-23 .two-layout-triple > div.triple-third,
    .one-triple-123 .one-layout-triple > div,
    .two-triple-123 .two-layout-triple > div {
        width: auto;
    }

    
    .triple-first > div,
    .triple-second > div,
    .triple-third > div {
        padding:10px 10px 0 0;
    }

    #layout-main ul li.ym-g75,
    #layout-main ul li.ym-g25,
    #layout-main ul li.ym-g50,
    #layout-main ul li.ym-gl,
    div.ym-gl.content-list,
    div.ym-gl.industry-sector-link-div,
    div.model-graphic > div.ym-gl {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto; /*!important;*/
        /*clear: both;*/
    }

        #layout-main ul li.ym-gl:before {
            content: "";
            display: table;
        }

        #layout-main ul li.ym-gl:after {
            clear: both;
            content: ".";
            display: block;
            font-size: 0;
            height: 0;
            visibility: hidden;
        }

    /*.ym-clearfix:before {
    content: "";
    display: table;
  }

  .ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }*/

    #header-fixed #search {
        width: 15%;
    }

    #header-fixed #portal-login {
        width: 35%;
    }

    .widget-main-nav ul.menu > li,
    .widget-main-nav ul.menu > li:last-child {
        margin: 1% 2%;
        width: 46%;
    }

    ul.home-list li.ym-g25.x-small .home-container {
        float: left;
        width: 47%;
        padding-bottom: 7px;
    }

    ul.home-list li {
        height: auto;
    }

    ul.home-list .home-container {
        padding: 3px;
    }

    ul.home-list li.large .home-container,
    ul.home-list li.large .home-container img {
        height: 150px;
    }

    ul.home-list li.medium .home-container,
    ul.home-list li.medium .home-container img {
        height: 180px;
    }

    ul.home-list li.small .home-container,
    ul.home-list li.small .home-container img,
    ul.home-list li.x-small .home-container,
    ul.home-list li.x-small .home-container img {
        height: 80px;
        /*width: auto !important;*/
    }

        ul.home-list li.small .home-container.quote-flexslider {
            height:110px;
        }

    .metric-list li,
    .metric-list li.projection,
    .metric-list .metric_widget_border {
        height: auto;
    }

    .metric_widget_border,
    ul.random-metrics .metric_widget_border,
    div.widget .metric_widget_border {
        height: auto;
    }

    .metric-list .small img.metric-image,
     .widget-metric-page ul.metric-list div.metric_widget_border.small div.metric_widget_container {
        height:60px;
    }
    .widget-metric-page ul.metric-list div.metric_widget_border.small {
        height:120px;
    }
    .widget-metric-page ul.metric-list div.metric_widget_border.medium {
        height:60px;
    }
    .widget-metric-page ul.metric-list div.metric_widget_border.large {
        height:150px;
    }

    ul.home-list div.success-story-container, ul.home-list div.success-detail-container {
        height:160px;
    }
    ul.home-list li.x-small .home-container, ul.home-list li.x-small .metric-container {
        height:75px;
    }

    div.metric-padding.widget div.metric_widget_border div.metric_widget_container,
    .metric-list.random-metrics div.metric-padding div.metric_widget_container {
        padding: 10px 0 !important;
    }

    div.metric-padding.widget {
        float: none;
    }

    .metric-padding {
        padding: 10px 0;
    }

    div.metric-padding.widget div.metric_widget_border div.metric_widget_container {
        height: auto;
        width: auto;
        padding: 5px 5px 0 5px;
    }

    ul.home-list .metric-container {
        padding: 5px 5px 0 5px;
    }

    metric_widget_container, 
    .widget-metric-page .metric_widget_container, ul.home-list .metric-container, 
        ul.home-list .metric-container .metric_text {
            font-size: 0.9em;
            line-height: 1em;
        }

    span.metric_value,
    span.metric_text span.metric_value,    
    .widget-metric-page .metric-list span.metric_text span.metric_value {
        display: inline;
        font-size: 2.5em;
        line-height: 1em;
    }

    span.metric-year-text,
    span.sub-metric-text {
        font-size: 0.7em;
        line-height:0.7em;
        position:relative;
        bottom:0;
        right:0;
        margin:5px 0 2px 0;
    }

    .thumbnail-container > img {
        display: block;
        float: left;
        width: 25% !important;
        height: 80px;
    }

    .thumbnail-container div.text-image {
        position: relative;
        bottom: 0;
        left: 0;
        float: left;
        height: 80px;
        margin-bottom: 0;
        width: 75%;
    }

        .thumbnail-container div.text-image span.title,
        ul.home-list div.text-image span.title {
            font-size: 1.1em;
            line-height: 1em;
        }

        .thumbnail-container div.text-image span.description {
            font-size: 1em;
            line-height: 1em;
        }

    /*ul.home-list div.text-image span.title {
        font-size: 1.5em;
        line-height: 1em;
    }

    ul.home-list div.text-image span.description {
        font-size: 1em;
    }*/


    ul.home-list span.metric_text span.metric_value {
        font-size: 2.5em;
        line-height: 1em;
    }

    ul.home-list div.success-story-image img {
        height: 160px !important;
        width: auto !important;
    }

    ul.home-list div.success-detail-container span {
        font-size: 1em;
        line-height: 1.5em;
    }

    
ul.home-list div.success-story-container div.success-story-text {
    font-size: 18px;
}

    ul.home-list div.success-detail-container b {
        font-size: 1.3em;
    }

    ul.home-list div.announcement-container {
        padding: 0 5px;
    }

    ul.landing-page-nav-list li {
        margin: 0 0 10px 0 !important;
    }

    .widget-client-projection-list ul li,
    ul.management-list li,
    ul.professional-mentors-list li {
        float: left !important;
        margin: 0;
        padding: 0;
        width: 50% !important;
    }

    div.industry-filter {
        height: auto;
        margin:0;
    }

        div.industry-filter .industry-sector-link-div {
            height: 30px;
            margin: 10px 0 0 0;
        }

    ul.search-results li {
        float: none;
        display: block;
        margin: 0 0 10px 0;
        width: auto;
        height: auto;
        border-bottom: 2px solid #203B8E;
    }


    ul.success-stories-related-items li:before,
    ul.larta-blog-list li:before {
        content: "";
        display: table;
    }

    ul.success-stories-related-items li:after,
    ul.larta-blog-list li:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    ul.success-stories-related-items li img,
    ul.larta-blog-list li img,
    .widget-resources-publications ul li img,
    ul.success-stories-list div.success-story-container > img,
    ul.short-success-stories-list li img,
    ul.model-success-story li section {
        float: left;
        /*width: 40%;*/
        margin: 5px;
    }

    ul.management-related-items li img {
        float: left;
        width: 25%;
        margin: 5px 10px;
    }


    ul.model-success-story .success-story-info, 
    .short-success-story .short-success-story-info {
        /*float: right;*/
        /*width: 50%;*/
        font-size: 13px;
    }

    ul.management-related-items li,
    .widget-resources-publications ul li,
    ul.success-stories-list li,
    ul.short-success-stories-list li, 
    ul.success-stories-list div.success-story-image img {
        height: auto;
    }

    article.short-success-story {
        padding:10px 0;
    }
    
article.short-success-story div.short-success-story-image {
    height: auto;
}


/*ul.home-list div.quote-container {
    padding: 2px 2px 0;
}*/

    /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
    .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
        /* linearization for grids and columns module */
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        width: auto !important;
    }

        .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
            /* reset defined gutter values */
            margin: 0;
            padding: 0;
            /* optional for containing floats */
            overflow: hidden;
        }

    /*.ym-wbox {
        padding: 0;
    }

    header {
        padding: 0.75em 10px;
    }

        header h1 {
            font-size: 1.5em;
            line-height: 1em;
            margin: 0;
        }

    footer,
    main,
    .ym-searchform,
    nav .ym-hlist ul {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ym-searchform,
    nav .ym-hlist ul,
    nav .ym-hlist li {
        display: block;
        float: none;
        width: auto;
        text-align: left;
    }

        .ym-searchform input[type="search"] {
            width: 75%;
        }*/

    ul.pager {
        padding-top:50px;
    }
}

@media screen and (min-width:600px) and (max-width:1024px) {
    /*.management-list {
        width: 80%;
    }
        .management-list li img {
            width:50%;
        }
        .management-list li {
            width: 33.33%;
        }*/
}