/* CSS Document */
@media screen and (max-width: 992px) {
  #mainNavHeader, #bodyWrapper #mainContent,
  #leftCol, #rightCol, .quotes blockquote, #footerMain,
  #registerForm, #signinForm, #contactForm, .transBox {
    box-sizing: border-box; }
  /*Home - header */
  #headerMain, #transBanner {
    min-width: 100%; }
  #mainNavHeader {
    width: 100%;
    padding: 0 15px 0 3px; }
  /*Home - banner */
  #transBannerNav {
    width: 100%; }
  #transBannerNav span.bannerBtnRight {
    margin-right: 15px; }
  #transBannerNav span.bannerBtnLeft {
    margin-left: 15px; }
  /*Home - bodywrapper */
  #bodyWrapper #mainContent {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
  #leftCol {
    width: 56%;
    margin-right: 2%; }
  #rightCol {
    width: 42%; }
  .mainTitle {
    background-size: 100%; }
  .imgFlt {
    width: 50%;
    float: left;
    margin-right: 15px; }
  .imgFlt > img {
    width: 100%;
    height: auto; }
  #leftCol .homeText {
    margin-left: 0;
    width: 100%; }
  #leftCol .mainCopy {
    border: none;
    padding: 0px 10px 15px 0; }
  /*Sign in*/
  #bodyWrapper #mainContentWB {
    width: 100%;
    background: none;
    min-height: 0; }
  #registerForm, #signinForm, #contactForm, .transBox {
    width: 100%;
    background: none; }
  .transBox .right {
    float: none;
    width: auto;
	}
  .transBox .mainTitle {
    background-size: auto;
    height: 37px; }
  /*Home - footer */
  #footerMain {
    display: block;
    margin: 0 15px;
    width: auto; } }

@media screen and (max-width: 767px) {
  /*Home - header */
  #mainNavHeader {
    position: relative; }
  #headerMain #mainNavHeader {
    height: auto;
    width: 100%;
    float: left; }
  #headerMain #logoHome {
    float: left;
    margin-left: 12px;
    padding-bottom: 8px;
    padding-top: 15px; }
  #headerMain #headerBg {
    width: 100%;
    float: left; }
  /*Home - bodywrapper */
  #leftCol {
    width: 100%;
    margin-right: 0%; }
  #rightCol, .cta, h1.titleZodiac, #slides .slides_container {
    width: 100%; }
  #slides .slides_container div, .quotes blockquote {
    width: 100% !important; }
  .quotes blockquote {
    margin-left: 0;
    padding-left: 25px; }
  /*Sign in*/
  #bodyWrapper #mainContentWB {
    background: none; }
  .transBox .mainTitle {
    background-size: 100%; }
  .transBox .left {
    width: 100%;margin-right:0; margin-bottom:15px; }
  .transBox .left > img {
    width: 100%;
    height: auto; } 
/* fix follow feedback */
.fineprint > a{ display:block;}
.fineprint > a:first-child{margin-bottom:10px}
.fineprint > a > img{margin-left:0!important;}
#leftCol .homeText .cta{padding-left:0}
.quotes blockquote{font-size:1.3em}

.imgFlt {
    width: 100%;
    float: left; margin-right:0;
    margin-bottom: 15px; }
#leftCol .mainCopy,.content,.transBox .right{font-size:1.3em; line-height:1.3em;}
span.postauthor{font-size:1em}
/* fix slider */

.img-loaded:first-child{background-image:url(../images/banner/banner_earth_m.jpg); background-color:#395b74;}
.img-loaded:nth-child(2){background-image:url(../images/banner/banner_fire_m.jpg);}
.img-loaded:nth-child(3){background-image:url(../images/banner/banner_air_m.jpg);}
.img-loaded:nth-child(4){background-image:url(../images/banner/banner_water_m.jpg);background-color:#738289;}

.img-loaded{background-size:100%;background-position:center center; background-repeat:no-repeat;}
.img-loaded > img,.image-path{display:none!important;}
}

@media screen and (max-width: 599px) {
  .mainTitle {
    height: auto; }
  /*Sign in*/
  .transBox .mainTitle {
    height: auto; }
  #registerForm h1 {
    background-size: 80%; }
  .paymentSteps > img {
    max-width: 100%; } 
	/* fix */
	#transBanner,#bgstretcher{height:372px;}
	#bgstretcher ul,#bgstretcher ul li{height:324px!important;}
	#bgstretcher ul{top:48px!important;}
	#transBannerNav span{margin-top:150px!important;}
	#bodyWrapper #mainContent{padding-top:388px}
}

@media screen and (max-width: 479px) {
  #bodyWrapper #mainContentWB {
    padding-top: 110px; }
  #leftCol .homeText .cta {
    padding-left: 0; }
  ul#nav-footer-bar li {
    margin: 0 5px; }
  .btnAbt {
    display: none; } 
	/* fix */
	#transBanner,#bgstretcher{height:264px;}
	#bgstretcher ul,#bgstretcher ul li{height:216px!important;}
	#bgstretcher ul{top:48px!important;}
	#transBannerNav span{margin-top:100px!important;}
	#bodyWrapper #mainContent{padding-top:280px}
}