﻿@media only screen and (max-width : 1400px) {
    .slideTxt {
        width: 50%;
    }
}
@media only screen and (max-width : 1200px) {
    .slideTxt {
        width: auto;
        margin-left: 2em;
    }
}
@media only screen and (max-width : 1149px) {
    .headWrap, .row, .row.headline, .row.breadsocial, .l3row, .bannerTxt, .footTop, .footBot, .footCap {
        padding-left: 2em;
        padding-right: 2em;
    }
    .headWrap {
        position: relative;
    }
   .row.featured {
        font-size: 1em;
    }
        .row.featured h1, .row.featured h2,
        .row.featured h1[style], .row.featured h2[style],
        .row.featured h1 span, .row.featured h2 span {
            font-size: 1.5em !important;
        }
        .row.featured br {
            display: none;
        }
    .mainrow {
        margin-top: 0;
        clear: both;
    }
    nav {
        font-size: 1em;
    }
    nav li  {
        padding: 0 0 0 1em;
    }
    .mainLinks h3 {
        font-size: 1.5em;
    }
    .footBot .footRight .col1, .footBot .footRight .col2, .footBot .footRight .col3 {
        width: 49.5%;
    }
}
@media only screen and (max-width : 1024px) {
    nav, .subnav {
        display: none !important;
    }
    a.btnRwd {
        display: inline-block;
    }
    .mainLinks .cols {
        width: 49.5%;
    }
    .commConnect .col1 .col2 {
        width: 68%;
    }
    .commConnect .col1 .col3 {
        width: 100%;
        margin: 2em 0 0 0;
    }
    .commList .sfContentBlock {
        width: 33.333333%;
        display: inline-block;
        vertical-align: text-top;
    }
   .commList .sfContentBlock * {
       display: block;
       text-align: center;
       line-height: normal;
   }    
        .commList .sfContentBlock img {
            margin: 0 auto;
        }
}
@media only screen and (max-width : 800px) {
    a.logo {
        width: 175px;
        height: 102px;
        background-position: 0 -150px;
    }
    .search {
        display: none;
        width: auto;
        height: auto;
        position: absolute;
        top: 130px;
        left: 2em;
        right: 2em;
        margin: 0;
        padding: 1em 2em;
        background: #d5e8fd;
    }
    .search .k-input {
        height: 28px;
    }
    .sfsearchTxt {
        width: 94%;
    }
    .search input[type="submit"] {
        top: -4px;
        right: 2px;
        position: relative;
    }
    a.btnSearch {
        display: inline-block;
    }
    .rwdNav {
        top: 130px;
    }
    .headSocial {
        position: relative;
        top: 18px;
        right: 80px;
    }
    .commConnect .col1, .commConnect .col2 {
        width: 100%;
        margin: 0;
    }
    .commConnect .col2 {
        margin-top: 2em;
    }
    .commConnect .col1 .col1 {
        width: 30%;
    }
    .heading {
        height: auto;
    }
    .mainLinks h3 {
        position: relative;
    }
    ul.homeSocial li {
        display: inline-block;
        margin: 0 2em;
    }
    .l2Banner .bannerTxt .sfContentBlock {
        width: 50%;
    }
    .breadsocial .col1 {
        width: 75%;
    }
    .breadsocial .col2 {
        width: 20%;
    }
    .leftnav {
        display: block;
        float: none;
        max-width: none;
    }
        .lhead, .lnav {
            display: none;
        }
        .lcontent img {
            display: block;
            margin: 0 auto;
        }
    .l3main {
        float: none;
        margin: 0;
    }
    .l3mainInner {
        margin: 0;
    }
    .careers .callout.mentor .cols, .certification .callout.cert2 .cols, .resources .callout.resources2 .cols {
        width: 48.5%;
    }
        .careers .callout.mentor .col2, .certification .callout.cert2 .col2, .resources .callout.resources2 .col2 {
            margin-left: 1%;
            margin-right: 0;
        }
        .careers .callout.mentor .col3, .certification .callout.cert2 .col3, .resources .callout.resources2 .col3 {
            margin-left: 0;
            margin-top: 2%;
        }
    .footBot .footRight {
        display: none;
    }
}
@media only screen and (max-width : 736px) {
    .featured p, .featured .more {
        width: 100%;
    }
    .newsMeeting {
        background: none;
    }
    .newsMeeting .col1, .newsMeeting .col2 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .newsMeeting .col2 {
        margin-top: 3em;
    }
    .adverts .cols {
        width: 49.5%;
    }
    .adverts .col3, .adverts .col4 {
        margin-top: 2em;
    }
    .footCap .footLeft {
        margin-bottom: 1em;
    }
    .footCap .footLeft, .footCap .footRight {
        float: none;
        display: block;
        text-align: center;
    }
    .l2main .col1, .l2main .col2,
    .careers .l2main .col1, .certification .l2main .col1, .prodev .l2main .col1, .resources .l2main .col1,
    .careers .l2main .col2, .certification .l2main .col2, .prodev .l2main .col2, .resources .l2main .col2 {
        width: 100% !important;
        margin: 0;
    }
}
@media only screen and (max-width : 667px) {
    .l2Banner .bannerTxt .sfContentBlock {
        width: auto;
    }
    .slideTxt {
        position: relative;
        padding: 1em 2.5em;
        bottom: auto;
        left: auto;
        right: auto;
        background: #00456b;
    }
    ul.commList li {
        width: 100%;
        display: block;
        float: none;
    }
    ul.homeSocial li {
        display: block;
        margin: 0;
    }
    .sfsearchTxt {
        width: 88%;
    }
    .callout .cols, .careers .callout.mentor .cols, .certification .callout.cert2 .cols, .resources .callout.resources2 .cols, .l2learn .cols {
        width: 100%;
    }
    .callout .col1, .callout .col2, 
    .careers .callout.mentor .col1, .certification .callout.cert2 .col1, .resources .callout.resources2 .col1, 
    .careers .callout.mentor .col2, .certification .callout.cert2 .col2, .resources .callout.resources2 .col2, 
    .careers .callout.mentor .col3, .certification .callout.cert2 .col3, .resources .callout.resources2 .col3,
    .l2learn .col1, .l2learn .col2 {
        margin: 0 !important;
    }
    .callout .col2,
    .careers .callout.mentor .col2, .certification .callout.cert2 .col2, .resources .callout.resources2 .col2, 
    .careers .callout.mentor .col3, .certification .callout.cert2 .col3, .resources .callout.resources2 .col3,
    .prodev .callout.prodev1 .col2 {
        margin-top: 2em !important;
    }
}
@media only screen and (max-width : 568px) {
    .rwdSub li {
        display: block;
        margin-bottom: .5em;
    }
    .rwdSub li:last-child {
        margin-bottom: 0;
    }
    .rwdSub a {
        display: block;
    }
    .login {
        position: relative;
        z-index: 9999;
    }
    .mainLinks .cols, .adverts .cols {
        width: 100%;
    }
    .l2Banner {
        display: none;
    }
    .adverts .col2 {
        margin-top: 2em;
    }
    .commConnect .col1 .col1, .commConnect .col1 .col2 {
        width: 100%;
    }
    .row.featured .sfimageWrp {
        display: none;
    }
    .sf_2cols_1_25, .sf_2cols_2_75,
    .sf_2cols_1_33, .sf_2cols_2_67,
    .sf_2cols_1_67, .sf_2cols_2_33,
    .sf_2cols_1_75, .sf_2cols_2_25,
    .sf_2cols_1_50, .sf_2cols_2_50,
    .sf_3cols_1_25, .sf_3cols_2_50, .sf_3cols_3_25,
    .sf_5cols_1_20, .sf_5cols_2_20, .sf_5cols_3_20, .sf_5cols_4_20, .sf_5cols_5_20,
    .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25,
    .sf_3cols_1_33, .sf_3cols_2_34, .sf_3cols_3_33 {
        width: 100% !important;
        margin: 0;
    }
    .sf_2cols_1_50, .sf_2cols_2_50, .sf_2cols_1_75, .sf_2cols_2_25 {
        width: auto !important;
        float: none;
    }
    .sf_2cols_2_50 .sf_2cols_2in_50,
    .sf_2cols_2_33 .sf_2cols_2in_33 {
        margin: 0 !important;
    }
    .sf_colsIn {
        margin:0 !important;
    }
}
@media only screen and (max-width : 414px) {
    .sfsearchTxt {
        width: 80%;
    }
    .breadsocial .col1, .breadsocial .col2 {
        width: 100%;
    }
    .breadsocial .col2 {
        text-align: left;
    }
    .commList .sfContentBlock {
        width: 50%;
        display: inline-block;
        vertical-align: text-top;
    }
}
@media only screen and (max-width : 400px) {
    .headWrap {
        padding: 0 1em;
    }
    a.logo {
        width: 125px;
        height: 100px;
        background-position: 0 -275px;
        margin-top: 15px;
    }
    .headSocial {
        display: none;
    }
    .memberLogin div {
        display: block;
    }
    .rwdBtns {
        margin-top: 2em;
    }
    .search {
        left: 1em;
        right: 1em;
        padding: 1em;
    }
    .commList .sfContentBlock {
        width: auto;
        display: block;
    }
    .double a:last-of-type {
        margin-top: 2em;
    }
    .footCap li {
        padding: 0 0 0 .75em;
    }
}