@media screen and (max-width: 991px) {
    /* Menu */
    .ko-desktop-menu {
        display: none;
    }
    .ko-mobile-menu {
        display: block;
    }
    .ko-width-container, 
    .ko-wp-widthcontainer > .vc_column-inner {
        padding: 0 30px !important;
    }
    .ko-menu .logo-menu-wrapper {
        position: relative;
        height: 100%;
        width: 50%;
        top: 0;
    }
    .ko-logo {
        width: 75%;
    }
    button.navbar-toggler {
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
        position: absolute;
        height: 23px;
        width: 27px;
        padding: 0;
        z-index: 1;
        top: 25px;
        right: 0;
    }
    .navbar-icon {
        height: 2px !important;
        width: 100% !important;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
        transition: 0.2s ease-in-out;
    }
    .navbar-icon, 
    .navbar-icon.middle:after {
        background: #000 !important;
    }
    .navbar-icon.middle {
        transform-origin: center;
        margin: 8px 0;
    }
    .navbar-icon.middle:after {
        position: absolute;
        display: block;
        content: '';
        height: 2px;
        width: 100%;
        transition: 0.2s ease-in-out;
    }
    .navbar-icon.bottom {
        top: initial;
        bottom: 5px;
    }
    .menu-active {
        top: 5px;
    }
    .menu-active .top {
        width: 0 !important;
        left: initial;
    }
    .menu-active .middle {
        transform: rotate(45deg);
    }
    .menu-active .middle:after {
        transform: rotate(-90deg);
    }
    .menu-active .bottom {
        width: 0 !important;
        right: initial;
    }
    .ko-menu-top-pattern {
        height: 30px;
    }
    .ko-menu-holder.main-menu {
        width: 50%;
    }
    .ko-menu-wrapper.menu-wrapper {
        box-shadow: 0 2px 30px rgb(0 0 0 / 50%);
        background: #FFD200;
        position: absolute;
        width: 100%;
        z-index: 15;
        top: 62px;
        right: 0;
        left: 0;
    }
    .main-menu ul.menu {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .main-menu ul.dropdown-menu {
        background: transparent;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
        border-radius: 0;
        display: none;
        border: 0;
        right: 0;
        left: 0;
        top: 0;
    }
    .main-menu ul li {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .main-menu ul.navbar-nav > li ul.dropdown-menu {
        visibility: hidden;
        opacity: 0;
    }
    .main-menu ul.navbar-nav > li:hover ul.dropdown-menu {
        box-shadow: 0 3px 5px #00000030;
        display: block !important;
        background: #F15F27;
        visibility: visible;
        padding: 10px 20px;
        margin-top: 15px;
        opacity: 1;
        width: 85%;
    }
    .main-menu ul.navbar-nav {
        padding: 20px;
    }
    .main-menu ul.navbar-nav > li:not(:last-child) {
        margin-bottom: 10px;
    }
    .main-menu ul.navbar-nav > li > a:after {
        display: none;
    }
    .main-menu ul.navbar-nav > li a {
        line-height: 20px;
        font-size: 16px;
    }
    .main-menu ul.navbar-nav > li:hover ul.dropdown-menu a {
        color: #fff;
    }
    .main-menu ul li:after {
        display: none;
    }
    .main-menu ul.navbar-nav > li.current-menu-parent > a {
        color: #EE3A97;
    }
     /* age-confirmation */
     .age-confirmation-btn .col-md-6 {
        max-width: 50%;
    }
    .age-confirmation-wrapper {
        background: rgb(255 255 255 / 92%);

    }

}

@media screen and (min-width: 320px) and (max-width: 767px) {
    /* Footer */
    .footer-logo a img {
        width: 70%;
    }
    .footer-menu-container > div {
        margin-bottom: 45px;
    }
    .footer-menu ul li a {
        line-height: 24px;
        font-size: 20px;
    }
    .footer-menu-container > div {
        margin-bottom: 20px;
    }
    .footer-bottom-pattern {
        height: 30px;
    }
    .ko-footer {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .ko-footer * {
        line-height: 14px;
        font-size: 12px;
    }
    .ko-privacy-policy ul {
        text-align: center;
    }
    .ko-privacy-policy {
        margin-bottom: 15px;
    }
    .ko-privacy-policy ul li:not(:last-child) {
        margin-bottom: 5px;
    }
    .ko-privacy-policy ul li {
        font-weight: 600;
    }
    .ko-designed-powered p, 
    .ko-designed-powered a {
        font-weight: 100;
    }
    .ko-footer-holder {
        padding: 17px 0 20px;
    }

    /* Thank You */
    .vc_row.thank-you-row {
        padding: 100px 0 150px;
    }
    .thank-you-inner-row .ko-heading {
        margin-bottom: 75px;
    }
    .thank-you-inner-row .ko-button a {
        padding: 8px 12px;
        font-size: 14px;
        width: 175px;
    }

    /* Error 404 */
    .error-404-row.ko-width-container {
        padding: 100px 30px 150px !important;
    }
    .error-404-row .ko-heading {
        margin-bottom: 75px;
    }
    .error-404-row .ko-button a {
        padding: 8px 12px;
        font-size: 14px;
        width: 175px;
    }
    .vc_row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Privacy Policy */
    .ko-heading.skew-bg.large-skew h1:before, 
    .ko-heading.skew-bg.large-skew h2:before, 
    .ko-heading.skew-bg.large-skew h3:before, 
    .ko-heading.skew-bg.large-skew h4:before {
        left: -30px;
    }
    .ko-heading.skew-bg.large-skew h1:after, 
    .ko-heading.skew-bg.large-skew h1:before, 
    .ko-heading.skew-bg.large-skew h2:after, 
    .ko-heading.skew-bg.large-skew h2:before, 
    .ko-heading.skew-bg.large-skew h3:after, 
    .ko-heading.skew-bg.large-skew h3:before, 
    .ko-heading.skew-bg.large-skew h4:after, 
    .ko-heading.skew-bg.large-skew h4:before {
        width: 60px;
    }
    .ko-heading.skew-bg.large-skew h1:after, 
    .ko-heading.skew-bg.large-skew h2:after, 
    .ko-heading.skew-bg.large-skew h3:after, 
    .ko-heading.skew-bg.large-skew h4:after {
        right: -30px;
    }
    .wpb_wrapper .ko-heading.font60px h1 {
        line-height: 32px !important;
        font-size: 36px !important;
    }
    .privacy-policy-text-row .ko-heading.left {
        padding-left: 0;
    }
    .privacy-policy-text-row .ko-heading.left {
        text-align: left !important;
    }
    .wpb_wrapper .ko-heading.font35px h2 {
        line-height: 30px !important;
        font-size: 26px !important;
    }

    /* KO Labs */
    .lets-kollaborate-form .gform_wrapper.gravity-theme fieldset#field_2_6 {
        width: 100%;
        bottom: 0;
    }
    .ko-product-image-wrapper {
        height: 100%;
        width: 50%;
    }
    .vc_row.ko-lab-banner {
        padding-top: 25px;
        display: flex;
    }
    .ko-lab-banner > .vc_column_container.vc_col-sm-4 .wpb_wrapper .ko-image-item {
        display: block;
        width: 165px;
        top: 25px;
    }
    .ko-lab-banner > .vc_column_container.vc_col-sm-4 > .vc_column-inner .ko-heading {
        text-align: left !important;
        width: 300px;
        left: 30px;
        top: 60px;
    }
    .ko-lab-banner > .vc_column_container.vc_col-sm-4 > .vc_column-inner .ko-heading h1 {
        line-height: 35px !important;
        font-size: 35px !important;
    }
    .vc_row.ko-lab-banner-text {
        padding: 100px 30px 0;
        width: 100%;
    }
    .ko-lab-banner-text .text-content-wrapper {
        margin-bottom: 20px;
    }
    .wpb_wrapper .ko-heading.font42px h2 {
        line-height: 24px !important;
        font-size: 22px !important;
    }
    .collaborating-with-local-yellow .ko-heading.skew-bg h2 {
        padding: 20px 0;
        height: 100%;
        width: 80%;
    }
    .collaborating-with-local-yellow .ko-heading.skew-bg h2 br {
        display: none;
    }
    .collaborating-with-local-yellow .ko-heading.skew-bg h2:before {
        transform: skew(-20deg, 0deg);
        width: 75px;
        left: -25px;
    }
    .ko-lab-orange-arrow-graphics {
        left: -30px;
        width: 50%;
        top: -35px;
    }
    .collaborating-with-local-yellow .ko-heading.skew-bg h2:after {
        transform: skew(-20deg, 0deg);
        right: -25px;
        width: 75px;
    }
    .wpb_wrapper .collaborating-with-local-orange .ko-heading.skew-bg h2 {
        line-height: 18px !important;
        font-size: 14px !important;
        padding: 20px 0;
        height: 100%;
        width: 80%;
    }
    .collaborating-with-local-orange .ko-heading.skew-bg h2:before {
        transform: skew(10deg, 0deg);
        width: 75px;
        left: -25px;
    }
    .collaborating-with-local-orange .ko-heading.skew-bg h2:after {
        transform: skew(10deg, 0deg);
        right: -25px;
        width: 75px;
    }
    .ko-lab-pink-flower-graphics {
        transform: none;
        width: 15%;
        right: 5px;
        top: 50px;
    }
    .vc_row.showcasing-originality {
        margin: 60px 0 40px;
    }
    .wpb_wrapper .ko-heading.font50px h2 {
        line-height: 34px !important;
        font-size: 30px !important;
    }
    .vc_row.showcasing-originality .text-content-wrapper p, 
    .vc_row.promote-kenyan-talent .text-content-wrapper p {
        line-height: 18px;
    }
    .vc_row.showcasing-originality .text-content-wrapper, 
    .vc_row.promote-kenyan-talent .text-content-wrapper{
        padding: 0;
    }
    .collaborating-with-local-row {
        padding-bottom: 115px;
    }
    .our-limited-edition-text-col .our-limited-header.text-content-wrapper p {
        line-height: 30px;
        font-size: 26px;
    }
    .our-limited-edition-text-col .our-limited-header {
        margin-bottom: 20px;
    }
    .our-limited-edition-text-col .text-content-wrapper p {
        line-height: 18px;
    }
    .our-limited-edition-text-col .text-content-wrapper p br {
        display: none;
    }
    .our-limited-edition-text-col.vc_column_container.vc_col-has-fill > .vc_column-inner {
        padding: 30px 20px !important;
    }
    .our-limited-edition-text-col.vc_column_container.vc_col-has-fill > .vc_column-inner:before {
        transform: skew(7deg, 0deg);
        width: 35px;
        left: -12px;
    }
    .our-limited-edition-row .our-limited-edition-text-col .ko-image-item {
        right: -60px;
        top: -65px;
        width: 60%;
    }
    .our-limited-edition-products-row .swap-box-image-title h2 {
        line-height: 20px;
        font-size: 16px;
    }
    .swap-box-image-subtitle-text-wrapper.bg- {
        padding: 0;
    }
    .image-play-button i {
        font-size: 20px;
        height: 45px;
        width: 45px;
    }
    .image-play-button p {
        font-size: 24px;
    }
    .swapbox-image {
        margin-top: 40px;
        width: 100%;
    }
    .ko-button a {
        padding: 10px 12px;
        line-height: 18px;
        font-size: 14px;
        width: 150px;
    }
    .swap-image-box-button.ko-button a {
        width: 150px;
    }
    .vc_row.muthaiga-tea-company {
        margin-bottom: 60px;
    }
    .vc_row.our-limited-edition-products-row {
        padding: 50px 0 75px;
    }
    .see-more-videos-kolabs .ko-button a {
        padding: 15px 50px 15px 20px;
        line-height: 22px;
        font-size: 18px;
        display: block;
        height: 100%;
        width: 85%;
    }
    .see-more-videos-kolabs .ko-button a:after {
        font-size: 30px;
        right: 20px;
        top: 27px;
    }
    .lets-kollaborate-form {
        padding: 60px 35px 40px;
    }
    .vc_row .gform_wrapper.gravity-theme .ginput_container_consent label:before {
        bottom: 15px;
    }
    .vc_row .gform_wrapper.gravity-theme .ginput_container_consent input:checked+label:after {
        bottom: 20px;
        left: 0px;
    }
    .lets-kollaborate-form .ko-heading {
        margin-bottom: 25px;
        margin-top: 0;
    }

    /* Book a site tour */
    .vc_row.book-a-site-tour-inner-row {
        padding: 30px;
    }
    .book-a-site-tour-inner-row .ko-heading {
        width: 100%;
    }
    .wpb_wrapper .ko-heading.font60px h2 {
        line-height: 26px !important;
        font-size: 30px !important;
    }
    .book-a-site-tour-inner-row .ko-heading.left {
        text-align: left !important;
        margin-bottom: 25px;
    }
    .kpi-icon-wrapper svg {
        width: 20px;
    }
    .kpi-icon-wrapper {
        height: 50px;
        width: 50px;
    }
    .kpi-title-wrapper p {
        line-height: 20px;
        font-size: 16px;
    }
    .kpi-subtitle-wrapper p {
        line-height: 16px;
        font-size: 12px;
    }
    .kpi-right-col {
        padding-left: 20px;
    }
    .vc_row.book-a-site-tour-form-row {
        padding: 30px;
    }
    .book-a-site-tour-form-row .gform_wrapper.gravity-theme .gform_footer.top_label input {
        padding: 10px 12px;
        line-height: 18px;
        font-size: 14px;
        width: 150px;
    }
    #field_3_9 .ginput_recaptcha iframe {
        transform: scale(0.65);
        margin-left: -50px;
    }

    /* The Site */
    .konnoiseurship-banner-slider .image {
        height: 200px;
    }
    .the-site-row .ko-heading {
        margin-bottom: 25px;
        margin-top: 20px;
    }
    .the-ko-bar-row > .vc_column_container {
        margin-bottom: 60px;
        margin-top: 60px;
    }
    .the-ko-bar-row .ko-heading {
        margin-top: 20px;
    }
    .the-ko-bar-graphics-row .image-wrapper .image {
        width: 100%;
    }
    .the-ko-bar-graphics-row .image-wrapper .image {
        width: 100%;
    }
    .the-ko-bar-graphics-row {
        bottom: initial;
        left: -50px;
        width: 60%;
        top: 30%;
    }
    .slider-wrapper ul.slick-dots {
        padding: 0 30px;
        bottom: -20px;
        right: 0;
    }
    .slider-wrapper ul.slick-dots li {
        margin: 0 4px;
        height: 7px;
        width: 7px;
    }
    .slider-wrapper ul button {
        height: 7px !important;
        width: 7px !important;
    }
    .opening-times-wrapper {
        min-height: 200px;
        min-width: 100%;
        padding: 35px;
        top: initial;
        bottom: 80px;
        right: 0;
        left: 0;
    }
    .opening-times-title-wrapper p {
        line-height: 35px;
        font-size: 35px;
    }
    .opening-times-content-wrapper {
        padding-right: 0;
    }
    .opening-times-close.close-popup {
        right: -18px;
        top: 3px;
    }
    .opening-day, 
    .opening-time {
        font-size: 12px;
    }

    /* KO Private Events */
    .vc_row.private-events-banner-inner-row {
        padding: 0;
    }
    .private-events-title-inner-row .ko-heading.left {
        text-align: left !important;
        margin-bottom: 20px;
    }
    .vc_row.private-events-title-inner-row .text-content-wrapper {
        padding: 0;
    }
    .vc_row.premium-bar-services-inner-row > .vc_column_container > .vc_column-inner >.wpb_wrapper {
        padding: 0 30px !important;
    }
    .premium-bar-services-inner-row .ko-heading.left {
        text-align: left !important;
        margin-bottom: 20px;
    }
    .premium-bar-services-inner-row .text-content-wrapper {
        padding: 0;
    }
    .premium-bar-services-tag-row .image {
        width: 100%;
    }
    .vc_row.premium-bar-services-tag-row {
        left: initial;
        right: 15px;
        width: 30%;
        top: 30px;
    }
    .private-events-title-inner-row .ko-heading.left h2 {
        text-shadow: -2px 2px 0px #ee3f97 !important;
    }
    .vc_row.engaging-party-games-inner-row {
        padding: 50px 30px 90px;
    }
    .engaging-party-games-inner-row .ko-heading.left {
        margin-bottom: 20px;
    }
    .vc_row.premium-bar-services-row {
        padding-bottom: 60px;
    }
    .vc_row .gform_wrapper.gravity-theme .ginput_container_date:after {
        right: 15px;
        top: 8px;
    }
    .vc_row .gform_wrapper.gravity-theme .ginput_container_select:after {
        right: 15px;
    }
    #field_4_10 .ginput_recaptcha iframe {
        transform: scale(0.65);
        margin-left: -45px;
    }
    .private-events-quote-row .gform_wrapper.gravity-theme .gform_footer.top_label input {
        padding: 8px 10px;
        font-size: 14px;
        width: 150px;
    }
    .vc_row.private-events-quote-row {
        padding-bottom: 60px;
    }
    .ko-content-wrapper.container-premium-bar-services-kpi-container {
        padding-top: 40px;
    }
    .container-col.premium-bar-services-kpi-container > div {
        float: none !important;
    }
    .container-col.premium-bar-services-kpi-container .ko-kpi-item {
        float: initial !important;
        width: 50% !important;
        padding: 0 5px;
        margin: 0;
    }
    .premium-bar-services-inner-row .kpi-wrapper.column {
        justify-content: center;
        align-items: center;
    }
    .premium-bar-services-inner-row .kpi-left-col {
        width: 60%;
    }
    .premium-bar-services-inner-row .kpi-icon-wrapper {
        margin: 0 auto;
        width: 50%;
    }
    .premium-bar-services-inner-row .kpi-icon-wrapper svg {
        width: 100%;
    }
    .vc_row.premium-bar-services-inner-row {
        padding-bottom: 75px;
    }
    .slick-slider.slick-dotted ul button {
        background: #ffffff;
        height: 8px!important;
        width: 8px!important;
        padding: 0!important;
        text-indent: -9999px;
        border-radius: 50%;
        opacity: 50%;
        border: 0
    }
    .slick-slider.slick-dotted ul.slick-dots li.slick-active button {
        background: #ffffff
    }
    .slick-slider.slick-dotted ul.slick-dots li {
        margin: 0 4px;
        height: 8px;
        width: 8px
    }
    .slick-slider.slick-dotted ul.slick-dots {
        justify-content: center;
        position: absolute;
        list-style: none;
        list-style: none;
        margin: 35px 0 0;
        bottom: -35px;
        display: flex;
        padding: 0;
        right: 0;
        left: 0;
    }
    .premium-bar-services-inner-row .kpi-title-wrapper p {
        line-height: 18px;
        font-size: 18px;
    }
    .premium-bar-services-inner-row .kpi-subtitle-wrapper p {
        line-height: 16px;
        font-size: 12px;
    }
    .premium-bar-services-kpi-container .ko-kpi-item:not(:last-child) {
        margin-bottom: 25px !important;
    }

    /* Krafted By */
    .krafted-by-banner-row {
        padding-top: 30px;
    }
    .vc_row.yellow-flower-graphics {
        bottom: initial;
        display: block;
        left: -35px;
        width: 30%;
        top: 85px;
    }
    .krafted-by-image-col.vc_column_container>.vc_column-inner {
        left: -30px;
        bottom: 1px;
    }
    .krafted-by-image {
        width: 115px;
    }
    .vc_row.purple-arrow-graphics {
        display: block;
        right: -30px;
        width: 20%;
        top: 0;
    }
    .since-2016-text.vc_column_container>.vc_column-inner {
        padding: 30px 0 0  !important;
        right: 0;
    }
    .since-2016-text .wpb_wrapper .text-content-wrapper {
        padding: 0 20px 30px;
    }
    .since-2016-text .wpb_wrapper .ko-heading {
        text-align: left !important;
        margin-bottom: 10px;
        position: relative;
        padding: 0 25px;
        right: 0;
        left: 0;
        top: 0;
    }
    .since-2016-text .ko-image-item img {
        height: 25px;
    }
    .ko-heading.font58px h2 {
        line-height: 28px !important;
        font-size: 28px !important;
    }
    .krafted-by-pieces-row .ko-heading {
        margin-top: 75px;
        padding: 15px;
    }
    .krafted-by-pieces-row .orange-arrow-graphics {
        left: -60px;
        width: 50%;
        top: 50px;
    }
    .krafted-by-pieces-row .pink-flower-graphics {
        right: -55px;
        width: 50%;
        top: 50px;
    }
    .video-wrapper img {
        object-fit: cover;
    }
    .video-wrapper {
        height: 150px;
    }
    .swap-box-item {
        margin: 50px 0 30px;
    }
    .swap-box-container .col-md-7 {
        padding: 0;
    }
    .swap-box-item  .swap-box-container .row {
        flex-direction: column-reverse !important;
        margin: 0;
    }
    .swap-box-container .col-md-5 {
        padding: 0;
    }
    .play-button {
        position: relative;
        bottom: 30px;
        left: 10px;
    }
    .play-button i {
        font-size: 20px;
        height: 50px;
        width: 50px;
    }
    .play-button p {
        margin-top: 30px;
        font-size: 22px;
    }
    .swap-box-kraftedby-image img {
        object-fit: cover;
    }
    .swap-box-kraftedby-image {
        height: 100%;
        width: 200px;
    }
    .swap-box-content .swap-box-kraftedby-wrapper {
        left: initial !important;
        display: block;
        right: -90px;
        top: -75px;
    }
    .swap-box-text-wrapper {
        margin-bottom: 40px;
        margin-top: -110px;
    }
    .swap-box-title {
        padding-left: 0;
    }
    .swap-box-title h2 {
        line-height: 26px;
        font-size: 28px;
    }
    .swap-box-text p {
        line-height: 20px;
        font-size: 16px;
    }
    .swap-box-text.white-color {
        padding-left: 15px;
        padding-top: 10px;
    }
    .swap-box-text-wrapper:after, 
    .swap-active .swap-box-text-wrapper:after {
        width: calc(100vh + 260px) !important;
        right: initial !important;
        left: -100vh !important;
        height: 100px;
    }
    .row.swap-active {
        flex-direction: column-reverse;
    }
    .krafted-by-office-art .swap-box-item {
        margin-bottom: 50px;
    }

    /* Lokol Vibes */
    .wpb_wrapper .ko-heading.font21px h2 {
        line-height: 18px !important;
        font-size: 14px !important;
    }    
    .lokol-vibes-banner-inner-row .ko-heading.font21px h2 {
        transform: rotate(-3deg);
        padding: 15px;
    }    
    .lokol-vibes-banner-inner-row .ko-heading.font21px {
        width: 95%;
    }
    .lokol-vibes-banner-inner-row .ko-heading.font21px h2:before {
        transform: skew(3deg, 0deg);
        width: 35px;
        left: -15px;
    }
    .lokol-vibes-banner-inner-row .ko-heading.font21px h2:after {
        transform: skew(-7deg, 0deg);
        right: -15px;
        width: 35px;
    }    
    .wpb_wrapper .ko-heading.font52px h2 {
        line-height: 26px !important;
        font-size: 28px !important;
    }    
    .lokol-vibes-content-inner-row .ko-heading {
        text-align: left !important;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: 0;
        width: 80%;
    }    
    .vc_row.lokol-vibes-content-inner-row .wpb_column.vc_column_container.vc_col-sm-6 .wpb_wrapper .text-content-wrapper {
        padding: 0;
    }
    .lokol-vibes-content-inner-row .ko-button a {
        width: 150px;
    }
    .text-content-wrapper.lokol-vibes-yellow-text {
        margin-top: 50px;
    }
    .lokol-vibes--yellow-pattern-row .image-wrapper .image img {
        height: 25px;
    }
    .lokol-vibes-banner-inner-row .ko-content-wrapper {
        transform: rotate(-3deg);
        margin-bottom: 2px;
        margin-left: 35px;
        padding: 0 0 5px;
        width: 60%;
    }    
    .lokol-vibes-banner-main-text-container {
        margin-left: 15px;
    }
    .lokol-vibes-banner-main-text-container .ko-heading h2 {
        line-height: 16px !important;
        font-size: 14px !important;
        margin-bottom: 0;
    }
    .lokol-vibes-banner-main-text-container .ko-heading h1 {
        line-height: 30px !important;
        font-size: 32px !important;
    }
    .lokol-vibes-banner-image-row .image {
        height: 200px;
    }
    .lokol-vibes-banner-main-text-container .ko-heading:first-child {
        padding-left: 5px;
    }
    .lokol-vibes-banner-main-text-container:before {
        transform: skew(-16deg, -3deg);
        width: calc(100% + 75px );
        height: 17px;
        right: -34px;
        top: -6px;
    }
    .lokol-vibes-banner-inner-row .ko-content-wrapper:before {
        transform: skew(3deg, 0deg);
        width: 40px;
        left: -30px;
    }
    .vc_row.lokol-vibes-banner-inner-row {
        margin-top: 150px;
    }
    .vc_row.lokol-vibes-content-row {
        padding-top: 215px;
    }
    .vc_row.lokol-vibes-banner-tag-row {
        bottom: -235px;
        right: -40px;
        z-index: 10;
        width: 50%;
    }

    /* Lighthouses */
    .unique-local-bars-inner-row .text-content-wrapper {
        padding: 0;
    }
    .unique-local-bars-inner-row .ko-heading {
        text-align: left !important;
        margin-bottom: 15px;
    }    
    .unique-local-bars-text-container {
        margin: 0 0 40px;
    }
    .unique-local-bars-image-col .image {
        width: 100%;
    }
    .unique-local-bars-tag-graphics {
        bottom: -50px;
        width: 60%;
        right: 0;
    }    
    .lighthouse-yellow-inner-row .ko-heading {
        width: 90%;
    }
    .lighthouse-yellow-inner-row .ko-heading.font21px h2 {
        padding: 10px 15px 15px;
    }
    .lighthouse-yellow-inner-row .ko-heading.font21px h2:before {
        transform: skew(7deg, 0deg);
        top: 0;
    }
    .lighthouse-yellow-inner-row .ko-heading.font21px h2:after {
        transform: skew(-7deg, 0deg);
        right: -15px;
        top: 0;
    }
    .vc_row.lighthouse-yellow-inner-row {
        top: -15px;
    }
    .lighthouse-yellow-inner-row .ko-heading:before {
        transform: skew(-10deg, -4deg);
        width: calc(100% + 40px);
        right: -31px;
        height: 25px;
        top: -9px;
    }
    .lighthouse-yellow-inner-row .ko-heading:after {
        transform: skew(-7deg, 1deg);
        width: calc(100% + 6px);
        bottom: -3px;
        height: 25px;
        right: -1px;
    }
    .wpb_wrapper .ko-heading.font40px h2 {
        line-height: 16px !important;
        font-size: 16px !important;
    }
    .lighthouses-banner-text .ko-content-wrapper {
        width: 90%;
    }    
    .wpb_wrapper .ko-heading.font90px h1 {
        line-height: 28px !important;
        font-size: 36px !important;
    }
    .vc_row.lighthouses-banner-text {
        top: 0;
    }
    .lighthouses-banner-text-container:before {
        transform: skew(-15deg, -5deg);
        width: calc(100% + 36px );
        height: 30px;
        right: -36px;
        top: -12px;
    }
    .lighthouses-banner-text-container {
        padding-bottom: 2px;
    }
    .vc_row.unique-local-bars-row {
        padding-top: 50px;
    }
    .drink-selection-tag-row .image-wrapper img {
        width: 100%;
    }
    .drink-selection-tag-row .image {
        width: 100%;
    }
    .vc_row.drink-selection-tag-row {
        left: initial;
        right: -45px;
        top: -115px;
        width: 45%;
    }    
    .drink-selection-button-row .ko-button a {
        width: 150px;
    }
    .more-lighthouses-coming-soon-text .text-content-wrapper {
        margin-bottom: 30px;
        width: 100%;
    }    
    .small-yellow-pattern-row .vc_single_image-wrapper {
        height: 25px;
    }
    .vc_row.more-lighthouses-coming-soon-row {
        padding-bottom: 75px;
    }
    .wpb_wrapper .ko-heading.font42px h3 {
        line-height: 26px !important;
        font-size: 26px !important;
    }    
    .vc_row.drink-selection-title-row .ko-heading:before {
        height: 125px;
        width: 100vh;
        left: -10px;
    }

    /* Perfect Serves */
    .perfect-serves-banner-inner-row .wpb_wrapper .ko-image-item:first-child .image {
        height: 200px;
    }
    .perfect-serves-banner-inner-row .wpb_wrapper .ko-image-item:last-child .image {
        height: 30px;
    }
    .perfect-serves-title-inner-row .ko-heading {
        margin-bottom: 15px;
    }
    .vc_row.perfect-serves-banner-tag-row {
        bottom: -35px;
        top: initial;
        left: -25px;
        width: 45%;
    }    
    .perfect-serves-banner-tag-row .image {
        width: 100%;
        left: 0;
    }
    .perfect-serves-title-tag-row .image {
        width: 100%;
    }
    .vc_row.perfect-serves-title-tag-row {
        bottom: -70px;
        width: 55%;
        left: 20%;
    }    
    .perfect-serves-title-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
        padding-bottom: 115px;
    }
    .wpb_wrapper .ko-heading.font38px h3 {
        line-height: 20px !important;
        font-size: 22px !important;
    }
    .ko-heading.perfect-serves-item-title {
        width: 90%;
        top: -30px;
    }
    .ko-heading.perfect-serves-item-title.center h3 {
        text-align: left;
    }
    .perfect-serves-red-bg-inner-row .image, .perfect-serves-pink-bg-inner-row .image {
        height: 175px;
    }
    .ko-heading.perfect-serves-item-title.skew-bg h3:before {
        width: 30px;
        left: -25px;
    }
    .ko-heading.perfect-serves-item-title.skew-bg h3:after {
        right: -15px;
        width: 30px;
    }
    .ko-heading.perfect-serves-item-title:before {
        transform: skew(-3deg, 0deg);
        width: calc(100% + 40px);
        height: 20px;
        left: -23px;
        top: -8px;
    }
    .ko-heading.perfect-serves-item-title:after {
        width: calc(100% + 39px);
        bottom: -10px;
        height: 20px;
        left: -26px;
    }
    .perfect-serves-item-row .ko-video-item {
        height: 250px;
        top: -40px;
    }
    .video-wrapper iframe {
        height: 300px;
    }
    .perfect-serves-item-row .ko-video-item .video {
        height: 300px;
    }
    .perfect-serves-item-row .ko-video-item .video-wrapper {
        height: 300px;
    }
    .ko-content-wrapper.container-perfect-serves-item-description {
        padding: 20px 0;
    }
    .ko-heading h2 {
        line-height: 26px !important;
        font-size: 26px !important;
    }
    .container-col.perfect-serves-item-description > div {
        text-align: left !important;
    }
    .container-col.perfect-serves-item-description:after, .container-col.perfect-serves-item-description:before {
        height: 20px;
    }
    .container-col.perfect-serves-item-description:before {
        top: -4px;
    }
    .container-col.perfect-serves-item-description:after {
        bottom: -4px;
    }
    .ko-heading.perfect-serves-item-details-title h2 {
        line-height: 20px !important;
        font-size: 20px !important;
    }    
    .container-col.perfect-serves-item-details {
        padding: 20px;
    }
    .text-content-wrapper ul li {
        line-height: 18px;
        font-size: 14px;
    }    
    .ko-heading.perfect-serves-item-details-title {
        text-align: left !important;
        margin-bottom: 15px;
        padding-left: 5px;
    }    
    .text-content-wrapper.perfect-serves-item-details-text {
        margin-bottom: 30px;
    }
    .perfect-serves-item-tag {
        right: -25px;
        bottom: 45px;
        width: 35%;
    }    
    .perfect-serves-item-text .text-content-wrapper p {
        line-height: 14px;
        font-size: 12px;
    }
    .perfect-serves-item-text .text-content-wrapper {
        width: 75% !important;
    }    
    .container-col.perfect-serves-item-text {
        padding: 30px 0 20px 18px;
    }
    .ko-content-wrapper.container-perfect-serves-item-text:before {
        transform: rotate(6deg);
        top: -100px;
    }
    .vc_row.perfect-serves-item-row {
        top: 0;
    }
    .blush-serve .perfect-serves-item-tag {
        bottom: 385px;
        left: -30px;
        width: 20%;
    }    
    .blush-serve .ko-heading.perfect-serves-item-title.skew-bg h3:before {
        width: 45px;
        left: -15px;
    }
    .blush-serve .ko-heading.perfect-serves-item-title:before {
        width: calc(100% + 45px);
        left: -15px;
    }
    .blush-serve .ko-heading.perfect-serves-item-title:after {
        width: calc(100% + 45px);
        bottom: -10px;
        height: 20px;
        left: -15px;
    }
    .vc_row.perfect-serves-item-row.blush-serve {
        top: 20px;
    }
    .blush-serve .ko-heading.perfect-serves-item-title {
        text-align: left !important;
    }
    .blush-serve .ko-heading.perfect-serves-item-title.skew-bg h3 {
        padding-left: 20px;
    }
    .blush-serve .ko-heading.perfect-serves-item-title.skew-bg h3:after {
        right: -30px;
        width: 40px;
    }

    /* The Stack */
    .the-stack-banner-bg-row .image {
        height: 150px;
    }
    .vc_row.the-stack-banner-inner-row {
        top: 25px;
    }
    .the-stack-banner-inner-row .image-wrapper .image {
        height: 150px;
    }
    .the-stack-banner-inner-row .slick-slider.slick-dotted ul.slick-dots {
        margin-top: 15px;
        bottom: -20px;
    }
    .left-dots .slick-slider.slick-dotted ul.slick-dots {
        justify-content: flex-start;
        padding-left: 20px;
    }
    .the-stack-banner-logo-row .image {
        width: 100%;
    }
    .vc_row.the-stack-banner-logo-row {
        margin: 0 auto;
        width: 45%;
        top: 95px;
        left: 27%;
    }
    .vc_row.the-stack-banner-title-row {
        padding-top: 75px;
    }
    .the-stack-banner-title-row .ko-content-wrapper {
        width: 90%;
    }
    .the-stack-banner-title-container:before {
        transform: skew(-7deg, -2deg);
        width: calc(100% + 30px );
        height: 25px;
        right: -26px;
        top: -15px;
    }
    .the-stack-banner-title-row .ko-content-wrapper:before {
        height: calc(100% + 10px);
        top: -10px;
    }
    .the-stack-banner-subtitle-row .ko-heading.font21px h2 {
        padding: 15px 20px 20px;
    }
    .the-stack-banner-subtitle-row .ko-heading {
        text-align: left !important;
        width: 100%;
    }
    .the-stack-banner-subtitle-row .ko-heading h2:before {
        transform: skew(5deg, 0deg);
        width: 25px;
        left: -12px;
        top: 0;
    }
    .the-stack-banner-subtitle-row .ko-heading h2:after {
        transform: skew(-3deg, 0deg);
        right: -6px;
        width: 60px;
    }
    .the-stack-banner-subtitle-row .ko-heading:after {
        transform: skew(2deg, 0deg);
        height: 20px;
        bottom: 0px;
        width: 100%;
        right: 5px;
    }
    .the-stack-banner-subtitle-row .ko-heading:before {
        transform: skew(-7deg, -3deg);
        width: calc(100% + 30px);
        right: -17px;
        top: -7px;
    }
    .vc_row.the-stack-banner-subtitle-row {
        padding-top: 12px;
    }
    .vc_row.the-stack-banner-row {
        padding-bottom: 75px;
    }
    .swap-box-image-subtitle {
        margin: 0 auto 20px;
        width: 85%;
    }
    .the-stack-swap .swap-box-image-subtitle-text-wrapper {
        padding: 30px 20px 40px;
        margin-top: 15px;
    }
    .the-stack-swap .swap-box-image-text {
        text-align: left;
    }
    .the-stack-swap .swap-box-image-title {
        width: 100%;
    }
    .the-stack-swap .swap-box-image-text-inner-wrapper {
        padding: 0;
    }
    .swap-box-image-title.font-52px h2 {
        line-height: 26px !important;
        font-size: 26px !important;
    }
    .the-stack-swap .swap-active .swap-box-image-title-wrapper {
        padding: 15px 10px 10px;
        margin-left: -5px;
        width: 85%;
    }
    .swap-active .swap-box-image-subtitle-text-wrapper:before {
        height: 40px;
        top: -20px;
    }
    .the-stack-swap .swap-box-image-container .swapbox-image {
        margin-top: 20px;
        width: 100%;
    }
    .the-stack-swap .swap-box-image-container .swapbox-image .image-wrapper {
        position: relative;
    }
    .the-stack-swap.ko-kraft-room .swap-box-image-button-wrapper {
        bottom: -60px;
    }
    .the-stack-swap .swap-image-box-button.ko-button a {
        width: 80%;
    }
    .the-stack-swap .swap-image-box-button.ko-button {
        margin: 0;
    }
    .tag-wrapper img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
    .ko-kraft-room .tag-wrapper {
        left: -25px;
        width: 35%;
        top: 0;
    }
    .the-stack-swap .swap-box-image-title-wrapper {
        padding: 5px 15px 10px;
    }
    .the-stack-swap .swap-box-image-container.swap-active .swapbox-image {
        margin-top: -10px;
        width: 100%;
    }
    .peppertree-nairobi .swap-active .tag-wrapper {
        left: initial;
        right: -45px;
        width: 45%;
        top: -25px;
    }
    .the-stack-swap .swap-box-image-title-wrapper:before {
        height: 15px;
        top: -5px;
    }
    .vc_row.book-private-event-bg-row {
        position: relative;
        height: 425px;
        top: 0;
    }
    .vc_row.book-private-event-inner-row {
        padding: 0px 20px 100px;
        position: absolute;
        width: 85%;
        top: 65px;
        left: 8%;
    }
    .vc_row.book-private-event-inner-row:before {
        top: -40px;
    }
    .vc_row.book-private-event-row {
        padding: 110px 0 75px;
    }
    .yellow-wave-pattern-row .image {
        height: 25px;
    }
    .vc_row.the-stack-bottom-content-row {
        padding-bottom: 130px;
    }
    .the-beer-district .swap-box-image-subtitle {
        padding: 0;
    }
    .the-stack-swap.the-beer-district .swap-box-image-subtitle-text-wrapper {
        padding-top: 20px;
        margin-top: 10px;
    }
    .the-beer-district .swap-active .tag-wrapper {
        left: -35px;
        top: -30px;
        width: 35%;
    }

    /* Homepage */
    .ko-image-item.ko-products-tag {
        top: -100px;
        left: -25px;
        width: 40%;
    }
    .ko-image-item.made-with-products-tag {
        left: -25px;
        top: -10px;
        width: 25%;
    }
    .ko-image-item.green-apple-tag {
        right: -25px;
        width: 20%;
        top: -10px;
    }
    .ko-heading.ko-products-heading h2 {
        height: 55px;
    }
    .ko-heading.ko-products-heading:before {
        width: calc(100% + 60px);
        left: -30px;
    }
    .ko-heading.ko-products-heading {
        width: 90%;
    }
    .home-banner-image-row .image {
        height: 200px;
    }
    .vc_row.home-banner-inner-row {
        top: 30px;
    }
    .home-banner-inner-row .image {
        top: initial;
        width: 65%;
    }
    .home-banner-inner-row .ko-heading {
        width: 95%;
        top: 0;
    }
    .home-banner-inner-row .ko-heading.font21px h2 {
        padding: 15px;
    }
    .home-banner-inner-row .ko-heading.font21px h2:before {
        transform: skew(7deg, 0deg);
        width: 35px;
        left: -15px;
    }
    .vc_row.ko-ciders-row {
        padding-bottom: 100px;
        padding-top: 225px;
    }
    .home-banner-inner-row .ko-heading.font21px h2:after {
        transform: skew(-5deg, 0deg);
        right: -10px;
        width: 30px;
    }
    .home-banner-inner-row .ko-heading:before {
        transform: skew(-9deg, -4deg);
        width: calc(100% + 29px);
        right: -21px;
    }
    .home-banner-inner-row .ko-heading:after {
        transform: skew(-7deg, 0deg);
        width: calc(100% + 2px);
        bottom: -5px;
        height: 20px;
        right: 2px;
    }
    .ko-products .image-text-title p {
        line-height: 20px;
        font-size: 16px;
    }
    .image-text-item.ko-products {
        margin-bottom: 30px;
    }
    .ko-image-item.made-in-kenya-fruits-tag {
        right: -35px;
        top: -60px;
        width: 45%;
    }
    .ko-image-item.yellow-flower-tag {
        left: -15px;
        width: 20%;
        top: 15px;
    }
    .vc_row.ko-gins-row {
        padding-bottom: 100px;
    }
    .ko-image-item.made-in-yello-fruits-tag {
        left: -35px;
        top: -60px;
        width: 45%;
    }
    .vc_row.ko-tonics-row {
        padding-bottom: 100px;
    }
    .ko-image-item.made-with-green-fruits-tag {
        right: -40px;
        width: 45%;
        top: -75px;
    }
    .signature-cocktails-row > .vc_column_container > .vc_column-inner {
        padding: 0 !important;
    }
    .signature-cocktails-image-row .image-wrapper img {
        object-fit: cover;
    }
    .signature-cocktails-image-row .image {
        height: 250px;
    }
    .vc_row.signature-cocktails-inner-row {
        position: initial;
        padding: 0 30px;
    }
    .signature-cocktails-inner-row .ko-heading {
        text-align: left !important;
        position: absolute;
        top: -170px;
        width: 90%;
        left: 0;
    }
    .signature-cocktails-inner-row .text-content-wrapper {
        margin-bottom: 50px;
        margin-top: 30px;
    }
    .vc_row.signature-cocktails-inner-row .ko-button-wrapper {
        padding: 0;
    }
    .vc_row.signature-cocktails-row {
        padding-bottom: 75px;
    }
    .bars-venues .image-text-title p {
        line-height: 29px;
        font-size: 29px;
    }
    .image-text-content p {
        line-height: 20px;
        font-size: 15px;
    }
    .vc_row.wpb_row.vc_row-fluid.bars-venue-row {
        padding-bottom: 40px;
    }
    .image-text-button .ko-button a {
        width: 160px;
    }
    .our-story-image-row .image {
        height: 750px;
    }
    .vc_row.our-story-inner-row {
        padding: 40px 30px !important;
    }
    .our-story-inner-row .ko-heading {
        margin-bottom: 20px;
    }
    .vc_row.our-story-row {
        padding-bottom: 50px;
    }
    .homepage-social-row .ko-heading {
        margin-bottom: 20px;
    }
    .homepage-social-inner-row .text-content-wrapper {
        margin-bottom: 20px;
    }
    .home-yellow-pattern .image {
        height: 25px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* Menu */
    .ko-logo {
        width: 50%;
    }
    button.navbar-toggler {
        top: 35px;
    }
    .ko-menu-wrapper.menu-wrapper {
        top: 90px;
    }

    /* Footer */
    .footer-bottom-pattern {
        height: 60px;
    }
    .footer-menu-container {
        flex-wrap: wrap;
    }
    .footer-logo {
        justify-content: center;
        margin-bottom: 50px;
        min-width: 50%;
        display: flex;
        width: 50%;
    }
    .footer-menu-wrapper {
        margin-bottom: 50px;
        text-align: center;
        width: 50%;
    }
    .subscribe-newsletter {
        text-align: center;
        margin: 0 auto;
        width: 50%;
    }
    .gfield--type-captcha iframe {
        transform: scale(0.9);
    }
    .ko-footer-container .ginput_recaptcha {
        justify-content: center;
        display: flex;
    }
    .footer-container.darkgrey-bg {
        padding: 65px 0 50px;
    }

    /* Privacy Policy */
    .vc_row {
        margin: 0 !important;
    }
    .ko-width-container, 
    .ko-wp-widthcontainer > .vc_column-inner {
        padding: 0 60px !important;
    }
    .ko-heading.font60px h1 {
        line-height: 40px !important;
        font-size: 45px !important;
    }
    .ko-heading.font35px h2 {
        line-height: 25px !important;
        font-size: 30px !important;
    }
    .ko-heading.skew-bg.large-skew h1:before, 
    .ko-heading.skew-bg.large-skew h2:before, 
    .ko-heading.skew-bg.large-skew h3:before, 
    .ko-heading.skew-bg.large-skew h4:before {
        left: -100px;
    }
    .ko-heading.skew-bg.large-skew h1:after, 
    .ko-heading.skew-bg.large-skew h2:after, 
    .ko-heading.skew-bg.large-skew h3:after, 
    .ko-heading.skew-bg.large-skew h4:after {
        right: -100px;
    }
    .ko-heading.skew-bg.large-skew h1:after, 
    .ko-heading.skew-bg.large-skew h1:before, 
    .ko-heading.skew-bg.large-skew h2:after, 
    .ko-heading.skew-bg.large-skew h2:before, 
    .ko-heading.skew-bg.large-skew h3:after, 
    .ko-heading.skew-bg.large-skew h3:before, 
    .ko-heading.skew-bg.large-skew h4:after, 
    .ko-heading.skew-bg.large-skew h4:before {
        width: 150px;
    }

    /* Thank you */
    .wpb_wrapper .ko-heading.font75px h1 {
        line-height: 55px;
        font-size: 60px;
    }
    .vc_row.thank-you-row {
        padding: 100px 0 150px;
    }
    .ko-button a {
        width: 200px;
    }

    /* 404 */
    .error-404-row {
        padding: 100px 0 150px !important;
    }
    .error-404-row .ko-heading h1 {
        line-height: 55px;
        font-size: 60px;
    }

    /* Perfect Serves */
    .vc_row.perfect-serves-title-inner-row {
        margin: 0 auto !important;
        width: 95%;
    }
    .vc_row.perfect-serves-banner-tag-row {
        bottom: -40px;
        left: -50px;
        width: 35%;
    }
    .perfect-serves-banner-tag-row .image {
        width: 100%;
        left: 0;
    }
    .perfect-serves-title-tag-row .image {
        width: 100%;
    }
    .vc_row.perfect-serves-title-tag-row {
        margin: 0 auto !important;
        bottom: -90px;
        width: 35%;
    }
    .perfect-serves-title-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
        padding-bottom: 170px;
    }
    .ko-heading.perfect-serves-item-title {
        width: 70%;
    }
    .vc_row.perfect-serves-item-inner-row {
        width: 100%;
    }
    .perfect-serves-red-bg-row .image {
        height: 300px;
    }
    .vc_row.perfect-serves-item-row {
        top: -50px;
    }
    .perfect-serves-item-row .ko-video-item {
        height: 300px;
    }
    .video-wrapper iframe {
        height: 400px;
    }
    .perfect-serves-item-row .ko-video-item .video {
        height: 400px;
    }
    .perfect-serves-item-row .ko-video-item .video-wrapper {
        height: 400px;
    }
    .container-col.perfect-serves-item-description {
        padding: 15px 50px;
    }
    .container-col.perfect-serves-item-details {
        padding: 0 70px;
    }
    .perfect-serves-pink-bg-row .image {
        height: 300px;
    }
    .vc_row.perfect-serves-item-row.blush-serve {
        top: -100px;
    }
    .perfect-serves-item-tag {
        right: -50px;
        bottom: 10px;
        width: 25%;
    }
    .container-col.perfect-serves-item-text {
        padding: 70px 40px 40px;
    }
    .perfect-serves-item-text .text-content-wrapper {
        width: 80% !important;
    }
    .ko-content-wrapper.container-perfect-serves-item-text:before {
        top: -140px;
    }
    .blush-serve .perfect-serves-item-tag {
        bottom: 300px;
        left: -53px;
        width: 18%;
    }

    /* KO Private Events */
    .vc_row.private-events-banner-tag-row {
        right: -50px;
        width: 35%;
        top: 185px;
    }
    .private-events-banner-image-row .image {
        height: 250px;
    }
    .vc_row.private-events-title-row {
        padding-top: 175px;
    }
    .wpb_wrapper .ko-heading.font60px h2 {
        line-height: 36px !important;
        font-size: 42px !important;
    }
    .vc_row.premium-bar-services-image-row {
        left: -10px;
        top: -60px;
    }
    .vc_row.premium-bar-services-tag-row {
        left: 85px;
        top: 135px;
        width: 16%;
    }
    .vc_row.premium-bar-services-inner-row {
        transform: skew(-10deg, 0deg);
        padding: 40px 0 60px;
        width: 90%;
    }
    .premium-bar-services-inner-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
        transform: skew(10deg, 0deg);
    }
    .wpb_wrapper .ko-heading.font42px h2 {
        line-height: 36px;
        font-size: 36px;
    }
    .premium-bar-services-inner-row .ko-heading {
        padding-left: 45%;
    }
    .premium-bar-services-inner-row .text-content-wrapper {
        padding-left: 45%;
        width: 100%;
    }
    .vc_row.premium-bar-services-inner-row:before {
        transform: skew(10deg, 0deg);
        width: 100px;
        left: -50px;
    }
    .premium-bar-services-inner-row .ko-content-wrapper.container-premium-bar-services-kpi-container {
        padding-left: 15%;
    }
    .vc_row.engaging-party-games-inner-row {
        transform: skew(10deg, 0deg);
        left: -79px;
    }
    .engaging-party-games-inner-row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
        transform: skew(-10deg, 0deg);
    }

    /* The Site */
    .the-ko-bar-col .wpb_wrapper {
        padding: 95px 60px 35px;
    }
    .the-ko-bar-row > .vc_column_container {
        margin-bottom: 75px;
    }
    .the-ko-bar-row .the-ko-bar-inner-row {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .the-ko-bar-row .the-ko-bar-inner-row > div {
        width: 100%;
    }
    .the-ko-bar-image-col {
        width: 50% !important;
        padding-bottom: 75px;
        padding-top: 30px;
    }

    /* Lighthouses */
    .wpb_wrapper .ko-heading.font42px h3 {
        line-height: 30px !important;
        font-size: 32px !important;
    }
    .vc_row.drink-selection-title-row .ko-heading:before {
        width: 400px;
    }
    .drink-selection-tag-row .image {
        width: 230px;
    }
    .wpb_wrapper .ko-heading.font52px h2 {
        line-height: 40px !important;
        font-size: 42px !important;
    }
    .unique-local-bars-tag-graphics .image {
        width: 230px;
    }
    .wpb_wrapper .ko-heading.font21px h2 {
        line-height: 20px !important;
        font-size: 18px !important;
    }
    .wpb_wrapper .ko-heading.font40px h2 {
        line-height: 24px !important;
        font-size: 24px !important;
    }
    .wpb_wrapper .ko-heading.font90px h1 {
        line-height: 55px !important;
        font-size: 60px !important;
    }
    .lighthouses-banner-text .ko-content-wrapper {
        width: 65%;
    }
    .lighthouses-banner-text-container:before {
        transform: skew(-19deg, -3deg);
        width: calc(100% + 32px );
        height: 40px;
        right: -38px;
        top: -18px;
    }
    .lighthouses-banner-image .image {
        height: 250px;
    }
    .lighthouses-banner-text .ko-content-wrapper:before {
        transform: skew(3deg, 0deg);
        height: calc( 100% + 7px );
        width: 30px;
        top: -7px;
    }
    .lighthouse-yellow-inner-row .ko-heading.font21px h2:before {
        height: calc(100% + 11px);
        width: 63px;
        top: -6px;
    }
    .more-lighthouses-coming-soon-text .text-content-wrapper {
        width: 100%;
    }
    .slider-container.drinks-selection-slider {
        margin: 0 auto;
        width: 70%;
    }

    /* The Stack */
    .the-stack-banner-title-row .ko-content-wrapper:before {
        height: calc(100% + 10px);
        width: 25px;
        top: -10px;
    }
    .the-stack-banner-subtitle-row .ko-heading h2:before {
        height: calc(100% + 11px);
        width: 25px;
        top: -4px;
    }
    .the-stack-banner-subtitle-row .ko-heading h2:after {
        height: calc(100% + 14px);
        right: -46px;
        width: 87px;
        top: -14px;
    }
    .the-stack-swap .swap-box-image-container {
        flex-direction: column;
    }
    .the-stack-swap .swap-box-image-container > div {
        width: 90% !important;
    }
    .the-stack-swap .swap-box-image-container .swapbox-image .image-wrapper {
        position: relative;
        z-index: 10;
    }
    .the-stack-swap .swap-box-image-container .swapbox-image {
        margin: 0;
    }
    .ko-kraft-room .swap-box-image-subtitle-text-wrapper:after {
        height: 150px;
        bottom: -75px;
    }
    .the-stack-swap.ko-kraft-room .swap-box-image-subtitle-text-wrapper {
        padding-bottom: 45px;
    }
    .the-stack-swap .swap-image-box-button.ko-button {
        justify-content: center;
    }
    .the-stack-swap.ko-kraft-room .swap-box-image-button-wrapper {
        bottom: -100px;
    }
    .tag-wrapper {
        left: -10px;
    }
    .ko-kraft-room .tag-wrapper {
        top: -50px;
    }
    .the-stack-swap .swap-box-image-subtitle-text-wrapper {
        padding-bottom: 65px;
    }
    .swap-active .tag-wrapper {
        left: initial;
        top: -110px;
        right: 5%;
    }
    .the-stack-swap .swap-box-image-container.swap-active .swapbox-image {
        margin-top: -20px;
        margin-right: 0;
    }
    .the-stack-swap .swap-active .swap-box-image-button-wrapper {
        right: 0;
        left: 0;
    }
    .the-stack-swap .swap-active .swap-image-box-button.ko-button {
        justify-content: center;
    }
    .the-stack-swap.the-beer-district .swap-active .swap-box-image-button-wrapper {
        bottom: -80px;
    }
    .vc_row.book-private-event-inner-row {
        margin: 0 auto !important;
        width: 95%;
        top: 65px;
    }
    .vc_row.book-private-event-row {
        padding: 175px 0 125px;
    }
    .the-beer-district .swap-active .tag-wrapper {
        top: -25px;
        width: 30%;
    }
    .book-private-event-bg-row .image {
        height: 350px;
    }

    /* LO.KOL Vibes */
    .lokol-vibes-banner-main-text-container .ko-heading h2.futura {
        line-height: 34px;
        font-size: 30px;
    }
    .lokol-vibes-banner-main-text-container {
        margin-left: 40px;
    }
    .vc_row.lokol-vibes-banner-inner-row {
        padding-top: 200px;
    }
    .vc_row.lokol-vibes-banner-tag-row {
        bottom: -100px;
        right: -50px;
        width: 40%;
    }
    .lokol-vibes-banner-main-text-container:before {
        width: calc(100% + 125px );
    }
    .lokol-vibes-banner-inner-row .ko-content-wrapper:before {
        height: calc(100% + 10px);
        top: -10px;
    }
    .vc_row.lokol-vibes-content-row {
        padding-top: 175px;
    }

    /* Krafted By */
    .video-wrapper {
        height: 300px;
    }
    .krafted-by-image {
        width: 280px;
    }
    .krafted-by-image-col.vc_column_container>.vc_column-inner {
        left: -35px;
    }
    .wpb_wrapper .ko-heading.font72px h2 {
        line-height: 55px !important;
        font-size: 60px !important;
    }
    .wpb_wrapper .ko-heading.font72px h2 {
        line-height: 55px !important;
        font-size: 60px !important;
    }
    .since-2016-text.vc_column_container>.vc_column-inner {
        margin-bottom: 100px;
        position: relative;
        margin-top: 50px;
        right: -35px;
        top: 0;
    }
    .since-2016-text.wpb_column.vc_column_container {
        margin: 0 auto !important;
        width: 90%;
    }
    .since-2016-text .wpb_wrapper .ko-heading {
        position: relative;
        left: 30px;
        top: 20px;
    }
    .since-2016-text .wpb_wrapper .text-content-wrapper {
        padding: 35px 55px 45px 70px;
    }
    .since-2016-text .image {
        height: 30px;
    }
    .purple-arrow-graphics {
        right: -55px;
        width: 15%;
    }
    .yellow-flower-graphics {
        bottom: initial;
        left: -15px;
        top: 220px;
        width: 20%;
    }
    .krafted-by-pieces-row .ko-heading {
        width: 100%;
    }
    .wpb_wrapper  .ko-heading.font58px h2 {
        line-height: 36px !important;
        font-size: 40px !important;
    }
    .orange-arrow-graphics {
        left: -50px;
        width: 30%;
        top: -35px;
    }
    .pink-flower-graphics {
        right: -50px;
        top: -35px;
        width: 30%;
    }
    .swap-box-kraftedby-image {
        height: 100%;
        width: 100%;
    }
    .swap-box-kraftedby-wrapper {
        right: -65px;
        top: -70px;
    }
    .swap-box-title h2 {
        line-height: 40px;
        font-size: 45px;
    }
    .swap-box-text p {
        font-size: 20px;
    }
    .swap-box-text {
        padding-left: 15px;
    }
    .swap-box-text-wrapper:after {
        height: 115px;
    }
    .play-button i {
        font-size: 35px;
        height: 75px;
        width: 75px;
    }
    .play-button p {
        margin-top: 25px;
        font-size: 25px;
    }
    .vc_row.krafted-by-pieces-row {
        padding-bottom: 100px;
    }

    /* KO Labs */
    .ko-lab-banner > .vc_column_container.vc_col-sm-4 > .vc_column-inner .ko-image-item {
        width: 410px;
        left: -62px;
        top: 50px;
    }
    .ko-lab-banner > .vc_column_container.vc_col-sm-4 > .vc_column-inner .ko-heading {
        width: 500px;
        left: 50px;
        top: 80px;
    }
    .vc_row.ko-lab-banner-text {
        margin: 0 auto !important;
        padding: 80px 60px;
        width: 90%;
    }
    .ko-lab-banner-text .text-content-wrapper {
        width: 95%;
    }
    .collaborating-with-local-yellow .ko-heading.skew-bg h2 {
        height: 110px;
        width: 78%;
    }
    .collaborating-with-local-orange .ko-heading.skew-bg h2 {
        height: 175px;
        width: 70%;
    }
    .collaborating-with-local-orange .ko-heading.skew-bg h2 br {
        display: none;
    }
    .collaborating-with-local-orange .ko-heading {
        margin-left: -55px;
    }
    .ko-lab-orange-arrow-graphics {
        top: -40px;
        width: 25%;
        left: 5px;
    }
    .ko-lab-pink-flower-graphics {
        right: 20px;
        top: 45px;
        width: 8%;
    }
    .collaborating-with-local-orange {
        margin-bottom: 60px !important;
    }
    .vc_row.showcasing-originality {
        margin-bottom: 25px !important;
        width: 100%;
    }
    .vc_row.promote-kenyan-talent {
        width: 100%;
    }
    .vc_row.showcasing-originality .ko-heading h2, .vc_row.promote-kenyan-talent .ko-heading h2 {
        line-height: 36px;
        font-size: 36px;
    }
    .vc_row.our-limited-edition-row {
        margin-bottom: 75px !important;
    }
    .our-limited-edition {
        width: 80%;
    }
    .our-limited-edition-text-col.vc_column_container.vc_col-has-fill > .vc_column-inner:before {
        transform: skew(6deg, 0deg);
        width: 60px;
        left: -40px;
    }
    .our-limited-edition-text-col .ko-image-item {
        right: -275px;
        top: -110px;
        width: 75%;
    }
    .swap-box-image-container, .swap-box-image-container.swap-active {
        flex-direction: column;
    }
    .swap-box-image-container > div {
        width: 85%;
    }
    .swap-box-image-text {
        width: 100%;
    }
    .swap-box-image-container .swapbox-image {
        width: 55%;
    }
    .vc_row.muthaiga-tea-company {
        margin-bottom: 75px !important;
    }
    .swap-active .swap-box-image-text-wrapper {
        padding-left: 0;
    }
    .vc_row.see-more-videos-kolabs {
        margin-left: auto !important;
        margin-right: 40px !important;
        width: 56%;
    }
    .see-more-videos-kolabs .ko-button a {
        padding: 20px 75px 20px 30px;
        font-size: 22px;
        height: 100%;
    }
    .see-more-videos-kolabs .ko-button a:after {
        font-size: 35px;
        right: 28px;
    }
    .container-col.buy-our-latest-kolabs-container > div {
        width: 50% !important;
    }
    .lets-kollaborate-form {
        padding: 60px 60px 90px;
    }
    .vc_row .gform_wrapper.gravity-theme .ginput_container_consent {
        width: 100%;
    }
    .lets-kollaborate-form .gform_wrapper.gravity-theme fieldset#field_2_6 {
        width: 60%;
    }

    /* Homepage */
    .home-banner-inner-row .image {
        width: 60%;
    }
    .home-banner-inner-row .ko-heading {
        width: 80%;
    }
    .home-banner-inner-row .ko-heading.font21px h2:before {
        width: 85px;
        left: -70px;
    }
    .home-banner-inner-row .ko-heading:before {
        width: calc(100% + 135px);
    }
    .home-banner-inner-row .ko-heading:after {
        width: calc(100% + 68px);
        bottom: -11px;
        right: -18px;
    }
    .home-banner-image-row .image {
        height: 450px;
    }
    .ko-image-item.green-apple-tag {
        right: -55px;
        top: -40px;
        width: 15%;
    }
    .ko-image-item.ko-products-tag {
        top: -160px;
        width: 30%;
        left: 0;
    }
    .ko-image-item.made-with-products-tag {
        left: -45px;
        width: 20%;
        top: -25px;
    }
    .ko-image-item.yellow-flower-tag {
        left: -15px;
        width: 15%;
    }
    .ko-image-item.made-in-kenya-fruits-tag {
        right: -75px;
        top: -110px;
        width: 35%;
    }
    .ko-image-item.made-in-yello-fruits-tag {
        top: -100px;
        left: -70px;
        width: 35%;
    }
    .ko-tonics-title-row .text-content-wrapper.ko-products-text {
        width: 50%;
    }
    .ko-image-item.made-with-green-fruits-tag {
        right: -75px;
        top: -70px;
        width: 35%;
    }
    .container-col.ko-iced-teas-products-container > div,
    .container-col.ko-ciders-products-container > div, 
    .container-col.ko-tonics-products-container > div {
        width: 100% !important;
    }
    button.slick-arrow i {
        display: block;
        height: 20px;
        width: 20px;
    }
    button.slick-arrow {
        text-align: center;
        position: absolute;
        color: #EE3A97;
        background: none;
        font-weight: 800;
        font-size: 24px;
        border: none;
        top: 130px;
        z-index: 2;
        padding: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }
    button.slick-prev.slick-arrow {
        right: initial;
        left: 10px;
    }
    button.slick-next.slick-arrow {
        left: initial;
        right: 10px;
    }
    .slick-next:focus, 
    .slick-next:hover, 
    .slick-prev:focus, 
    .slick-prev:hover {
        color: #EE3A97 !important;
    }
    .container-col.ko-gins-products-container {
        width: 100%;
    }
    .container-col.ko-gins-products-container {
        width: 100%;
    }
    .signature-cocktails-row > .vc_column_container > .vc_column-inner {
        padding: 0 !important;
    }
    .vc_row.signature-cocktails-inner-row {
        left: 50px;
        top: 145px;
        width: 55%;
    }
    .signature-cocktails-image-row .image {
        height: 600px;
    }
    .signature-cocktails-inner-row .text-content-wrapper {
        margin-bottom: 35px;
    }
    .vc_row.signature-cocktails-row {
        padding-bottom: 100px;
    }
    .container-col.bars-venue-container > div {
        margin: 0 auto !important;
        float: initial !important;
        width: 85% !important;
        padding-bottom: 60px;
    }
    .vc_row.bars-venue-inner-row {
        padding-top: 40px;
    }
    .vc_row.bars-venue-row {
        padding-bottom: 60px;
    }
    .our-story-image-row .image {
        height: 435px;
    }
    .vc_row.wpb_row.vc_inner.vc_row-fluid.our-story-inner-row.ko-width-container {
        top: 50px;
    }
    .vc_row.our-story-image-row {
        background-color: #ee3f97;
        padding-bottom: 230px;
    }
    .our-story-inner-row .ko-heading {
        padding-top: 45px;
    }
    .vc_row.our-story-row {
        padding-bottom: 75px;
    }

    /* Ko Lab */
    .ko-product-image-wrapper {
        height: 100%;
        width: 50%;
    }

    /* Privacy policy */
    .privacy-policy-text-row  .ko-heading {
        width: 50% !important;
        margin: 0 auto;
    }

   
}