/* Mobile view styling' */

@media  (max-width: 320px) {
.span3 .ghost{display: none;}
}

/* mobile styling */

@media  (min-width: 1px) and (max-width: 769px) {
.sticky_bar{
display: none;
max-height: 0px;
max-width: 0px;
position: absolute;
left: -9999px;
}
}

@media  (min-width: 320px) and (max-width: 768px) {
.page-id-3118 .control h1, .page-id-3115 .control h1{
font-size: 18px;
line-height: 26px;
padding: 0px;
margin: 0px auto 10px auto !important;
font-weight: 500;
text-align: center;
margin-bottom: 27px !important;
margin-top: 0px !important;
width: 92%;
}
}

@media  (min-width: 320px) and (max-width: 768px) {
.people .scenebox a img{
display: inline;
}
}

@media  (min-width: 320px) and (max-width: 768px) {
.underline{
display: none;
}
}

@media  (min-width: 0px) and (max-width: 480px) {
.dashboard-footer, .dashboard-footer #signup {
display: none !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.holder{
margin-top: -40px;
width: 270px;
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 320px) and (max-width: 480px){
.page-id-2271 .passion_statement{
margin: 8px 0 0 26px;
float: left;
font-size: 24px !important;
font-family: adelle;
line-height: 34px;
width: 200px;
height: auto;
}
}

@media (min-width: 320px) and (max-width: 480px){
h2.about_style {
font-family: proxima-nova;
font-size: 16px !important;
font-weight: 300;
line-height: 26px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_webzine{
width: 100% !important;
margin: -57px 0 0 0 !important;
height: 710px !important;
border-bottom: 1px solid #e7e7e7 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_webzine p{
font-size: 12px !important;
line-height: 18px !important;
width: 180px !important;
position: relative !important;
left: 140px !important;
top: 20px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_webzine h2{
width: 200px !important;
margin: 0 0 180px 32px !important;
text-align: center;
}
}

@media (min-width: 320px) and (max-width: 480px){
.webzine_container{
float: left !important;
margin: 0 !important;
width: 180px !important;
position: relative;
left: -100px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.magazine_stack img{
position: relative;
top: -644px;
left: 50px;
max-width: 200px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.expression_collage img{
display: none;
}
}

@media (min-width: 320px) and (max-width: 480px){
.expression_collage_mobile img{
max-width: 200px !important;
position: relative !important;
top: 0px !important;
margin: 0 0 0 4px !important;
}
}

@media (min-width: 481px) and (max-width: 9999px){
.expression_collage_mobile img{
display: none !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.jobs_img img{
max-width: 200px;
max-height: 200px;
margin: 30px 0 0 0;
}
}

@media (min-width: 320px) and (max-width: 480px){
.jobs_img{
float: left; 
margin: 0 0 0 4px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.page-id-2271 h4.steve_jobs{
margin: 18px 88px 0 0 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_passion p {
float: left !important;
font-size: 12px !important;
line-height: 18px !important;
color: #8A8D99;
width: 190px !important;
height: auto;
margin: 30px 0 0 10px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_passion{
height: 600px !important;
width: 210px !important;
margin-top: -13px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_expression{
margin: -222px 0 0 0 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.discover_top{
display: none !important;
}
}

@media (min-width: 481px) and (max-width: 9999px){
.discover_top_mobile{
display: none;
}
}

.discover_top_mobile img{
width: 270px;
height: 270px;
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home{
position: relative; 
left: 0px; 
top: 20px; 
height: 0; 
width: 200px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home_text, .awesome_singlespot_text{
font-size: 12px !important; 
color: #8a8d99; 
line-height: 18px !important; 
width: 200px !important; 
float: left; 
margin: 0;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home img, .awesome_singlespot img{
max-width: 35px !important;
max-height: 35px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.hidemobile{
display: none;
}
}


@media  (min-width: 320px) and (max-width: 480px) {
.about_passion p{
color: rgb(112, 115, 124) !important;
}
}

.about_webzine{
height: 584px;
padding: 80px 0 40px 0;
margin: -100px 0 0 0;
border-bottom: 1px solid #e7e7e7;
background: #f9f9f9
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_webzine{
height: 780px !important;
padding: 40px 0 40px 0;
margin: -100px 0 0 0 !important;
}
}


@media  (min-width: 320px) and (max-width: 480px) {
.webzine_banner{
margin: -140px 0 60px 40px;
max-width: 190px;
overflow: hidden;
}
}



@media  (min-width: 320px) and (max-width: 480px) {
.webzine_left{
float: left;
width: 234px;
position: relative;
left: -100px;
top: -50px;
font-size: 16px;
color: rgb(97, 97, 97) !important;
line-height: 24px;
}
}



@media  (min-width: 320px) and (max-width: 480px) {
.webzine_middle{
float: left;
width: 240px;
position: relative;
left: -100px;
top: -64px;
font-size: 16px;
color: rgb(97, 97, 97) !important;
line-height: 24px;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.webzine_right{
float: left;
width: 240px;
position: relative;
left: -100px;
top: -80px;
font-size: 16px;
color: rgb(97, 97, 97) !important;
line-height: 24px;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_expression{
height: 510px !important;
border-top: 1px solid #e7e7e7 !important;
}
}


@media  (min-width: 320px) and (max-width: 480px) {
.about_expression p{
float: left;
font-size: 12px;
color: rgb(97, 97, 97) !important;
line-height: 18px;
margin: 20px 0 30px 10px;
padding: 0;
font-weight: 100 !important;
width: 200px;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_expression h2{
width: 140px !important;
margin: 10px 0 0 44px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home img, .awesome_singlespot img, .awesome_community img, .awesome_customize img{
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
h2.about_style{
font-size: 16px;
line-height: 21px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home{
  position: relative;
  left: 110px !important;
  top: 0px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome{
  max-width: 100px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome h2{
  width: 200px !important;
  margin: 40px 0 0 33px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_home_text{
  float: left;
  margin: 64px 0 40px 42px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_singlespot{
  position: relative;
  left: -132px !important;
  top: 120px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_singlespot_text{
  float: left;
  margin: 48px 0 40px 42px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_community{
  position: relative;
  left: 110px !important;
  top: -15px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_community_text{
font-size: 12px !important;
color: rgb(97, 97, 97) !important;
line-height: 18px !important;
width: 200px !important;
float: left;
margin: 56px 0 40px 40px !important;
}
}


@media (min-width: 320px) and (max-width: 480px){
.awesome_customize{
position: relative;
left: -130px !important;
top: 112px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.awesome_customize_text{
font-size: 12px !important;
color: rgb(97, 97, 97) !important;
line-height: 18px !important;
width: 190px !important;
float: left;
margin: 56px 0 40px 40px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.awesome_sites img {
max-width: 270px;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_blogging{
height: 940px !important;
border-bottom: 1px solid #e7e7e7 !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.blogging_social_icons img{
max-width: 170px !important;
margin: -60px -38px 0px 0px !important;
height: 250px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.blogging_container{
max-width: 320px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.blogging_container h2{
width: 200px !important;
margin: 0 0 50px -46px !important;
text-align: center;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.blogging_container p{
font-size: 12px !important;
color: rgb(97, 97, 97) !important;
line-height: 18px;
margin: -20px 0 40px -40px !important;
max-width: 200px !important;
padding: 0 !important;
}
}


@media  (min-width: 320px) and (max-width: 480px) {
.about_discover{
height: 750px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_discover_container{
margin: 20px 80px 0 0 !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_discover img{
max-width: 240px !important;
margin-top: 0px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_discover h2{
width: 190px !important;
margin: -90px 0 0 280px !important;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_discover h3{
font-family: adelle;
color: rgb(110, 112, 121);
font-size: 13px;
line-height: 18px;
margin: 20px 0 0 280px;
width: 190px;
text-shadow: none;
}
}

@media  (min-width: 320px) and (max-width: 480px) {
.about_discover h4{
font-family: proxima-nova;
font-size: 12px;
line-height: 18px;
margin: 20px 0 0 280px;
color: rgb(97, 97, 97) !important;
width: 190px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_broadcast_content{
height: 240px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_broadcast h2{
  margin: -64px 0 30px 33px !important;
  width: 200px !important;
}
}
@media (min-width: 320px) and (max-width: 480px){
.about_broadcast_content img{
 width: 270px !important; 
 margin: -20px 0 0 0 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_forever{
  max-height: 590px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_forever img{
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  width: 80px;
  height: 80px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_forever h2{
  margin: 20px 0 0 6px !important;
  width: 190px !important;
}
}


@media (min-width: 320px) and (max-width: 480px){
.about_forever h3{
font-family: adelle;
color: rgb(110, 112, 121);
font-size: 12px;
font-weight: 300;
line-height: 18px;
text-shadow: none;
letter-spacing: 0px;
width: 190px;
margin: 30px 0 30px 10px;
float: left;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_forever p{
  margin: 0 0 20px 10px !important;
  font-size: 10px !important;
  line-height: 14px !important;
  width: 190px !important;
}
}


@media (min-width: 320px) and (max-width: 480px){
.about_offer{
  width: 100% !important;
  height: 1326px !important;
  margin: -14px 0 30px 0 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_offer .offer_left_box p, .about_offer .offer_middle_box p, .about_offer .offer_right_box p{
font-size: 12px !important;
line-height: 16px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_offer h2{
padding: 0px 0 20px 0;
position: relative;
top: 20px;
max-width: 180px !important;
margin: 20px 0 0 42px !important;
height: 80px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.about_offer h3{
font-family: adelle;
font-size: 13px !important;
line-height: 19px !important;
font-weight: 500;
color: #333 !important;
margin: 0 0 14px 10px;
text-align: center;
width: 180px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.offer_left_box, .offer_middle_box, .offer_right_box{
  width: 211px !important;
  height: 140px !important;
  color: rgb(97, 97, 97) !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.offer_left_box p, .offer_middle_box p, .offer_right_box p{
font-size: 10px !important;
line-height: 14px !important;
}
}




@media (min-width: 320px) and (max-width: 320px){
.beta_banner{
max-width: 320px;
}
}

@media (min-width: 480px) and (max-width: 480px){
.beta_banner{
max-width: 480px;
}
}

@media (min-width: 769px) and (max-width: 9999px){
.beta_banner{
left: 267px !important;
} 
}

.beta_banner p{
  text-align: center;
  font-size: 16px;
  margin: 8px 0 0 0 ;
  line-height: 18px;
  width: 77%;
}

@media (min-width: 320px) and (max-width: 480px){
.beta_banner p{
text-align: left !important;
font-size: 13px;
line-height: 18px;
width: 70% !important;
margin: -3px 0 0 20px !important;
}
}

.link{
  color: rgb(41, 132, 216);
  font-weight: 600;
}

/* ------ Beta Banner Social Share Button ------ */



@media (min-width: 320px) and (max-width: 480px){
.popup{
width: 280px;
height: 174px;
}
}


@media (min-width: 320px) and (max-width: 480px){
.popup ul li{
padding: 30px 15px 10px 22px;
}
}


@media (min-width: 320px) and (max-width: 480px){
img.twitter_button{
max-width: 74px !important;
max-height: 60px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
img.facebook_button{
max-width: 28px !important;
max-height: 60px !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
img.pinterest_button{
max-width: 60px !important;
max-height: 60px !important;
}
}


@media (min-width: 320px) and (max-width: 480px){
.popup h2{
font-size: 20px;
width: 280px;
text-align: center;
margin: 30px 0 0 0;
}
}

 



/* New Slideshow */


@media (min-width: 320px) and (max-width: 480px){
.discover_top_new{
max-height: 340px !important;
overflow: hidden;
}
}

@media (min-width: 481px) and (max-width: 768px){
.discover_top_new{
max-height: 540px !important;
overflow: hidden;
}
}

@media (min-width: 320px) and (max-width: 480px){
#slideshow {
max-width: 270px !important;
overflow: hidden;
margin: 0 0 0 0;
}
}

@media (min-width: 320px) and (max-width: 480px){
#slideshow img{
margin: -180px 0 0 -35px;
}
}

@media (min-width: 320px) and (max-width: 480px){
.cta_box{
position: relative;
top: 44px;
left: 48px;
z-index: 9700;
}
}

@media (min-width: 320px) and (max-width: 480px){
.cta_box h2{
font-size: 26px !important;
line-height: 30px !important;
}
}


@media (min-width: 320px) and (max-width: 480px){
.cta_box h3{
font-size: 12px !important;
line-height: 18px !important;
width: 180px !important;
font-weight: 300 !important;
}
}

@media (min-width: 320px) and (max-width: 480px){
.cta_invite_button a{
padding: 10px 14px 10px 14px;
top: 18px;
font-size: 12px;
}
}