.navbar-default .navbar-collapse li a, .menuRedButton{
    font-size: 18px;
    margin-top: -15px;
}
.navbar-nav{
    padding-right: 50px;
}

.mt60 {
    margin-top: 60px;
}
.navbar-default .custom-container {
    position: relative;
}
.navbar > .custom-container {
    display: flex;
}
.custom-container{
    width: 83%;
    margin: auto;
}
.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.absoluteBannerDiv{
    position: absolute;
    width: 100%;
    top: 30%;
}
.greenHomeBannerHeading{
    /*color: #1DB495;*/
    color: #fff;
    font-size: 5rem;
    font-weight: 700;
    font-family: 'Philosopher', sans-serif;
    /*text-shadow: 0px 0px 3px #1DB495;*/
}
.whiteHomeBannerHeading{
    color: #fff;
    /*font-size: 44px;*/
    font-size: 3.3rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    /*text-shadow: 0px 0px 6px #0A6B62;*/
}
.body{
    font-family: Open Sans, sans-serif;
}
.newthemeBannerButton{
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #1DB495;
    color: white;
    border-radius: 5px;
    line-height: 1.4;
    font-weight: 700;
    /*font-family: 'Philosopher', sans-serif !important;*/
}
.newBuyNowButton{
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #1DB495;
    color: white;
    border-radius: 5px;
    line-height: 1.4;
    font-weight: 700;
}
.newthemeBannerButton2{
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #fff;
    color: #1DB495;
    border-radius: 5px;
    line-height: 1.4;
    font-weight: 700;
    /*font-family: 'Philosopher', sans-serif !important;*/
    margin: unset;
}
.newthemeButton1{
    padding: 10px;
    padding-left: 35px;
    padding-right: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #1DB495;
    color: white;
    border-radius: 5px;
    font-size: 16px;    line-height: 1.4;
    font-weight: 700;
    font-family: 'Philosopher', sans-serif !important;
}
.paymentFooter{
    background: #F6ECD9;
    padding-top: 30px;
    padding-bottom: 30px;
}
.mb15{
    margin-bottom: 15px;
}
.mt15{
    margin-top: 15px;
}
#clientcarousel .owl-nav{
    position: absolute;
    top: calc(50% - 10px);
    width: 100%;
    display: flex;
    justify-content: space-between;
}
#clientcarousel .owl-nav button{
    display: block;
}
.DiscoverySection{
    background: url("../img/features_bg.jpg");
    padding: 50px;
    background-size: cover;
    background-position: center;
}
.customFilterHome{
    display: flex;
}
.customFilterHome div{
    padding: 5px 15px;
}
.customFilterHome div img{
    max-height: 90px;
    height: 90px;
}
.filterlevel1.active{
    border-bottom: 5px solid #0a6b62;
}
.specialteas2, .specialteas1, .ayurvedic1, .tapri1, .tapri2, .tapri3, .tapri4{
    padding: 5px 15px;
    font-size: 18px;
}
.remActive{
    cursor: pointer;
}
.specialteas1.active, .specialteas2.active, .ayurvedic1.active, .tapri1.active, .tapri2.active, .tapri3.active, .tapri4.active{
    border-bottom: 3px solid #0a6b62;
    font-weight: 700;
    color: #096A61;
}
.specialFilter, .tapriFilter, .ayurvedicFilter{
    display: none;
}
.filterlevel1{
    cursor: pointer;
}
.filter2{
    display: flex;
}
.productsScroll{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}
.newProductContainer{
    width: 350px;
    margin: 30px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    overflow: hidden;
}
.toggleProductList:nth-child(3n+1) > .newProductContainer > img{
background: #FFE79F;
}
.toggleProductList:nth-child(3n+2) > .newProductContainer > img{
background: #FF6978;
}
.toggleProductList:nth-child(3n+3) > .newProductContainer > img{
background: #31BCCF;
}
.newProductDetail{
    padding: 20px;
}
.newProductName{
    height: 115px;
    font-weight: 700;
    font-size: 16px;
}
@media (max-width: 1500px) {
    .newProductName{
        height: 140px;
    }
}
.customCardFunctionality, .customCardFunctionality2, .customCardFunctionality3{
    margin: 15px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 15px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
.img2toggle, .img1toggle{
    transition: 0.5s ease-in-out;
    width: 100%;
}
.customCardFunctionality:hover .img1toggle, .customCardFunctionality2:hover .img1toggle, .customCardFunctionality3:hover .img1toggle{
    display: none;
}
.customCardFunctionality:hover .img2toggle, .customCardFunctionality2:hover .img2toggle, .customCardFunctionality3:hover .img2toggle{
    display: block;
}
.customCardFunctionality:hover .detailCustomCard1{
    background: #ECFAFF;
}
.customCardFunctionality2:hover .detailCustomCard1{
    background: #FEDFE2;
}
.customCardFunctionality3:hover .detailCustomCard1{
    background: #FEF5DA;
}
.customCardFunctionality.active .detailCustomCard1{
    background: #ECFAFF;
}
.customCardFunctionality2.active .detailCustomCard1{
    background: #FEDFE2;
}
.customCardFunctionality3.active .detailCustomCard1{
    background: #FEF5DA;
}


.customCardFunctionality .knowLessClass{
    display: none;
}
.customCardFunctionality.active .knowMoreClass{
    display: block;
}
.customCardFunctionality2 .knowLessClass{
    display: none;
}
.customCardFunctionality2 .knowMoreClass{
    display: block;
}
.customCardFunctionality3 .knowLessClass{
    display: none;
}
.customCardFunctionality3 .knowMoreClass{
    display: block;
}
.customCardFunctionality.active .knowLessClass{
    display: block;
}
.customCardFunctionality.active .knowMoreClass{
    display: none;
}
.customCardFunctionality2.active .knowLessClass{
    display: block;
}
.customCardFunctionality2.active .knowMoreClass{
    display: none;
}
.customCardFunctionality3.active .knowLessClass{
    display: block;
}
.customCardFunctionality3.active .knowMoreClass{
    display: none;
}
.knowMoreClass:hover, .knowLessClass:hover{
    color: #0A6B62;
}
.img2toggle{
    display: none
}

.customCardFunctionalityToggle.active .img1toggle{
    display: none;
}
.customCardFunctionalityToggle.active .img2toggle, .img1toggle{
    display: block;
}
.detailCustomCard1{
    padding: 20px;
}
.hiddenDesk1{
    background: #31BCCF;
    padding: 50px;
}
.hiddenDesk1 .caretUp {
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
    border-bottom: solid 50px #31BCCF;
    height: 0;
    width: 0;
    margin: auto;
}
.hiddenDesk2{
    display: none;
    background: #FF6978;
    padding: 50px;
}
.hiddenDesk2 .caretUp {
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
    border-bottom: solid 50px #FF6978;
    height: 0;
    width: 0;
    margin: auto;
}
.hiddenDesk3{
    display: none;
    background: #FFE79F;
    padding: 50px;
}
.hiddenDesk3 .caretUp {
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
    border-bottom: solid 50px #FFE79F;
    height: 0;
    width: 0;
    margin: auto;
}
.ytIframe{
    width: 100%;
    height: 480px;
}
.varietyDivCard{
    padding: 25px 50px;
    background: rgba(255,255,255,0.8);
    border-radius: 15px;
    margin-top: 80px;
}
.varietyDivCard b{
    font-weight: 500;
}
.imageNoomContainer{
    margin: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.imageNoomContainer img{
    transition: all 0.5s ease-in-out;
    width: 100%;
}
.imageNoomContainer:hover img{
    transform: scale(1.1);
}
.absoluteSectionClose{
    position: absolute;
    top: 50px;
    right: 100px;
}
.varietyDivCard b{
    font-weight: 600 !important;
}
.absoluteFreeMachine{
    position: absolute;
    left: -49px;
    top: -50px;
}
.dashed-lines:after {
    content: "";
    position: absolute;
    /* top: 0; */
    bottom: -34px;
    height: 38px;
    left: 50%;
    border-left: 3px dashed #1DB495;
    z-index: 9;
}
.floatWhatsapp{
    position: fixed;
    bottom: 100px;
    right: 30px;
    z-index: 9;
    background: #43C654;
    padding: 15px;
    border-radius: 50px;
    overflow: hidden;
}
.floatWhatsapp p{
    display: none;
}
.floatWhatsapp:hover{
    width: 250px;
    display: flex;
}
.floatWhatsapp:hover p{
    display: block;
    margin-left: 15px;
    margin-bottom: 0;
}
.floatWhatsapp .fa{
    color: white;
    font-size: 24px;
}
.floatChat{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9;
    background: #1DB495;
    padding: 15px;
    border-radius: 50px;
    overflow: hidden;
}
.floatChat p{
    display: none;
}
.floatChat:hover{
    width: 250px;
    display: flex;
}
.floatChat:hover p{
    display: block;
    margin-left: 15px;
    margin-bottom: 0;
}
.floatChat .fa{
    color: white;
    font-size: 24px;
}
.plr8{
    padding-left: 8px;
    padding-right: 8px;
}
.mt25{
    margin-top: 25px;
}
.toggleVideoState{
    cursor: pointer;
}
.videoChange{
    display: none;
}

.responsiveConnector{
    position: absolute; top: -48px; width: 100%; left: 0
}
.videoChange{
    border-radius: 12px;
}


.text_1 {
    animation: text1;
}

.text_2 {
    animation: text2;
}

.text_1, .text_2 {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    animation-duration: 20s;
    animation-timing-function: steps(50, end);
    animation-iteration-count: infinite;
}

.text_1::after, .text_2::after {
    content: "|";
    position: absolute;
    right: 0;
    animation: caret infinite;
    animation-duration: 1s;
    animation-timing-function: steps(1, end);
}

@keyframes text2 {
    0%, 50%, 100% {
        width: 0;
    }

    60%, 90% {
        width: 16.2em;
    }
}

@keyframes text1 {
    0%, 50%, 100% {
        width: 0;
    }
    10%, 40% {
        width: 12.5em;
    }
}

@keyframes caret {
    0%, 100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
.toggleImgAnimation2{
    display: none;
}
.newProductContainer:hover .toggleImgAnimation{
    display: none;
}
.newProductContainer:hover .toggleImgAnimation2{
    display: block;
}

.zcwf_col_lab{display:none}.zcwf_col_fld{margin-top:10px}#formsubmit,input[type=reset]{width:auto!important;color:#fff!important;float:left!important;font-family:'Open Sans',sans-serif!important;font-weight:600!important;font-size:100%!important;line-height:normal!important;margin:10px 10px 0 0!important;background:#06675c!important;border:none!important;padding:13px 22px!important;border-bottom-left-radius:15px!important;border-top-right-radius:15px!important;outline:0!important}.gubbInput{color:#000!important}.youVideoHeight1{height:371px}.youVideoHeight2{width:100%;height:312px}@media (max-width:767px){.carousel-indicators .active,.carousel-indicators li{margin-bottom:-10px;width:9px!important;height:9px!important}.youVideoHeight1,.youVideoHeight2{height:170px}}.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content{max-width:245px;z-index:99999;font-size:14px!important}.ui-menu .ui-menu-item{padding:5px!important}.zcwf_col_fld .form-control{height:34px!important;padding:5px 8px!important}

@media (max-width: 767px){
    .webonly{
        display:none
    }
    .mobileFlex1{
        margin-top: -10px;
    }
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.vendingProductsCarousel{
    background-image: url("../img/beverages_bg@2x.jpg");
    background-position: center;
    background-size: cover;
    padding: 50px;
}
.cardImgProductCarousel img{
    max-width: 280px;
    margin: auto;
    padding: 50px;
}
#productsCarousel .owl-item.active.center img{
    transform: scale(1.4);
}
#productsCarousel .owl-item.active.center h3{
    color: #096A61;
}
#productsCarousel .owl-nav{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: calc(50% - 25px);
}
.prodNav{
    max-width: 20px;
}

.footer .footerLink h5, .footer .footerLink p, .footer.version2 .footerLink ul li, .footer.version2 .footerLink ul li a, .footer.version2 .footerLink ul li i {
    font-size: 16px;
    line-height: 1.4;
}
.toggleVideoState > div{
    margin-bottom: 10px;
}


.lightbox {
    display: none;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.box1 {
    position: absolute;
    padding: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #333;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px -7px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px -7px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px -7px rgba(255,255,255,1);
    border-radius: 10px;
}


.lightbox .close1 {
    position: absolute;
    left: 100%;
    top: 0;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    background-color: #1DB495;
    cursor: pointer;
    text-decoration: none;
}
.stickyHeader .navbar-default .navbar-collapse li a{
    color: black;
}
.stickyHeader .navbar-default .navbar-collapse .active a {
    color: #0ba195 !important;
}

@media (max-width: 1500px) {
    .absoluteBannerDiv {
        position: absolute;
        width: 100%;
        top: 18%;
    }
    .font54 {
        font-size: 3.5rem;
    }
    .font44 {
        font-size: 3rem;
    }
    .font28 {
        font-size: 24px;
    }
    .varietyDivCard .font24{
        font-size: 16px;
    }
    .font24 {
        font-size: 20px;
    }
    .newProductContainer{
        max-width: 275px;
    }
    .detailCustomCard1 .font18{
        font-size: 16px;
    }
    .ytIframe {
        width: 100%;
        height: 370px;
    }
    .hiddenDesk1 .font24, .hiddenDesk2 .font24, .hiddenDesk3 .font24 {
        font-size: 16px;
    }
    .varietyDivCard .font28 {
        font-size: 20px;
    }
    .varietyDivCard .mt30.mmt0.font28.flexDiv.alignCenter.mfont14 img{
        width: 40px;
    }
    .specialteas2, .specialteas1, .ayurvedic1, .tapri1, .tapri2, .tapri3, .tapri4 {
        padding: 5px 15px;
        font-size: 14px;
    }
    .DiscoverySection .font24.mfont14{
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (max-width: 1400px) {
    .navbar-default .navbar-collapse li a, .menuRedButton {
        font-size: 16px;
        margin-top: -15px;
    }
    /*.greenHomeBannerHeading {*/
    /*    font-size: 48px;*/
    /*}*/
    /*.whiteHomeBannerHeading {*/
    /*    font-size: 38px;*/
    /*}*/
    /*.font54{*/
    /*    font-size: 44px;*/
    /*}*/
    /*.font44{*/
    /*    font-size: 34px;*/
    /*}*/
    .font28{
        font-size: 24px;
    }
    .font24{
        font-size: 18px;
    }
    .specialteas2, .specialteas1, .ayurvedic1, .tapri1, .tapri2, .tapri3, .tapri4 {
        padding: 5px 15px;
        font-size: 14px;
    }
    .customFilterHome div img {
        max-height: 65px;
        height: 65px;
    }
    .newProductContainer{
        width: 250px;
    }
}
.showOnTab, .showSmallTab{
    display: none !important;
}
@media (max-width: 1700px) and (min-width: 1500px)  {
    .newProductContainer {
        width: 300px;
    }
}
@media (max-width: 1200px) and (min-width: 800px)  {
    .font44 {
        font-size: 2.5rem;
    }
    .navbar-default .navbar-collapse li a, .menuRedButton, .navbar-default .navbar-collapse li.dropdown .dropdown-menu li a {
        font-size: 14px !important;
        margin-top: -15px;
    }
    .navbar-default .navbar-collapse li a {
        padding: 20px 8px 20px;
    }
    .greenHomeBannerHeading {
        /*color: #1DB495;*/
        color: #fff;
        font-size: 4rem;
    }
    .absoluteBannerDiv .col-md-4 {
        width: 33%;
    }
    .footer .footerLink h5, .footer .footerLink p, .footer.version2 .footerLink ul li, .footer.version2 .footerLink ul li a, .footer.version2 .footerLink ul li i {
        font-size: 12px;
        line-height: 1.4;
    }
    .custom-container {
        width: 90%;
        margin: auto;
    }
    .hiddenDesk1, .hiddenDesk2, .hiddenDesk3 {
        padding: 50px 35px;
    }

    /*.varietyDivCard{*/
    /*    text-align: center;*/
    /*}*/
    .whiteHomeBannerHeading {
        /* color: #fff; */
        /* font-size: 44px; */
        font-size: 2.8rem;
    }
    .productsScroll{
        padding: 15px;
    }
    .mplr15{
        padding: 0 15px;
    }
    .font24 {
        font-size: 16px;
    }
    .varietyDivCard .font28{
        font-size: 14px !important;
        margin-top: 10px;
    }
    .varietyDivCard p img {
        width: 25px !important;
        margin-right: 8px !important;
    }
    .varietyDivCard .font24{
        font-size: 14px !important;
        margin-top: 5px;
    }
    .mmb10{
        margin-bottom: 10px;
    }
    /*.newProductName {*/
    /*    height: 115px;*/
    /*    font-weight: 700;*/
    /*    letter-spacing: 0;*/
    /*}*/
    .newProductName {
        height: 115px;
        font-weight: 700;
        font-size: 15px;
    }
    .font54 {
        font-size: 3rem;
    }
    .detailCustomCard1 .font18 {
        font-size: 14px;
    }
    .detailCustomCard1 h3{
        font-size: 20px;
    }
    .ytIframe {
        width: 100%;
        height: 300px;
    }
    .varietyDivCard{
        margin-top: 20px;
    }
    .mt50{
        margin-top: 30px;
    }
    .font28 {
        font-size: 20px;
    }
    .font20 {
        font-size: 16px;
    }
    .mplr10{
        padding-left: 10px;
        padding-right: 10px;
    }
    .mt100 {
        margin-top: 20px;
    }
    .absoluteFreeMachine {
        position: absolute;
        left: -2px;
        top: -20px;
        width: 90px;
    }
    .newProductContainer {
        width: 275px;
    }
    .productsScroll .col-md-3 {
        width: 34%;
        padding-left: 10px;
        padding-rightt: 10px;
    }
}
@media (max-width: 900px) and (min-width: 800px) {
    .vendingHeroImage{
        width: 100%;
        margin-bottom: 15px;
    }
    .mfdcr{
        flex-direction: column-reverse;
    }
    .vendingAbsoliteGif{
        height: 60px !important;
        top: -28px !important;
        left: 0 !important;
    }
    .version2 .cart-dropdown, .version3 .cart-dropdown {
        right: 25px;
        top: 33px;
    }
    .greenHomeBannerHeading {
        font-size: 3.5rem !important;
    }
    .whiteHomeBannerHeading {
        font-size: 1.8rem !important;
    }
    .newthemeBannerButton {
        padding: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 16px !important;
    }
    .absoluteBannerDiv {
        top: 25% !important;
    }
    .absoluteBannerDiv .col-md-4 {
        width: 40% !important;
    }
    /*.customCardFunctionality, .customCardFunctionality2, .customCardFunctionality3 {*/
    /*    margin: 45px;*/
    /*    box-shadow: 0px 3px 6px #00000029;*/
    /*    border-radius: 15px;*/
    /*    overflow: hidden;*/
    /*    transition: 0.5s ease-in-out;*/
    /*    cursor: pointer;*/
    /*}*/
    /*.absoluteFreeMachine {*/
    /*    position: absolute;*/
    /*    left: 10px;*/
    /*    top: -45px;*/
    /*    width: 140px;*/
    /*}*/
    .mobileNoContainer .row{
        display: flex;
    }
    .mobileNoContainer .col-md-4{
        width: 33%;
    }
    .customCardFunctionality, .customCardFunctionality2, .customCardFunctionality3{
        margin: 12px;
    }
    .hiddenDesk1 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #31BCCF;
    }
    .hiddenDesk2 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #FF6978;
    }
    .hiddenDesk3 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #FFE79F;
    }
    .responsiveConnector {
        top: -28px;
    }
    .mfdc{
        flex-direction: column;
    }
    .mtc{
        text-align: center;
    }
    .mw70{
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }
    .hiddenDesk1 .ytIframe, .hiddenDesk2 .ytIframe, .hiddenDesk3 .ytIframe{
        width: 70vw;
    }
    .newthemeBannerButton2{
        margin-left: auto;margin-right: auto;
        float: unset !important;
    }
    .hideTab{
        display: none !important;
    }
    .showOnTab {
        display: flex !important;
    }
    .toggleVideoState{
        margin-top: 0;
    }
    .center3Step{
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .productsScroll .col-md-3 {
        width: 44%;
    }
    .tabCenter{
        text-align: center;
    }
    .newBuyNowButton{
        float: unset !important;
        margin: auto;
    }
    .hideSmallTab{
        display: none !important;
    }
    .showSmallTab{
        display: block !important;
    }
}
@media (max-width: 800px) and (min-width: 750px) {
    .custom-container {
        width: 90%;
        margin: auto;
    }
    .absoluteBannerDiv .col-md-4{
        width: 40%;
    }
    .greenHomeBannerHeading {
        font-size: 3rem;
    }
    .whiteHomeBannerHeading{
        font-size: 2rem;
    }
    .mobileNoContainer{
        width: 90%;
    }
    .mobileNoContainer > .row{
        display: flex;
    }
    .mobileNoContainer .col-md-4{
        width: 33%;
        padding: 0;
    }
    .absoluteFreeMachine {
        position: absolute;
        left: -25px;
        top: -25px;
        width: 105px;
    }
    .mfdc{
        flex-direction: column;
    }
    .ytIframe {
        min-width: 80vw;
    }
    .varietyDivCard{
        text-align: center;
    }
    .varietyDivCard .flexDiv{
        flex-wrap: wrap;
        justify-content: center;
    }
    .varietyDivCard > .flexDiv > div{
        width: 50%;
    }
    .mmt20{
        margin-top: 20px;
    }
    .hideTab{
        display: none !important;
    }
    .showOnTab{
        display: block !important;
    }
    .varietyDivCard .mt30.mmt0.font28.flexDiv.alignCenter.mfont14 img {
        width: 40px !important;
    }
    .varietyDivCard .mt30.mmt0.font28.flexDiv.alignCenter.mfont14 {
        margin-top: 0;
        margin-bottom: 20px;
        justify-content: center;
    }
    .mw70{
        width: 70%;
        margin: 10px auto;
    }
    .tabCenter{
        text-align: center !important;
    }
    .tabCenter button{
        float: unset !important;
        margin: auto;
    }
    .menuRedButton{
        margin-top: 0px;
    }
    .navbar-default .navbar-collapse li a, .menuRedButton {
        font-size: 14px;
    }
    .menuRedButton {
        padding-left: 10px;
        padding-right: 10px;
    }

    .detailCustomCard1 h3{
        font-size: 20px;
    }
    .hideSmallTab{
        display: none !important;
    }
    .showSmallTab{
        display: block !important;
    }
    .mtc{
        text-align: center;
    }
    .navCard.left {
        left: 5px !important;
    }
    .navCard.right {
        right: 5px !important;
    }
    .absoluteSectionClose {
        position: absolute;
        top: 30px;
        right: 50px;
    }
    .mtc button{
        float: unset !important;
        margin: auto;
    }
    .plr15.mt50.mmtb0.text-center.toggleVideoState{
        margin-top: 0 ;
    }
    .center3Step {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .navbar-default .navbar-collapse li.dropdown .dropdown-menu li a{
        font-size: 14px;
        padding: 6px 12px 6px 12px !important;
        line-height: 2;
    }
    .p1025{
        padding: 10px 25px;
    }
    .toggleProductList {
        width: 41% !important;
    }
    .newProductContainer {
        width: 275px;
    }
    .newProductName {
        height: 140px;
    }
}
.absolutePlay{
    display: none !important;
}
.zsiq_floatmain{
    display: none !important;
}
@media (max-width: 750px) {
    .vendingHeroImage{
        width: 100%;
        margin-bottom: 15px;
    }
    .mfdcr{
        flex-direction: column-reverse;
    }
    .vendingAbsoliteGif{
        height: 60px !important;
        top: -28px !important;
        left: 0 !important;
    }
    .toggleVideoState .plr15{
        position: relative;
    }
    .absolutePlay {
        display: flex !important;
        position: absolute;
        width: 40px;
        height: 40px;
        background: #1DB495;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        color: white;
    }
    .absoluteFreeMachine{
        width: 179px !important;
    }
    .font44{
        font-size: 20px;
    }
    .font24{
        font-size: 20px;
    }
    .greenHomeBannerHeading{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .absoluteBannerDiv .col-md-4 {
        width: 40%;
        padding: 5px;
        /* background: rgba(255,255,255,0.5); */
    }
    .whiteHomeBannerHeading{
        font-size: 10px;
        margin-bottom: 10px;
        letter-spacing: 0;
    }
    .absoluteBannerDiv{
        top: 18%;
    }
    .newthemeBannerButton{
        padding: 5px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 10px;
        margin: 0;
    }

    .font28{
        font-size: 20px;
    }
    .mt60 {
        margin-top: 30px;
    }
    .newthemeBannerButton img{
        width: 14px;
    }
    .customCardFunctionalityToggle{
        margin-left: 0;
        margin-right: 0;
    }
    .customCardFunctionalityToggle img{
        width: 100%;
    }
    .DiscoverySection{
        padding: 50px 0;
    }
    .DiscoverySection .plr15{
        padding:0
    }
    .customFilterHome{
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .customFilterHome div img {
        max-height: 52px;
        height: 52px;
    }
    .specialteas2, .specialteas1, .ayurvedic1, .tapri1, .tapri2, .tapri3, .tapri4{
        font-size: 12px;
        width: 150px;
        text-align: center;
    }
    .filter2 {
        display: -webkit-box;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .paymentFooter .text-right{
        text-align: center !important;
    }
    #clientcarousel .owl-nav{
        width: 100%;
    }
    .paymentFooter .mobileFlex3{
        display: block;
    }
    .hiddenDesk1, .hiddenDesk2, .hiddenDesk3{
        padding: 50px 0
    }
    .hiddenDesk1 .col-md-4, .hiddenDesk2 .col-md-4, .hiddenDesk3 .col-md-4{
        width: 100%;
    }
    .hiddenDesk1 .flexDiv, .hiddenDesk2 .flexDiv, .hiddenDesk3 .flexDiv{
        flex-direction: column;
    }
    .absoluteSectionClose {
        top: 20px;
        right: 20px;
        width: 20px;
    }
    .ytIframe{
        height: 170px;
    }
    .varietyDivCard > div > div{
        width: 50%;
    }
    .varietyDivCard {
        padding: 15px;
    }
    .varietyDivCard .flexDiv{
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: center;
    }
    .varietyDivCard p img{
        width: 25px !important;
        margin-right: 8px !important;
    }
    .newProductContainer {
        width: 320px;
    }
    .p, .detailCustomCard1 .font18{
        font-size: 12px !important;
    }
    .detailCustomCard1 .font18{
        margin-bottom: 0;
    }
    .detailCustomCard1 .mt20{
        margin-top: 10px;
    }
    .knowLessClass img, .knowMoreClass img{
        width: 9px !important;
    }
    .customCardFunctionalityToggle {
        width: 75%;
        margin: auto;
        margin-top: 20px;
    }
    .absoluteFreeMachine {
        position: absolute;
        left: 25px;
        top: -40px;
        width: 120px !important;
    }
    .mob-custom-container{
        width: 83%;
        margin: auto;
    }
    .detailCustomCard1 h3{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .footer .footerLink ul li{
        margin-bottom: 0;
    }
    .paymentFooter .col-xs-3{
        margin-top: 0px;
    }
    .paymentFooter .mmt20 {
        margin-top: 0px;
    }
    .paymentFooter .plr15{
        padding-left: 5px;
        padding-right: 5px;
    }
    .paymentFooter img{
        width: 100% !important;
    }
    .mtc{
        text-align: center;
    }
    .newBuyNowButton{
        padding: 5px;
        padding-left: 15px;
        padding-right: 15px;
        float: unset !important;
        font-size: 12px;
        margin: auto;
    }
    .newBuyNowButton img{
        width: 20px;
    }
    .mmt0{
        margin-top: 0;
    }
    .mmt5{
        margin-top: 5px;
    }
    .mmt10{
        margin-top: 5px;
    }
    .mmb10{
        margin-bottom: 10px;
    }
    .ytIframe{
        margin-top: 20px;
        max-width: 300px;
    }
    .varietyDivCard{
        margin-top: 20px;
    }
    .varietyDivCard > div > div {
        width: 100%;
    }
    .varietyDivCard h3{
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
    .mw70{
        width: 70%;
        margin: auto;
    }
    .mw50{
        width: 46% !important;
    }
    .mfont12{
        font-size: 12px !important;
    }
    .imageNoomContainer {
        margin: 5px;
        border-radius: 10px;
        overflow: hidden;
    }
    .newthemeBannerButton2 {
        padding: 8px;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        background: #fff;
        color: #1DB495;
        border-radius: 5px;
        line-height: 1.4;
        font-weight: 700;
        float: unset !important;
        margin: auto;
        font-size: 14px;
    }
    .newthemeBannerButton2 img{
        max-width: 20px !important;
    }
    .mplr0{
        padding-left: 0;
        padding-right: 0;
    }
    .dLine img{
        width: 80px;
        margin-bottom: 10px;
    }
    .dashed-lines:after {
        content: "";
        position: absolute;
        top: 41px;
        bottom: auto;
        height: 1px;
        left: 83%;
        border-bottom: 2px dashed #1DB495;
        z-index: 9;
        width: 50px;
    }
    .customFilterHome div img {
        max-height: 44px;
        height: 44px;
    }
    .specialteas2, .specialteas1, .ayurvedic1, .tapri1, .tapri2, .tapri3, .tapri4 {
        font-size: 12px;
        width: auto;
        text-align: center;
    }
    .newProductContainer {
        width: 230px;
        margin: 20px 0;
    }
    .newProductName {
        height: 55px;
        font-weight: 700;
        font-size: 12px;
    }
    .newProductDetail > p {
        font-size: 10px;
        line-height: 1.35;
    }
    .hiddenDesk1 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #31BCCF;
        height: 0;
        width: 0;
        margin: auto;
    }

    .hiddenDesk2 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #FF6978;
        height: 0;
        width: 0;
        margin: auto;
    }
    .hiddenDesk3 .caretUp {
        border-left: solid 30px transparent;
        border-right: solid 30px transparent;
        border-bottom: solid 30px #FFE79F;
        height: 0;
        width: 0;
        margin: auto;
    }
    .responsiveConnector{
        top: -20px;
    }
    .mobileNoContainer{
        width: 100%;
    }
    .mmt40{
        margin-top: 40px;
    }
    .mw90{
        width: 90%;
    }
    .navbar-default .navbar-header .navbar-toggle{
        right: 0;
    }
    .navbar-default .navbar-collapse {
        max-height: 280px;
        margin-bottom: 20px;
        width: 100vw;
        border: none;
        overflow: scroll;
        border-bottom: 2px solid #efefef;
        position: absolute;
        top: 60px;
        left: -35px;
        background: white;
    }
    .navbar-nav{
        padding-right: 0;
    }
    .navbar-default .navbar-collapse .active a{
        margin-bottom: 0;
    }
    .navbar-default .navbar-collapse li a, .menuRedButton{
        line-height: 2;
    }
    .navbar-default .navbar-header .navbar-brand {
        display: block !important;
        left: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background-color: transparent !important;
    }
    .hiddenDesk1{
        display: none;
    }
    .mplr10{
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-default .navbar-collapse li.dropdown .dropdown-menu li a{
        font-size: 16px !important;
    }
    .carousel-control{
        width: 8%;
    }
    .navCard.left{
        left:0px !important;
    }
    .navCard.right{
        right:0px !important;
    }

    .mfont14{
        font-size: 14px;
    }
    .text_1, .text_2{
        font-size: 14px !important;
    }
    .footer .footerLink h5, .footer .footerLink p, .footer.version2 .footerLink ul li, .footer.version2 .footerLink ul li a, .footer.version2 .footerLink ul li i{
        font-size: 14px;
    }
    .biggerButton{
        padding: 8px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
    }
}

@media (max-width: 730px) and (min-width: 700px) {
    .greenHomeBannerHeading {
        font-size: 32px;
    }
    .whiteHomeBannerHeading {
        font-size: 18px;
    }
    .absoluteFreeMachine {
        position: absolute;
        left: 53px;
        top: -40px;
        width: 145px !important;
    }
    .font28 {
        font-size: 22px;
    }
    .detailCustomCard1 h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .font44 {
        font-size: 24px;
    }
    .dashed-lines:after {
        left: 69%;
        width: 145px;
    }
    .font44 {
        font-size: 30px;
    }
    .ytIframe {
        height: 345px;
    }
}
@media (min-width: 767px){
    .absolutePlay{
        display: none !important;
    }
}