﻿@charset "utf-8";
@media only screen and (max-width :1264px) {
    .studentStories .whiteBlock {
        top: 0;
    }
    .studentStories {
        margin-bottom: 0;
        padding-bottom: .8em;
    }
    .memberTxt h3 {
        font-size: 1em;
        font-weight: normal;
    }
    .memberBox:hover .memberTxt {
    transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    }
}
@media only screen and (max-width :1220px) {
    .search {
        max-width: 300px;
    }
    .sfsearchTxt {
        min-width: 200px;
    }
    .studentStoriesL2 .memberGrid .memberBox {
        max-width: 22%;
    }
    .proproR {
        padding-left: 2em;
        box-sizing: border-box;
        -moz-box-sizing: border-box;    
    }
}
@media only screen and (max-width :1083px) {
    .memberTxt {
        padding: .5em;
    }
}
@media only screen and (max-width :996px) {
    


    a.logo {
        margin-left: 0;
    }
    nav {
        min-height: 52px;
        text-align: right;
    }
    a.btnRwd {
        display:inline-block;
    }
    .search {
        top: 152px;
        right: 52px;
        min-height: 52px;
        position: absolute;
        padding-left: .5em;
        background: #4a307c;
    }
    .sfsearchBox {
        top: 7px;
    }
    a.btnClose:before {
        color: #715b9c;
    }
	main {
      margin-top: 222px;
    }
    .sfNavHorizontalDropDownWrp .k-menu {
        display: none;
    }
    .studentStories .whiteBlock {
        text-align: center;
    }
    .ststblL, .proproL, .ststblR, .proproR {
        width: auto !important;
        float: none !important;
    }
    .proproR {
        padding-left: 0;
    }
    .studentStoriesL2 .memberGrid .memberBox {
        max-width: 47%;
    }
    .memberTxt h3 {
        font-size: 1.3em;
    }
    .memberTxt {
        bottom: -87%;
    }
    .memberBox:hover .memberTxt {
         transform: translate(0px, -40%);
        -moz-transform: translate(0px, -40%);
        -webkit-transform: translate(0px, -40%);
    }
    .l3 {
        float: none;
        margin-right: 0;
    }
    .contentLiner {
        margin-right: 0;
    }
    .rightCol {
        float: none;
        width: auto;
        margin-left: 0;
    }
    .linksblock {
        display: none;
    }
    .contact {
        width: 100% !important;
        display: inline-block;
        margin: 0 auto;
    }
    .footerBot, .footerbottom {
        font-size: 1.2em;
        text-align: center;
    }
    footer .footerAddr, .footerBot {
        float: none !important;
        text-align: center;
        padding: 0 !important
    }
}
@media only screen and (max-width :850px) {
    .logorow {
    min-height:190px;
    }
    .eyebrow {
        padding: 5px 0 33px 0;
    }
    .memberList .memberTxt h3 {
        font-size: 1.2em;
    }
	main {
      margin-top: 242px;
    }
}
@media only screen and (max-width :795px) {
    .NewsEvents .ne3col {
        float: none !important;
        width: auto;
    }
    .ne3col.advert {
        text-align: center;
    }
    .NewsEvents .ne3col {
        float: none !important;
        width: auto;
    }
    .ne3col.advert {
        display: none;
    }
    .footertop .footLinx {
        width: 24%;
    }
}
@media only screen and (max-width :767px) {
    header {
        position: relative;
    }
    main {
        margin-top: 0;
    }
}
@media only screen and (max-width :715px) {
    .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-left: 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-left: 0 !important;
    }
    .benefits .sf_colsIn, .global .sf_colsIn, .general .sf_colsIn {
        margin: 1em !important;
    }
    .Products .sf_5cols_1_20, .Products .sf_5cols_2_20, .Products .sf_5cols_3_20, .Products .sf_5cols_4_20, .Products .sf_5cols_5_20 {
        width: 50% !important;
        text-align: center;
    }
    .NewsEvents {
        margin: 0;
        padding-top: 0;
    }
    .whiteBlock {
        margin-bottom: 0;
    }
}
@media only screen and (max-width :667px) {
     a.logo {
        margin-left: 0;
        margin-top:30px!important;
    }
    .memberGrid .memberBox, .memberList .memberBox {
        max-width: 100%;
    }
    .memberTxt h3 {
        font-size: 1.3em;
    }
    .memberGrid .memberTxt h3 {
        font-size: 1.2em;
    }
    .memberTxt, .memberMain .memberTxt, .memberList .memberBox .memberTxt {
        bottom: -92%;
    }
    .memberMain .memberBox:hover .memberTxt, .memberBox:hover .memberTxt {
         transform: translate(0px, -40%);
        -moz-transform: translate(0px, -40%);
        -webkit-transform: translate(0px, -40%);s
    }
    .studentStoriesL2 .memberGrid .memberBox {
        max-width: 100%;
    }
    .memberImg img {
        float: none;
        margin: 0;
        max-width: 100%;
    }
}
@media only screen and (max-width :552px) {
    .eyebrow ul {
        text-align: center;
        position: relative;
        z-index: 9999;
    }
    .eyebrow li {
        font-size: .8em;
    }
    .rowright {
        margin-top: 130px;
    }
    .search {
        top: 169px;
    }
    .sfsearchTxt {
        min-width: 170px;
    }
    .memberTxt, .memberMain .memberTxt {
        bottom: -90%;
    }
    .footerBot {
        display: none;
    }
    .backTop {
        display: block !important;
        font-size: 1.3em;
        text-align: center;
        color: #a994d0 !important;
        padding-bottom: 1em;
    }
    .footerAddr {
        margin: 1em;
        font-size: 1.2em;
    }
}
@media only screen and (max-width :480px) {
    a.logo {
    
        height:200px;
        margin-left: 100px;
        margin-top:15px!important;
        background-position: 0 28px;
    }
}    
@media only screen and (max-width :451px) {
    a.logo {
        height: 200px !important;
        margin-left: 18px;
        margin-top:30px!important;
        background-position: 0 28px;
    .search {
        top: 187px;
    }
    .linksblock {
        width: 100% !important;
    }
    .Products .sf_5cols_1_20, .Products .sf_5cols_2_20, .Products .sf_5cols_3_20, .Products .sf_5cols_4_20, .Products .sf_5cols_5_20 {
        width: 100% !important;
        text-align: center;
    }
}
@media only screen and (max-width :414px) {
    .memberTxt, .memberMain .memberTxt {
        bottom: -83%;
    }
    .memberBox:hover .memberTxt {
         transform: translate(0px, -35%) !important;
        -moz-transform: translate(0px, -35%) !important;
        -webkit-transform: translate(0px, -35%) !important;
    }
    a.logo {
        height: 200px !important;
        margin-left: 60px;
        margin-top:30px!important;
        background-position: 0 28px;
    }
}
@media only screen and (max-width :375px) {

    a.logo {
        height: 200px !important;
        margin-left: 42px;
        margin-top:30px!important;
        background-position: 0 28px;
    }
}

@media only screen and (max-width :340px) {
    .memberTxt h3 {
        font-size: 1.1em !important;
    }
    .memberTxt {
        bottom: -83% !important;
    }
    .memberBox:hover .memberTxt {
         transform: translate(0px, -65%) !important;
        -moz-transform: translate(0px, -65%) !important;
        -webkit-transform: translate(0px, -65%) !important;
    }
    a.logo {
        height: 200px !important;
        margin-left: 18px;
        margin-top:30px!important;
        background-position: 0 28px;
}