@media only screen and (max-width:1440px) {
.bottles a { position: absolute; bottom:-6.5rem;}
.home-text h1 img { width:30%;}
.home-text { padding-top:20px;}
}

@media only screen and (max-width:1366px) {
.bottles a { position: absolute; bottom:-3.5rem;}
.bottles a.b1 img { height:54%; height:54vh;}
.bottles a.b2 img { height:57%; height:57vh;}
.bottles a.b3 img { height:60%; height:60vh;}
.bottles a.b6 img { height:60%; height:60vh;}
.bottles a.b4 img { height:57%; height:57vh;}
.bottles a.b5 img { height:54%; height:54vh;}
.bottles a.b1 {left:2%; z-index:18;}
.bottles a.b2 {left:13%; z-index:19;}
.bottles a.b3 {left:0; right:18%; margin-left:auto; margin-right:auto;z-index:20;}
.bottles a.b6 {left:18%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b4 {right:13%; z-index:19;}
.bottles a.b5 {right:2%;  z-index:18;}
}

@media only screen and (max-width:1366px) and (max-height:800px) {
.bottles a { position: absolute; bottom:-5rem;}
.bottles a.b1 {left:13.3%; z-index:18;}
.bottles a.b1 img { height:48%; height:48vh;}
.bottles a.b2 {left:21%; z-index:19;}
.bottles a.b2 img { height:52%; height:52vh;}
.bottles a.b3 {left:0; right:15.1%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b3 img { height:55%; height:55vh;}
.bottles a.b6 {left:15.1%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b6 img { height:55%; height:55vh;}
.bottles a.b4 {right:21%; z-index:19;}
.bottles a.b4 img { height:52%; height:52vh;}
.bottles a.b5 {right:13.3%;  z-index:18;}
.bottles a.b5 img { height:48%; height:48vh;}
.bottle img { height:auto; padding-top:40px;}

}
@media only screen and (max-width:1366px) and (max-height:768px) {
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
}
@media only screen and (max-width:1280px) {
.bottles { bottom:-2.5rem;}
.bottles a.b1 {left:0; z-index:18}
.bottles a.b2 {left:17%; z-index:19}
.bottles a.b4 {right:17%; z-index:19}
.bottles a.b5 {right:0;  z-index:18}
.bottles a { position: absolute; bottom:-1.5rem;}
.navigation nav { width:40%; }
/*.bottle img { height:auto !important}*/
.bottles a.b3 {left:0; right:15.1%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:15.1%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
}
@media only screen and (max-width:1280px) and (max-height:800px) {
.bottles a { position: absolute; bottom:-4.5rem;}
.bottles a.b1 {left:2%; z-index:18;}
.bottles a.b1 img { height:54%; height:54vh;}
.bottles a.b2 {left:14.5%; z-index:19;}
.bottles a.b2 img { height:57%; height:57vh;}
.bottles a.b3 {left:0; right:17.8%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b3 img { height:60%; height:60vh;}
.bottles a.b6 {left:17.8%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b6 img { height:60%; height:60vh;}
.bottles a.b4 {right:14.5%; z-index:19;}
.bottles a.b4 img { height:57%; height:57vh;}
.bottles a.b5 {right:2%;  z-index:18;}
.bottles a.b5 img { height:54%; height:54vh;}
}
@media only screen and (max-width:1280px) and (max-height:768px) {
.bottles a.b3 {left:0; right:17%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:17%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
}
@media only screen and (max-width:1280px) and (max-height:720px) {
.bottles a.b3 {left:0; right:16%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:16%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
}
@media only screen and (max-width:1152px) {
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
}

@media only screen and (max-width:1024px) {
.body { width:92%;}
.description { width:45%; float:left; padding-top:30px;}
.button {width:23%; float:right; text-align:center; padding-top:50px;}
.apple, .cherry, .orange, .tropic, .peach, .pear, .family { padding:120px 0 40px 0; height: auto !important; min-height:100vh}
.apple .body, .cherry .body, .orange .body, .tropic .body, .peach .body, .pear .body{ left: auto; position: relative; top: auto; transform: translate(0, 0); width:92%;}
.bottle img { height:auto !important}
.bottles a { position: absolute; bottom:-1.5rem;}
.navigation nav { width:60%;}
.bottles a.b1 {left:2%; z-index:18;}
.bottles a.b2 {left:14.5%; z-index:19;}
.bottles a.b3 {left:0; right:16%; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:16%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b4 {right:14.5%; z-index:19;}
.bottles a.b5 {right:2%;  z-index:18;}
}
@media only screen and (max-width:960px) {
/*@-moz-document url-prefix() { 
  .bottles a.b3 { left:39.5%; margin-left:auto !important; margin-right:auto !important;z-index:20;}
}
*/
/*.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}*/
}
/*@media only screen and (max-width:800px) {
.bottles a.b3 { left:21% !important;z-index:20; border:1px solid #F00;}
}*/
@media only screen and (max-width:800px) and (max-height:800px) {
.bottles a.b3 {left:0; right:17.8%; margin-left:auto; margin-right:auto;z-index:20;}
.bottles a.b6 {left:17.8%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b4{right:12%; z-index: 19;}
}
@media only screen and (max-width:800px) and (max-height:480px) {
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
}
@media only screen and (max-width:768px) {
.bottles a.b3 {left:0; right:17.8%; margin-left:auto; margin-right:auto;z-index:20;}
.bottles a.b6 {left:17.8%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b6 img { height:60%; height:60vh;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
}

@media only screen and (max-width:736px) {
div.pop-up{width:300px; height:300px; margin-left:-150px; margin-top:-180px !important;}
div.pop-up .banner a img{width:100%;}
}
@media only screen and (max-width:667px) {
div.pop-up{width:260px; height:260px; margin-left:-150px; margin-top:-150px !important;}
}
@media only screen and (max-width:640px) {
.bottle { width:50%; float:left; text-align:center;}
.bottle img { height:40vh}
.cherry .description, .tropic .description { text-align:left;}
.description { width:100%; float:left; padding:0 10%;}
.button {width:50%; float:left; text-align:center;}
.button a { margin-top:1rem}
.description h3 br { display:none;}
.bottles a.b1 img { height:50%; height:50vh;}
.bottles a.b2 img { height:53%; height:53vh;}
.bottles a.b3 img { height:55%; height:55vh;}
.bottles a.b4 img { height:53%; height:53vh;}
.bottles a.b5 img { height:50%; height:50vh;}
.bottles a.b6 img { height:55%; height:55vh;}
.navigation nav { width:92%;}
.home-text h1 img { width:50%;}
.family .button {width:50% !important;}
.family .description {
    width: 100%;
}
}

@media only screen and (max-width:600px) {
.bottles { bottom:-1.5rem; width:490px;}
.button { padding-top:80px;}
.bottles a.b3 {left:0; right:15% !important; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:15% !important; right:0; margin-left:auto; margin-right:auto;z-index:21;}
}

@media only screen and (max-width:480px) {
div.pop-up{width:400px; height:400px; margin-left:-210px; margin-top:-200px;}
.navigation nav .nav > li {width:22.5%; border-bottom:2px solid #97bf0d; float:left;}
.navigation nav .nav > li.find-us {width:31.5%;}
.navigation nav .nav > li a {padding: 10px .2rem;}
.sign img { width:60px;}
.description h3 {font-size:1.7rem;}
.contacts table tr td:first-of-type { text-align:left}
.bottles { width:360px;}
.home-text h1 img { width:70%;}
.bottles a.b3 {left:0; right:24.5% !important; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b6 {left:24.5% !important; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b3 img { height:55%; height:55vh;}
.bottles a.b6 img { height:54.7%; height:54.7vh;}
.bottles a.b1 {left:-8%; z-index:18;}
.bottles a.b2 {left:2%; z-index:19;}
.bottles a.b4 {right:2%; z-index:19;}
.bottles a.b5 {right:-8%;  z-index:18;}
}

@media only screen and (max-width:414px) {
div.pop-up{width:300px; height:300px; margin-left:-150px; margin-top:-180px !important;}
}

@media only screen and (max-width:360px) {
div.pop-up{width:300px; height:300px; margin-left:-155px; margin-top:-200px;}
.bottles { width:320px;}
.bottles a.b1 img { height:44%; height:44vh;}
.bottles a.b2 img { height:47%; height:47vh;}
.bottles a.b3 img { height:50%; height:50vh;}
.bottles a.b6 img { height:49.7%; height:49.7vh;}
.bottles a.b4 img { height:47%; height:47vh;}
.bottles a.b5 img { height:44%; height:44vh;}
.navigation nav { font-size:.800rem; width:98%;}
.bottles a.b2 {left:20%; z-index:19;}
.bottles a.b4 {right:20%; z-index:19;}
_:-ms-fullscreen, :root .bottles a.b3,
_:-ms-fullscreen, :root .bottles a.b6 { max-width:none; }
.bottles a.b1 {left:0%; z-index:18;}
.bottles a.b2 {left:8%; z-index:19;}
.bottles a.b4 {right:8%; z-index:19;}
.bottles a.b5 {right:0%;  z-index:18;}
}

@media only screen and (max-width:320px) {
div.pop-up{width:260px; height:260px; margin-left:-135px; margin-top:-200px;}
div.pop-up .banner a img{width:100%;}
.navigation nav .nav > li {width:22.5%; border-bottom:2px solid #97bf0d; float:left;}
.navigation nav .nav > li.find-us {width:32.5%;}
}

@media only screen and (max-width:1024px) and (orientation:landscape) {
	@-webkit-keyframes Bgr {
	from {background:url(../img/welcome.jpg) no-repeat center top; height:100vh; background-size:100% 100%;}
	to   {background:url(../img/welcome-a.jpg) no-repeat center top; height:80vh; background-size:100% 100%;}
	}
	
	@keyframes Bgr {
	from {background:url(../img/welcome.jpg) no-repeat center top; height:100vh; background-size:100% 100%;}
	to   {background:url(../img/welcome-a.jpg) no-repeat center top; height:80vh; background-size:100% 100%;}
	}

.bottles a.b1 {left:6%; z-index:18;}
.bottles a.b1 img { height:54%; height:54vh;}
.bottles a.b2 {left:18%; z-index:19;}
.bottles a.b2 img { height:57%; height:57vh;}
.bottles a.b3  {left:0; right:17.8%; margin-left:auto; margin-right:auto; z-index:20;}
.bottles a.b3 img { height:60%; height:60vh;}
.bottles a.b6 {left:17.8%; right:0; margin-left:auto; margin-right:auto;z-index:21;}
.bottles a.b6 img { height:60%; height:60vh;}
.bottles a.b4 {right:18%; z-index:19;}
.bottles a.b4 img { height:57%; height:57vh;}
.bottles a.b5 {right:6%;  z-index:18;}
.bottles a.b5 img { height:54%; height:54vh;}
}