@media  (max-width : 1360px) {

    section.section-panel-join .rope { right: -300px; top: -150px;}
    section.section-panel-join .cat { right: 565px;}

    .carousel .flickity-prev-next-button {    width: 63px; height: 14px;}
    .carousel .flickity-prev-next-button.previous {left: 15px;}
    .carousel .flickity-prev-next-button.next { right: 15px;}
    .carousel .flickity-prev-next-button.previous:before,
    .carousel .flickity-prev-next-button.next:before { width: 63px; height: 14px;}
    .carousel.carousel-contest .flickity-prev-next-button.previous:before,
    .carousel.carousel-contest .flickity-prev-next-button.next:before,
    .carousel.carousel-winners .flickity-prev-next-button.previous:before,
    .carousel.carousel-winners .flickity-prev-next-button.next:before,
    .carousel.carousel-join .flickity-prev-next-button,
    .carousel.carousel-join .flickity-prev-next-button.previous:before,
    .carousel.carousel-join .flickity-prev-next-button.next:before { width: 16px; height: 28px;}
}

@media  (max-width : 1200px) {
    footer.contest .nav.nav-links .nav-item .nav-text { margin-bottom: 15px; display: block;}
    section.section-panel-join .header h2 { font-size: 120px;}

    section.section-panel-join .content .btn { margin-bottom: 60px;}
}

@media  (max-width : 1024px) {

    article.product .field-image .big { max-width: 100px;}
    article.product .field-image .small { height: 48%;}
    article.product .field-image .liter { background-size: cover; width: 56px; height: 92px;}
    article.product .field-image .milliliter {  background-size: cover; width: 47px; height: 76px;}

    section.section-game:before,
    section.section-game:after { width: 440px;}
    section.section-panel-prices .header { margin-bottom: 40px;}
    section.section-panel-prices .footer,
    section.section-panel-join .footer { padding: 20px 0;}
    .btn.btn-more .text { display: none;}
    .btn.btn-more .icon { margin: 0;}
}

@media  (max-width : 992px) {
    header { padding: 15px 0;}
    header.affix { padding: 5px 0;}

    section.section-panel { padding: 35px 0;}
    section.section-panel .header h2 { font-size: 26px;}
    section.section-panel-video {    padding-top: 110px; padding-bottom:70px; background: url(../img/video_bg.jpg) center top no-repeat;}
    section.section-panel-video h2 {}
    section.section-panel-video p { font-size: 18px;}
    section.section-panel-video .parallax{ display: none;}
    section.section-panel-contest {    padding-top: 55px; padding-bottom: 35px;}
    section.section-panel-contest h3 { font-size: 24px;}
    section.section-panel-contest p { font-size: 18px;}
    section.section-panel-history h2 { margin: 0; font-size: 40px; max-width: 360px;}
    section.section-panel-frulite:before { width: 368px; height: 275px; background-size: contain;}
    section.section-panel-frulite .header { margin-bottom: 110px;}
    section.section-panel-contact .tarzan,
    section.section-panel-products .canoe { display: none;}
    section.section-game:before,
    section.section-game:after { width: 330px;}
    section.section-panel-join { padding-bottom: 0; padding-top: 90px;}
    section.section-panel-join .header h2 { font-size: 74px;}
    section.section-panel-join .content .btn { margin-bottom: 60px;}
    section.section-panel-prices { padding-bottom: 0;}

    footer.contest .nav.nav-links .nav-item { width: 50%; text-align: center; margin: 0; padding: 0; margin-bottom: 15px;}
    footer.contest .nav.nav-links .nav-item:after { display: none;}
    footer.contest .nav.nav-links .nav-item .nav-link { display: inline-block;}

    .btn { font-size: 16px; padding: 10px;}

    .carousel-contest:after { content: 'flickity'}
    .carousel.carousel-winners { padding: 0 35px;}

    .responsive-hidden {
        display: none !important;
    }

}

@media  (min-width : 768px) {
}

@media  (max-width : 768px) {

    footer { padding: 25px 0;}
    footer .nav.nav-icons { margin-top: 25px;}


    main.game section.section-game { padding-top: 50px;}

    section.section-panel-frulite h3 { font-size: 50px; left: 15px; bottom: 90%;}
    section.section-panel-frulite { padding-bottom: 200px;}
    section.section-panel-video { color: #fff; background-size: cover;}


    section.section-game:after { display: none;}

    .carousel-products:after,
    .carousel-history:after { content: 'flickity'}

}

@media  (max-width : 767px) {
    
    header { padding: 5px 0;}
    header .navbar .nav.nav-tools { width: 100%; margin: 0;}
    header .navbar .nav.nav-tools .img-fluid { height: 60px;}
    header .navbar .nav.nav-links { position: absolute; left: -15px; right: -15px; top: calc(100% + 5px); opacity: 0; visibility: hidden; margin: 0; background: rgba(255,255,255,.5);}
    header .navbar .nav.nav-links .nav-item { padding: 10px 15px; margin: 0; text-align: center; width: 100%;}
    header .navbar .nav.nav-links .nav-item:after { display: none;}
    header .navbar .nav.nav-links .nav-item .nav-link { display: inline-block;}
    header.negative .navbar .nav.nav-links.show .nav-item .nav-link { color: #000;}
    header.negative .nav.nav-links .nav-item .nav-link:after { background: #000;}
    header .navbar .nav.nav-links.show { visibility: visible; opacity: 1;}

    header.game { padding: 5px 0;}
    header.game .logo .img-fluid { height: 40px;}

}

@media  (max-width : 576px) {

    article.person.person-slim { max-width: 300px; margin: 0 auto;}

    .carousel.carousel-products .col { padding-bottom: 15px; padding-top: 15px;}
    .carousel.carousel-join:after,
    .carousel.carousel-contest:after { content: 'flickity'; display: none; }
    .carousel-join:after,
    .carousel-contest:after { content: 'flickity'}

    section.section-panel-join .header h2 { font-size: 40px; margin-bottom: -60px;}
    section.section-panel-join .content h3 { font-size: 22px; margin-bottom: 15px;}
    section.section-panel-join .content p { font-size: 16px; margin-bottom: 20px;}
    section.section-panel-join .content .btn { margin-bottom: 30px;}
    section.section-panel-join .footer { padding: 25px 0 15px 0;}
    section.section-panel-winners .header h2 { margin-bottom: 60px;}
    section.section-panel-winners .header h3 { font-size: 68px; top: 20%;}
    section.section-panel-prices .header h3 { font-size: 80px;}
    section.section-panel-prices .footer { padding: 25px 0 15px 0;}

    section.section-game:before { display: none;}

    .table tr td { font-size: 14px;}

}

@media  (max-width : 480px) {

    article.product .field-image { padding-top: 15px;}
    article.product .field-image .big { max-width: 90px;}
    article.product .field-image .liter { top: 0;}

    section.section-game .container { padding-top: 35px; padding-bottom: 25px;}
    section.section-game .selections .col-auto { padding: 0 15px;}

    .carousel.carousel-products { padding: 0 50px;}
    .carousel.carousel-products .flickity-prev-next-button { width: 42px; height: 10px;}
    .carousel.carousel-products .flickity-prev-next-button.previous:before,
    .carousel.carousel-products .flickity-prev-next-button.next:before { width: 42px; height: 10px;}
}

@media  (max-width : 375px) {
    article.person.person-round { width: 220px; height: 220px;}
}

@media  (max-width : 360px) {
    section.section-game .header { margin-bottom: 50px;}
    section.section-game .btn-next { margin-top: 60px;}
}

@media  (max-height : 768px) and (orientation: landscape){
    section.section-game.step-4 .container { height: 100%; overflow-y: scroll;}
    .ios main.game section.section-game { padding-bottom: 70px; overflow-y: scroll;}
}

@media  (max-height : 768px) and (orientation: portrait){
    section.section-game.step-4 .container { height: 100%; overflow-y: scroll;}
    .ios main.game section.section-game { padding-bottom: 70px; overflow-y: scroll;}
}