@media screen and (max-width: 1439px) {
    .owl-next, 
    .owl-prev {
        width: 62px;
        height: 62px;
    }    
    .container {
        max-width: 970px;
    }
    .container.lg {
        max-width: 1070px;
    }
    .h1 {
        font-size: 84px;
    }
    .h2,
    .xp-navigation ul li a,
    .social-share {
        font-size: 32px;
    }
    .h3 {
        font-size: 56px;
    }
    .h4 {
        font-size: 30px;
    }
    .h5 {
        font-size: 40px;
        font-size: 34px;
    }
    .p {
        font-size: 20px;
    }    
    .p.sm {
        font-size: 17px;
    }    
    .cta {
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }
    .c-hamburger {
        left: 44px;
    }
    .xp-header.onLeft .brand-logo {
        left: 44px;
    }
    .brand-logo {
        width: 180px;
    }
    .xp-header {
        top: 30px;
        height: 42px;
    }
    .xp-header.outView {
        top: -50px;
    }
    .header-fix .v-main {
        padding-top: 74px;
    }
    .arrow-down {
        width: 40px;
        height: 40px;
        bottom: 24px;
    }
    
    .innerPage.slides  {
        padding-top: 75px;
    }
    .dash-contents {
        margin-top: -25px;
    }
    .dashboard-item {
        height: 80px;
    }
    .dashboard-item .h2 a,
    .dashboard-item .p {
        padding-right: 84px;
    }
    .dashboard-item .h2 a::after {
        width: 30px;
        height: 30px;
    }
    .related-graphics.innerGraphics {
        width: 292px;
    }
    .dashboard.slides {
        padding-top: 100px;
        padding-bottom: 15px;
    }
    .related-items .story-hh2 {
        width: 163px;
        margin: -66px 25px 0 0;
    }
    .related-items .p {
        margin: 29px 0 0;
    }
    .innerPage .h3 {
        margin-bottom: 44px;
    }
    .innerPage.our-people .h3{
        margin-bottom: 24px;
    }
    .innerPage.our-people .p {
        margin-bottom: 34px;
    }
    
    .goBack,
    .overlay-close {
        top: calc(200vh - -30px);
        right: 30px;
    }
    .overlay-close {
        top: 30px;
    }
    .timeline-img {
        margin-top: 50px;
        margin-bottom: 71px;
    }
    .timeline-year {    
        font-size: 200px;
    }
    
    .timeline-carousel {
        margin-bottom: 50px;
    }
    .timeline-copy {
        bottom: 70px;
        right: 17px;
        min-height: 221px;
    }
    .timeline-carousel .owl-nav {
        bottom: 70px;
        right: 17px;
    }
    
    .timeline-copy-wrap {
        padding: 46px 70px;
    }
    .timeline-copy .p.sm {
        margin-top: 9px;
    }
    .slides[data-name="the-story-of-heaven-hill"] .h3 {
        left: -33px;
    } 
    .timeline-control {
        top: -41px;
        left: -33px;
    }
    .timeline-control a {
        font-size: 20px;
        line-height: 25px;
    }
    .timeline-control a[data-decade].active {
        font-size: 27px;
    }
    .timeline-control li {
        height: 50px;
    }
    .timeline-control li li {
        height: 30px;
        width: 42px;
    }
    .timeline-control > ul > li {
        width: 90px;
    }
    .timeline-control li ul {
        top: 13px;
        left: 92px;
        transform: translateY(9px);
    }
    .timeline-carousel .owl-prev {
        left: -32px;
    }
    .timeline-carousel .owl-next {
        right: -32px;
    }
    .timeline .col-90 {
        transform: translateX(25px);
    }
    .cocktail-ages .h3 {
        margin-bottom: 34px;
    }
    .timeline-control.cocktails-history-control {
        margin-bottom: 34px;
    }
    .cocktail-recipes-header .h4 {
        margin-bottom: 10px;
    }
    .cocktail-recipes-body {
        margin-top: -23px;
        margin-bottom: 50px;
    }
    .cocktail-recipes-body .item {
        width: 334px;
        padding-top: 82px;
    }
    .cocktail-recipes-body .item-content {    
        transform: translateY(42px);
    }
    .cocktail-recipes-body .item img {
        margin-bottom: 17px;
    }
    .cocktail-recipes-body .p {
        margin-bottom: 9px;
    }
    .cocktail-recipes-body p,
    .cocktail-recipes-body li {
        font-size: 17px;
    } 
    .cocktail-recipes-body li {
        padding: 7px 0;
    }
    .cocktail-recipes-body p {
        margin-top: 17px;
    }
    .cocktail-recipes-body .owl-nav {
        top: 82px;
    }
    .cocktail-recipes-body .owl-prev {
        left: 50px;
    }
    .cocktail-recipes-body .owl-next {
        right: 50px;
    }
    .cocktail-recipes-body .timeline-year {
        left: 13px;
    }
    .family-owned,
    .anniversary-bottle,
    .mm {
        padding: 0 50px;
    }
    .family-owned .rows {
        margin-bottom: 100px;
    }
    .svg_play {
        width: 75px;
        height: 75px;
    }
    .p.has_dropcap {
        font-size: 25px;
        margin:-12px 0 24px;
    }
    .p.block-copy {
        padding: 21px 0;
    }
    .family-owned .cta {
        margin: 34px 0 25px;
    }
    .anni-bottle {
        width: 295px;
    }
    .anniversary-detail .wheat-graphics {
        width: 959px;
    }
    .innerPage.slides.anniversary {
        padding-top: 59px;
    }
    .anniversary-bottle {
        margin-bottom: 34px;
    }
    .anniversary-detail .p {
        margin: 54px 0;
    }
    .discover-cta {
        margin-bottom: 67px;
    }
    .discover-cta h2 {
        font-size: 17px;
        padding-bottom: 67px;
    }
    .mm-intro .p {
        padding-top: 40px;
    }
    .mm .h4 {
        margin: 25px 0 17px;
    }
    .mm .item {
        margin-bottom: 100px;
    }
    .col2 {
        margin-top: 220px;
    }
    .slides.innerPage.words-of-others {
        padding-top: 34px;
    }
    .anniversary-img {
        width: 234px;
    }
    .words-of-others .h3 {
        margin: 59px 0 34px;
    }
    .qoutes-carousel {
        margin-bottom: 50px;
    }
    .words-of-others .container {
        padding: 0 17px;
    }
    .qoutes-carousel .h5 {
        padding-bottom: 40px;
    }
    .author-info h2 {
        font-size: 24px;
    }
    .author-info p {
        font-size: 17px;
        margin-top: 9px;
    }
    .signature {
        margin: 34px 0 29px;
    }
    .author-sign {
        width: 300px;
    }

    .innerPage.history-module {
        padding-top: 45px;
    }
    .innerPage.history-module .h3 {
        margin-bottom: 25px;
    }
    .timeline-img {
        margin-top: 34px;
        margin-bottom: 50px;
    }
    .xp-navigation ul li {
        padding: 15px 0;
    }    
}

@media screen and (max-width: 1399px) and (min-width: 992px) and (max-height: 620px) {
    .h1 {
        font-size: 78px;
    }    
    .dashboard-item {
        height: 72px;
    }    
    .related-graphics.innerGraphics {
        width: 270px;
    }  
    .related-items .story-hh2 {
        width: 135px;
    }  
    .related-items .p {
        margin: 20px 0 0;
        font-size: 18px;
    }  
    .h2,
    .xp-navigation ul li a,
    .social-share {
        font-size: 30px;
    }  
    .timeline-img {
        width: 62%;
    }    
    
}

@media screen and (max-width: 1199px) {
    .owl-next, 
    .owl-prev {
        width: 52px;
        height: 52px;
    }
    .container {
        max-width: 800px;
    }
    .container.lg {
        max-width: 880px;
    }
    .h1 {
        font-size: 70px;
    }
    .h2,
    .xp-navigation ul li a,
    .social-share {
        font-size: 28px;
    }
    .h3 {
        font-size: 50px;
    }
    .h4 {
        font-size: 28px;
    }
    .h5 {
        font-size: 34px;
        font-size: 26px;
    }
    .p {
        font-size: 18px;
    }
    
    .p.sm {
        font-size: 15px;
    }
    
    .cta {
        font-size: 14px;
        height: 42px;
        line-height: 42px;
    }
    
    .brand-logo {
        width: 160px;
    }
    .c-hamburger {
        width: 27px;
        height: 27px;
    }
    .c-hamburger span {
        top: 13px;
    }
    .c-hamburger span::before {
        top: -7px;
    }
    .c-hamburger span::after {
        bottom: -7px;
    }    
    .c-hamburger {
        left: 30px;
    }
    .xp-header.onLeft .brand-logo {
        left: 30px;
    }
    .xp-header {
        top: 24px;
        height: 38px;
    }
    .xp-header.outView {
        top: -41px;
    }
    .header-fix .v-main {
        padding-top: 61px;
    }
    .arrow-down {
        width: 34px;
        height: 34px;
        bottom: 20px;
    }
    
    .innerPage.slides  {
        padding-top: 62px;
    }
    .dash-contents {
        margin-top: -20px;
    }
    .dashboard-item {
        height: 69px;
    }
    .dashboard-item .h2 a,
    .dashboard-item .p {
        padding-right: 69px;
    }
    .dashboard-item .h2 a::after {
        width: 25px;
        height: 25px;
    }
    .related-graphics.innerGraphics {
        width: 242px;
    }
    .dashboard.slides {
        padding-top: 80px;
        padding-bottom: 14px;
    }
    .related-items .story-hh2 {
        width: 135px;
        margin: -55px 21px 0 0;
    }
    .related-items .p {
        margin: 24px 0 0;
    }
    
    .innerPage .h3 {
        margin-bottom: 40px;
    }
    .innerPage.our-people .h3{
        margin-bottom: 22px;
    }
    .innerPage.our-people .p {
        margin-bottom: 30px;
    }
    .goBack,
    .overlay-close {
        top: calc(200vh - -20px);
        right: 20px;
    }
    .overlay-close {
        top: 20px;
    }
    .timeline-img {
        margin-top: 42px;
        margin-bottom: 59px;
    }
    .timeline-year {    
        font-size: 166px;
    }
    
    .timeline-carousel {
        margin-bottom: 42px;
    }
    .timeline-copy {
        bottom: 49px;
        right: 14px;
        min-height: 183px;
    }
    .timeline-carousel .owl-nav {
        bottom: 49px;
        right: 14px;
    }
    
    .timeline-copy-wrap {
        padding: 38px 50px;
    }
    .timeline-copy .p.sm {
        margin-top: 7px;
    }
    
    .slides[data-name="the-story-of-heaven-hill"] .h3 {
        left: -27px;
    } 
    .timeline-control {
        top: -34px;
        left: -27px;
    }
    .timeline-control a {
        font-size: 17px;
        line-height: 21px;
    }
    .timeline-control a[data-decade].active {
        font-size: 23px;
    }
    .timeline-control li {
        height: 42px;
    }
    .timeline-control li li {
        height: 28px;
        width: 38px;
    }
    .timeline-control > ul > li {
        width: 74px;
    }
    .timeline-control li ul {
        top: 8px;
        left: 76px;
        transform: translateY(7px);
    }
    .timeline-carousel .owl-prev {
        left: -26px;
    }
    .timeline-carousel .owl-next {
        right: -26px;
    }
    .timeline .col-90 {
        transform: translateX(21px);
    }
    
    
    
    .cocktail-ages .h3 {
        margin-bottom: 28px;
    }
    .timeline-control.cocktails-history-control {
        margin-bottom: 28px;
    }
    .cocktail-recipes-header .h4 {
        margin-bottom: 9px;
    }
    .cocktail-recipes-body {
        margin-top: -19px;
        margin-bottom: 42px;
    }
    .cocktail-recipes-body .item {
        width: 276px;
        padding-top: 68px;
    }
    .cocktail-recipes-body .item-content {    
        transform: translateY(35px);
    }
    .cocktail-recipes-body .item img {
        margin-bottom: 14px;
    }
    .cocktail-recipes-body .p {
        margin-bottom: 7px;
    }
    .cocktail-recipes-body p,
    .cocktail-recipes-body li {
        font-size: 15px;
    } 
    .cocktail-recipes-body li {
        padding: 6px 0;
    }
    .cocktail-recipes-body p {
        margin-top: 14px;
    }
    .cocktail-recipes-body .owl-nav {
        top: 68px;
    }
    .cocktail-recipes-body .owl-prev {
        left: 42px;
    }
    .cocktail-recipes-body .owl-next {
        right: 42px;
    }
    .cocktail-recipes-body .timeline-year {
        left: 11px;
    }
    
    
    .family-owned,
    .anniversary-bottle,
    .mm {
        padding: 0 30px;
    }
    .family-owned .col-38 {
        width: 40%;
    }
    .family-owned .rows {
        margin-bottom: 83px;
    }
    .svg_play,
    .vimeoControl {
        width: 62px;
        height: 62px;
    }
    .vimeoControl {
        bottom: -31px;
    }
    .p.has_dropcap {
        font-size: 21px;
        margin:-10px 0 20px;
    }
    .p.block-copy {
        padding: 18px 0;
    }
    .family-owned .cta {
        margin: 28px 0 21px;
    }
    .anni-bottle {
        width: 244px;
    }
    .anniversary-detail .wheat-graphics {
        width: 793px;
    }
    .innerPage.slides.anniversary {
        padding-top: 49px;
    }
    .anniversary-bottle {
        margin-bottom: 28px;
    }
    .anniversary-detail .p {
        margin: 45px 0;
    }
    .discover-cta {
        margin-bottom: 56px;
    }
    .discover-cta h2 {
        font-size: 14px;
        padding-bottom: 56px;
    }
    .mm-intro .h3 {
        margin-bottom: 10px !important;
    }
    .mm-intro .p {
        padding-top: 35px
    }
    .mm .h4 {
        margin: 21px 0 14px;
    }
    .mm .item {
        margin-bottom: 83px;
    }
    .col2 {
        margin-top: 200px;
    }
    
    
    .slides.innerPage.words-of-others {
        padding-top: 28px;
    }
    .anniversary-img {
        width: 193px;
    }
    .words-of-others .h3 {
        margin: 49px 0 42px;
    }
    .qoutes-carousel {
        margin-bottom: 42px;
    }
    .words-of-others .container {
        padding: 0 14px;
    }
    .qoutes-carousel .h5 {
        padding-bottom: 42px;
    }
    .author-info h2 {
        font-size: 20px;
    }
    .author-info p {
        font-size: 14px;
        margin-top: 7px;
    }
    .signature {
        margin: 28px 0 24px;
    }
    .author-sign {
        width: 238px;
    }
}

@media screen and (max-width: 991px) {

    .container {
        max-width: 680px;
    }
    .container.lg {
        max-width: 700px;
    }
    .h1 {
        font-size: 54px;
    }
    .h2 {
        font-size: 22px;
    }
    .h3 {
        font-size: 39px;
    }
    .h4 {
        font-size: 20px;
    }
    .h5 {
        font-size: 26px;
        font-size: 22px;
    }
    .p {
        font-size: 15px;
    }
    
    .p.sm {
        font-size: 14px;
    }
    
    .header-fix .v-main {
        padding-top: 60px;
    }
    
    .innerPage.slides  {
        padding-top: 40px;
    }
    .dash-contents {
        margin-top: -16px;
    }
    .dashboard-item {
        height: 54px;
    }
    .dashboard-item .h2 a,
    .dashboard-item .p {
        padding-right: 40px;
    }
    .dashboard-item .h2 a::after {
        width: 20px;
        height: 20px;
    }
    .related-graphics.innerGraphics {
        width: 220px;
    }
    .dashboard.slides {
        padding-top: 74px;
        padding-bottom: 10px;
    }
    .related-items .story-hh2 {
        width: 120px;
        margin: -42px 16px 0 0;
    }
    .related-items .p {
        margin: 18px 0 0;
    }
    
    .innerPage .h3 {
        margin-bottom: 28px;
    }
    .innerPage.our-people .h3 {
        margin-bottom: 16px;
    }
    .innerPage.our-people .p {
        margin-bottom: 30px;
    }
    
    .goBack,
    .overlay-close {
        top: calc(200vh - -22px);
        right: 22px;
        width: 36px;
        height: 36px;
    }
    .overlay-close {
        top: 22px;
    }
    .timeline-img {
        margin-top: 24px;
        margin-bottom: 38px;
    }
    .timeline-year {    
        font-size: 128px;
    }
    
    .timeline-carousel {
        margin-bottom: 32px;
    }
    .timeline-copy {
        bottom: 38px;
        right: 11px;
        min-height: 142px;
    }
    .timeline-carousel .owl-nav {
        bottom: 38px;
        right: 11px;
    }
    
    .timeline-copy-wrap {
        padding: 30px 32px;
    }
    .timeline-copy .p.sm {
        margin-top: 6px;
    }
    
    .slides[data-name="the-story-of-heaven-hill"] .h3 {
        left: -20px;
    } 
    .timeline-control {
        top: -20px;
        left: -15px;
    }
    .timeline-control a {
        font-size: 14px;
        line-height: 16px;
    }
    .timeline-control a[data-decade].active {
        font-size: 17px;
    }
    .timeline-control li {
        height: 32px;
    }
    .timeline-control li li {
        height: 22px;
        width: 28px;
    }
    .timeline-control > ul > li {
        width: 54px;
    }
    .timeline-control li ul {
        top: 8px;
        left: 59px;
    }
    .timeline-carousel .owl-prev {
        left: -24px;
    }
    .timeline-carousel .owl-next {
        right: -24px;
    }
    .timeline .col-90 {
        transform: translateX(16px);
    }
    
    
    
    .cocktail-ages .h3 {
        margin-bottom: 22px;
    }
    .timeline-control.cocktails-history-control {
        margin-bottom: 22px;
    }
    .cocktail-recipes-header .h4 {
        margin-bottom: 8px;
    }
    .cocktail-recipes-body {
        margin-top: -14px;
        margin-bottom: 32px;
    }
    .cocktail-recipes-body .item {
        width: 214px;
        padding-top: 53px;
    }
    .cocktail-recipes-body .item-content {    
        transform: translateY(27px);
    }
    .cocktail-recipes-body .item img {
        margin-bottom: 11px;
    }
    .cocktail-recipes-body .p {
        margin-bottom: 6px;
    }
    .cocktail-recipes-body p,
    .cocktail-recipes-body li {
        font-size: 13px;
    } 
    .cocktail-recipes-body li {
        padding: 5px 0;
    }
    .cocktail-recipes-body p {
        margin-top: 11px;
    }
    .cocktail-recipes-body .owl-nav {
        top: 53px;
    }
    .cocktail-recipes-body .owl-prev {
        left: 32px;
    }
    .cocktail-recipes-body .owl-next {
        right: 32px;
    }
    .cocktail-recipes-body .timeline-year {
        left: 8px;
    }
    
    
    .family-owned,
    .anniversary-bottle,
    .mm {
        padding: 0 15px;
    }
    .family-owned .rows {
        margin-bottom: 64px;
    }
    .svg_play {
        width: 48px;
        height: 48px;
    }
    .p.has_dropcap {
        font-size: 17px;
        margin:-8px 0 15px;
    }
    .p.block-copy {
        padding: 14px 0;
    }
    .family-owned .cta {
        margin: 22px 0 16px;
    }
    
    
    .anni-bottle {
        width: 189px;
    }
    .anniversary-detail .wheat-graphics {
        width: 614px;
    }
    .innerPage.slides.anniversary {
        padding-top: 38px;
    }
    .anniversary-bottle {
        margin-bottom: 22px;
    }
    .anniversary-detail .p {
        margin: 35px 0;
    }
    .discover-cta {
        margin-bottom: 43px;
    }
    .discover-cta h2 {
        font-size: 12px;
        padding-bottom: 56px;
    }
    .mm-intro .h3 {
        margin-bottom: 0 !important;
    }
    .mm-intro .p {
        padding-top: 30px;
    }
    .mm .h4 {
        margin: 16px 0 11px;
    }
    .mm .item {
        margin-bottom: 64px;
    }
    .col2 {
        margin-top: 155px;
    }    
    
    .slides.innerPage.words-of-others {
        padding-top: 22px;
    }
    .anniversary-img {
        width: 150px;
    }
    .words-of-others .h3 {
        margin: 38px 0 32px;
    }
    .qoutes-carousel {
        margin-bottom: 32px;
    }
    .words-of-others .container {
        padding: 0 11px;
    }
    .qoutes-carousel .h5 {
        padding-bottom: 32px;
    }
    .author-info h2 {
        font-size: 15px;
    }
    .author-info p {
        font-size: 11px;
        margin-top: 6px;
    }
    .signature {
        margin: 22px 0 19px;
    }
    .author-sign {
        width: 180px;
    }
    .dashboard .col-65 {
        width: 62%;
    }
}




@media screen and (max-width: 767px) {
    .main-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .xp-header {
        top: 20px;
        height: 32px;
    }
    .brand-logo {
        width: 136px;
    }
    .xp-header.onLeft .brand-logo {
        left: 50%;
        transform: translateX(-50%) translateZ(0);
    }
    .c-hamburger {
        left: 20px;
    }    

    .h1 {
        font-size: 48px;
    }
    .h2 {
        font-size: 20px;
    }
    .h3 {
        font-size: 36px;
    }
    .h4 {
        font-size: 30px;
    }
    .p {
        font-size: 18px;
        line-height: 1.5em;
    }
    .p.sm {
        font-size: 16px;
    }

    .goBack, 
    .overlay-close {
        top: calc(180vh - -12px);
        right: 12px;
        width: 36px;
        height: 36px;
    }
    .overlay-close {
        top: 12px;
    }


    .home-screen.slides {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .mobHideOverflow {
        overflow: hidden !important;
    }
    .home-screen .container {
        display: block;
    }
    .home-screen .col-49 {
        width: 290px;
        margin: 0 auto;
    }
    .intro {
        text-align: center;
        padding: 35px 0;
    }
    .intro .h1 span {
        margin-bottom: 15px;
        font-size: .75em;
    }
    

    .slick-vertical .slick-slide,
    .slides {
        min-height: 90vh;
        height: 90vh !important;
    }
    .flexible-contents {
        min-height: 90vh;
        height: auto !important;
        z-index: 9999;
    }
        
    .related-graphics.innerGraphics,
    .related-graphics.innerGraphics .related-items {
        display: none;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dashboard .col-65 {
        width: 100%;
        float: none !important;
    }
    .static-dashboard-img {
        overflow: hidden;
        padding-bottom: 14px;
        position: relative;
        margin-bottom: 40px;
    }
    .static-dashboard-img img {
        max-width: 100%;
    }
    .static-dashboard-img img:first-child {
        width: 61%;
        float: right;
    }
    .static-dashboard-img img:last-child {
        width: 37%;
        position: absolute;
        bottom: 0;
        left: 18%;
    }
    .dashboard.slides {
        display: block;
        height: auto !important;
    }
    .dashboard-item {
        height: 50px;
    }
    .dashboard-item:last-child {
        border-bottom: none;
    }
    .dashboard-item .h2 a {
        padding-right: 15px;
        padding-left: 10px;
        font-size: 1.2em;
    }
    .dashboard-item .h2 a span {
        transform: scale(1);
    }
    .dashboard-item .h2 a::after {
        transform: translateY(-50%) scale(1);
    }
    .dashboard-item .h2 a::after {
        width: 12px;
        height: 12px;
    }
    .innerPage .h3 {
        margin-bottom: 10px;
    }

    .history-module .container {
        padding-right: 0;
    }
    .history-module .col-60 {
        padding-right: 20px;
    }

    .timeline-control.hitory-control {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 14px;
        margin-bottom: 0;
    }
    .timeline-control:not(.cocktails-history-control) li {
        height: 60px;
    }

    .timeline-control:not(.cocktails-history-control) .owl-item > li
    .timeline-control:not(.cocktails-history-control)  a:not(.active) + ul li a,
    .history-controlCarousel .owl-item.active + .active {
        pointer-events: none;
    }
    

    .timeline-control:not(.cocktails-history-control)  a.active + ul li a,
    .timeline-control:not(.cocktails-history-control) .owl-item > li > a {
        pointer-events: auto;
    }
    .timeline-control li {
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .timeline-control.cocktails-history-control > ul > li:not(:last-child)::after {
        display: none;
    }
    .timeline-control.cocktails-history-control ul {
        justify-content: flex-start;
    }
    .timeline-control.hitory-control > ul {
        display: flex;        
    }
    .timeline-control.hitory-control > ul > li,
    .timeline-control > ul > li {
        width: 74px;
        min-width: 74px;
        text-align: left;
        justify-content: flex-start;
    }    
    .timeline-carousel {
        margin-bottom: 45px;
    }
    .timeline-year {
        display: none;
    }
    .timeline .col-90 {
        transform: translateX(0);
        width: 100%;
        padding: 0;
    }
    .timeline-carousel .item {
        padding-bottom: 142px;
    }
    .timeline-img {
        margin-top: 24px;
        margin-bottom: 0;    
        width: calc(100% - 20px);
        margin-left: 0;
    }
    .timeline-copy {
        width: auto;
        bottom: 0;
        right: 0;
        left: 20px;
        min-height: 156px;
    }
    .timeline-copy-wrap {
        padding: 25px 50px 23px 26px;
    }
    .timeline-copy .h4 {
        font-size: 26px;
    }
    .timeline-control a,
    .timeline-control a[data-decade].active {
        font-size: 20px;
        line-height: 1em;
        opacity: 0.3;
    }
    .timeline-control ul ul {
        display: flex;
        top: 40px;
        left: 0;
        transform: translateY(0);
    }
    .timeline-control li li {
        height: 18px;
        width: auto;
        margin-right: 10px;
    }
    .timeline-control li li a,
    .timeline-control li li a[data-year].active {
        font-size: 16px;
    }
    .timeline-control li a[data-decade].active,
    .timeline-control li li a[data-year].active {
        opacity: 1;
    }
    .owl-next, .owl-prev {
        width: 40px;
        height: 40px;
    }
    .owl-stage-outer {
        z-index: -1;
    }
    .owl-nav {
        opacity: 0;
        transition: opacity 500ms ease-in-out 2000ms;
    }
    .inView .owl-nav{
        opacity: 1;
    }
    .timeline-carousel .owl-nav {
        bottom: auto;
        right: 20px;
        width: auto;
        left: 0;
        top: 24px;
        backface-visibility: hidden;
    }
    .timeline-carousel .owl-nav::before {
        padding-bottom: 56.875%;
    }
    .timeline-carousel .owl-prev, 
    .timeline-carousel .owl-next {
        bottom: -15px;
        top: auto;
    }
    .timeline-carousel .owl-prev {
        left: 0px;
    }
    .timeline-carousel .owl-next {
        right: -12px;
    }

    .timeline-img img {
        transform: translateX(-50px);
        transition: 1000ms ease-out;
    }
    .timeline-copy {
        transform: translateX(50px);
        opacity: 0;
        transition: 1000ms ease-out;
        perspective: none;
    }
    .active .timeline-copy,
    .owl-item.active .timeline-img img {
        transform: translateX(0px);
    }

    .family-owned, 
    .anniversary-bottle, 
    .mm {
        padding: 0;
    }
    .svg_play,
    .vimeoControl {
        width: 75px;
        height: 75px;
    }
    .vimeoControl {
        bottom: -37px;
    }
    .innerPage .family-owned .h3 {
        margin-bottom: 22px;
    }
    .p.has_dropcap {
        font-size: 22px;
        margin: 0 0 28px;
    }
    .maximg {
        margin-bottom: 35px;
    }
    .p.block-copy {
        padding: 25px 0 26px;
    }
    .family-owned .rows {
        margin-bottom: 30px;
    }

    .family-owned .cta {
        margin: 35px 0 25px;
    }
    .family-owned .col-38 {
        width: 100%;
    }    
    .family-owned-video,
    .family-owned-video .container {
        padding: 0;
    }
    .watch-video-text {
        margin-bottom: 25px;
    }


    .innerPage.slides.anniversary {
        padding-top: 46px;
        overflow: visible;
    }    
    .anniversary-detail img {
        width: 280px;
    }
    .anniversary-detail .anni-bottle {
        width: 170px;
        margin: 25px auto;
    }

    .anniversary-detail .p::first-letter {
        line-height: .83em;
        margin: 0.15em 0.1em 0 0;
    }    
    .anniversary-detail .p {
        margin: 25px 0 35px;
    }
    .discover-cta h2 {
        font-size: 18px;
        padding-bottom: 60px;
    }

    .mplr0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mm-intro .p {
        padding: 18px 0 25px;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .moment-image {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 54px;
    }
    .moments-carousel .owl-nav,
    .moments-carousel .owl-dots {
        position: absolute;
        top: 0;
        right: 20px;
        left: 20px;
        width: auto;
    }
    .moments-carousel .owl-dots {
        top: 34px;
        align-items: flex-end;
        pointer-events: none;
    }
    .moments-carousel .owl-nav::before,
    .moment-image::before,
    .moments-carousel .owl-dots::before {
        content: '';
        display: block;
        padding-bottom: 86.567%;
    }
    .moment-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .moments-carousel .owl-dot {
        width: 8px;
        height: 8px;
        margin: 0 4px;
        pointer-events: auto;
    }
    .moments-carousel .owl-prev {
        left: -18px;
    }
    .moments-carousel .owl-next {
        right: -18px;
    }
    .mm-title,
    .mm .item,
    .mlrp20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mm .h4 {
        margin: 0 0 18px;
    }
    
    .timeline-carousel .item,
    .family-owned,
    .mm .item,
    .cocktail-recipes-body .item,
    .qoutes-carousel {
        margin-bottom: 60px;
    }

    .innerPage.cocktail-ages .h3 {
        margin-bottom: 20px;
    }
    .innerPage.cocktail-ages .h3,
    .innerPage.cocktail-ages .h4,
    .innerPage.cocktail-ages .p {
        text-align: left !important;
    }
    .cocktail-recipes-body {
        margin-top: 0;
        margin-bottom: 32px;
    }
    .cocktail-recipes-body .item {
        width: 100%;
        padding-top: 22px;
    }
    .cocktail-ages .container {        
        padding-left: 0;
        padding-right: 0;
    }
    .cocktail-recipes-header,
    .cocktails-history-control,
    .cocktail-recipes-body .item,
    .innerPage.cocktail-ages .h3 {
        padding-left: 20px;
        padding-right: 20px;
    } 
    .cocktail-recipes-body .owl-nav {
        top: 22px;
        width: auto;
        left: 20px;
        right: 20px;
    }
    .cocktail-recipes-body .owl-prev {
        left: -15px;
    }
    .cocktail-recipes-body .owl-next {
        right: -15px;
    }

    .cocktail-recipes-body .owl-nav::before {
        padding-bottom: 106.56%;
    }
    .cocktail-recipes-body .item img {
        margin-bottom: 20px;
    }
    .cocktail-recipes-body .p {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .cocktail-recipes-body p {
        font-size: 18px;
    }
    .cocktail-recipes-body li {
        font-size: 16px;
        padding: 7px 0;
    }

    .slides.innerPage.words-of-others {
        padding-top: 0;
    }
    .slides.innerPage.words-of-others .mobRelative {
        padding-top: 40px;
    }
    .anniversary-img {
        width: 210px;
    }
    .words-of-others .h3 {
        font-size: 32px;
        margin: 38px 0 0;
    }
    .qoutes-carousel {
        padding-top: 100px;
    }

    .qoutes-carousel .owl-nav {
        top: 30px;
        height: 40px;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .qoutes-carousel .owl-nav::before {
        display: none;
    }
    .qoutes-carousel .owl-next, 
    .qoutes-carousel .owl-prev {
        position: relative;
        left: auto;
        right: auto;
        margin: 0 15px !important;
    }
    .words-of-others .container {
        padding: 0 20px;
    }
    .qoutes-carousel .h5 {
        font-size: 24px;
        max-width: 100%;
    }
    .author-info {
        padding-bottom: 30px;
    }
    .mobRelative {
        position: relative;
    }
    .qoutes-carousel .owl-dot {
        background: rgba(255,255,255,.2);
    }
    .qoutes-carousel .owl-dot.active {
        background: #fff;
    } 
    
    html {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    body {
        height: 100%;
        padding: 0;
        overflow-y: auto;
        margin: 0;
        -webkit-overflow-scrolling: touch;
    }
    .arrow-down {
        bottom: 40px;
    } 
}
@media screen and (max-width: 540px) {
    body,html {
        overflow: hidden;
        height: 90vh;
        max-height: 90vh;
        
    -webkit-overflow-scrolling: initial;

    }    
}
/*
@media screen and (max-width: 767px) and (min-width: 540px) {
    .xp-header {
        top: 30px;
    }
    .c-hamburger {
        left: 30px;
    }    
    
    .h1 {
        font-size: 70px;
    }
    .h2 {
        font-size: 30px;
    }
    .h3 {
        font-size: 52px;
    }
    .h4 {
        font-size: 44px;
    }
    .p {
        font-size: 26px;
    }
    .p.sm {
        font-size: 22px;
    }
    .goBack, 
    .overlay-close {
        top: 18px;
        right: 18px;
    }
    .overlay-close {
        top: 18px;
    }
    
    .home-screen.slides {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .home-screen .col-49 {
        width: 418px;
    }
    .intro {
        padding: 44px 0;
    }
    .intro .h1 span {
        margin-bottom: 22px;
    }
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .static-dashboard-img {
        padding-bottom: 21px;
        margin-bottom: 58px;
    }
    .dashboard-item {
        height: 72px;
    }
    .dashboard-item .h2 a {
        padding-right: 22px;
        padding-left: 15px;
    }
    .dashboard-item .h2 a::after {
        width: 18px;
        height: 18px;
    }
    
    .innerPage .h3 {
        margin-bottom: 15px;
    }
    .history-module .col-60 {
        padding-right: 29px;
    }
    
    .timeline-control.hitory-control {
        margin-top: 15px;
        margin-bottom: 36px;
    }
    .timeline-control.hitory-control > ul > li,
    .timeline-control > ul > li {
        width: 107px;
        min-width: 107px;
    }    
    .timeline-carousel {
        margin-bottom: 65px;
    }
    .timeline-carousel .item {
        padding-bottom: 205px;
    }
    .timeline-img {
        margin-top: 35px;
        width: calc(100% - 30px);
    }
    .timeline-copy {
        left: 30px;
        min-height: 225px;
    }
    .timeline-copy-wrap {
        padding: 36px 72px 34px 38px;
    }
    .timeline-copy .h4 {
        font-size: 38px;
    }
    .timeline-control a,
    .timeline-control a[data-decade].active {
        font-size: 28px;
    }
    .timeline-control ul ul {
        top: 58px;
    }
    .timeline-control li li {
        height: 26px;
        margin-right: 15px;
    }
    .timeline-control li li a,
    .timeline-control li li a[data-year].active {
        font-size: 24px;
    }
    .owl-next, .owl-prev {
        width: 58px;
        height: 58px;
    }
    .timeline-carousel .owl-nav {
        right: 30px;
        top: 35px;
    }
    .timeline-carousel .owl-prev, 
    .timeline-carousel .owl-next {
        bottom: -21px;
    }
    .timeline-carousel .owl-next {
        right: -17px;
    }
    
    .innerPage .family-owned .h3 {
        margin-bottom: 32px;
    }
    .p.has_dropcap {
        font-size: 32px;
        margin: 0 0 32px;
    }
    .maximg {
        margin-bottom: 44px;
    }
    .p.block-copy {
        padding: 29px 0 31px;
    }
    .family-owned .rows {
        margin-bottom: 35px;
    }
    
    .family-owned .cta {
        margin: 44px 0 29px;
    }
    .watch-video-text {
        margin-bottom: 72px;
    }
    .innerPage.slides.anniversary {
        padding-top: 67px;
    }    
    .anniversary-detail img {
        width: 404px;
    }
    .anniversary-detail .anni-bottle {
        width: 245px;
        margin: 36px auto;
    }
    .anniversary-detail .p {
        margin: 36px 0 51px;
    }
    .discover-cta h2 {
        font-size: 26px;
        padding-bottom: 87px;
    }
    .mm-intro .p {
        padding: 26px 0 36px;
    }
    .moment-image {
        margin-bottom: 78px;
    }
    .moments-carousel .owl-nav,
    .moments-carousel .owl-dots {
        right: 30px;
        left: 30px;
    }
    .moments-carousel .owl-dots {
        top: 49px;
    }
    .mm-title,
    .mm .item,
    .mlrp20,
    .cocktail-recipes-header,
    .cocktails-history-control,
    .cocktail-recipes-body .item,
    .innerPage.cocktail-ages .h3 {
        padding-left: 30px;
        padding-right: 30px;
    } 
    .mm .h4 {
        margin: 0 0 26px;
    }
    .mm .item {
        margin-bottom: 72px;
    }
    
    .innerPage.cocktail-ages .h3 {
        margin-bottom: 28px;
    }
    .cocktail-recipes-body {
        margin-bottom: 48px;
    }
    .cocktail-recipes-body .item {
        padding-top: 32px;
    }
    .cocktail-recipes-body .owl-nav {
        top: 32px;
        left: 30px;
        right: 30px;
    }
    .moments-carousel .owl-prev,
    .cocktail-recipes-body .owl-prev {
        left: -20px;
    }
    .moments-carousel .owl-next ,
    .cocktail-recipes-body .owl-next {
        right: -20px;
    }
    .cocktail-recipes-body .item img {
        margin-bottom: 30px;
    }
    .cocktail-recipes-body .p {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .cocktail-recipes-body p {
        font-size: 26px;
    }
    .cocktail-recipes-body li {
        font-size: 24px;
        padding: 10px 0;
    }
    
    .slides.innerPage.words-of-others .mobRelative {
        padding-top: 58px;
    }
    .anniversary-img {
        width: 300px;
    }
    .words-of-others .h3 {
        font-size: 46px;
        margin: 55px 0 0;
    }
    .qoutes-carousel {
        padding-top: 144px;
    }
    .qoutes-carousel .owl-nav {
        top: 44px;
        height: 58px;
    }
    .qoutes-carousel .owl-next, 
    .qoutes-carousel .owl-prev {
        margin: 0 22px !important;
    }
    .words-of-others .container {
        padding: 0 30px;
    }
    .qoutes-carousel .h5 {
        font-size: 36px;
    }
    .author-info {
        padding-bottom: 58px;
    }    
}
*/
/*---- Mobile height fix ----*/
@media screen and ( max-width: 540px) and (max-height: 600px) {
    .arrow-down {
        bottom: 30px;
    }
    .home-screen .col-49 {
        width: 250px;
    }
    .intro {
        padding: 25px 0;
    }
    .intro .h1 span {
        margin-bottom: 12px;
        font-size: .65em;
    }
    .intro .p {
        font-size: 17px;
    }
    .mobHideOverflow {
        overflow: visible !important;
    }
} 

.makePortrait {
    display: none;
    background: #061d49 url(../images/make-portrait.png) center center no-repeat;
    z-index: 1000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) and (min-width: 530px)  and (orientation: landscape) {
    .makePortrait {
        display: block;
    } 
}