/* max width 1199 */
@media only screen and (max-width: 1199px){
	.magnet {
		max-width: 897px;
		margin: 0 auto;
	}
	
} /* end 1199 */

/* max width 1024 */
@media only screen and (max-width: 1024px){
	
	
} /* end 1024 */


@media (max-width: 992px) {
  /* line 752, ../sass/screen.scss */
  .jp-seek-bar, .jp-volume-bar {
    z-index: auto;
  }

  /* line 756, ../sass/screen.scss */
  #top-navigation li {
    margin: 0;
    background: white;
  }
  /* line 761, ../sass/screen.scss */
  #top-navigation .list-inline {
    margin: -35px 0 0;
    padding-top: 1em;
    text-align: center;
    border: 5px solid black;
    background: white;
  }
  /* line 768, ../sass/screen.scss */
  #top-navigation .list-inline li:after {
    display: none;
  }
  /* line 772, ../sass/screen.scss */
  #top-navigation .list-inline .sub-menu {
    width: 100%;
    position: relative;
    top: auto;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0;
  }
  /* line 777, ../sass/screen.scss */
  #top-navigation .list-inline .sub-menu li {
    width: 100%;
  }
  /* line 779, ../sass/screen.scss */
  #top-navigation .list-inline .sub-menu li a {
    font-size: 0.5em;
    padding: 0;
  }

  /* line 787, ../sass/screen.scss */
  #featured-posts-container .featured-post {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    height: auto !important;
    margin: 0 0 20px;
    text-align: left;
  }
  /* line 796, ../sass/screen.scss */
  #featured-posts-container .featured-post .post {
    margin: 0;
    text-align: left;
  }
  /* line 802, ../sass/screen.scss */
  #blog-header h1 {
    font-size: 2.9em;
  }

  /* line 672, ../sass/screen.scss */
  .ctas {
  	margin-right: auto !important;
  	margin-left: auto !important;
  	top: 50px;
    right: 0;
    left: 0;
  }
  /* line 204, ../sass/screen.scss */
  body.home .sections#we-are-fashion-revolution {
	padding-top: 14.25em;
  }

  /* line 808, ../sass/screen.scss */
  body.home .sections .featured-post {
    background: #f2f2f2;
  }
	  
	body.page-template-page-home2 section#who-made-my-clothes .container {
		width: 100%;
	}
	body.page-template-page-home2 section#who-made-my-clothes .intro img {
		height: auto;
	}
	
	.page-template-page-blog section.post-section .container {
		width: 100%;
	}

} /* end 992 */

@media only screen and (max-width: 899px){
	.magnet {
		max-width: 598px;
		margin: 0 auto;
	}
	
} /* end 899 */



@media (max-width: 600px) {
.magnet {
		max-width: 299px;
		margin: 0 auto;
	}
} /* end 992 */


@media (max-width: 599px) {
	
	.mobile {
		display: block;
	}
	
	body.page-template-page-home2 h2 {
		font-size: 30px !important;
		line-height: 1.3;
	}
	
	body.page-template-page-home2 .sections .intro p {
		font-size: 17px;
		line-height: 1.2;
	}
	
	body.page-template-page-home2 section#who-made-my-clothes .intro img {
		display: none;
	}

	body.page-template-page-home2 section#who-made-my-clothes .intro img.mobile {
		display: block;
		padding: 30px 30px 60px;
	}
	body.page-template-page-home2 section#who-made-my-clothes a.arrowdown {
		bottom: 10px;
	}
	body.page-template-page-home2 section#calling-all-fashion-lovers {
		padding: 1em 0;
		background-color: #00bdfb !important;
	}
	body.page-template-page-home2 section#calling-all-fashion-lovers h2 {
		font-size: 30px !important;
	}
	body.page-template-page-home2 section#calling-all-fashion-lovers p {
		font-size: 17px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	body.page-template-page-home2 section#fashion-revolution-was-born {
		padding: 0;
	}

	body.page-template-page-home2 section#fashion-revolution-was-born .container {
		padding: 0;
		position: absolute;
		bottom: 0;
	}
	body.page-template-page-home2 section#fashion-revolution-was-born .intro {
		margin: 0;
		width: 100%;
		max-width: none;
	}

	body.page-template-page-home2 section#fashion-revolution-was-born:after {
		display: none;
	}

	body.page-template-page-home2 section#we-are-fashion-revolution {
		background: #2ef68c !important;
		padding: 0;
	}
	body.page-template-page-home2 section#we-are-fashion-revolution .intro {
		padding: 20px 0 0;
	}
	body.page-template-page-home2 section#we-are-fashion-revolution h2 {
		font-size: 30px !important;
		line-height: 1.3;
	}
	body.page-template-page-home2 section#we-are-fashion-revolution .intro p.mobile {
		margin: 0;
	}
	body.page-template-page-home2 section#we-are-fashion-revolution .intro p.mobile img {
		margin: 0;
	}
	body.page-template-page-home2 section#save-the-date {
		padding: 0;
		height: auto;
	}

	body.page-template-page-home2 section#save-the-date .container {
		padding: 0;
	}
	body.page-template-page-home2 section#save-the-date .intro {
		max-width: none;
		margin: 0;
		width: 100%;
	}
	body.page-template-page-home2 section#save-the-date .ticker-container {
		display: none;
	}
	body.page-template-page-home2 section#save-the-date:after {
		display: none;
	}
	
	body.page-template-page-home2 section#join-the-revolution {
		background-image: none !important;
		height: auto;
	}
	body.page-template-page-home2 section#join-the-revolution .container {
		padding: 0;
	}

	body.page-template-page-home2 section#join-the-revolution .intro {
		top: 0;
		background: none;
		width: 100%;
	}
	body.page-template-page-home2 section#show-your-label .show-label {
		padding-top: 0;
	}
	
	body.page-template-page-home2 section#show-your-label .show-label h4 {
		font-size: 24px;
	}
		
	body.page-template-page-home2 section#show-your-label .show-label a.sl-whomade {
		font-size: 24px;
	}
	
	body.page-template-page-home2 section#photogrid .container .intro img {
		display: none;
	}
	body.page-template-page-home2 section#photogrid .container .intro img.mobile {
		display: block;
	}

	.pledge {
		display: none;
	}
	ul.sponlog {
		display: none;
	}

	.footersocial {
		margin: 20px;
	}

	.footersocial ul {
		padding: 0;
		margin: 0;
		text-align: center;
	}

	.footersocial li {
		display: inline-block;
		margin: 0 5px;
	}

	.footersocial li a {
	  display: block;
	  text-indent: -9001px;
	  text-align: left;
	  width: 30px;
	  height: 30px;
	  -webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	   -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.footersocial li a.facebook {
		background: transparent url("../img/icon30-facebook.png");
	}
	.footersocial li a.twitter {
		background: transparent url("../img/icon30-twitter.png");
	}
	.footersocial li a.pinterest {
		background: transparent url("../img/icon30-pinterest.png");
	}
	.footersocial li a.instagram {
		background: transparent url("../img/icon30-instagram.png");
	}
	.footersocial li a:hover {
		color: #e95138;
	}

	#footer {
		padding: 20px;
	}

	#footer p {
		font-size: 10px;
		line-height: 13px;
		font-family: "KelsonSans";
		color: #bcbec0;
	}

	#footer p a {
		color: #bcbec0;
	}
	
	
} /* end 599 */

@media (max-width: 568px) {
  /* line 816, ../sass/screen.scss */

  .join-us-box {
	margin: 0 30px;
	height: auto;
	width: auto;
	bottom: 30px;
  }
  /* line 820, ../sass/screen.scss */
  body.home br {
    display: none;
  }
  /* line 824, ../sass/screen.scss */
  body.home .ctas a {
    margin-bottom: 10px;
  }
  /* line 828, ../sass/screen.scss */
  body.home #instagram li {
    max-width: 33.33333%;
  }
  
} /* end 568 */

@media (max-width: 540px) {
  
  .sponlog li {
  	display: block;
  	float: none !important;
  }

}

@media only screen
and (max-width: 767px) {

	body.single #post-header h2 {
		bottom: 30px;
	}
}

@media only screen
and (max-width: 599px) {

	body.single #post-header h2 {
		bottom: 25px;
		font-size: 35px;
	}
}

@media only screen
and (max-width: 479px) {

	body.single #post-header h2 {
		display: none;
	}
	
	/* JOURNAL */
	
	#blog-posts-container {
		height: auto !important;
	}
	
	.jwrap {
		max-width: 90%;
	}
	
	.blog-post {
		margin-bottom: 20px;
		position: static !important;
		width: auto !important;
	}
	
	.blog-post a.load {
		display: block;
		height: 250px;
		overflow: hidden;
	}
	
	.blog-post a.load img {
		width: 100%;
	}
	
}

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


}

@media only screen
and (max-width: 599px) {
	
	#mb-nav {
		display: none;
	}
	
}

@media only screen
and (max-width: 479px) {
	
	#mo-logo {
		max-width: 100%;
		width: 320px;
	}
	
	#menu-open.active {
		max-width: 100%;
		width: 320px;
	}
	
	#menu-close {
		max-width: 100%;
		width: 320px;
	}
	
	#menu-open-sec {
		display: none;
	}
	
	#mo-soc {
		max-width: 100%;
		width: 320px;
	}
	
	.mo-tab,
	.mo-smart {
		max-width: 100%;
		width: 320px;
	}
	
	.mo-tab {
		display: none;
	}
	
	.mo-smart {
		display: block;
	}

}

@media (max-width: 399px) {
  
  .chosen-container.chosen-container-single {
  	width: 100% !important;
  }

}