/* #Media Queries
================================================== */

	/* larger than standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) {
	
	
	}
	
	@media only screen and (max-width: 1200px) {
	
		header {
			position: relative;
			height: 105px;
		}
		
		.header {
			text-align: center;
			width: 100%;
			border-bottom: none;
			height: 62px;
			padding: 8px 0 20px 0;
		}
		
		.header-left {	
			width: 100% !important;
			text-align: center;
			padding: 0;
			margin: 0;
			float: none;
		}
		
		.header-left img {
			display: inline-block;
			margin-top: 24px;
		}
		
		.header-right {
			display: none;
		}
		
		.headernavmobile {
			display: block;
		}	

		.headerstylist.mobileoff {
			display: none;
		}

		.headerstylist.mobileon {
			display: block;
		}
		
		section.contentwprmain {
    		display: block;
    		margin-top: 77px;
		}

		#navmobile {
			display: none;
		}

		.slicknav_menu {
			display: block;
		}
		
		.headernavtop {
			display: none;
		}
		
		.headernavmobile {
			display: block;
		}			
		
		.bag {
			width: 30px;
			margin-right: 16px;
		}
		
		section.contentwprmain.contentup {
			margin-top: 0;
			position: relative;
		}
	}	
	
	/* smaller than 1099 (devices and browsers) */
	@media only screen and (max-width: 1099px) {
	
		.homeHero-inside {
			left: 4em;
			top: 10em; 
		}
		
		 .news-signup input[type="text"] {
			width: 220px;
		}
		
		.header-right .navigation .nav {
			font-size: 12px;
		}
		
		.header-right .navigation ul#nav li {
   			padding: 0 5px 0 5px;
    	}
    	
    	.header-right .navigation {
   		 	padding: 16px 0 0 0;
    	}
		
		.category h6 {
			font-size: 40px;
			line-height: 46px;
		}		
		
		#collection .filter .columns,
		#lookbook .filter .columns {
			width: 100%;
			float: none;
			margin: 0;
			text-align: left;
		}
		
		#collection .filter .columns:last-of-type,
		#lookbook .filter .columns:last-of-type {
			margin-top: 14px;
		}
		
		.holiday h5 {
			padding: 0;
			margin: 0 0 6px 0;
		}
		
		.holiday h6 {
			font-size: 30px;
			padding: 0;
			margin: 0;
			line-height: 36px;
		}
		
		.holiday p {
			font-size: 12px !important;
		}
	
		.footer {
			margin: 1em auto 2em auto;
		}
		
		.footer-right {
			text-align: left;
			margin: 1em 0 0 0;
		}
    	
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 960px) {
	
		
		section.contentwprmain.contentup {
			margin-top: 0;
			position: relative;
		}
		
		header {
			position: relative;
			height: 105px;
		}
		
		.header {
			text-align: center;
			width: 100%;
			border-bottom: none;
			height: 62px;
			padding: 8px 0 20px 0;
		}
		
		.header-left {	
			width: 100% !important;
			text-align: center;
			padding: 0;
			margin: 0;
			float: none;
		}
		
		.header-left img {
			display: inline-block;
			margin-top: 24px;
		}
		
		.header-right {
			display: none;
		}
		
		.filter {
			display: none !important;
		}
		
		.logo2 {
			display: none;
		}

		.homeHero {
			margin-bottom: 1em;
		}	
		
		#home .promo p {
			margin: 24px auto;
			font-size: 36px;
		}	
		
		.promo, .promo-inside {
			height: auto !important;
		}
		
		.promo-inside p {
			font-size: 30px;
			padding: 2em 0;
		}
		
		.shop a, .stylist a,
		.fabric a, .styled a {
			font-size: 36px;
		}
				 
		.footer {
			font-size: 11px;
			margin: 4em auto 1em auto;
		}
		
		.footer-logo, .footer-left, .footer-right {
			float: none !important;
			margin: 0 !important;
			text-align: center;
			width: 100% !important;
		}
		
		.footer-logo img, .footer-left img, .footer-right img {
			display: inline-block;
		}

		.signup-left, .signup-right {
			width: 100% !important;
		}
		
		.signup-right {
			padding: 24px 0 24px 0;
			height: auto;
			box-sizing: border-box; 
			border: 0;
			background: #eee9ea;
			text-align: center;
		}
		
		 .signup-left div {
			height: auto;
			padding-top: 24px;
			text-align: center;
		}
		
		 .signup-left div h6,  .signup-left div p {
			width: 80%;
			margin: 0 auto;
		}

		.news-signup {
			width: 100%;
			text-align: center;
			margin: 0;
		}
		
	}
	

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.headernavmobile {
			display: block;
		}	
		
		#navmobile {
			display: none;
		}
		
		.headerstylist.mobileoff {
			display: none;
		}

		.headerstylist.mobileon {
			display: block;
		}
		
		.slicknav_menu {
			display: block;
		}
		
		.subnav { 
			display: none;
		}
		
		.headernavtop {
			display: none;
		}
		
		.headernavmobile {
			display: block;
		}			
		
		.bag {
			width: 30px;
			margin-right: 16px;
		}
		
	}
	
	@media only screen and (max-width: 850px) {
		#home .holiday .holiday-left {
			width: 100% !important;
			height: auto !important;
		}
		
		#home .holiday .holiday-left > div {
			position: static;
  			top: auto;
  			transform: none;
		}
		
		#home .holiday .holiday-right {
			width: 100% !important;
			height: auto !important;
			min-height: 800px;
			margin: 14px 0 0 0 !important;
		}
	}	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.mobileoff {
			display: none;
		}

		.mobileon {
			display: block;
		}
		
		.splashnav {
			display: none;
		}
		
		.splash-title {
			margin-top: -130px;
		}

		.collectionitem,
		.lookbookpromosm {
			width: 50%;
		}
		
		.collectioncontentnew .collectionitem,
		.collectioncontentnew .lookbookpromosm {
			width: 50%;
		}	
		
		.collectioncontentnew .lookbookpromo {
			width: 100%;
		}
		
		.lookbookpromo {
			width: 100%; 
			padding: 0;
		}
		
		.wistia_responsive_padding {
			padding: 80% 0 0 0;
		}
	

		.headernavmobile {
			display: block;
		}	
		
		#navmobile {
			display: none;
		}
		
		.slicknav_menu {
			display: block;
		}
		
		.subnav { 
			display: none;
		}
		
		.bag {
			width: 30px;
			margin-right: 16px;
		}
		
		.homeHero {
			margin-bottom: 1em;
		}	
		
		.homeHero-inside {
			left: 4em;
			top: 4em; 
		}
			
		.homeHero-inside h3 {
			padding: 0;
			margin: 0;
			line-height: 20px;
		}
		
		.promos .one-half.column,
		.promos .one-half.nopad.column {
			width: 100% !important;
			float: none !important;
			margin: 0 !important;
		}
		
		#about .whywork {
			padding: 40px 0 40px 0;
		}
		
		#about .whywork h3 {
			font-size: 20px;
		}
		
		#about .whywork .whyworkleft {
			border: 0;
		}
		
		.footerpromos .one-half.column,
		.footerpromos .one-half.nopad.column {
			width: 100% !important;
			float: none !important;
			margin: 0 !important;
		}
		
		#home .category .row {
			display: block;
		}

		#home .category .col1 {
			float: none;
			width: 98.2%;
			background: #e3e3e3;
			margin: 0 0.9% 12px 0.9%;
		}
		
		#home .category .col1 .inside {
			padding: 24px 24px 18px 24px;
		}
		
		#home .category .col2 {
			float: left;
			width: 23.2%;
			margin: 0 0.9% 0 0.9%;
		}
		
		#home .category .col2.colhide {
			display: block;
		}
		
		#home .category h6 {
			font-size: 32px;
		}
		
		.promo, .promo-inside {
			height: auto !important;
			background-position: 0 100%;
		}
		
		.promo-inside p {
			font-size: 30px;
			padding: 2em 0;
		}
		
		.shop a, .stylist a {
			font-size: 36px;
		}
			 
		#collectionDetail .completethelook .img,
		#collectionDetail .mayalsolike .img,
		#lookbookDetail .completethelook .img {
			width: 50%;
		}
 
		.footer {
			margin: 1em auto 2em auto;
		}
		
		.footer-right {
			text-align: center;
			margin: 1em 0 0 0;
			width: 100% !important;
		}

  	}	
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 600px) {		
		
		section.contentwprmain {
    		margin-top: 107px;
		}
		
		.splash {
			background: url('../images-seasonal/m-home-spash-fall2017.jpg') top center;
		}
		
		.splash-title {
			margin-top: -2px;
		}
		
		header {
			position: relative;
			height: 105px;
		}
		
		.headerstylist {
			min-height: 92px;
		}
		
		/*
		.headerstylist .stylistlinks {
			text-align: center;
		}
		*/
		
		.homeHero {
			margin-bottom: 1em;
		}	
			
		#home .homeHero-inside h3 {
			padding: 0;
			margin: 0;
			line-height: 20px;
		}
		
		#home .homeHero-inside h4 {
			font-size: 44px;
			line-height: 50px;
			padding: 0;
			margin: 0 0 0.5em 0;;
		}
		
		#home .promo p {
			margin: 24px auto;
			font-size: 28px;
		}
		
		#home .holiday h6 {
			font-size: 28px;
		}
		
		#home .holiday .button {
			white-space: normal !important;
			line-height: 15px;
			height: auto;
			padding: 15px 0;
		}
		
		#collection .filter .columns,
		#lookbook .filter .columns {
			text-align: center;
		}
		
		#collection .filter .columns:first-of-type,
		#lookbook .filter .columns:first-of-type {
			display: none;
		}
		
		.collections .one-third.column {
			width: 100% !important;
			float: none;
			padding: 0;
			margin: 0;
		}
		
		.collection-col {
			margin-bottom: 24px !important;
		}
		
		#collectionDetail .infoblock {
			margin-top: 24px;
		}
		
		#home .category .col2 {
			float: left;
			width: 48.2%;
			margin: 0 0.9% 1.2% 0.9%;
		}

		.footer-right {
			width: 100% !important;
		}
		
		#msg {
			display: none;
		}
		
		#msg2 {
			display: block !important;
		}
		
		#msg .one.column, 
		#msg2 .one.column {
			display: none;
		}
		
		#contact .content .columns {
			width: 100%;
			float: none;
			margin: 0;
		}
		
		#cart .content table thead {
    		border: none;
    		clip: rect(0 0 0 0);
    		height: 1px;
    		margin: -1px;
    		overflow: hidden;
    		padding: 0;
    		position: absolute;
    		width: 1px;
 		 }
 		 
 		 #cart .content table tr {
    		border-bottom: 1px solid #ccc;
  		}
 		 	
 		#cart .content table td {
 			border: 0;
    		display: block;
    		text-align: center;
    		padding: 8px 0;
  		}
  		
  		#cart .content table td img {
 			display: inline-block;
  		}
  		
  		#cart .content table td input[type="text"] {
 			float: none;
  		}
  		
  		#cart .content table td.btns {
 			width: 100%;
 			text-align: center;
  		}
  		
  		#cart .content table td.btns button {
 			display: inline-block;
 			width: 180px;
 			margin-bottom: .5em;
  		}
  		
  		#cart .content table td.btns .btn {
 			display: inline-block;
 			width: 240px;
  		}
  		
  		#cart .lineright {
  			border: 0;
  			margin: 0;
  			padding: 0;
  		}
  		
  		#cart .content .columns {
  			text-align: center;
  		}
  		
  		#cart .content td.carthdr,
  		#cart .content td.carthdr2 {
  			width: 50%;
  			display: table-cell;
  			padding-top: 4em;
  		}
  		
  		#cart .content td.logos {
  			text-align: center;
  		}
  		
  		#cart .content td.logos img {
  			display: inline-block;
  		}
	}	


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {	

		#about .contact .fieldwpr,
		#komen .contact .fieldwpr,
		#opportunities  .contact .fieldwpr {
			width: 90%;
			margin: 0 auto;
		}

		.homeHero-inside {
			left: 2em;
			top: 2em; 
		}		
		
		.homeHero-inside h4 {
			font-size: 46px;
			line-height: 46px;
			padding: 0;
			margin: 0 0 0.5em 0;
		}

		.collectionitem,
		.lookbookpromosm {
			width: 100%;
		}
		
		.collectioncontentnew .collectionitem,
		.collectioncontentnew .lookbookpromosm,
		.collectioncontentnew .lookbookpromo {
			width: 100% !important;
		}
		
	}