@media screen and (max-width: 690px) {
	.celeb-box {
		top: 0 !important;
		left: 0 !important;
	}
}


/* Max Width 480px */

@media screen and (min-width: 480px) {

	#primary {
		width: 65%;
	}

	#secondary {
		margin: 15px auto;
	    width: 155px;
	    font-size: 0.9em;
	    float:right;
	    clear: none;
		display:inline-block;
    }

    .small-device-nav2 {
		display: none;
	}

	.device-nav2 {
		display: block;
	}

	#login p.field input {
		width: 250px;
	}

	#login p.field input[type=checkbox] {
		width: auto;
	}

	#social_links {
		width: auto;
	    max-width: 400px;
	}

	#social_links li {
	    width: 130px;
	}

	/* Chatterbox Squares */

	.celeb-box {
		margin: 0 1% 0 0;
		padding: 20px 0 0 0;
		float: left;
	}
}



@media screen and (min-width: 640px) {


/* News Archive Assets */

	.submitbtnmove {
		margin: 0;
		clear: none;
    	float: right;
	}

	.newsformwrap input[type="text"] {
		width: auto;
	}

	.contact-link {
		display: block;
	}

	.welcome-block, .login-block {
		float: left;
	}

	#campaigns, #news {
		float: left;
		width: 49.1%;
	}

	#campaigns {
		margin-right: 10px;
	}

	.home-right {
		width: 100%;
		clear: both;
	}

	#videowrap, #homeadsbottom {
		width: 49%;
		float: left;
	}

	#videowrap {
		margin-right: 10px;
	}

	.cycle-slideshow {
		display: block;
	}

	#carouselwrap, #homeadsbottom {
		width: 49%;
	}

	.social-block-device {
		clear: both;
		overflow: hidden;
	}

	#crumbs {
		display: block;
	}

	#primary {
		width: 72%;
	}

	#att-docs {
   		margin-right: 1%;
   		width: 49%;
   }

   #att-links {
	   	width: 50%;
   }

   #att-docs, #att-links {
   		font-size: 12px;
   		font-size: 1.2rem;
		float: left;
   }

   #sig-welcome {
		float: left;
		margin-right:1.62272%;
		width:65.72008%;
		margin-bottom: 0;
		clear: none;
	}
	#sig-branch-moderator {
		float: left;
		width:32.6572%;
		margin-bottom: 0;
	}

	#preheader .right {
		float: right;
	}

	#preheader {
		overflow: hidden;
	}

 /* Events Assets */


	.eventsubtitle{float: left; width: 60px; margin-left:12px;}
	.eventsubdetail{font-weight:bold;}

  .event-second, .event-first, .event-third {
  	padding: 0;
	float:left;
	width:33%;
	min-height: 150px;
	display:inline-block;
  }

  .event-first
  {
	  border-right:2px solid black;
	  border-bottom: none;
  }

  .event-third
  {
	  border-left:2px solid black;
	  border-top: none;
	  height:98px;
  }


	/* Campaign Landing Page Assets */

	.landing-block-one {
		margin: 0 0 10px;
	
	}

	.landing-block-two {
		margin-right: 5%;
		width: 47.5%;
		float: left;
	}

	.landing-block-nav {
		width: 47.5%;
		float: left;
	}

/* Campaign Landing Page Assets */

	.landing-block-one-title, .landing-block-two-title {
		position: absolute;
		clear: none;
	}

	.landing-block-one-title {
		bottom: 10%;
		left: 2%;
	}

	.landing-block-two-title {
		padding: 15px 20px;
		bottom: 3%;
		left: 2%;
	}

	  #sig-checkboxes li {
		float: left;
		margin-top: 7px;
		width: 270px;
	  }

/* Online Branch Assets */

	#profile-form1 {
		width: 30%;
    	float: left;
    	clear: none;
	}

	.cycle-pager { 
	    position: absolute; 
	    padding: 5px 0 5px 20px;
	    top: -5px; 
	    left: 0; 
	    overflow: hidden;
	    background: #434254;
	    z-index: 500;
	}
	.cycle-pager span { 
		padding: 0 2px 0 0;
		margin-right: 7px;
	    font-family: arial;
	    font-size: 50px;
	    width: 9px; 
	    height: 11px; 
	    display: block; 
	    float: left;
	    color: #fff; 
	    cursor: pointer;
	    background: #fff;
	}
	.cycle-pager span.cycle-pager-active {
		background: #ffde3c;
	}
	.cycle-pager > * { 
		cursor: pointer;
	}

	#mast #sig_banner {
		position: relative;
		left: 0;
		margin-left:10px;
	}

	/* Members Assets */

	.viewsubrules {
		float: right;
	}

	.viewelectiontitle{
		width: 65%;
		float: left;
	}



}

@media screen and (min-width: 700px) {

	.main {
		margin: 0 auto;
		text-align: center;
		width: 100%;
		max-width: 610px;
	}

	.celebrity-template .main {
		max-width: 620px;
	}

	.celeb-box-cta-outer {
		width: 75%;
	}

	.celeb-boxes-outer {
		width: 100%;
	}


	#shuffle-select {
		display: inline-block;
	}

	.celeb-box video {
		margin: 0;
	}

	.mejs-container {
		margin-left: 20px; 
	}
}

@media screen and (min-width: 768px) {


	#primary {
		width: 75%;
	}

	

	#spotlights .spotlight_article {
		width: 47%;
	}

	#spotlights #event-items .item {
		width: 43%;
		float:left;
		min-height: 170px;
		padding-left: 3%;
		padding-right: 3%;
	}

	#calendars div.calendar {
		margin-right: 20px;
		width: 29.5%;
	}

	  #calendars td a,
	  #calendars td span {
	    display: block;
	    padding: 2px 3px;
	  }


/* Members Area */

	#middle #documents {
		width: 32.2%;
	}

	#middle #messages {
		width: 32%;
	}

	#middle #jobs {
		width: 32%;
	}

	#login p.forgotlink {
		border-top: 2px solid #CCCCCC;
		float: left;
		margin-left: 132px;
		margin-top: 6px;
		padding-top: 10px;
		width: 252px;
	}

	#login p.rememberme {
		padding-top: 0;
		margin-left: 130px;
	}

/* Forums Assets */

	.thread td.message{
		padding: 0 20px;
	}

	#sig-branch-how-it-works ul li {
		float: left;
		list-style: none;
		margin: 0 9.15179% 0 0;
		padding: 0;
		width: 27.23214%;
		position: relative;
	}
	
	#sig-branch-how-it-works ul li:before {
		content:url("../gfx/icons/arrow30x30.png");
		position: absolute;
		top:75px;
		left:-41px;
	}

/* Members Section Assets */

	div.jobinputsetup label {
		display: initial;
		width: auto;
	}

}

/* Min Width 1024px */

@media screen and (min-width: 1024px) {

/* Global Assets */

	#cookie-notification .inner {
		padding: 10px 0;
		width: 940px;
	}

/* Homepage Assets */

	  #page > div.inner {
	    padding: 20px;
		padding-top:0px;
	    margin: 0;
	  }

	 .celebrity-template #page > div.inner {
	    padding: 20px;
	    margin: 0;
	  }

	#top-block {
		width:100%;
		max-width: 980px;
	}

	.site-intro, .cycle-slideshow {
		width: 100%;
		float: left;
		max-width: 660px;
	}

	.nav-search-bar {
		position: relative;
		margin: -50px 0 15px;
		width: 300px;
		float: right;
	}


	.homeadverts {
		width: 100%;
	}

	.homeadverts img {
		width: auto;
	}

	.homeadverts img.ad1 {
		margin-left: 0;
	} 

	.home-content-block {
		clear: both;
	}


	#videowrap, #homeadsbottom {
		width: 100%;
		float: left;
	}

	#videowrap {
		margin-right: 0;
	}

	.social-block-device {
		display: none;
	}

	.social-block {
		display: block;
	}

	#campaigns {
		margin-right: 10px;
		float:left;
		width: 100%;
		max-width:320px;
	}

	#news {
		margin-right: 20px;
		float: left;
		width: 100%;
		max-width: 330px;
	}

	.home-right {
		width: 100%;
		max-width: 260px;
		float: left;
		clear: none;
		margin-bottom: 10px;
	}

	#carouselwrap, #homeadsbottom {
		width: 100%;
		clear: both;
	}

/* Secondary Navigation */


	#content {
	    float: left;
	    width: 100%;
	  }

	#primary {
		width: 80%;
	}


/* Default Template */


	body.four-columns #content #main-content {
	    float: left;
	    width: 440px;
	}

	body.four-columns #content #attached-content {
	    float: right;
	    width: 157px;
	}

	#content {
	    display: inline-block;
	    float: right;
	    width: 785px;
	}

	#primary {
	    display: inline-block;
	    float: left;
	    padding-right: 17px;
	    width: 610px;
	}

	#att-docs, #att-links {
		margin-right: 0;
		width: 100%;
	}

	#nav2 {
	    float: left;
	    width: 140px;
	}

/* Events Assets */

#spotlights #event-items .item {
	width: 274px;
	padding-left:13px;
	padding-right:13px;
}

/* Members Area Section */

	#middle #documents {
		width: 32.7%;
	}


/* Members Directory Assets */

	div.right {
	    float: right;
	    max-width: 890px;
	}

/* Footer Assets */


	#topline {
		padding: 10px 0;
		clear:both;
	}

	#foot ul.footer-nav {
		display: block;

	}

	#foot ul.device-footer-nav {
		display: none;
	}

	#foot p.credit {
		width: 50%;
		text-align: right;
		float: right;
	}

	#spotlights .spotlight_article {
		margin-bottom: 0;
		padding-right: 0;
		float:left;
		width: 100%;
		max-width:300px;
		background-color:#434254;
	}

	#calendars div.calendar {
		margin-right: 10px;
		width: 31.6%;
	}

	  #calendars td a,
	  #calendars td span {
	    display: block;
	    padding: 4px 5px;
	  }


	#top #news-members {
		float:left;
		margin-right:10px;
		display:inline-block;
		width: 400px;
	}

	.newsarea{
		width: 100%;
		max-width:383px;
	}

	h2.caro_news_title {
    	padding-left: 17px;
	}

	#top #events {
		width:200px; 
	}

	.eventsarea {
    	width: 189px;
	}



	#bottom {
		width:600px;
	}

	#bottom #forums {
		width:611px;
	}

	h2.forumarea {
		background:#56217c;
		width:594px;
	}

/* Forum Assets */

	form#forumposts-form fieldset {
		width: 100%;
		padding: 0.5em;
	}


}

@media screen and (min-width: 1200px) {


/* Chatterbox Assets */

	.left-aside {
		float: left;
	    width: 100%;
	    max-width: 260px;
	}

	.aside {
		float: left;
		width: 100%;
		max-width: 240px;
	 }

	 .finger-point {
	 	display: block;
	 	max-width: 220px;
	 }

	.main { 
		float: left;
		width: 100%;
	    max-width : 613px;
	}

	.celeb-box-cta-outer {
		position: absolute;
		margin-left: 6%;
		width: 100%;
		max-width: 130px;
		bottom: 60px;
		text-align: center;
	}

	.left-aside .celeb-box-cta-outer {
		margin-left: 5%;
	}

	a.credits {
		position: absolute;
		margin-left: 6.5%;
		width: auto;
		bottom: 50px;
		text-align: center;
	}


	a.celeb-box-cta, a.sound-btn {
		margin: 0 auto 10px;
		float: none;
	}

	.celeb-box:nth-child(even) {
		margin-right: 1%;
	}

	.celeb-box:nth-child(3n) {
		margin-right: 0;
	}

	.main-celeb-box-description {
		border: 1px solid black;
	}


}