﻿@charset "utf-8";

@media only screen and (max-width : 960px) {
.header, .footer {
    padding: 0 10px;
}
.navigation li a {
    font-size: 12px;
    padding: 23px 15px 16px 15px;
}
}
@media only screen and (max-width : 974px) {
.inner-double .col2  {
    border-left: 0;
    max-width: none;
    width: auto;
    float: none;
}
.inner-double .col1, .inner-triple .col1 {
    display: none;
}
.inner-double .sf_2cols_2_67 {
    width: auto !important;
}
.inner-triple .col2 {
    width: 66%;
    border-left: 0;
 }
.template-title .inner {
    width: auto !important;
}
.column-three img {
    display: none;
}
.column-three .col1, .column-three .col2, .column-three .col3 {
    width: 32% !important;
    margin-right: 2%
}
.column-three .col3 {
    margin-right: 0;
}
.webcast div {
    width: auto;
}
.column-two-right .col1 {
    width: 33% !important;
    margin-right: 2% !important;
}
.column-two-right .col2 {
    width: 65% !important;
}
.column-three .col1 {
  min-height: 20px;
  margin-right: 10px;
}
.rssBody .sfContentBlock ul {
    margin: 0 0 15px 0 !important;
}
}
@media only screen and (max-width : 800px) {
#slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    left: 40px;
}
#slide1 {
    background-position: -87px 0
}
#slide2 {
    background-position: -68px 0;
}
#slide3 {
    background-position: -94px 0;
}
#slide4 {
    background-position: -87px 0;
}
.slideTxt {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
}
.flex-control-nav {
    top: initial;
    left: 0px;
    bottom: -10px;
}
.inner-triple .col2, .inner-triple .col3 {
    width: auto;
    float: none;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    clear: both;
 }
.footnav {
    width: 22%;
}
.last {
   width: 60%;
   clear: both;
}
ul.terms {
    margin-top: 0 !important;
}
.footer .last ul li a {
  background: url(none);
  padding-bottom: 0;
  margin-bottom: 0;
  float: left;
  margin-right: 10px;
  display: inline;
}
}
@media only screen and (max-width : 799px) {
.navigation {
    display: none;
}
	
.header .rwdTogsWrap{
	display:block;
}



 
	
a.rwdBtn {
    position: absolute;
    left: 15px;
    display: block;
    width: 27px;
    height: 26px;
    background: url(images/btnRwd.png) no-repeat;
}
#slide2 {
    background:url(images/header-slider-share2.png) no-repeat;
    background-position: -68px 0;
}
#slide3 {
    background:url(images/header-slider-learn2.png) no-repeat;
    background-position: -94px 0;
}
#slide4 {
    background:url(images/header-slider-improve2.png) no-repeat;
    background-position: -45px 0;
}
#slides .slides_container .slide {
    height: 570px !important;
}
.home-slider {
    height: 570px !important;
}
#slides {
    height: 570px !important;
}
#slide1, #slide2, #slide3, #slide4 {
    background-position: -285px 0;
}
#slide1 .slide-content, #slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    left: 240px;
    bottom: 40px;
    top: initial;
}
#slides .pagination {
    top: initial;
    left: 0px;
    bottom: -10px;
}
.footnav {
    width: 45%;
}
.last {
    clear: none;
}
.footer .last ul li a {
    float: none;
    margin-right: 0;
    color: #edebe7;
    font-size: 12px;
    background: url(images/footer-menu-underline.png) repeat-x bottom left;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.footer ul li {
    display: none;
}
.footer ul li.heading {
    display: block;
}
.social {
    width: 45%;
    float: left;
}
.address {
    padding-top: 20px !important;
}
.copy, .address {
    float: none;
    text-align: center;
    margin: 5px auto;
}
.articleListing .sfitem div.title, .articleListing .sfitem div.date {
    float: none;
}
#articleListingHeader .title, .articleListing .title {
    width: auto;
}
.articleListing .orange-button-complete-access, .articleListing .orange-button {
    position: relative;
    top: initial;
    right: initial;
}
.inner-inner-two-column.articles .sf_2cols_2_50, .inner-inner-two-column.articles .sf_2cols_1_50 {
    width: 100% !important;
}
.create-account .sf_2cols_1_50, .create-account .sf_2cols_2_50 {
    width: auto!important;
    float: none !important;
}
.create-account .sfregisterLnkWrp {
    width: auto !important;
    height: auto !important;
}
.inner-double .col2 {
    padding-left: 0;
}
}
@media only screen and (max-width : 700px) {
.inner-triple .sf_2cols_1_50, .inner-triple .sf_2cols_2_50 {
    float: none;
    width: auto !important;
}
.inner-triple .col3 {
    margin-top: 15px;
}
}
@media only screen and (max-width : 635px) {
	   .header .utility .create {

        width: 165px;
    }	
	
.eyebrow {
    display: none;
}
a.rwdSearch {
    position: absolute;
    right: 15px;
    display: block;
    width: 18px;
    height: 19px;
    background: url(images/btnSearch.png) no-repeat;
}
.rwdSearch {
    display: block;
}
.search-area {
    display: none;
    position: absolute !important;
    top: 44px;
    right: 5px;
    z-index: 9999;
}
.template-title h1, .template-title h6 {
    margin: 100px 0px 23px 15px;
}
@media only screen and (max-width : 620px) {
#slide1, #slide2, #slide3, #slide4 {
    background-position: -400px 0;
}
#slide1 .slide-content, #slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    left: 120px;
    bottom: 40px;
    top: initial;
}
#slides .pagination {
    top: initial;
    left: 0px;
    bottom: -10px;
}
.column-three .col1, .column-three .col2, .column-three .col3 {
    width: 100% !important;
    float: none;
}
.column-two-right .col1 {
    margin-bottom: 20px;
}
.column-two-right .col1, .column-two-right .col2 {
    width: 100% !important;
    float: none;
}
}
@media only screen and (max-width : 480px) {
#slide1, #slide2, #slide3, #slide4 {
    background-position: -443px 0;
}
#slide1 .slide-content, #slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    left: 80px;
    bottom: 40px;
    top: initial;
}
}
@media only screen and (max-width : 450px) {
.sfContentBlock ul {
  float: none !important;
  margin: 0 30px 15px 0;
  width: auto !important;
  padding: 0 0 0 40px;
}
.inner-triple .col2 h2 {
    margin-top: 18px;
    clear: both;
}
}
@media only screen and (max-width : 375px) {
.slides_container {
    top: 50px;
}
#slides .slides_container .slide {
    height: 620px !important;
}
.home-slider {
    height: 620px !important;
}
#slides {
    height: 620px !important;
}
#slide1 {
    background:url(images/header-slider-powerful3.png) no-repeat;
    background-position: -554px 0px;
}
#slide2 {
    background:url(images/header-slider-share3.png) no-repeat;
    background-position: -544px 0px;
}
#slide3 {
    background:url(images/header-slider-learn3.png) no-repeat;
    background-position: -493px 0;
}
#slide4 {
    background:url(images/header-slider-improve3.png) no-repeat;
    background-position: -536px 0;
}
#slide1 .slide-content, #slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    left: 25px;
    bottom: 100px;
    top: initial;
}
#slide1 .slide-content h1 {
    font-size: 40px;
}
.col2 .sfContentBlock img {
  margin: 0 10px 10px 0;
}
}
@media only screen and (max-width : 320px) {
#slide1, #slide2, #slide3, #slide4 {
    background-position: -475px 0;
}
#slide1 {
    background:url(images/header-slider-powerful3.png) no-repeat;
    background-position: -574px 0px;
}
#slide2 {
    background:url(images/header-slider-share3.png) no-repeat;
    background-position: -564px 0px;
}
#slide3 {
    background:url(images/header-slider-learn3.png) no-repeat;
    background-position: -503px 0;
}
#slide4 {
    background:url(images/header-slider-improve3.png) no-repeat;
    background-position: -556px 0;
}
#slide1 .slide-content, #slide2 .slide-content, #slide3 .slide-content, #slide4 .slide-content {
    width: 250px;
    left: 30px;
    top: initial;
}
}



