@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.b4 img { height:57%; height:57vh;}
.bottles a.b5 img { height:54%; height:54vh;}
.bottles a.b3 { left:35%; z-index:20; }
}

@media only screen and (max-width:1366px) and (max-height:800px) {
.bottles a { position: absolute; bottom:-5rem;}
.bottles a.b1 {left:21%; z-index:18;}
.bottles a.b1 img { height:48%; height:48vh;}
.bottles a.b2 {left:29%; z-index:19;}
.bottles a.b2 img { height:52%; height:52vh;}
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none;}
.bottles a.b3 img { height:55%; height:55vh;}
.bottles a.b4 {right:28%; z-index:19;}
.bottles a.b4 img { height:52%; height:52vh;}
.bottles a.b5 {right:20%;  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 { 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:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}
@media only screen and (max-width:1280px) and (max-height:800px) {
.bottles a { position: absolute; bottom:-4.5rem;}
.bottles a.b1 {left:10%; z-index:18;}
.bottles a.b1 img { height:54%; height:54vh;}
.bottles a.b2 {left:23%; z-index:19;}
.bottles a.b2 img { height:57%; height:57vh;}
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
.bottles a.b3 img { height:60%; height:60vh;}
.bottles a.b4 {right:23%; z-index:19;}
.bottles a.b4 img { height:57%; height:57vh;}
.bottles a.b5 {right:10%;  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:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}
@media only screen and (max-width:1280px) and (max-height:720px) {
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}
@media only screen and (max-width:1152px) {
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { 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, .family { padding:120px 0 40px 0; height: auto !important; min-height:100vh}
.apple .body, .cherry .body, .orange .body, .tropic .body, .peach .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.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}
@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:480px) {
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}
@media only screen and (max-width:768px) {
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}

@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;}
.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:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}

@media only screen and (max-width:480px) {
.navigation nav .nav > li a {padding: 0 .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:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}

@media only screen and (max-width:360px) {
.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.b4 img { height:47%; height:47vh;}
.bottles a.b5 img { height:44%; height:44vh;}
.navigation nav { font-size:.857rem; width:98%;}
.bottles a.b2 {left:20%; z-index:19;}
.bottles a.b4 {right:20%; z-index:19;}
.bottles a.b3 {left:0; right:0; margin-left:auto; margin-right:auto;z-index:20;}
_:-ms-fullscreen, :root .bottles a.b3 { max-width:none; }
}

@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:15%; z-index:18;}
.bottles a.b1 img { height:54%; height:54vh;}
.bottles a.b2 {left:27%; z-index:19;}
.bottles a.b2 img { height:57%; height:57vh;}
/*.bottles a.b3  {left:0; right:0; margin-left:auto; margin-right:auto; z-index:20;}*/
.bottles a.b3 img { height:60%; height:60vh;}
.bottles a.b4 {right:27%; z-index:19;}
.bottles a.b4 img { height:57%; height:57vh;}
.bottles a.b5 {right:15%;  z-index:18;}
.bottles a.b5 img { height:54%; height:54vh;}
}