﻿@charset "utf-8";
@import url("custom.css");
.rwdNav {
    display: none;
    position: fixed;
    top: 7.688em;
    left: 0;
    right: 0;
    background: #ebebeb;
    z-index: 9999;
    height: 100%;
    overflow-y: scroll;
}
.rwdNav .rwdsearch {
    text-align: center;
    padding: 1em 2em;
    background: url(images/bgrwdSearch.jpg) #0f6436;
}
.rwdNav .navigation {
    background: #FFF;
    position: fixed;
    left: 0;
    right: 0;
    top: 12em;
    bottom: 93px;
    overflow: auto;
}
.rwdNav .rwdcta {
    padding: 1em 2em;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 93px;
}
.rwdNav .navigation li {
    list-style:none;
}
.rwdNav .rwdcta li {
    display: inline-block;
    margin-right: 2.063em;
}
.rwdNav .rwdcta li:last-child {
    margin-right: 0;
}
.rwdNav .rwdcta a {
    color: #000;
}
.rwdNav .rwdcta .socialIcons {
    margin-top: 1em;
}
.rwdNav .rwdcta .socialIcons li {
    margin-right: .5em;
}
.rwdNav .rwdcta .socialIcons a:before {
    font-size: 20px;
}
.rwdNav .rwdcta .socialIcons a {
    color: #1b85b1;
}
a.rwdSection {
    display: none !important;
    color: #FFF;
    font-size: 0.875em;
    padding: .75em 1em;
    margin-bottom: .5em;
    background: #000;
    display: inline-block;
    position: relative;
    left: -2.25em;
}
a.rwdSection:hover {
    text-decoration: none;
    background: #333;
}
a.rwdSection:after {
    content: '\f054';
    color: #acbd29;
    margin-left: 1em;
    font: normal normal normal 12px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.rwdSectionNav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    margin-top: -.5em;
    background: #f0f0f0;
}
a.rwdSection.active:after {
    content: '\f00d';
}
@media only screen and (min-width : 2049px) {
    .subBanner .slantIn:before {
        bottom: -4.5em;
        height: 107px;
    }
    .subNews .featuredNews:nth-child(odd) .stripes {
        margin-top: -6.7em;
    }
}
@media only screen and (min-width : 2732px) {
    .subBanner .slantIn:before, .subBanner .slant:after, .slideRow .slantIn:before, .slideRow .slant:after {
        display:none;
    }
    .subNews .featuredNews:nth-child(odd) .stripes {
        margin-top: -2.5em;
    }
    .row1 .stripes span {
        top: -4.1em;
    }
    .l3Head .slant:after {
        right: -3.95em;
    }
}
@media only screen and (max-width : 1707px) {
    .l3Head .slant:after {
        right: -3.95em;
    }
}
@media only screen and (max-width : 1680px) {
    .row5BG {
        background-position-x: -200px;
    }
}
@media only screen and (max-width : 1500px) {
    .rowwrap {
        padding-left: 2em;
        padding-right: 2em;
    }
    .sub-nav-container {
        padding-left: 3em;
        padding-right: 3em;
    }
    .row1 .stripes span {
        left: 6.65em;
    }
    .row.row5 {
        padding-right: 0;
    }
    .row5BG {
        background-position-x: -300px;
    }
    .subNewsWrap .rowIntro .stripes {
        left: 3.35em;
    }
    .subCrumbs {
        padding-left: 5.8em !important;
    }
}
@media only screen and (max-width : 1400px) {
    .slideRow .flex-control-nav {
        font-size: .75em;
    }
    .slideRow .stripes span {
        width: 43em;
    }
    .row1 .stripes span {
        top: -7.8em;
    }
    .subNews .featuredNews:first-of-type .stripes {
        margin-top: -6.7em;
    }
    .subNewsWrap .rowIntro .stripes {
        top: -3.4em;
    }
}
@media only screen and (max-width : 1300px) {
    .topNav a, .btnSearch {
        font-size: .9em;
    }
    .sub-nav {
        margin-top: -3px;
    }
    .topNav .sub-nav a {
        font-size: 1em;
    }
    .row1 .stripes {
        display: none;
    }
    .row1 h2 {
        background: none;
    }
    .row1 .col1 {
        padding: 3em;
        padding-right: 20em;
        min-height: 0;
    }
    .row1 .col2 {
        margin-top: -3em;
    }
}
@media only screen and (max-width : 1200px) {
    .topNav a, .btnSearch {
        font-size: .72em;
    }
    .topNav .sub-nav a {
        font-size: 1em;
    }
    .navBlurb {
        width: 400px;
        min-height: 0;
        padding-left: 15em;
    }
    .navBlurb img {
        max-width: 150px;
        margin-top: 0;
        left: 1em;
    }
    .navMenu {
        margin-left: -400px;
    }
    .navMenuInner {
        margin-left: 400px;
    }
    .slideRow .flex-control-nav li {
        padding: 1.563em 3.688em;
    }
    .row1 .stripes span, .subNews .stripes, .subNewsWrap .rowIntro .stripes {
        display: none;
    }
    .row1 .featuredNews, .subNews .featuredNews {
        margin-left: -2em !important;
        margin-right: 0 !important;
        min-height: 0 !important;
    }
    .subNews .featuredNews:nth-child(odd) .col1, .subNews .featuredNews:nth-child(even) .col1 {
        padding: 0;
    }
    .row1 .featuredNews .col1, .subNews .featuredNews .col1 {
        padding: 3em !important;
    }
    .row1 .featuredNews .col2, .subNews .featuredNews .col2 {
        position: relative !important;
        float: right;
        margin: -2em -2em 0 -4em;
        left: auto;
        right: auto;
    }
    .row1 .featuredNews img, .subNews .featuredNews img {
        max-width: 400px;
    }
    .row4 .rowBtn {
        display: none;
    }
    .row4 .btnMobile {
        display: block;
    }
    .related {
        padding: 0;
    }
    .education .subBanner:before {
        background: rgba(43,125,117,.9);
    }
    .membership .subBanner:before {
        background: rgba(0,56,30,.9);
    }
    .standards .subBanner:before {
        background: rgba(6,58,129,.9);
    }
    .subBannerInner {
        max-width: none;
        min-height: 0;
    }
    .subBannerInner h1, .bannerTitle, .bannerTxt {
        margin-left: 0;
    }
    .subCrumbs {
        padding-left: 2em !important;
    }
    .subCta {
        position: absolute;
        bottom: 2em;
    }
    .education table {
        border-top: 2px solid #26736c;
    }
    .membership table {
        border-top: 2px solid #01391f;
    }
    .standards table {
        border-top: 2px solid #063a83;
    }
    .advocacy table {
        border-top: 2px solid #3c2043;
    }
    .students table {
        border-top: 2px solid #3f3f3f;
    }
    .ctaHolder td:first-child {
        border: none;
    }
    .ctaCat {
        float: none;
        width: auto;
    }
    .ctaHolder {
        float: none;
        width: auto;
    }
    .subBanner .slant {
        display: none;
    }
    .quoteL {
        float: none;
        padding-right: 0;
        margin-right: 0;
    }
    .quoteLInner {
        margin-right: 0;
    }
    .quoteR {
        width: auto;
        padding-left: 0;
        float: none;
        margin-top: 1em;
    }
    .quote .stripes {
        display: none;
    }
    .rowIntro {
        width: auto;
    }
}
@media only screen and (max-width : 1024px) {
    .slides div.slide {
        background-size: 1024px !important;
        background-position-y: top !important;
        height: auto;
    }
    .slides .slide:before {
        height: 506px;
    }
    .slideRow .flex-control-nav {
        display: none;
    }
    .slides .rowwrap {
        max-width: none;
        padding: 0;
    }
    .slideRow .flex-direction-nav {
        position: absolute;
        width: auto;
        top: 20em;
        width: auto;
        left: 4em;
        right: 4em;
        display: block;
    }
    .slideRow .slantL {
        display: none;
    }
    .slideRow .stripes span {
        top: 24.5em;
        width: 68%;
    }
    .slideBox {
        width: auto;
        position: relative;
        height: auto;
        padding: 2em 3.5em 3.5em;
        margin: 0 2em;
        margin-top: 16.250em;
        top: auto;
        left: auto;
        z-index: 999;
    }
    .boxTitle {
        display: block;
    }
    .boxCat {
        margin-top: 4.5em;
    }
    .slideRow .slant {
        display: none;
    }
    .row1 {
        margin-top: 0;
        padding-top: 0em;
    }
    .row1 .col1 {
        width: 100%;
    }
    .row1 .col2 {
        left: 4em;
        right: auto;
    }
    .row3 {
        padding-bottom: 5em;
        min-height: 0;
    }
    .row4 .stripes {
        display: none;
    }
    .row4 .col1 {
        margin-right: -215px;
    }
    .row4 .colliner {
        margin-right: 215px;
    }
    .row4 .col2 {
        float: right;
        width: 215px;
        padding-left: 0;
    }
    .bannerCat {
        top: auto;
        margin-top: 5.125em;
    }
    .bannerTitle {
        margin-top: 5em;
    }
    .footBot .cols {
        float: none;
        width: auto;
    }
    .footBot .col2 {
        text-align: left;
        margin-top: 2.5em;
    }
}
@media only screen and (max-width : 1000px) {
    .headWrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: #FFF;
        z-index: 9999;
    }
    a.logo {
        width: 210px;
        height: 83px;
        margin: 1.25em 0 0 1em;
        background: url(images/bgLogo_mobile.jpg);
    }
    .headRow1 {
        display: none;
    }
    .headRow2 {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        padding: 0.5em;
        background: #ebebeb;
    }
    .navigationWrap {
        display: none;
    }
    .rowHead {
        float: none;
        width: auto;
    }
    .social .rowHead {
        float: left;
        width: 75%;
    }
    .rowBtn {
        display: none;
    }
    .btnMobile {
        display: block;
    }
    a.btnRwd {
        display: inline-block;
    }
    .logBttns a, .logBttns a:first-of-type, .logBttns .btnCart {
        color: #221f20;
        padding: 0;
        border: none;
        margin-right: 1em !important;
        padding-right: 1em !important;
        border-right: 1px solid #221f20 !important;
    }
    .logBttns .btnCart span {
        padding: 0;
        top: auto;
    }
    .logBttns a:last-of-type {
        margin-right: 0 !important;
        border-right: none !important;
    }
    .headRow2 a:hover, .logBttns .btnCart:hover {
        color: #221f20 !important;
        background: none !important;
        text-decoration: underline !important;
    }
    .logBttns .btnCart:hover span {
        background-position: 0px 6px;
    }
    main {
        margin-top: 7.688em;
    }
    .related {
        padding: 0;
        margin: 0;
    }
    .relatedItem {
        width: auto;
        margin: 7em -2em 2em 0;
    }
    .relatedItem:last-child {
        margin-bottom:  0;
    }
    .relatedItem img {
        margin-left: -4.188em;
    }
    .l3main > .rowwrap {
        display: block;
    }
    .l3Left {
        float: none;
        width: auto;
        margin: 0 -2em;
    }
    .l3right {
        float: none;
        margin-left: 0;
    }
    .l3rightInner {
        margin-left: 0;
        padding: 0;
    }
    .l3Intro {
        margin-right: 0;
    }
    .l3Head {
        margin-top: 123px;
    }
    .l3LeftHead, .bcrumbs, .l3LeftNav {
        display: none;
    }
    a.rwdSection {
        display: inline-block !important;
    }
    .l3Head .slant {
        margin-left: -2em;
        margin-right: 4em;
    }
    .l3Advert .sfContentBlock {
        float: left;
        width: 50%;
        padding: .5em;
    }
    .l3Advert img {
        margin: 0;
    }
    .quote .col1, .stanDev .col1 {
        position: relative;
        float: none;
        text-align: center;
    }
    .quote .col2, .stanDev .col2 {
        float: none;
        max-width: 700px;
        margin: 0 auto;
    }
}
@media only screen and (max-width : 800px) {
    .row4 .cols, .row5 .cols {
        float: none;
    }
    .row4 .col1, .row4 .colliner {
        margin-right: 0;
    }
    .row4 .col2 {
        float: none;
        text-align: center;
        width: auto;
        padding-left: 0;
        margin-top: 2.5em;
        padding-top: 5em;
    }
    .row4 .stripes {
        display: block;
        top: 0;
        left: -2em;
    }
    .row4 .stripes span {
        left: 0;
        width: 15em;
        height: 3px;
    }
    .row4 .stripes span:nth-child(2) {
        margin-top: 8px;
        margin-left: 0;
    }
    .row4 .pub {
        margin: 0;
    }
    .row4 .stripes span:nth-child(3) {
        margin-top: 16px;
        margin-left: 0;
    }
    .row5 .col1, .row5 .col2 {
        width: auto;
    }
    .row5 .col1 {
        padding: 4em 0;
        margin-top: 27em;
    }
    .row5 .col2 {
        transform: skewY(-1.5deg);
        margin-left: -2em;
    }
    .row5BG {
        min-height: 400px;
        background-size: initial;
        background-position: -300px;
        transform: skewY(1.5deg);
    }
    .btmCta .stripes span {
        height: 3px;
    }
    .btmCta .stripes span:nth-child(2) {
        margin-top: 8px;
    }
    .btmCta .stripes span:nth-child(3) {
        margin-top: 16px;
    }
    .social .col1, .social .col2 {
        width: auto;
        float: none;
    }
    .footTop .col1, .footTop .col2 {
        width: 50%;
    }
    .footTop .col3 {
        clear: both;
        float: none;
        width: auto;
    }
}
@media only screen and (max-width : 640px) {
    .sfsearchBox {
        display: block;
        width: auto;
    }
    .slides div.slide {
        background-size: 640px !important;
        background-position-y: top !important;
        height: auto;
    }
    .slides .slide:before {
        height: 100%;
    }
    .slideRow .stripes span {
        top: 10em;
        height: 3px;
    }
    .slideRow .stripes span:nth-child(2) {
        margin-top: 8px;
    }
    .slideRow .stripes span:nth-child(3) {
        margin-top: 16px;
    }
    .slideBox {
        margin-top: 5.5em;
        padding: 1em;
    }
    .boxTitle {
        font-size: 1em;
        margin: 0 auto;
        max-width: 10em;
    }
    .slideBox h2 {
        font-size: 1.125em;
    }
    .slideBox p {
        color: #494949;
        font-size: 0.875em;
    }
    .boxCat {
        margin-top: 2.5em;
    }
    .slideRow .flex-direction-nav {
        position: absolute;
        top: 8em;
        width: 75%;
        left: 12.5%;
    }
    .btmCta .stripes span {
        width: 75%;
    }
    .l3Head {
        background-position-x: right;
    }
    .l3Head h1 {
        font-size: 1.500em;
    }
    .l3Head .slant {
        height: 2em;
    }
    .l3Head .slant:after {
        border-right: 2em solid transparent;
        border-bottom: 2em solid #FFF;
        right: -2em;
    }
    a.btnPrint {
        display: none;
    }
    .l3Intro {
        font-size: 1.125em;
        margin-top: .5em;
    }
    .rowIntro {
        font-size: 1em;
    }
    .row1 h2 {
        margin-bottom: 2em;
    }
    .rowHead h2, .l3main h2 {
        font-size: 1.250em;
        font-weight: 600;
    }
    .l3main .btmCta h2, .btmCta h2 {
        font-size: 2em;
    }
    .btmCta p {
        font-family: "ingra-2", Arial, sans-serif;
        font-size: 1em;
        margin: 1em;
        color: #494949;
    }
    .row3, .edCat {
        overflow: hidden;
        padding-bottom: 0;
        background: none;
        -webkit-transform: skewY(-5deg);
        -moz-transform: skewY(-5deg);
        -ms-transform: skewY(-5deg);
        -o-transform: skewY(-5deg);
        transform: skewY(-5deg);
    }
    .row3 .rowwrap, .edCat .rowwrap {
        padding-top: 6em;
        padding-bottom: 5em;
        margin: -3em 0 -2em 0;
        -webkit-transform: skewY(5deg);
        -moz-transform: skewY(5deg);
        -ms-transform: skewY(5deg);
        -o-transform: skewY(5deg);
        transform: skewY(5deg);
        background: url(/App_Themes/ASSE/Global/images/bgRowDark.jpg);
    }
    .edCat h3, .stanItem h3, .stanItem p {
        font-size: 1em;
    }
    .row4 {
        padding: 3em 0 2em;
    }
    .row4 .col2 {
        padding-top: 3em;
    }
    .row5 {
        -webkit-transform: skewY(0deg);
        -moz-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
        -o-transform: skewY(0deg);
        transform: skewY(0deg);
        background: none;
        min-height: 0;
    }
    .row5 .cols {
        -webkit-transform: skewY(0deg);
        -moz-transform: skewY(0deg);
        -ms-transform: skewY(0deg);
        -o-transform: skewY(0deg);
        transform: skewY(0deg);
    }
    .row5BG {
        transform: skewY(-3.5deg);
        margin-top: -2em;
    }
    .row5 .col1 {
        padding-bottom: 3em;
        margin-top: 22em;
        margin-bottom: 3em;
        -webkit-transform: skewY(-3.5deg);
        -moz-transform: skewY(-3.5deg);
        -ms-transform: skewY(-3.5deg);
        -o-transform: skewY(-3.5deg);
        transform: skewY(-3.5deg);
        background: linear-gradient(to bottom,#136032,#408334);
    }
    .row5 .col1 .rowwrap {
        -webkit-transform: skewY(3.5deg);
        -moz-transform: skewY(3.5deg);
        -ms-transform: skewY(3.5deg);
        -o-transform: skewY(3.5deg);
        transform: skewY(3.5deg);
    }
    .relBox h3 {
        color: #388fb7;
    }
    .row6 {
        padding: 0;
    }
    .stanItem {
        background-position: 0 28px;
        padding: 1.5em 1em 1.5em 4em;
    }
    .rowHead h2:before, .l3main h2:before {
        width: 1.25em;
    }
    .pubItem, .l3right .pubItem, .arrivals  .pubItem {
        float: none;
        width: auto;
        height: auto !important;
        margin: -1px 0 0;
    }
    .pubType.publication, .pubType.standard {
        margin-top: 1.5em;
        padding-left: 1.25em;
        background-position: -.25em -57px;
    }
    .pubItem h3 {
        padding-left: 0;
    }
    .social .rowHead {
        float: none;
        width: auto;
        display: block;
    }
    .social h2 {
        margin-bottom: 0;
    }
    .social .socialIcons {
        float: none;
        text-align: left;
        width: auto;
        display: block;
        margin: 1.875em 0;
    }
    .social .col1 {
        margin-left: -2em;
        margin-right: -2em;
    }
    .social img {
        width: 50%;
    }
    .bannerWrap {
        margin-bottom: 2em;
    }
    .subBanner {
        min-height: 0;
    }
    .subBannerBG {
        min-height: 100%;
    }
    .subBannerInner h1 {
        font-size: 2em;
    }
    .ctaHolder table {
        border-top: 0;
    }
    .ctaHolder td {
        border: 0;
        padding: 1.5em 3em;
    }
    .ctaCat {
        font-size: 1.5em;
        margin: 0;
    }
    .subCta {
        position: relative;
        bottom: auto;
        margin-bottom: 1em;
    }
    .ctaHolder td:nth-child(1), .ctaHolder td:nth-child(2), .ctaHolder td:nth-child(3) {
        display: block;
        width: auto;
        margin: 2px 0;
    }
    .ctaHolder td:empty {
        display: none;
    }
    .subCta .stripe {
        display: none;
    }
    .subCrumbs.rowwrap {
        position: absolute;
        top: 10.5em;
    }
    .social {
        padding: 2.125em 0 3.5em 0;
    }
    .footTop {
        padding-top: 200px;
    }
}
@media only screen and (max-width : 480px) {
    .flex-viewport {
        margin: 0;
    }
    .fnews .flex-direction-nav .flex-prev, .row3 .flex-direction-nav .flex-prev, .eduSlides .flex-direction-nav .flex-prev {
        left: -20px;
    }
    .fnews.flexslider:hover .flex-direction-nav .flex-prev, .row3 .flexslider:hover .flex-direction-nav .flex-prev, .eduSlides .flexslider:hover .flex-direction-nav .flex-prev {
        left: -20px !important;
    }
    .fnews .flex-direction-nav .flex-next, .row3 .flex-direction-nav .flex-next, .eduSlides .flex-direction-nav .flex-next {
        right: -20px;
    }
    .fnews.flexslider:hover .flex-direction-nav .flex-next, .row3 .flexslider:hover .flex-direction-nav .flex-next, .eduSlides .flexslider:hover .flex-direction-nav .flex-next {
        right: -20px !important;
    }
    .fnewsImg2 {
        float: none;
        margin: 0 auto;
        margin-bottom: 1em;
    }
    .newsR {
        margin-left: 0;
    }
    .row2, .row3 {
        padding-left: 0;
        padding-right: 0;
    }
    .featuredNews h3 {
        font-size: 1.5em;
    }
    .row1 .col1 h3 {
        font-size: 1.5em;
    }
    .headRow2 > div {
        display: block;
    }
    .headWrap .rowwrap {
        padding: 0;
    }
    .logBttns a, .logBttns a:first-of-type, .logBttns .btnCart {
        margin-right: .5em !important;
        padding-right: .5em !important;
    }
    .headRow2 a, .logBttns .btnCart {
        font-size: 0.75em !important;
    }
    a.btnRwd {
        margin-right: 1em;
    }
    .row1 .featuredNews img, .subNews .featuredNews img {
        max-width: 278px;
    }
    .row1 .featuredNews .col1, .subNews .featuredNews .col1 {
        padding: 1.5em !important;
    }
    .row1 .featuredNews, .subNews .featuredNews {
        margin-left: 0 !important;
    }
    .row1 .featuredNews .col2, .subNews .featuredNews .col2 {
        margin: 0;
        float: none;
    }
    .row1 .featuredNews img, .subNews .featuredNews img {
        max-width: none;
        width: 100%;
    }
    .row1 .col1 a, .subNews .featuredNews .col1 a {
        font-family: "ingra-2", Arial, sans-serif;
        font-size: 0.875em;
        font-weight: 600;
        text-align: center;
        color: #1b85b1;
        display:block;
        padding: 0.750em;
        border: 2px solid #494949;
        background: none;
        transition: background-color 0.5s ease;
    }
    .row1 .col1 a:hover, .subNews .featuredNews .col1 a:hover {
        color: #FFF;
        text-decoration: none;
        background: #494949;
    }
    .subNews .featuredNews:nth-child(odd) .col2 {
        margin-top: 0;
    }
    .subNews .featuredNews:nth-child(even) .col2 {
        margin-top: 0;
    }
    .relatedItem {
        margin: 0 0 2em;
    }
    .relImg {
        margin: 0 -2.18em;
    }
    .relatedItem img {
        width: 100%;
        margin: 0 0 2em;
    }
    .row5BG {
        background-size: contain;
        margin-top: -6em;
        background-position: 0;
    }
    .row5 .col1 {
        margin-top: 13em;
    }
    .row7 h2 {
        font-size: 2em;
    }
    .row7 p {
        font-size: 1em;
    }
    .subBannerInner h2 {
        font-size: 1.5em;
    }
    .post_comment img {
        float: none;
        display: block;
        margin: 0 auto 20px auto;
        max-width: 100px;
    }
    .commentR {
        margin-left: 0;
    }
    .footLogo {
        width: 230px;
        background-size: contain;
    }
    .footTop {
        padding-top: 140px;
    }
    .footTop .cols, .footBot .cols {
        width: auto;
        float: none;
    }
    .quoteTxt, .stanDev .col2 {
        font-size: 1em;
    }
    .footTop .col1 {
        padding-bottom: 2em;
    }
    .footTop .col2, .footTop .col3 {
        background: #000;
        padding: 2.5em 3em;
        margin: 0 -2em;
    }
    .footTop .col3 {
        padding-top: 0;
    }
    .footBot li {
        display: block;
        margin: 0 0 1em;
    }
    .footBot li:last-child {
        margin-bottom:  0;
    }
    .buttonRow a {
        font-size: .85em;
    }
    .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;
    }
    .sf_colsIn  {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .l3main table {
        display: block;
        overflow-x: auto;
    }
}
@media only screen and (max-width : 320px) {
    .slides div.slide {
        background-size: 375px !important;
        background-position-y: top !important;
        height: auto;
    }
    .row5 .col1 {
        margin-top: 13em;
    }
    .relatedItem {
        margin-top: 5em;
    }
    .relatedItem img {
        margin-top: -4em;
    }
}