.shopimage
	{
 	    background: url(../../../images/about1.jpg) 60% 30% no-repeat;
 	    background-size: cover;
	} 

 .menuimg
  {
      background: url(../../../images/banner.jpg) 50% 50% no-repeat;
      background-size: cover;
  }
 .contactimg
  {

      background: url(../../../images/contact.jpg) 50% 50% no-repeat;
      background-size: cover;
  }  
	.ethos-video{
		height: 50%;
	}

ol.juicelist li {
    line-height: 0.5vw;
  }

/*  ----------------------------------------------------- Mobile ------------------ */

@media screen and (min-width:320px) and (max-width: 425px){
  
  .header-logo-wrapper{
  	    top: 9px;
  }
  .header-logo-wrapper a img
  {
  	    height: 65px !important;
  }
  .footer-social-icons li{
    padding-top: calc(8% + 3px);
    width: 8%;
	}
	.footer-social-icons{
		display: block;
	}
	.footer-item.left{
		    height: 50%;
    -ms-flex-flow: column nowrap;
    flex-flow: nowrap;
        text-align: -webkit-center;
	}
	.footer-item.right {
    -ms-flex-order: 0;
    order: 0;
    height: calc(100% - 40px);
        text-align: -webkit-center;
}
.footer-copyright{
	    font-size: 11px;
	padding-top: 13px;
}
.footer-copyright-makers{
	    display: inline;
}
.hero.video video.mobile{
	  min-width: 100%;
	      height: 100vh;   
}
.button.primary:after, .contact-form-submit input.primary:after{
	left: 99%;
}
.wine-title .overflow-inner .period{
	display: none;
}
.footer-social-icons svg{
	    height: 53%;
}
.overflow-container .overflow-inner .subtitle{
	    font: normal normal 20px/1.1 trend,Arial Black,Helvetica,sans-serif;
}
  .aboutmobile{
  	    height: 25%	;
  }
  .whoweare.ethos-statement{
  	    height: 75%	;

  }
  .aboutinfo .ethos-values-inner .ethos-values-item-hide-s{
  	display: block;
  }
  .ethos-values-icon svg{
  	    height: 50px;
  }
  .aboutinfo .subtitle{
  	    font-size: 18px;
  }

  .aboutinfo .ethos-text {
  	    font-size: 12px;
  }
  .ethos-values-icon{
  	    margin-bottom: 10px;
  }


  .aboutinfo  .ethos-values-inner{
  	    flex-flow: column nowrap;
  	        padding: 20px;
  }
  .titleofmenu{
  	font: normal normal 8vw/1.1 trend;
  }
  .home-hero-wine .content{
  	    height: 55%;
  }
  .menupage1 .wine-title{
  	    width: 100%;
    margin: 0;
  }
.wine-title ol.juicelist span,.wine-title ol.juicelist h4{
	    font: normal normal 4.21vw/1.1 hel-con;
}
ol.juicelist{
	text-align: left;
}
.home-hero-wine .content .overflow-container{
	    display: block;
}
ol.juicelist li{
	     line-height: 7.5vw;
}
ol.juicelist li div.juicedesc{
	    font: normal normal 3.51vw/1.1 hel-con;
}

.index .section .home-hero-wine  .content{
	    height: 40%;
}
    .freshfruitdesc li .juicedesc{
      display: none;
	}
	
	.menupage1 .home-hero-wine .content.right,
	.menupage1 .home-hero-wine .content.left {
		    padding: 1.5em;
	}
	/* ol.juicelist {
    overflow-y: scroll;
    height: 43vh;
	} */
	ol.juicelist{
		    padding: 0;
		    margin: 0;
	}
	.home-hero-wine .bg {
		height: 100px;
	}
	.home-hero-wine .content {
		height: auto;
		top: 80px;
	}
	.titleofmenu{
		    left: 50%;
	}

}
/* ------------------------------------------------------------------------- Mobile Rotation -------------------------------- */

@media screen and (min-width:568px) and (max-width: 736px){
    .freshfruitdesc li .juicedesc{
      display: none;
    }
	.hero.parallax{
		padding-bottom: 0;
	}
	nav .header-button{
		    width: 40px;
    height: 40px;
	}
	.header-nav-logo{
		    margin-top: 0;
	}
	nav a img{
		    height: 50px !important;
	}
	.header-nav-items{
		margin: 25px 0 0;
	}
	.home-hero-wine .content{
		left: 50%;
	}
.home-hero-wine .bg{
	    width: 50%;
    height: 100%;
}
.home-hero-wine .bg.right
{
	right: -50%;
}
  .header-logo-wrapper{
  	    top: 9px;
  }
  nav .header-button-wrapper{
  	    position: absolute;
    right: 20px;
  }
  .header-button.close:after, .header-button.close:before{
  	    width: 30px;
    left: 50%;
    top: 18px;    height: 2px;
  }
  .header-logo-wrapper a img
  {
  	    height: 55px !important;
  }
  .footer-social-icons li{
    padding-top: calc(8% + 3px);
    width: 8%;
	}
	.footer-social-icons{
		display: block;
	}
	.footer-item.left{
		    height: 50%;
    -ms-flex-flow: column nowrap;
    flex-flow: nowrap;
        text-align: -webkit-center;
	}
	.footer-item.right {
    -ms-flex-order: 0;
    order: 0;
    height: calc(100% - 40px);
        text-align: -webkit-center;
}
.footer-copyright{
	    font-size: 11px;
	padding-top: 13px;
}
.footer-copyright-makers{
	    display: inline;
}
.hero.video video.mobile{
	  min-width: 100%;
	      height: 100vh;   
}
.button.primary:after, .contact-form-submit input.primary:after{
	left: 99%;
}
.wine-title .overflow-inner .period{
	display: none;
}
.footer-social-icons svg{
	    height: 53%;
}
.overflow-container .overflow-inner .subtitle{
	    font: normal normal 20px/1.1 trend,Arial Black,Helvetica,sans-serif;
}
  .aboutmobile{
  	    height: 25%	;
  }
  .whoweare.ethos-statement{
  	    height: 75%	;

  }
  .aboutinfo .ethos-values-inner .ethos-values-item-hide-s{
  	display: block;
  }
  .ethos-values-icon svg{
  	    height: 50px;
  }
  .aboutinfo .subtitle{
  	    font-size: 14px;
  }

  .aboutinfo .ethos-text {
  	    font-size: 12px;
  }
  .ethos-values-icon{
  	    margin-bottom: 10px;
  }


  .aboutinfo  .ethos-values-inner{
  	    flex-flow: row nowrap;
  	    padding: 20px;
  }
  .titleofmenu{
  	font: normal normal 5vw/1.1 trend;
  }
  .home-hero-wine .content{
  	    height: 100%;
  	    width: 50%;
  }
  .menupage1 .wine-title{
  	    width: 100%;
    margin: 0;
  }
.wine-title ol.juicelist span,.wine-title ol.juicelist h4{
	    font: normal normal 2.21vw/1.1 hel-con;
}
ol.juicelist{
	text-align: left;
}
.home-hero-wine .content .overflow-container{
	    display: block;
}
ol.juicelist li{
	     line-height: 4.1vw;
}
ol.juicelist li div.juicedesc{
	    font: normal normal 1.91vw/1.1 hel-con;
}

.index .section .home-hero-wine  .content{
	    height: 100%;
}
.hero.main .headline{
	    font-size: 28px;
}
.eyebrow{
	font-size: 14px;
}
#play-button{
	    width: 35px;
}
.home-hero-wine .can{
	    width: 100%;
    height: 100%;
    background-size: 400px;
    background-position: 50%;
}
 	.contact-form textarea{
 		    height: 40px;
 	}
 	.contact-form-input input, .contact-form-input select, .contact-form-input textarea{
 		    margin-top: 7px;
 	}
 	.contact-form-submit input
 	{
    margin: 10px auto 0;
    padding-right: 26px!important;
    border: 0;
    padding-top: 9px;
    border-radius: 5px;
    color: #fff;
 	}
 	.contact-form-intro{
 		    margin-bottom: 14px;
 	}

}

/* ------------------------------------------------------------------------------------My tablet--------------------- */

@media screen and (min-width:768px) and (max-width: 1024px){
     .hero-intro-content
	{
		    padding-left: 10%;
    padding-right: 10%;
	}
	.ethos-values .ethos-values-inner .ethos-values-item-hide-s{
		display:block;
	}
	.ethos-values .ethos-values-inner .ethos-values-item .text.ethos-text
	{
		display: none;
	}
	.menupage1 .wine-title{
		    width: 100%;
	}
	.wine-title ol.juicelist h4,.wine-title ol.juicelist span{
		    font: normal normal 2.11vw/1.1 hel-con;
	}
	.footer-social-icons li{
    padding-top: calc(8% + 3px);
    width: 8%;
	}
	.footer-social-icons{
		display: block;
	}
	.footer-item.left{
		    height: 50%;
    -ms-flex-flow: column nowrap;
    flex-flow: nowrap;
        text-align: -webkit-center;
	}
	.footer-item.right {
    -ms-flex-order: 0;
    order: 0;
    height: calc(33% - 40px);
        text-align: -webkit-center;
}
.footersec.section , .footersec.section .fp-tableCell{
	    height: 470px !important;
}
ol.juicelist li div.juicedesc{
      font: normal normal 1.41vw/1.1 hel-con;
}


} 



/* ------------------------------------------------------------------------------------ My Large LAPTOP,PC--------------------- */
 
@media screen and (min-width:1024px) and (max-width: 1450px){
 
 	.ethos-values .subtitle{
 		    font-size: 24px;
 	}
 	.header-logo-wrapper a img{
 		height: 80px !important;
 	}
 	.header-logo-wrapper{
 		top: 7px;
	 		
 	}
 	.headline{
 		    font: normal normal 55px/1.1 trend,sans-serif;
 	}
 	.eyebrow{
 		    font: normal normal 24px/1.1 helvetica,sans-serif;
 	}
 	.hero-intro .headline{
 		    font-size: 50px;
 	}
 	.footer-title{
 		    font-size: 33px;
 	}
 	.contact-form-input input, .contact-form-input select, .contact-form-input textarea{
 		    font-size: 11px;
 	}

.ethos-statement {
    height: 50%;
}
 }


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

}



/* ------------------------------------------------------------------------------------My big lap--------------------- */
 @media screen and (min-width:1369px) and (max-width: 1445px){
    

 }

/* ------------------------------------------------------------------------------------My ipad rotate--------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
 
}




/* ------------------------------------------------------------------------------------My mac--------------------- */
 @media screen and (min-width:1446px) and (max-width: 1920px){
    .mac-none{display: none;}
  
    
 }