@media (max-width: 480px) {
    .slide-wrapper{
        width: 100%;
    }
    .decoration{
        width: 160px;
        margin-top: 5px;
    }
    #menu{
        top:0!important;
        left:0!important;
        width: 100%;
        height: 0;
        background: rgba(0,0,7,0.6);
        margin-top: 0;
        padding-top: 0;
        transition: all 0.5s;
    }
    #menu.visible{
        height: 40px;
    }
    #menu .arrow-top,
    #menu .decor-top,
    #menu .decor-bottom,
    #menu .line-top,
    #menu .socialmedia{
        display: none;
    }
    #menu .wrapper{
        width: 92px;
        height: 0;
        float: right;
        background: transparent url(../img/menu-ico.png) no-repeat scroll center center;
        transition: all 0s;
        border-left: 1px solid rgba(255,255,255,0.12);
        cursor: pointer;
        transition: all 0.5s;
    }
    #menu.visible .wrapper{
        height: 100%;
    }

    #menu .wrapper ul{
        /*display: none;*/
        display: block;
        position: fixed;
        height: auto;
        max-height: 0;
        margin-top: 1px;
        /*        opacity:0;
                filter:alpha(opacity=0);*/
        top: 40px;
        left: 0;
        width: 100%;
        padding: 0;
        transition: all 0s;
    }
    #menu .wrapper.opened ul{
        max-height: 800px;
        transition: all 0.5s;
        /*        opacity:1;
                filter:alpha(opacity=100);*/
    }
    #menu .wrapper.opened ul a{
        display: block;
    }
    #menu .wrapper.opened ul li{
        background: rgba(0,0,7,0.8);
        font-size: 15px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
        margin-bottom: 1px;
        white-space: nowrap;
        padding: 0;
    }
    #menu .scrollDown{
        width: 92px;
        height: 0;
        float: left;
        background: transparent url(../img/arrow-down-menu.png) no-repeat scroll center center;
        transition: all 0s;
        display: block;
        cursor: pointer;
        border-right: 1px solid rgba(255,255,255,0.12);
        transition: all 0.5s;
    }
    #menu.visible .scrollDown{
        height: 100%;
    }

    #bottle{
        background: transparent url(../img/bottle-tablet.png) no-repeat scroll 0 0;
        left: -45px!important;
        bottom: -100%!important;
        width: 460px;
        height: 877px;
        transition: bottom 1.0s ease;
        max-height: 80%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    #bottle.position-1{
        bottom: -100%;
        /*        bottom: -460px;
                left: 36%;
                transition: all 1s, left 0s;*/
    }
    #bottle.position-2{
        bottom: 20px!important;
        left: -25px!important;
        /*transition: all 1s, left 0s;*/
    }
    #bottle.position-3{
        bottom: 20px!important;
        left: -25px!important;
        z-index: 23;
    }
    #bottle.position-4,
    #bottle.position-5{
        bottom: 20px!important;
        left: -25px!important;
    }
    #bottle.position-6{
        bottom: 20px!important;
        left: -25px!important;
        -webkit-transition: all 0s 1s, -webkit-transform 0s 1s;
        transition: all 0s 1s, transform 0s 1s;
    }
    #bottle.position-7{
        bottom: -100%!important;
        left: -37px!important;
        transition: all 0s 0s, -webkit-transform 0s 1s;
    }
    /*    #can{
            background: transparent url(../img/can-t.png) no-repeat scroll 0 0;
            width: 194px;
            height: 471px;
            bottom: 65px;
            left: 40px;
            max-height: 45%;
            opacity:0;
            filter:alpha(opacity=0);
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            transition: all 0.7s 0.7s;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain;
        }
        #can.position-4{
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            opacity:0;
            filter:alpha(opacity=0);
            z-index: -1;
        }
        #can.position-6{
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            transition: all 0.7s;
            opacity:0;
            filter:alpha(opacity=0);
            -webkit-transition: opacity 1s, -webkit-transform 0s 1s;
            transition: opacity 1s, transform 0s 1s;
            z-index: 18;
        }
        #can.position-7{
            -webkit-transform: translate(-100%,0);
            transform: translate(-100%,0);
            transition: all 0s;
            opacity:1;
            filter:alpha(opacity=100);
            z-index: 18;
        }*/
    #can,
    #hop,
    #grain,
    #corn,
    #glass-small{
        display: none;
    }
    #bubbles-bg{
        background-image: url('../img/bg-slide-6-t.jpg');
    }
    #bubbles-bg #bubbles-video{
        display: none;
    }
    #bubbles-bg #glass-big{
        background: transparent url(../img/glass-big-t.png) no-repeat scroll 0 0;
        width: 584px;
        height: 1114px;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        max-width: 100%;
    }
    #bubbles-bg #glass-big.position-1{
        -webkit-transform: translate(-180px,0);
        transform: translate(-180px,0);
    }
    #bubbles-bg #glass-big.position-2{
        -webkit-transform: translate(-180px,-30px);
        transform: translate(-180px,-30px);
    }
    #bubbles-bg #glass-big.position-3{
        -webkit-transform: translate(-180px,-60px);
        transform: translate(-180px,-60px);
    }
    #bubbles-bg #glass-big.position-4{
        -webkit-transform: translate(-180px,-90px);
        transform: translate(-180px,-90px);
    }
    #bubbles-bg #glass-big.position-5{
        -webkit-transform: translate(-180px,-120px);
        transform: translate(-180px,-120px);
    }
    #bubbles-bg #glass-big.position-6{
        -webkit-transform: translate(-180px,-150px);
        transform: translate(-180px,-150px);
    }
    #bubbles-bg #glass-big.position-7{
        -webkit-transform: translate(-180px,-180px);
        transform: translate(-180px,-180px);
    }
    #bubbles-bg #glass-big.position-8{
        -webkit-transform: translate(-180px,-210px);
        transform: translate(-180px,-210px);
    }
    #bubbles-bg #glass-big.position-9{
        -webkit-transform: translate(-180px,-240px);
        transform: translate(-180px,-240px);
    }
    #bubbles-bg #glass-big.position-10{
        -webkit-transform: translate(-180px,-270px);
        transform: translate(-180px,-270px);
    }
    #wide-bg{
        background-image: url('../img/bg-slide-4-t.jpg');
    }
    #wide-bg img{
        display: none;
    }
    #contact-bg{
        background-image: url('../img/bg-slide-7-t.jpg');
    }
    .slide-wrapper .title{
        font-size: 18px;
    }
    .slide-wrapper .para-lead{
        font-size: 13px;
    }
    .slide-wrapper .para-normal{
        font-size: 12px;
    }
    .slide-wrapper .para-color{
        font-size: 12px;
    }
    .slide.first{
        background-image: url('../img/bg-slide-1-t.jpg');
    }
    .slide.second{
        background-image: url('../img/bg-slide-2-t.jpg');
    }
    .slide.third{
        background-image: url('../img/bg-slide-3-t.jpg');
    }
    .slide.fourth{
        /*background-image: url('../img/bg-slide-4-t.jpg');*/
    }
    .slide.fifth{
        /*background-image: url('../img/bg-slide-4-t.jpg');*/
    }
    .slide.sixth{
        /*background-image: url('../img/bg-slide-6-t.jpg');*/
    }
    .slide.seventh{
        /*background-image: url('../img/bg-slide-7-t.jpg');*/
    }

    .slide.first .bottle{
        background: transparent url(../img/bottle-tablet.png) no-repeat scroll 0 0;
        width: 225px;
        height: 415px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -56px;
        display: block;
        background-size: 100%;
    }
    .slide.first .elem-1{
        position: absolute;
        top: 12%;
        left: 0;
        width: 100%;
    }
    .slide.first .elem-1 img{
        width: 40%;
    }
    .slide.first .elem-2{
        /*        position: absolute;
                top: 37%;
                left: 0;
                width: 100%;*/

    }
    .slide.first .scrollDown{
        position: absolute;
        bottom: 35px;
        left: 50%;
        margin-left: -75px;
        width: 151px;
        height: 49px;
        border: 2px solid #fff;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 7px;
    }
    slide.first .scrollDown:after{
        content: '';
        position: absolute;
        left: 50%;
        bottom: 8px;
        margin-left: -10px;
        background: transparent url('../img/scroll-down.png') no-repeat scroll center center;
        width: 20px;
        height: 10px;
        transition: all 0s ease;
    }
    .slide.first.active .scrollDown:after{
        bottom: 8px;
        transition: all 0s ease;
    }
    .slide.second .elem-1{
        /*        position: absolute;
                top: 22%;
                left: 35%;
                width: 50%;*/
        width: 75%;
        left: 20%;
    }
    .slide.second .elem-2{
        /*        position: absolute;
                top: 43%;
                left: 23%;
                width: 75%;
                -moz-box-sizing: border-box;
                box-sizing: border-box;*/
        /*padding: 0 2%;*/
        padding: 0;
        margin-top: 10px;
    }
    .slide.second .elem-3{
        /*        position: absolute;
                top: 54%;
                left: 25%;
                width: 70%;*/
        padding: 0;
        margin-top: 10px;
    }
    .slide.third .elem-1{
        /*        position: absolute;
                top: 22%;
                left: 40%;
                width: 48%;*/
        width: 75%;
        left: 20%;
        padding: 0;
    }
    .slide.third .elem-2{
        /*        position: absolute;
                top: 34%;
                left: 41%;
                width: 46%;*/
        padding: 0;
        margin-top: 10px;
    }
    .slide.third .elem-3{
        /*        position: absolute;
                top: 54%;
                left: 40%;
                width: 47%;*/
        padding: 0;
        margin-top: 10px;
    }
    .slide.fourth .elem-1{
        /*        position: absolute;
                top: 22%;
                left: 40%;
                width: 46%;*/
        width: 75%;
        left: 20%;
    }
    .slide.fourth .elem-2{
        /*        position: absolute;
                top: 35.5%;
                left: 40%;
                width: 46%;*/
        margin-top: 10px;
    }
    .slide.fourth .elem-3{
        /*        position: absolute;
                top: 55%;
                left: 40%;
                width: 46%;*/
        margin-top: 10px;
        padding-bottom: 50px;
    }
    .slide.fifth .elem-1{
        /*        position: absolute;
                top: 16%;
                left: 39%;
                width: 47%;*/
        width: 75%;
        left: 20%;
    }
    .slide.fifth .elem-2{
        /*        position: absolute;
                top: 28.5%;
                left: 38%;
                width: 49%;*/
        padding: 0;
        margin-top: 10px;

    }
    .slide.fifth .elem-3{
        /*        position: absolute;
                top: 55%;
                left: 40%;
                width: 46%;*/
        padding: 0;
        margin-top: 10px;
    }
    .slide.fifth .elem-4{
        /*        position: absolute;
                top: 71%;
                left: 43%;
                width: 39%;*/
        padding: 0; 
        margin-top: 10px;
        padding-bottom: 50px;
    }
    .slide.sixth .elem-1{
        position: absolute;
        top: 15%;
        left: 39%;
        width: 53%;
    }
    .slide.sixth .faq-wrapper{
        top: 20%;
        left: 40%;
        padding-left: 0;
        width: 50%;
    }
    .slide.sixth .counter-wrapper {
        position: absolute;
        top: 82%;
        left: 38%;
        width: 241px;
        margin: 0;
    }
    .slide.sixth .counter-wrapper #counter {
        width: 40px;
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .slide.sixth .counter-wrapper #question-prev,
    .slide.sixth .counter-wrapper #question-next {
        width: 40px;
        height: 40px;
        float: left;
    }
    .slide.sixth .counter-wrapper #question-prev {
        background: transparent url(../img/arrow-left.png) no-repeat scroll center center;
    }
    .slide.sixth .counter-wrapper #question-next {
        background: transparent url(../img/arrow-right.png) no-repeat scroll center center;
    }
    .slide.seventh .elem-1 .decoration {
        margin-top: 10px;
        margin-left: 20%;
    }
    .slide.seventh .elem-1{
        /*        position: absolute;
                top: 16%;
                left: 40%;
                width: 40%;*/
        width: 75%;
        left: 20%;
    }
    .slide.seventh .elem-1 .title{
        padding-left: 20%;
    }
    .slide.seventh .elem-2{
        /*        position: absolute;
                top: 28.5%;
                left: 43%;
                width: 35%;*/
        padding: 0;
        padding-left: 20%;
        margin-top: 10px;
    }

    .slide.seventh .scrollUp{
        /*        top: 76%;
                left: 54%;*/
    }
    .slide.seventh .bottle-can{
        position: absolute;
        background: transparent url(../img/bottle-can.png) no-repeat scroll left center;
        left: -45px;
        bottom: 20px;
        width: 440px;
        height: 885px;
        transition: bottom 1.0s ease;
        max-height: 80%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        -ms-perspective: 1000;
        perspective: 1000;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .slide.seventh .mustache.mustache-1,
    .slide.seventh .mustache.mustache-2,
    .slide.seventh .mustache.mustache-3,
    .slide.seventh .mustache.mustache-4,
    .slide.seventh .mustache.mustache-5,
    .slide.seventh .mustache.mustache-12,
    .slide.seventh .mustache.mustache-13,
    .slide.seventh .mustache.mustache-14,
    .slide.seventh .mustache.mustache-18,
    .slide.seventh .mustache.mustache-20{
        display: none;
    }
}
/*@media screen and (max-height:650px) {
    .slide-wrapper .title{
        font-size: 10px;
    }
    .slide-wrapper .para-lead{
        font-size: 8px;
    }
    .slide-wrapper .para-normal{
        font-size: 7px;
    }
    .slide-wrapper .para-color{
        font-size: 7px;
    }
    .slide.first,
    .slide.second,
    .slide.third,
    .slide.fourth,
    .slide.fifth,
    .slide.sixth,
    .slide.seventh{
        line-height: 8px;
    }

}*/