/* default: show desktop, hide mobile */

#mobile-nav {
  display: none;
}


@media (max-width: 1262px) { 
	
/* Remove padding on these containers on narrow windows mobile*/
#featured-wines-inner-container.f-ms {
	padding-left:0%;
	padding-right:0%;
}

}

@media (max-width: 1120px) {
	
	h3.featured-wine {font-size:32px;} 
	
	#outer-filter-container { display: none; }
	#bam1, #bam2, #bam3, #bam4  {display: none; }

	#nav { display: none; }
	#mobile-nav { display: block; }
	#smedalogo01.f-ms {width:130px;}
	#main-inner-container{ padding-top:5px; }
	#head { height:210px !important; }
	#main {margin-top:-25px; padding-top:2%;}


body.scrolled-start #head,
  body.scrolled-ready #head {
    height: 100px !important;
    transition: height 0.4s ease;
  }

  body.scrolled-start #main,
  body.scrolled-ready #main {
    margin-top: -136px;
    transition: margin 0.4s ease;
  }

  #smedalogo01.f-ms {
    opacity: 1;
    transition: opacity 0.25s ease;
  }
  body.scrolled-start #smedalogo01.f-ms,
  body.scrolled-ready #smedalogo01.f-ms {
    opacity: 0;
  }

  .hamburger {
    transition: margin-top 0.35s ease, opacity 0.2s ease;
    opacity: 1;
  }

  body.scrolled-start .hamburger {
    margin-top: -100px;
    opacity: 0;
    transition: margin-top 0.35s ease, opacity 0s;
  }

  body.scrolled-ready .hamburger {
    margin-top: -110px;
    opacity: 1;
    transition: margin-top 0.35s ease, opacity 0.2s ease 0s;
  }

  .hamburger.open {
    opacity: 1 !important;
    margin-top: -110px !important;
    transition: margin-top 0.35s ease, opacity 0.2s ease;
  }
	 
}




	@media (max-width: 1024px) {
	
	#footer, #quote, #strapline {
	box-sizing: border-box;
	width: calc(100% - 10px);
	padding: 0 5px
	}
	#strapline { margin-bottom:35px;}
}


/* Mobile: show icons only */
@media (max-width: 768px) {
	h3.featured-wine {font-size:26px;} 
	#main { padding-top:2.5%;}
	  
	  
  /* --- Social --- */
  #social .footer-text-crimson {
    display: none;
  }
  
  #main-inner-container{ padding-bottom:40px; }
  .quote-author { margin-bottom:20px;}

  #social .social-text-sans-serif a {
    font-size: 0;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
  }

  #social.f-ms {
    margin-right: 15px;
  }

  #address.f-ms {
    margin-left: 15px;
	margin-top:-15px;
  }

  /* first link = Facebook */
  #social .social-text-sans-serif a:nth-of-type(1) {
    background-image: url("/resources/logo-facebook.svg");
    margin-right: 12px;
  }

  /* second link = Instagram */
  #social .social-text-sans-serif a:nth-of-type(2) {
    background-image: url("/resources/logo-instagram.svg");
  }

  /* --- Address/Phone --- */
  #address .footer-text-crimson {
    display: inline-block;
    font-size: 0; /* hide text but keep click area */
    width: 21px;
    height: 21px;
    background-image: url("/resources/phone-call.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  /* make entire span act as a phone link */
  #address .footer-text-crimson::before {
    content: "";
  }

  /* optional: make the icon clickable to dial the number */
  #address .footer-text-crimson {
    cursor: pointer;
  }
  #address .footer-text-crimson:hover {
    opacity: 0.85;
  }

}



@media (max-width: 581px) {
.wine-name-feaured, .wine-name-bottle-price-featured, .wine-name-bottle-info-featured, .wine-block-home { text-align:center }	
.buybuttonwhite01 { display: block; margin:auto}
.information { width:100%; }
/*.wineplaceholder, .featured-wine-image { text-align:center; margin:auto; }*/
.wineplaceholder { float:none; margin-right:auto; margin-left:auto; margin-top:4px; margin-bottom:8px; }
}

@media (max-width: 420px) {
	
.wide-wine-block{ width:100% }
img.wyimage.wide { width: 100%;height:auto;}
.wide-information-container { width:100%; }
.ports-spec-image,.offers-spec-image,.mixed-spec-image { width: 95%; }
.reveal {width:84%; padding-left:8%; padding-right:8%; }
	
#smedawinesmain { width:100% }
.wine-block1.f-ms {
    position: relative;
    width: 263px;
    min-height: 525px;
    z-index: 0;
    float: left;
    margin: 20px 10px 30px;
    background-color: #fff;
    border: solid #e6e8e8 1px
}
.wineplaceholder.f-ms {
    width: auto;
    height: 256px;
    z-index: 0;
    margin: 42px auto 8px;
    overflow: hidden
}

.information.f-ms {
    width: 90%;
    min-height: 188px;
    z-index: 0;
    float: left;
    padding-left: 5%;
    padding-top: 4px;
    padding-right: 5%;
    height: auto
}

.information-block.f-ms {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 263px;
    height: 25px;
    z-index: 1;
    padding-top: 9px;
    background-color: #f6f6f6
}

.buy-button-container.f-ms {
    height: auto;
    z-index: 0;
    width: auto
}

.information-block.f-ms {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 263px;
    height: 25px;
    z-index: 1;
    padding-top: 9px;
    background-color: #f6f6f6
}

.reveal.f-ms {
    width: 80.99%;
    height: 449px;
    max-height: 467px;
    z-index: 0;
    padding: 24px 25px 25px;
    background-color: #3d3f40;
    display: none
}

}