body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    background-color: #223E1B;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge #223E1B*/
    scrollbar-width: none;
    /* for Firefox */
    overflow: -moz-scrollbars-none;
}

body::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    scrollbar-width: none;
}

.aimated-cursor {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 10000;
    -webkit-transition: opacity 0.2s ease-in-out 0.5s;
    -o-transition: opacity 0.2s ease-in-out 0.5s;
    transition: opacity 0.2s ease-in-out 0.5s;
}

body:hover .aimated-cursor {
    opacity: 1;
    z-index: 9999999;
}

.noscroll,
.designSection {
    overflow: hidden;
}

p {
    padding: 0;
    margin: 0;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    transition: all 1s;
}

a:hover {
    transition: all 1s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}
input:focus,
textarea:focus {
    outline: none;
}
.container {
    position: relative;
}

#button {
  display: inline-block;
  background-color: #E6E6E8;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 10px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #225D2A;
  transition: all 1s;
}
/*#button:hover::after {
    color: #fff;
    transition: all 1s;
}*/
#button:hover {
  cursor: pointer;
  background-color: #FF9800;
}
#button:active {
  background-color: #FF9800;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.cursor {
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border: 2px solid rgb(255, 255, 255, .8);
    /*border: 2px solid rgb(0, 0, 0);
    */
    border-radius: 50%;
    pointer-events: none;
    opacity: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999999999;
    background-color: rgba(255, 255, 255, .5);
}

@media (min-width: 1700px) {
    .cursor {
        width: 50px;
        height: 50px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

.fixed-btn-gr {
    /*visibility: hidden;
    */
    /*display: none;
    */
    position: fixed;
    left: 0;
    right: 0;
    bottom: -55px;
    height: 0;
    z-index: 500;
    /*transition: visibility 0s linear 300ms;
    */
    background: #000;
    color: #fff;
    height: 55px;
    line-height: 55px;
    transition: bottom 0.2s ease-in-out;
}

.fixed-btn-gr.show-up {
    bottom: 0;
}

.padding_125 {
    height: 50px;
}

.brand_slider {
    position: relative;
}
.slick-arrow {
    width: 50px;
    height: 50px;
    border: 0.3px solid #fff;
    border-radius: 50%;
    background: transparent;
    padding: 0;
    margin: 0;
/*    text-indent: -99999px;*/
    position: absolute;
    z-index: 9999;
    color: rgb(243 6 6 / 0%);
    text-align: center;
    cursor: pointer;
    transition: all 0.7s ease;
    top: 50%;
    margin-top: -25px;
}
.slick-arrow:hover {
    transition: all 0.7s ease;
    background-color: rgba(255, 255, 255, .2);
}
.slick-prev {
    left: 0px;
}
.slick-prev:after {
    font-family: "Material Icons";
    content: "\e5cb";
    font-size: 25px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        width: 100%;
        transition: all 0.7s ease;
}
.slick-prev:hover:after {
    font-size: 40px;
    transition: all 0.7s ease;
}
.slick-next {
    right: 0px;
}
.slick-next:after {
    font-family: "Material Icons";
    content: "\e5cc";
    font-size: 25px;
    line-height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        width: 100%;
        transition: all 0.7s ease;
}
.slick-next:hover:after {
    font-size: 40px;
    transition: all 0.7s ease;
}
/* ----------------------------------- Gallery Section --------------------------------------*/
.control {
    background: #000;
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #343a40;
    border-radius: 3px;
    margin: 5px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all 0.5s ease;
}

.control:hover {
    background: #343a40;
}

.mixitup-control-active {
    color: #fff;
    background: #343a40;
}

.fancybox-container button:focus {
    outline: 0;
    box-shadow: none;
}

.portfolio-item {}

.portfolio-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    visibility: hidden;
    transition: all 0.5s;
    transform: scale(0);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.portfolio-overlay p,
.portfolio-overlay a {
    position: relative;
    z-index: 4;
}

.portfolio-overlay::before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    left: 10%;
    top: 10%;
    transition: 50ms height ease 150ms;
    z-index: 3;
}

.portfolio-overlay::after {
    content: "";
    width: 0;
    height: 0;
    border-width: 0;
    position: absolute;
    right: 10%;
    bottom: 10%;
    transition: 100ms width ease 200ms;
    z-index: 3;
}

.portfolio-item:hover .portfolio-overlay::before {
    width: 80%;
    height: 80%;
    border-top: 1px solid #50977f;
    border-right: 1px solid #50977f;
    transition: width 0.1s ease 0.3s, height 0.1s ease 0.5s;
}

.portfolio-item:hover .portfolio-overlay::after {
    width: 80%;
    height: 80%;
    border-bottom: 1px solid #50977f;
    border-left: 1px solid #50977f;
    transition: width 0.1s ease 0.6s, height 0.1s ease 0.7s;
}

.portfolio-item .img-div:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}
.portfolio-item .better_way_box_img:hover .portfolio-overlay {
    visibility: visible;
    transform: scale(1);
}
.portfolio-overlay .category {
    margin-top: 70px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}

.portfolio-overlay .magnify-icon {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background: #50977f;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.25s;
}

.portfolio-overlay .magnify-icon:hover {
    background: #000;
}

.portfolio-overlay .magnify-icon p span i {
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    cursor: pointer;
}

header {
    padding: 60px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    padding: 35px 0;
    transition: all 0.25s;
}
.sticky-header {
    position: fixed;
    z-index: 999999;
    background:linear-gradient(85deg, rgba(26, 44, 121, 0.8) 30%, rgba(232, 5, 102, 0.9) 100%) !important;
/*    background-color: #223E1B;*/
    transition: all 0.25s;
    padding: 15px 0;
/*    box-shadow: 0 0 5px #fff;*/
}
.logo {
    float: left;
}
.material-btn, .material-hamburger {
    transition: all .6s;
}
@media (min-width: 1200px) {
    .logo {        
        max-width: 130px;
        transition: all .6s;
    }
    .sticky-header .logo {        
        max-width: 80px;
        transition: all .6s;
    }
    .logo img {
        max-width: 100%;
        transition: all .6s;
        display: block;
    }
    .sticky-header .logo img {
        max-width: 100%;
        transition: all .6s;
    }
    .sticky-header .material-btn, .sticky-header .material-hamburger {
        width: 40px;
        height: 40px;
        transition: all .6s;
    }
    .sticky-header .material-hamburger {
         padding-top: 10px; 
    }
    .sticky-header .material-hamburger.toggle .line:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .leaf_body_fixed_overhidden {
        overflow: hidden;
        height: 100vh;
    }
    .sticky-header .material-hamburger .line {
        margin: 5px auto;
        width: 20px;
        height: 3px;
    }

}
@media (min-width: 1366px) {
    
}
@media (min-width: 1700px) {
    .logo {
        
    }
}

.menu_icon {
    float: right;
    position: relative;
}

.menubutton {
    position: relative;
}

.material-menu-wrapper {
    overflow: hidden;
}

.material-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #E6E6E8;
    border-radius: 50%;
    transform-origin: center 70%;
    transform: scale(1);
    transition: all 2s ease-out;
    border-radius: 100%;
}

.material-btn.active:before {
    transform: scale(100);
    transition: all 2s ease-out;
    z-index: 999999999999;
}

.material-hamburger.toggle {
    background: transparent;
    transition: all 2s ease-out;
}

.material-hamburger .line {
    width: 25px;
    height: 5px;
    border-radius: 10px;
    background-color: #000;
    display: block;
    margin: 8px auto;
    /*-webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
    */
    transition: all 2s ease-out;
}

/*.material-hamburger.toggle .line:nth-child(2){
     opacity: 0;
}
*/
.material-hamburger.toggle .line {
    transition: all 2s ease-out;
}

.material-hamburger.toggle .line:nth-child(1) {
    /*-webkit-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);*/
    transform: translateY(9px) rotate(45deg);
    /* transition: all 2s ease-out;
    */
    background-color: #fff;
}

.material-hamburger.toggle .line:nth-child(2) {
    /*-webkit-transform: translateY(-4px) rotate(-45deg);
    -ms-transform: translateY(-4px) rotate(-45deg);
    -o-transform: translateY(-4px) rotate(-45deg);*/
    transform: translateY(-2px) rotate(-45deg);
    /* transition: all 2s ease-out;
    */
    background-color: #fff;
}

.material-menu-wrapper.fullMenu {
    width: 100%;
    /* height: 100vh;
    */
    overflow: hidden;
}

.menu_area {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}


.menu_area {
    display: none;
}

.menu_area.menu_area_open {
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #223E1B;
    opacity: 1;
    position: fixed;
    padding-top: 80px;
    display: block;
}


.main_menu {
    padding: 0;
    margin: 0;
}

.main_menu ul {
    padding: 0;
    margin: 0;
}

.main_menu ul li {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}

.main_menu ul li a {
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: all 2s ease-out;
}

.main_menu ul li a sup {
    font-size: 12px;
    line-height: 12px;
    color: rgba(255, 255, 255, .36);
    vertical-align: text-top;
    transition: all 2s ease-out;
}
.main_menu ul li a.active,
.main_menu ul li a.active sup,
.main_menu ul li a:hover,
.main_menu ul li a:hover sup {
  color: #FFBE00;
  transition: all 2s ease-out;
  letter-spacing: 3px;
}
.menu_text {
    padding: 0;
    margin: 0;
}

.menu_text p {
    color: #747474;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 0 6px;
}

.menu_text p a {
    color: #747474;
}

.menu_text h6 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    padding: 0 0 15px;
}

.text_left {
    max-width: 320px;
    margin-top: 20px;
}

.text_mid {
    max-width: 270px;
    margin-top: 20px;
}

.social {
    text-align: right;
    margin-top: 0;
}
.social_mobile,
.copyright_menu_mobile {
    display: none;
}

.social ul {
    padding: 0;
    margin: 0;
}

.social ul li {
    padding: 0;
    margin-right: 20px;
    display: inline-block;
}

.social ul li:last-child {
    margin-right: 0;
}

.social ul li a {
    width: 32px;
    height: 32px;
    background: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #223E1B;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.social ul li a:hover {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
}

.copyright {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px solid #fff;
    padding: 10px 0;
}

.copyright p {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    padding-top: 0;
}

.copyright ul {
    text-align: right;
}

.copyright ul li {
    margin-right: 20px;
    display: inline-block;
}

.copyright ul li:last-child {
    margin-right: 0;
}

.copyright ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.copyright li a:hover, .copyright li a.active {
    letter-spacing: 1px;
    transition: all 0.25s;
    color: #ff0;
}

.copyright_menu_mobile ul {
    text-align: left;
}

.copyright_menu_mobile ul li {
    margin-right: 0;
    display: block;
}

.copyright_menu_mobile ul li:last-child {
    margin-right: 0;
}

.copyright_menu_mobile ul li a {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    font-weight: 600;
}
.copyright_menu_mobile li a:hover, .copyright_menu_mobile li a.active {
    letter-spacing: 1px;
    transition: all 0.25s;
    color: #ff0;
}

.footer {
    padding: 100px 0 0;
    margin: 0;
    border-top: 1px solid #4c4c4c;
    background-color: #000;
    background-image: url(../images/supply_chain.png);
}
.footer p a {
    color: #e92f2a;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.footer a:hover {
    color: #ff0;
}
.footer .social ul li a:hover {
    color: #000;
}
.footer h6 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    padding: 0 0 15px;
}
.footer p {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    padding: 0 0 5px;
}
.footer .social {
    padding: 0;
    margin: 50px 0 0 0;
}
.copyright_text {
    padding: 30px 0;
    margin-top: 30px;
    border-top: 1px solid #fff;
}
.copyright_text ul {
    text-align: right;
}
.copyright_text ul li {
    margin-right: 20px;
    display: inline-block;
}
.copyright_text ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
}
.copyright_text li a:hover, .copyright_text li a.active {
    letter-spacing: 1px;
    transition: all 0.25s;
    color: #ff0;
}
.copyright_text ul li:last-child {
    margin-right: 0;
}

.footer_menu {
    padding: 0;
    margin: 0;
}
.footer_menu ul {
    padding: 0;
    margin: 0;
}
.footer_menu li {
    padding: 0;
    margin: 0;
}
.footer_menu li a {
    padding: 0;
    margin: 0;
    color: #fff;
    transition: all 0.25s;
    font-size: 14px;
    line-height: 14px;
}
.footer_menu li a:hover,
.footer_menu li a.active {
    letter-spacing: 1px;
    transition: all 0.25s;
    color: #ff0;
}
@media (min-width: 1200px) {
    .material-btn {
        will-change: transform;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        position: absolute;
        z-index: 999;
        top: 0px;
        right: 0px;
        width: 50px;
        height: 50px;
        /* background: #fff;
        */
        cursor: pointer;
        /* z-index: 999999;
        */
        transition: all 1s ease-out;
        border-radius: 100%;
    }

    .material-hamburger {
        background: #E6E6E8;
        border-radius: 100%;
        padding: 8px 0 0 0;
        /* transition: all 2s ease-out;
        */
        position: absolute;
        z-index: 9999999;
        top: 0px;
        right: 0px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        overflow: hidden;
    }

    .menu_area.menu_area_open {
        padding-top: 45px;
        height: 100vh;
    }

    .menu_logo {
        width: 100px;
        margin-bottom: 10px;
    }

    .text_left {
        max-width: 320px;
        margin-top: 20px;
    }

    .text_mid {
        max-width: 270px;
        margin-top: 80px;
    }

    .social {
        text-align: right;
        margin-top: 130px;
    }

    .copyright {
        width: 100%;
        height: 60px;
        padding: 15px 0 0 0;
    }

    .copyright p {
        padding-top: 5px;
    }
}
@media (min-width: 1366px) {
    
    .menu_area.menu_area_open {
        padding-top: 30px;
    }
    .main_menu ul li a {
        font-size: 30px;
        line-height: 30px;
    }
    .menu_logo {
        width: auto;
        margin-bottom: 40px;
    }

    .text_left {
        margin-top: 100px;
    }

    .text_mid {
        margin-top: 200px;
    }

    .social {
        margin-top: 230px;
    }
}
@media (min-width: 1700px) {

    .material-btn,
    .material-hamburger {
        width: 75px;
        height: 75px;
        
    }

    .material-hamburger {
        padding-top: 20px;
    }

    .material-hamburger .line {
        width: 30px;
    }

    .main_menu ul li a {
        font-size: 25px;
        line-height: 35px;
    }

    .menu_logo {
        width: auto;
        margin-bottom: 40px;
    }

    .text_left {
        margin-top: 80px;
    }

    .text_mid {
        margin-top: 100px;
    }

    .social {
        margin-top: 230px;
    }
}

/*.section,*/
section {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    position: relative;
}

/*.section {
     height: 100%;
}
*/
.scroll-item {
    width: 100%;
}

.jaytea_banner_container h1 {
    font-size: 60px;
    line-height: 80px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.jaytea_banner_container h2 {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.jaytea_banner_container p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.banner_img {
    float: right;
    max-width: 700px;
}

.banner_img img {
    display: block;
    width: 100%;
}

.banner_text {
    text-align: center;
}

.banner_area {}

.jaytea_banner {
    position: relative;
}

.jaybanner_bulets {
    /*position: absolute;
     bottom: 0;
    */
    width: 100%;
    /* left: 0;
    */
}

.banner_text_slow {}

.slick-dots {
    width: 100%;
    margin: 0 auto 0;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 99999;
    text-align: center;
}

.slick-dots li {
    position: relative;
}

.slick-dots li:after {
    width: 65px;
    height: 3px;
    position: absolute;
    content: '';
    background: #fff;
}

.slick-dots li:last-child:after {
    display: none;
}

.slick-dots li {
    margin-right: 60px;
    padding: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 3px solid #fff;
    text-align: center;
    border-radius: 100%;
}

.slick-dots li:last-child {
    margin-right: 0;
}

/*ul.menu--tabbed li:last-of-type {
     border-right: 1px solid #ccc;
}
*/
.slick-dots li button {
    padding: 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-decoration: none;
    color: #3d3d3d;
    border: 0;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: -3px;
    top: -3px;
    background-color: transparent;
    cursor: pointer;
    text-indent: -9999px;
}

.slick-dots li.slick-active button {
    background-color: #fff;
}

/*ul.menu--tabbed li.active a {
     background: rgba(204, 204, 204, 0.2);
}
*/
@media (min-width: 1200px) {
    .slick-dots li:after {
        left: 15px;
        top: 6px;
    }

    .banner_section .slick-slide {
        height: 100vh;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .jaytea_banner_container {
        padding: 0;
    }

    .banner_section .banner_text {
        max-width: 1300px;
    }

    .jaytea_banner_container p {
        font-size: 25px;
        line-height: 30px;
        padding: 0 150px;
    }
}

@media (min-width: 1700px) {
    .banner_img {
        max-width: 1160px;
    }

    .jaytea_banner_container h1 {
        font-size: 85px;
        line-height: 90px;
    }

    .jaytea_banner_container h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .jaytea_banner_container p {
        font-size: 25px;
        line-height: 35px;
    }

    .slick-dots li,
    .slick-dots li button {
        width: 30px;
        height: 30px;
    }

    .slick-dots li:after {
        left: 25px;
        top: 10px;
    }
}

.geographies {
    margin: 0;
    position: relative;
    background-image: url(../images/global.jpg);
/*    background-image: url(../images/global_new.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    height: 100vh;
}

.geographies_color {
/*    background-color: rgba(4, 78, 81, .8);*/
/*    background-color: #98a86d;*/
/*    background-color: #183f72;*/
    background:linear-gradient(85deg, rgba(26, 44, 121, 0.8) 30%, rgba(232, 5, 102, 0.9) 100%) !important;
    height: 100%;
    width: 100%;
    /*background-image: url(../images/glob.png);
     background-repeat: no-repeat;
     background-position: top -70px right;
    */
    position: relative;
}

.geographies_color .container {
    height: 100%;
    
}
.geographies_color .container .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tea_better_mobile {
    display: none;
}
.glob_image img {}

.border_color {
    border: solid 70px rgba(255, 0, 0, .5);
    width: 350px;
    height: 450px;
    background-color: rgba(255, 255, 255, .5);
    /* float: right;
    */
    position: absolute;
    top: 140px;
    right: 165px;
    display: none;
}

.border_color h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: -50px;
    left: -50px;
}

.geographies_title {
/*    max-width: 885px;*/
    /*position: absolute;
    left: -100%;
    bottom: 80px;*/
    transition: all .5s ease-out;
}

.bb.current .geographies_title {
/*    left: 0;*/
    transition: all .5s ease-out;
}

.geographies_title h1 {
    font-size: 60px;
    line-height: 70px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.geographies_title h2 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}
.geographies_title h2 span {
/*    color: #ffb300;*/
}

.geographies_title p {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

@media screen and (min-width: 1200px) {
    .glob_image {
        /*float: right;
        width: 500px;*/
        /*bottom: 0px;
        position: absolute;
        right: -100%;*/
        transition: all .5s ease-out;
    }

    .bb.current .glob_image {
        /*right: 0px;
        bottom: 25px;*/
        transition: all .5s ease-out;
    }
}

@media (min-width: 1700px) {
    .border_color {
        border: solid 100px rgba(255, 0, 0, .5);
        width: 600px;
        height: 787px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .geographies_title h1 {
        font-size: 65px;
        line-height: 65px;
    }

    .geographies_title h2 {
        font-size: 65px;
        line-height: 65px;
        
        margin: 0 0 20px;
    }

    .geographies_title p {
        font-size: 20px;
        line-height: 20px;
    }

    .geographies_title {
/*        bottom: 175px;*/
    }

    .border_color h1 {
        font-size: 73px;
        line-height: 73px;
        bottom: -80px;
        left: -75px;
    }
}

.feture_teas {
    background-color: #FFBE00;
    padding: 0;
    position: relative;
    height: 450px !important;
    overflow: hidden;
}

/*.section.feture_teas .fp-tableCell {
     height: 750px!important;
}
*/
.feture_teas_content {
    text-align: center;
}

.feture_teas_content h5 {
    font-size: 45px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.feture_teas_content h1 {
    font-size: 60px;
    line-height: 80px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.feture_teas_content p {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.left_leaf {
    position: absolute;
    left: 0;
    bottom: -130%;
    transition: all 0.7s ease;
}

.right_leaf {
    position: absolute;
    right: 0;
    bottom: -130%;
    transition: all 0.7s ease;
    width: 65%;
}

.feture_teas.jayleaf .left_leaf {
    bottom: -230px;
    left: -7%;
    transition: all 0.7s ease;
}

.feture_teas.jayleaf .right_leaf {
    bottom: -45px;
    right: -8%;
    transition: all 0.7s ease;
    width: 65%;
}

@media (min-width: 1200px) {
    .feture_teas {
        height: 500px !important;
    }
    .feture_teas_content {
        margin-top: 200px;
    }
}

@media (min-width: 1366px) {
    .feture_teas {
        height: 700px !important;
    }
    .feture_teas_content {
        margin-top: 250px;
    }
}

@media (min-width: 1700px) {   

    .feture_teas .container {
        max-width: 1320px;
    }

    .feture_teas_content {
        margin-top: 250px;
    }

    .feture_teas_content h5 {
        font-size: 65px;
        line-height: 70px;
    }

    .feture_teas_content h1 {
        font-size: 105px;
        line-height: 105px;
    }

    .feture_teas_content p {
        font-size: 25px;
        line-height: 45px;
    }

    .left_leaf {
        position: absolute;
        left: 0;
        bottom: -100%;
    }

    .right_leaf {
        position: absolute;
        right: 0;
        bottom: -100%;
    }

    .feture_teas.jayleaf .left_leaf {
        bottom: 50px;
        left: -7%;
    }

    .feture_teas.jayleaf .right_leaf {
        bottom: 145px;
        right: -8%;
    }
}

/*.dd {
     border-top: 5px solid #000;
}
*/
.supply_chain {
    margin: 0;
    position: relative;
/*    background-image: url(../images/supply_chain.jpg);*/
    background-image: url(../images/supply_chain.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.supply_chain .container {
    height: 100%;
    width: 100%;
    position: initial;
}
.supply_chain .container .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.supply_chain_color {
    /* background-color: rgba(252, 146, 0, .8);*/
    background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    height: 100%;
    width: 100%;
    position: relative;
}



.supply_chain_border_color {
    position: relative;
    display: none;
}

.supply_chain_section {
    overflow: hidden;
}

.section.supply_chain.sectionActive {
    margin-top: 0;
}

.supply_chain_content {
    transition: all 0.7s ease;
}

.supply_chain_content h2 {
    font-size: 85px;
    line-height: 90px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.supply_chain_content p {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
}

.supply_chain_section.current .supply_chain_content {
    transition: all .5s ease-out;
    right: 0;
}

.supply_chain_slider_area h5 {
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.supply_chain_slider_area h6 {
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

@media (min-width: 1200px) {
    .chain_img_move {
        position: absolute;
        left: -100%;
        transition: all .5s ease-out;
    }
    .current .supply_chain .chain_img_move {
        left: 0;
        transition: all .5s ease-out;
        position: relative;
    }
    .supply_chain_section.current [class*="col-"],
    .supply_chain_section [class*="col-"] {
        position: initial;
    }
    .chain_img {
        /*width: 50%;
        float: left;
        height: 100%;
        position: relative;
        display: inline-flex;
        justify-content: left;
        align-items: center;*/
    }
    .supply_chain_half_text {
        /*width: 50%;
        float: right;
        height: 100%;
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;*/
    }
    .supply_chain_content {
/*        width: 600px;*/
        position: relative;
        top: 0;
        right: -150%;
        transition: all 0.7s ease;
    }

    .supply_chain_border_color {
        border: solid 60px rgba(255, 0, 0, .5);
        width: 320px;
        height: 450px;
        background-color: rgba(255, 255, 255, .5);
        float: right;
        margin: 130px 70px 0 0;
        position: relative;
    }

    .supply_chain_border_color h1.animated_text {
        font-size: 40px;
        line-height: 45px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -100%;
        left: -35px;
        transition: all .5s ease-out;
        z-index: 9;
    }

    .supply_chain_section.current h1.animated_text {
        bottom: -45px;
        transition: all .5s ease-out;
    }

    .supply_chain_content h2 {
        font-size: 60px;
        line-height: 70px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .supply_chain_content p {
        font-size: 25px;
        line-height: 30px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 400;
    }
    /*.supply_chain_content a {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }*/
    .supply_chain_content a:hover {
        border-bottom: 1px solid #000;
        color: #000;
    }

    .supply_chain_slider_area {
        position: absolute;
        bottom: 0px;
        right: 0;
        width: 51%;
    }

    .supply_chain_slider_area h5 {
        font-size: 60px;
        line-height: 65px;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        margin: 0 0 10px;
        padding: 0;
        font-weight: 700;
    }

    .supply_chain_slider_area h6 {
        font-size: 60px;
        line-height: 65px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    /*.best_chain_slider .slick-list {
        padding: 0 0 0 46%;
    }*/

    .best_chain_slider .slick-slide {
        margin: 0 40px 0 0;
    }

    .best_chain_slider .chain_name {
        padding: 15px 0;
    }
}

@media (min-width: 1366px) {    

   

    .supply_chain_border_color {
        border: solid 60px rgba(255, 0, 0, .5);
        width: 320px;
        height: 450px;
        background-color: rgba(255, 255, 255, .5);
        float: right;
        margin: 130px 70px 0 0;
        position: relative;
    }

    .supply_chain_border_color h1.animated_text {
        font-size: 40px;
        line-height: 45px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -100%;
        left: -35px;
        transition: all .5s ease-out;
        z-index: 9;
    }

    .supply_chain_section.current h1.animated_text {
        bottom: -45px;
        transition: all .5s ease-out;
    }

    .supply_chain_content h2 {
        font-size: 60px;
        line-height: 70px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .supply_chain_content p {
        font-size: 25px;
        line-height: 30px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 400;
    }

    /*.supply_chain_slider_area {
        position: absolute;
        bottom: 70px;
        right: 0;
        width: 51%;
    }*/

    /*.supply_chain_slider_area h5 {
        font-size: 80px;
        line-height: 80px;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        margin: 0 0 10px;
        padding: 0;
        font-weight: 700;
    }*/

    /*.supply_chain_slider_area h6 {
        font-size: 70px;
        line-height: 75px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }*/

    /*.best_chain_slider .slick-list {
        padding: 0 0 0 46%;
    }*/

    .best_chain_slider .slick-slide {
        margin: 0 40px 0 0;
    }

    .best_chain_slider .chain_name {
        padding: 15px 0;
    }
}

@media (min-width: 1700px) {


    /*.supply_chain_content {
        width: 800px;
    }*/

    .supply_chain_border_color {
        border: solid 80px rgba(255, 0, 0, .5);
        width: 550px;
        height: 670px;
        margin-top: 190px;
    }

    .supply_chain_border_color h1.animated_text {
        font-size: 60px;
        line-height: 60px;
    }

    .supply_chain_section.current h1.animated_text {
        bottom: -65px;
    }

    .supply_chain_content h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .supply_chain_content p {
        font-size: 25px;
        line-height: 35px;
    }

    .supply_chain_slider_area {
        bottom: 30px;
    }

    

    .supply_chain_slider_area h6 {
        font-size: 85px;
        line-height: 95px;
    }
    .supply_chain_slider_area {
        width: 48%;
    }

    /*.best_chain_slider .slick-list {
        padding: 0 0 0 50%;
    }*/
}

.section_innovative,
.products_range {
    height: 100vh;
    overflow: hidden;

}

.section_innovative .container,
.products_range .container {
    height: 100%;
    position: inherit;
}

.section_innovative .container .row,
.products_range .container .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: initial;
}
.section_innovative .container .row [class*="col-"],
.products_range .container .row [class*="col-"] {
    position: initial;
}
.section_innovative_area.current .rhino-active .container .fullheight {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative !important;
}
.innovate_hand img {
/*    height: 100%;*/
}

.innovate_foot img {
/*    height: 100%;*/
}

.innovative_border {
    border: solid 80px rgba(255, 0, 0, .5);
    width: 475px;
    height: 655px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    top: -35px;
    left: 135px;
    display: none;
}

.innovate_placeholder {
    font-size: 55px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: -55px;
    left: -54px;
    transition: all 0.5s ease;
}

.innovate_content {
    transition: all 0.7s ease;
}

.innovate_content h2 {
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.innovate_content p {
    color: #fff;
    margin: 0 0 50px;
    padding: 0;
    font-weight: 400;
}

.innovate_content a {
    color: #fff;
    font-weight: 600;
    float: right;
    text-transform: uppercase;
}
.supply_chain_content a {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
/*    float: right;*/
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
}

/*.section_innovative_area .products_range {
     background-color: #000;
     height: 100%;
     width: 100%;
     opacity: 0;
     visibility: hidden;
     transition: all .5s ease-out;
}
*/
.section_innovative_area .innovate_page_slider.innovate_page_slider_bg {
    background-color: #000;
    transition: all .7s ease-out;
    transition: all .7s ease-out;
    opacity: 1;
    visibility: visible;
}
.section_innovative_area.current .rhino-active .products_range_content {
    transition: all .5s ease-out;
    right: 0;
    position: relative;
}

.section_innovative_area .products_range_content {
    transition: all .5s ease-out;
}

.products_range_content {}

.products_range_content h2 {
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.products_range_content p {
    color: #fff;
    margin: 0 0 50px;
    padding: 0;
    font-weight: 400;
}

.products_range_content a {
    color: #fff;
    font-weight: 600;
    float: right;
    text-transform: uppercase;
}

.innovate_content a:hover,
.products_range_content a:hover {
    color: #fc9200;
}

.section_innovative_area.screenlock {
    /*overflow: hidden;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
    */
    overflow: auto;
    height: auto;
}

#innovate_slider {
    /*background-color: #225D2A;
    */
/*    background-color: #A60C1B;*/
    /*IE bugfix*/
    padding: 0;
    margin: 0;
    transition: all .7s ease-out;
}

#innovate_slider li {
    list-style: none;
    /*opacity: 0;
     visibility: hidden;
     transition: all 0.6s ease;
    */
    width: 100%;
    height: 100%;
    opacity: 1 !important;
}

#innovate_slider li.rhino-active {
    /*visibility: visible;
     opacity: 1;
     transition: all 0.6s ease;
    */
}

#innovate_slider li#rhino-item1,
#innovate_slider li#rhino-item0 {
    opacity: 1 !important;
}

#innovate_slider li#rhino-item0 {
/*    background-color: #0e3213!important;*/
/*    background-color: #225D2A;*/
    height: 100vh !important;
    background: linear-gradient(to right, rgb(34,93,42,0.5) 0%,rgb(252,146,0,0.8) 100%);
}

#innovate_slider li#rhino-item1 {
    background-color: transparent;
/*    background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);*/
}

.section_innovative_area .innovate_page_slider.innovate_page_slider_bg li#rhino-item0,
.section_innovative_area .innovate_page_slider.innovate_page_slider_bg li#rhino-item1 {
    background-color: transparent;
}

.innovate_page {
    width: 100%;
}

@media (min-width: 1200px) {

    .section_innovative_area .container .fullheight {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: initial !important;
    }

    .section_innovative_area.current .rhino-active .fullheight .jayweb {
        position: relative;
        width: 450px;
        height: 450px;
    }

    .section_innovative_area.current .rhino-active .fullheight .jayweb {
        position: relative;
        left: 0;
    }
    .xpxpxpxp {
        width: 50%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        height: 100%;
        float: left;
    }
    .xpxpxpxp .jayweb {
        position: relative;
        width: 400px;
        height: 400px;
    }
    .section_innovative_area .innovative_big_circle {
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        transition: all .5s ease-out;
        width: 450px;
        height: 450px;
        position: absolute;
        top: 0;
        left: -100%;
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
    .section_innovative_area.current .rhino-active .innovative_big_circle {
        left: 0;
        transition: all .5s ease-out;
    }

    .section_innovative_area.current .fullheight,
    .section_innovative_area.current .fullheight .jayweb { 
        position: initial;
    }
    .section_innovative_area.current .fullheight .jayweb { 
        position: initial;
        width: 450px;
        height: 450px;
    }
    .section_innovative_area .rhino-firstItem .fullheight .jayweb {
        width: 450px;
        height: 450px;
        position: absolute;
        left: -100%;
    }
    

    .section_innovative_area .innovative_small_circle {
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        /*position: absolute;
         left: 0;
         top: 150px;
        */
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    /*.section_innovative_area .rhino-firstItem.rhino-active .innovative_small_circle {
        width: 300px;
        height: 300px;
    }*/

    .section_innovative_area .innovative_small_small_circle {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 1.0);
        /*position: absolute;
         left: 0;
         top: 150px;
        */
    }


    .section_innovative_area.current .rhino-active .innovate_content {
        transition: all .5s ease-out;
        right: 0;
    }

    .section_innovative_area .innovate_content {
        transition: all .5s ease-out;
    }

    .innovate_page {
        height: 100vh;
    }

    .innovate_content {
/*        width: 50%;*/
/*        height: 100%;*/
        position: absolute;
/*        top: 175px;*/
        right: -100%;
        transition: all 0.7s ease;
        display: inline-flex;
        justify-content: left;
        align-items: center;
    }

    .innovate_content h2 {
        font-size: 70px;
        line-height: 85px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .innovate_content p {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        margin: 0 0 50px;
        padding: 0;
        font-weight: 400;
    }

    .innovate_content a {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }

    .section_innovative_area .innovate_border {
        /*width: 15px;
        height: 80%;
        background-color: #fff;
        position: absolute;
        bottom: 50%;
        left: 50%;
        transition: all .5s ease-out;
        border-radius: 20px;*/
/*        display: none;*/
    }
    .section_innovative_area .innovate_border {
        height: 0;
        transition: all .5s ease-out;
        border-radius: 0;
        background-color: #fff;
        position: relative;
        width: 15px;
        margin-left: -7.5px;
        transition: all .5s ease-out;
        left: 50%;
        top: -50%;
    }
    .section_innovative_area.current .rhino-firstItem.rhino-active .innovate_border {
        height: 100%;
        top: -50%;
        
        position: absolute;
    }

    .section_innovative_area .rhino-lastItem.rhino-active .innovate_border {
        height: 100%;       
        transition: all .5s ease-out;
        border-radius: 0;
        background-color: #fff;
        position: absolute;
        bottom: -100%;
        left: 50%;
        width: 15px;
        margin-left: -7.5px;
    }
     .section_innovative_area.current .rhino-lastItem.rhino-active .innovate_border  {
        bottom: -50%;
        top: inherit;
        transition: all .5s ease-out;
     }
    
    .innovate_foot,
    .innovate_hand {
        position: absolute;
        left: -100%;
        transition: all .5s ease-out;
        top: 0;
    }
    .innovate_hand {
        width: 100%;
        height: 100%;
    }
    .section_innovative_area.current .rhino-active .innovate_hand {
        left: 0;
        transition: all .5s ease-out;
        position: relative;
        z-index: 999;
    }


    .section_innovative_area.current .rhino-active .innovate_foot {
        left: 0;
        transition: all 0.7s ease;
        position: relative;
        z-index: 9999;
    }

    

    .section_innovative_area.current .rhino-active .innovate_content {
        transition: all .5s ease-out;
        right: 0;
        position: relative;
    }

    .section_innovative_area .innovate_content {
        transition: all .5s ease-out;
    }

   
    


    .innovate_hand img {
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    

    .innovate_foot img {
/*        height: 100%;*/
    }

    .innovative_border {
        border: solid 80px rgba(255, 0, 0, .5);
        width: 355px;
        height: 430px;
        background-color: rgba(255, 255, 255, .5);
        position: absolute;
        top: -35px;
        left: 55px;
    }

    .innovate_placeholder {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -55px;
        left: -40px;
        transition: all 0.5s ease;
    }

    .section_innovative_area .innovate_page_slider.innovate_page_slider_bg .innovate_border {
        bottom: 50%;
        transition: all .5s ease-out;
    }

    .products_range_content {
        /*width: 50%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        height: 100%;*/
        position: absolute;
        right: -100%;
        transition: all 0.7s ease;
    }

    .products_range_content h2 {
        font-size: 70px;
        line-height: 80px;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .products_range_content p {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        margin: 0 0 50px;
        padding: 0;
        font-weight: 400;
    }

    .products_range_content a {
        color: #fff;
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }
}


@media (min-width: 1400px) {

    .section_innovative_area.current .rhino-active .fullheight .jayweb {
        width: 550px;
        height: 550px;
    }

    .section_innovative_area .innovative_big_circle {
        width: 550px;
        height: 550px;
    }
    .section_innovative_area.current .fullheight .jayweb { 
        position: initial;
        width: 550px;
        height: 550px;
    }
    .section_innovative_area .innovative_small_circle {
        width: 350px;
        height: 350px;
    }

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

    .section_innovative_area.current .rhino-active .fullheight .jayweb {
        width: 600px;
        height: 600px;
    }

    .section_innovative_area .innovative_big_circle {
        width: 600px;
        height: 600px;
    }
    .section_innovative_area.current .fullheight .jayweb { 
        position: initial;
        width: 600px;
        height: 600px;
    }
    .sustainability_img {
        max-width: 600px;
    }

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

    .section_innovative_area.current .rhino-active .fullheight .jayweb {
        width: 680px;
        height: 680px;
    }

    .section_innovative_area .innovative_big_circle {
        width: 680px;
        height: 680px;
    }
    .section_innovative_area.current .fullheight .jayweb { 
        position: initial;
        width: 680px;
        height: 680px;
    }
    
    
    .xpxpxpxp .jayweb {
        width: 600px;
        height: 600px;
    }
   


    /*.section_innovative_area .innovate_page_slider.innovate_page_slider_bg .innovative_big_circle {
        width: 600px;
        height: 600px;
    }*/

    .innovate_content {
/*        width: 800px;*/
/*        top: 335px;*/
    }

    .innovate_content h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .innovate_content p {
        font-size: 25px;
        line-height: 45px;
    }

    .innovate_hand {
        /*width: 750px;
        height: 650px;*/
    }

    .innovative_border {
        border: solid 80px rgba(255, 0, 0, .5);
        width: 475px;
        height: 655px;
        left: 135px;
    }

    /*.section_innovative_area .innovate_border {
        left: 330px;
    }*/

   
    .innovate_foot {
        /*width: 675px;
        height: 660px;*/
    }

    

    /*.products_range_content {
        width: 800px;
    }*/

    .products_range_content h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .products_range_content p {
        font-size: 25px;
        line-height: 45px;
    }

    .innovate_placeholder {
        font-size: 55px;
        line-height: 55px;
        bottom: -55px;
        left: -54px;
    }
}

.sustainability_area {
/*    background-color: #B4C11E;*/
/*    background-color: #dfebf7;*/
    background: linear-gradient(to right, rgb(34,93,42,0.5) 0%,rgb(252,146,0,0.8) 100%);
}

.sustainability_area .container {
    height: 100%;
    position: initial;
}
.sustainability_area .container .row,
.sustainability_area .container .row [class*="col-"] {
    position: initial;
}
.sustainability_area .container .row {
    height: 100%;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}


.sustainability_content {}

.sustainability_content h2 {
/*    color: #fff;*/
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.sustainability_content p {
/*    color: #fff;*/
    color: #fff;
    margin: 0 0 50px;
    padding: 0;
    font-weight: 400;
}

.sustainability_content a {
/*    color: #fff;*/
    color: #fff;
    font-weight: 600;
    float: right;
    text-transform: uppercase;
}

.sustainability_content a:hover {
    color: #222;
}

.sustainability_img {}

.sustainability_border {
    border: solid 80px rgba(255, 0, 0, .5);
    width: 475px;
    height: 670px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    top: 90px;
    left: 100px;
    display: none;
}

.sustainability_placeholder {
    font-size: 55px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: -55px;
    left: -54px;
    transition: all 0.5s ease;
}

@media (min-width: 1200px) {
    .sustainability_content {
        position: absolute;
        right: -100%;
        transition: all 0.7s ease;
    }

    .sustainability_area.current .sustainability_content {
        transition: all .5s ease-out;
        right: 0;
        position: relative;
    }

    .sustainability_content h2 {
        font-size: 70px;
        line-height: 80px;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .sustainability_content p {
        font-size: 25px;
        line-height: 35px;        
        margin: 0 0 50px;
        padding: 0;
        font-weight: 400;
    }

    .sustainability_content a {
        font-size: 30px;
        line-height: 30px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
    }

    .sustainability_img {
        /*width: 50%;
        height: 100%;*/
        display: inline-flex;
        justify-content: left;
        align-items: center;
        position: absolute;
        left: -100%;
/*        top: 120px;*/
        transition: all .5s ease-out;
        max-width: 700px;
    }
    .sustainability_img .jayweb {
        max-width: 650px;
    }
    .sustainability_area.current .sustainability_img {
        left: 0;
        transition: all .5s ease-out;
        position: relative;
    }

    
    .sustainability_border {
        border: solid 60px rgba(255, 0, 0, .5);
        width: 330px;
        height: 380px;
        background-color: rgba(255, 255, 255, .5);
        position: absolute;
        top: 90px;
        left: 55px;
    }

    .sustainability_placeholder {
        font-size: 40px;
        line-height: 45px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -55px;
        left: -35px;
        transition: all 0.5s ease;
    }
}
@media (min-width: 1366px) {

    .sustainability_img .jayweb {
        max-width: 550px;
    }
}
@media (min-width: 1700px) {
    
    .sustainability_img .jayweb {
        max-width: 650px;
    }

    

    .sustainability_content h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .sustainability_content p {
        font-size: 25px;
        line-height: 45px;
    }


    
   

    .sustainability_border {
        width: 475px;
        height: 670px;
        top: 90px;
        left: 100px;
        border: solid 80px rgba(255, 0, 0, .5);
    }

    .sustainability_placeholder {
        font-size: 55px;
        line-height: 55px;
        left: -54px;
    }
}

/* FULLPAGE */
.blank_circle .container {
    height: 100%;
}

.blank_circle .innovate_border {
    width: 15px;
    height: 70%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 348px;
    transition: all .5s ease-out;
}

.blank_circle.current .innovate_border {
    height: 80%;
    bottom: 30px;
    transition: all .5s ease-out;
}

.leaf_background {
    height: 450px;
    background-image: url(../images/bg.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.leaf_background_transparent {
    height: 450px;
    background-image: url(../images/bgy.png);
    /* background-color: rgba(255, 255, 255, .5);
    */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.transparen_leaf_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 93, 42, .8);
    transition: all 0.7s ease;
}

.jayThe {
    position: absolute;
    left: 10%;
    top: 35%;
    font-size: 80px;
    line-height: 80px;
    font-weight: 700;
    color: #fff;
    transition: all 0.7s ease;
}

.teaborder {
    font-size: 80px;
    line-height: 80px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    position: absolute;
    left: 10%;
    top: 35%;
    font-weight: 700;
    transition: all 0.7s ease;
}

.jaytext {
    position: absolute;
    right: 13%;
    top: 35%;
    font-size: 80px;
    line-height: 80px;
    font-weight: 700;
    color: #fff;
    transition: all 0.7s ease;
}

.jayborder {
    font-size: 80px;
    line-height: 80px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    position: absolute;
    right: 13%;
    top: 35%;
    font-weight: 700;
    transition: all 0.7s ease;
}

.foundation_text {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    bottom: 155px;
    left: 0;
    transition: all 0.7s ease;
    position: absolute;
    width: 100%;
    text-align: center;
}

.ovlytext {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.8s ease;
    padding: 0 30px;
}

@media (min-width: 1200px) {
    .leaf_background {
        height: 100vh;
        background-size: cover;
    }

    .leaf_background_transparent {
        height: 100vh;
        background-size: cover;
    }

    .jayThe {
        position: absolute;
        left: -100%;
        top: 24%;
        font-size: 120px;
        line-height: 130px;
        font-weight: 700;
        color: #fff;
        transition: all 0.7s ease;
    }

    .jayThe.jayTheCheck {
        left: 410px;
        transition: all 0.7s ease;
    }

    .transparen_leaf_background.transparen_leaf_background_down {
        height: 120px;
        bottom: 0;
        top: inherit;
    }

    .teaborder {
        font-size: 120px;
        line-height: 130px;
        position: absolute;
        left: -100%;
        top: 24%;
        font-weight: 700;
        transition: all 0.7s ease;
    }

    .teaborder.teaborderclicked {
        left: 410px;
        transition: all 0.7s ease;
    }

    .jaytext {
        position: absolute;
        right: -100%;
        top: 24%;
        font-size: 120px;
        line-height: 130px;
        font-weight: 700;
        color: #fff;
        transition: all 0.7s ease;
    }

    .jaytext.jaytextshow {
        right: 410px;
        transition: all 0.7s ease;
    }

    .jayborder {
        font-size: 120px;
        line-height: 130px;
        position: absolute;
        right: -100%;
        top: 24%;
        font-weight: 700;
        transition: all 0.7s ease;
    }

    .jayborder.jaybordershow {
        right: 410px;
        transition: all 0.7s ease;
    }

    .foundation_text {
        font-size: 120px;
        line-height: 120px;
        bottom: -100%;
    }

    .foundation_text.foundation_show {
        bottom: 220px;
        transition: all 0.7s ease;
    }

    .ovlytext {
        font-size: 30px;
        line-height: 35px;
        bottom: -100%;
        padding: 0;
    }

    .ovlytext.ovlytextshow {
        bottom: 0px;
        transition: all 0.8s ease;
        height: 120px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    body.overhiden .jayThe {
        left: -470px;
    }

    body.overhiden .jaytext {
        right: -530px;
    }

    body.overhiden .teaborder {
        left: -470px;
    }

    body.overhiden .jayborder {
        right: -530px;
    }

    body.overhiden .foundation_text {
        bottom: -100%;
    }

    body.overhiden .ovlytext {
        bottom: -100%;
    }

    body.overhiden .transparen_leaf_background.transparen_leaf_background_down {
        height: 100%;
        bottom: inherit;
        top: 0;
    }
}

@media (min-width: 1700px) {
    .ovlytext {
        font-size: 75px;
        line-height: 75px;
    }

    .foundation_text {
        font-size: 200px;
        line-height: 200px;
    }

    .transparen_leaf_background.transparen_leaf_background_down {
        height: 280px;
    }

    .ovlytext.ovlytextshow {
        height: 260px;
    }

    .foundation_text.foundation_show {
        bottom: 300px;
    }

    .jayThe {
        position: absolute;
        left: -500px;
        top: 22%;
        font-size: 230px;
        line-height: 230px;
        font-weight: 700;
        color: #fff;
        transition: all 0.7s ease;
    }

    .jayThe.jayTheCheck {
        left: 500px;
        transition: all 0.7s ease;
    }

    /*.transparen_leaf_background.transparen_leaf_background_down {
         height: 120px;
         bottom: 0;
         top: inherit;
    }
    */
    .teaborder {
        font-size: 230px;
        line-height: 230px;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        position: absolute;
        left: -500px;
        top: 22%;
        font-weight: 700;
        transition: all 0.7s ease;
    }

    .teaborder.teaborderclicked {
        left: 500px;
        transition: all 0.7s ease;
    }

    .jaytext {
        position: absolute;
        right: -550px;
        top: 22%;
        font-size: 230px;
        line-height: 230px;
        font-weight: 700;
        color: #fff;
        transition: all 0.7s ease;
    }

    .jaytext.jaytextshow {
        right: 550px;
        transition: all 0.7s ease;
    }

    .jayborder {
        font-size: 230px;
        line-height: 230px;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        position: absolute;
        right: -550px;
        top: 22%;
        font-weight: 700;
        transition: all 0.7s ease;
    }

    .jayborder.jaybordershow {
        right: 550px;
        transition: all 0.7s ease;
    }
}

.supports_section {
    background-image: url(../images/supply_chain.png);
}

/*.supports_section .tableCell {
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
*/
.half_left {
    width: 100%;
    position: relative;
    /*background-image: url(../images/heart.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 80%;*/
    background-color: rgba(0, 0, 0, .1);
}
    .half_left:after {
        width: 100%;
        height: 100%;
        left: -100%;
        top: 0;
        content: '';
        background-color: rgba(0, 0, 0, .1);
        position: absolute;
    }
    .half_left .jayweb {
        max-width: 650px;
    }
.half_right {
    width: 100%;
}

.educational_tabs {
    position: relative;
}

.educational_tabs li {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    transition: all 0.7s ease;
}

.radius {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: relative;
    /*top:50%;
     left:50%;
     -webkit-transform:translate(-50%,-50%);
     transform:translate(-50%,-50%);
    */
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.7s ease;
}

.place {
    background: rgba(255, 255, 255, 0.8);
    z-index: 2;
    transition: all 0.7s ease;
}

.border-animation,
.place {
    display: block;
    border-radius: 100%;
}

.radius .border-animation {
    z-index: 1;
}

.place {
    width: 20px;
    height: 20px;
    transition: all 0.7s ease;
}

.ba1 {
    background: rgba(255, 255, 255, 0.3);
    width: 46px;
    height: 46px;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    border-radius: 100%;
    margin-left: -23px;
    margin-top: -23px;
    animation: rounder1 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}

@keyframes rounder1 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.3);
    }
}

.ba2 {
    background: rgba(255, 255, 255, 0.2);
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    margin-left: -40px;
    margin-top: -40px;
    animation: rounder2 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}

@keyframes rounder2 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

.ba3 {
    animation: rounder3 2s linear 2s infinite alternate;
    background: rgba(251, 97, 84, 0.4);
}

@keyframes rounder3 {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.99);
    }
}

.educational_tabs li.active .ba1 {
    animation: rounder1 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}

.educational_tabs li.active .ba2 {
    animation: rounder2 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}



.slider_area {
    padding: 0;
    text-align: left;
    width: 100%;
}

.slider_area .slick-slide {
    padding: 0 0 0 70px;
}

.heart_box_title_mobile {
    display: none;
}

.slider_area h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.slider_area h3 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
}

.slider_area p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.heart_slides {
    position: relative;
    height: auto !important;
}

.slick-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}

.slick-list:focus {
    outline: none;
}

.slick-slide {
    height: 100%;
    position: relative;
    float: left;
/*    padding: 0;*/
}

@media (min-width: 1200px) {
    .supports_section {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: #225D2A;
    }
    .supports_section .container {
        width: 100%;
        height: 100%;
    }
    /*.supports_section .tableCell {
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
    }
    */
    .half_left {
        width: 50%;
        /*background-position: bottom 50px center;
        background-size: 60%;*/
        height: 100%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
    }

    .half_right {
        width: 50%;
        height: 100%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        float: right;
    }

    .slider_area h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .slider_area h3 {
        font-size: 50px;
        line-height: 60px;
        padding: 0 0 20px;
    }

    .slider_area p {
        font-size: 20px;
        line-height: 30px;
    }
    .edu-sp {
        top: 130px;
        left: 355px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active.edu-sp {
        top: 95px;
        left: 320px;
        transition: all 0.7s ease;
    }

    .health-sa {
        top: 400px;
        right: 80px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active.health-sa {
        top: 375px;
        right: 40px;
        transition: all 0.7s ease;
    }

    .care-op {
        left: 170px;
        top: 480px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active.care-op {
        left: 135px;
        top: 445px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active .radius {
        width: 150px;
        height: 150px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active .place {
        width: 34px;
        height: 34px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active .ba1 {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
        transition: all 0.7s ease;
    }

    .educational_tabs li.active .ba2 {
        width: 150px;
        height: 150px;
        margin-left: -75px;
        margin-top: -75px;
        transition: all 0.7s ease;
    }


}
@media (min-width: 1366px) {
    
    .edu-sp {
        top: 250px;
        left: 355px;
    }
    .educational_tabs li.active.edu-sp {
        top: 220px;
    }
    .care-op {
        left: 140px;
        top: 730px;
    }
    .educational_tabs li.active.care-op {
        left: 100px;
        top: 700px;
    }
    .health-sa {
        top: 700px;
        right: 40px;
    }
    .educational_tabs li.active.health-sa {
        top: 670px;
        right: 20px;
    }
    /*.slider_area .slick-slide {
        padding: 250px 180px 0 70px;
    }*/
    .slider_area h2 {
        font-size: 70px;
        line-height: 72px;
    }

    .slider_area h3 {
        font-size: 70px;
        line-height: 72px;
    }

    .slider_area p {
        font-size: 20px;
        line-height: 30px;
    }
}
@media (min-width: 1700px) {
    

    .radius {
        width: 98px;
        height: 98px;
    }

    .place {
        width: 22px;
        height: 22px;
    }

    .ba1 {
        width: 50px;
        height: 50px;
        margin-left: -25px;
        margin-top: -25px;
    }

    .ba2 {
        width: 98px;
        height: 98px;
        margin-left: -49px;
        margin-top: -49px;
    }

    .health-sa {
        top: 645px;
        right: 80px;
    }

    .care-op {
        left: 225px;
        top: 725px;
    }

    .edu-sp {
        top: 180px;
        left: 520px;
    }

    .educational_tabs li.active .radius {
        width: 202px;
        height: 202px;
    }

    .educational_tabs li.active .place {
        width: 34px;
        height: 34px;
    }

    .educational_tabs li.active .ba1 {
        width: 108px;
        height: 108px;
        margin-left: -54px;
        margin-top: -54px;
    }

    .educational_tabs li.active .ba2 {
        width: 202px;
        height: 202px;
        margin-left: -101px;
        margin-top: -101px;
    }

    .educational_tabs li.active.edu-sp {
        top: 130px;
        left: 470px;
    }

    .educational_tabs li.active.care-op {
        left: 175px;
        top: 680px;
    }

    .educational_tabs li.active.health-sa {
        top: 590px;
        right: 25px;
    }

    /*.slider_area .slick-slide {
        padding: 175px 180px 0 70px;
    }*/

    .slider_area h2 {
        font-size: 85px;
        line-height: 92px;
    }

    .slider_area h3 {
        font-size: 85px;
        line-height: 92px;
    }

    .slider_area p {
        font-size: 30px;
        line-height: 35px;
    }
}

.worldatlarge {
    padding: 150px 0 0 0;
    margin: 0 0 0 0;
    background-color: #225D2A;
    text-align: left;
}

.section.worldatlarge.sectionActive {
    height: auto;
}

.worldatlarge h2 {
    font-size: 85px;
    line-height: 92px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.worldatlarge h3 {
    font-size: 85px;
    line-height: 92px;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
}

.img-div {
    margin-bottom: 20px;
    position: relative;
}

.img-div img {
    max-width: 100%;
    display: block;
}

section.worldlargeimg {
    height: auto;
}

.sectionTaste {
    background-image: url(../images/teast.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    height: 500px;
}

.leafclick {
    background-image: url(../images/teaset-png.png);
    /* background-color: rgba(255, 255, 255, .5);
     */
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
}

/*.taste {
    position: absolute;
    left: 0;
    bottom: 115px;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    transition: all 0.6s ease;
    width: 100%;
    text-align: center;
}*/

/*.tasteBorder {
    position: absolute;
    left: 0;
    bottom: -75px;
    font-size: 40px;
    font-weight: 700;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    transition: all 0.6s ease;
    width: 100%;
    text-align: center;
}*/

.origin_text {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    text-align: center;
    transition: all 0.6s ease;
    color: #fff;
    padding: 0 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

@media (min-width: 1200px) {
    .sectionTaste {
        height: 100vh;
    }

    .leafclick {
        height: 100vh;
    }

    .taste.tasteShow,
    .tasteBorder.tasteBordershow {
        bottom: 19%;
        transition: all 0.6s ease;
    }

    .taste {
        position: absolute;
        left: 0;
        bottom: -15%;
        font-size: 120px;
        font-weight: 700;
        color: #fff;
        transition: all 0.6s ease;
        width: 100%;
        text-align: center;
    }

    .tasteBorder {
        position: absolute;
        left: 0;
        bottom: -15%;
        font-size: 120px;
        font-weight: 700;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        transition: all 0.6s ease;
        width: 100%;
        text-align: center;
    }

    .origin_text {
        bottom: -100%;
        left: 0;
        width: 100%;
        font-size: 30px;
        line-height: 35px;
        font-weight: 700;
    }

    .origin_text.origin_text_show {
        bottom: 3%;
        transition: all 0.6s ease;
    }
}

@media (min-width: 1400px) {
    .taste.tasteShow,
    .tasteBorder.tasteBordershow {
        bottom: 22%;
        transition: all 0.6s ease;
    }
    .taste,
    .tasteBorder {
        bottom: -9%;
        font-size: 150px;
    }
    .origin_text.origin_text_show {
        font-size: 60px;
        line-height: 70px;
    }
}
@media (min-width: 1366px) {
    
    .origin_text {
        font-size: 40px;
        line-height: 35px;
        font-weight: 700;
        padding: 0px;
    }

    /*.origin_text.origin_text_show {
        bottom: 120px;
    }*/
    .taste.tasteShow,
    .tasteBorder.tasteBordershow {
        bottom: 22%;
        transition: all 0.6s ease;
    }
    .taste,
    .tasteBorder {
        bottom: -10%;
        font-size: 150px;
    }
}
@media (min-width: 1700px) {
  .sectionTaste {
    background-size: cover;
}
    .taste {
        font-size: 195px;
    }   

    .tasteBorder {
        font-size: 195px;
    }

    .origin_text {
        font-size: 75px;
        line-height: 80px;
        font-weight: 700;
        padding: 0 418px;
    }
    .taste.tasteShow,
    .tasteBorder.tasteBordershow {
        bottom: 19%;
        transition: all 0.6s ease;
    }
}

.embracing_section {
    padding-top: 0;
}

.embracing_section h2 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    font-weight: 700;
}

.embracing_section h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.image_gallery_section {
    padding-top: 50px;
}

.longEnough {
    height: auto;
    overflow: auto;
}

.wellness {
    background-color: #223E1B;
}

.wellness .mCSB_inside>.mCSB_container {
    margin: 0;
}
.half_scroll_area {
    padding: 0 0 50px;
}

.half_scroll_fixed {
    /*     display: none;*/
    padding: 30px 15px;
}

.half_scroll_area .padding_125 {
    display: none;
}

.half_scroll_scrolling {
    padding: 0 15px;
}

.half_scroll_scrolling p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    padding-bottom: 20px;
}

.wellness h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.wellness h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.half_scroll_scrolling .mCSB_draggerContainer {
    opacity: 0;
}

.image_gallery_mobile_slider_area {
    display: none;
}

@media (min-width: 1200px) {
    .w_mobile {
        display: none;
    }

    .longEnough {
        height: 100vh;
        overflow: auto;
    }

    .half_scroll_area {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    .half_scroll_area .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .half_scroll_fixed {
        display: block;
        padding: 0;
    }

    .half_scroll_area .padding_125 {
        display: block;
    }

    .half_scroll_scrolling .longEnough {
        display: contents;
    }

    .wellness h2 {
        font-size: 70px;
        line-height: 80px;
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        margin: 0;
        padding: 0;
        font-weight: 700;
    }

    .wellness h3 {
        font-size: 70px;
        line-height: 80px;
        color: #fff;
        margin: 0;
        padding: 0;
        font-weight: 700;
    }

    .half_scroll_scrolling p {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        font-weight: 400;
        padding-bottom: 40px;
    }

    .embracing_section {
        padding-top: 180px;
        padding-bottom: 100px;
    }

    .embracing_section h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .embracing_section h3 {
        font-size: 60px;
        line-height: 70px;
        margin: 0 0 20px;
    }
}
@media (min-width: 1366px) {
    .half_scroll_scrolling {
/*        padding: 0 80px 0 0;*/
    }
    .half_scroll_scrolling p {
        font-size: 30px;
        line-height: 35px;
    }
}
@media (min-width: 1700px) {
    .half_scroll_fixed {
/*        padding-left: 135px;*/
    }
    .half_scroll_scrolling {
/*        padding-right:135px;*/
    }
}
@media (min-width: 1700px) {
    .wellness h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .wellness h3 {
        font-size: 85px;
        line-height: 90px;
    }
    
    .half_scroll_scrolling p {
        line-height: 55px;
    }

    .embracing_section h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .embracing_section h3 {
        font-size: 85px;
        line-height: 90px;
        margin: 0 0 20px;
    }
}

.verious_tea_formats {
    background-color: #223E1B;
    padding: 50px 0 0 0;
    border-top: .1px solid rgb(255 255 255 / 30%);
    background-image: url(../images/supply_chain.png);
}

.verious_tea_formats h1 {
    font-size: 40px;
    line-height: 45px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.verious_tea_formats h2 {
    font-size: 33px;
    line-height: 45px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.verious_tea_area {
    padding-top: 20px;
}

.tea_verious_img {
    border-bottom: 1px solid #dbdbdb;
}

.tea_verious_img img {
    display: block;
    height: 100%;
}

.tea_verious_title {
    background-color: #fff;
    padding: 20px;
    color: #222222;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.tea_verious_title i {
    float: right;
}

.tea_verious_box {
    margin-bottom: 30px;
}

.closed_single_chamber_all_product {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: #f00;
    border: 2px solid rgb(255, 255, 255, .8);
    z-index: 9999;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

.closed_single_chamber_all_product .material-icons {
    font-size: 30px;
}

.single_chamber_all_product_area {
    width: 100%;
    height: auto;
    background-color: #E92F2A;
    padding: 50px 0 0 0;
}

.single_chamber_all_product_area h1 {
    font-size: 40px;
    line-height: 45px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.single_chamber_all_product_area h2 {
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.single_chamber_tea_area {
    padding-top: 20px;
}

.single_chamber_tea_verious_img {
    border-bottom: 1px solid #dbdbdb;
}

.single_chamber_tea_verious_img img {
    display: block;
    height: 100%;
}

.single_chamber_tea_verious_title {
    background-color: #fff;
    padding: 10px;
    color: #222222;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.single_chamber_tea_verious_title i {
    float: right;
}

.single_chamber_tea_box {
    margin-bottom: 30px;
}

.single_chamber_single_product_area {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    z-index: 999999999;
}

.single_chamber_single_product_area.single_chamber_single_product_area_show {
    transition: all 0.6s ease;
    right: 0;
}

.products_overlay {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    position: absolute;
    top: 0;
    right: -100%;
}

.products_overlay.products_overlay_show {
    transition: all 0.6s ease;
    right: 0;
    cursor: pointer;
}

.single_chamber_single_product_img {
    width: 80%;
    height: 100%;
    background-color: #fff;
    float: right;
    padding: 0;
    position: relative;
}

.single_chamber_single_product_img_area {
    margin: 0 0 30px;
}

.single_chamber_single_product_img_area img {
    display: block;
    height: 100%;
}

.single_chamber_single_product_area h2 {
    font-size: 40px;
    line-height: 45px;
    color: #222222;
    margin: 0 0 25px;
    padding: 0;
    font-weight: 700;
}

.single_chamber_single_product_area p {
    font-size: 20px;
    line-height: 25px;
    color: #222222;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 400;
}

.single_chamber_single_product_area .longEnough {
    /* height: 100vh;
    */
    overflow: auto;
    padding: 0;
}

.single_chamber_single_product_content {
    padding: 0 20px 50px;
}

.single_chamber_all_product .mCSB_draggerContainer,
.single_chamber_single_product_area .mCSB_draggerContainer {
    opacity: 0;
}

.tea_flavors_area {
    padding: 50px 0;
    /* background-color: #fff;
    */
}
.tea_flavors_area h5 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}
.tea_flavors_area h2 {
    font-size: 40px;
    line-height: 45px;
    color: #223E1B;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.single_chamber_all_product .mCSB_inside>.mCSB_container {
    margin: 0;
}

.isotope-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin: auto;
}

.isotope-toolbar span {
    text-transform: capitalize;
    display: inline-block;
    /* margin-right: 15px;
     padding-bottom: 3px;
     */
    font-size: 15px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    transform: ease-in-out 0.5s;
    cursor: pointer;
    flex: 1;
}

.isotope-box {
    position: relative;
    /*     width: 100%;*/
    /* flex: 1;
    */
}

.isotope-toolbar {
    text-align: center;
    margin: 10px;
}

.isotope-item {
    position: relative;
    margin-bottom: 30px;
    /*width: 48%;
     margin: 1%;
     border-bottom: 2px solid rgba(250, 250, 250, 0.1);
     padding-bottom: 30px;
     margin-bottom: 30px;
    */
}

.flavor_img {
    height: 250px;
    background-color: #B4C11E;
    /*display: grid;
     justify-content: center;
     align-items: center;
    */
    text-align: center;
}

.flavor_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.flavor_img_title {
    background-color: #E4E4E4;
    padding: 12px;
    color: #222222;
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flavor_img_title a {
    color: #222222;
}
.flavor_img_title i {
    float: right;
}

.portfolio-menu {
    margin: 0 0 25px
}

/*Styling Selectbox*/
.dropdown {
    min-width: 100%;
    display: inline-block;
    /* background-color: #fff;
    */
    border-radius: 0;
    /* box-shadow: 0 0 2px rgb(204, 204, 204);
    */
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    text-align: left;
    border: 0;
    outline: none;
}

.dropdown dt a {
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 0 50px 0 0;
    text-transform: lowercase;
}

.dropdown .select {
    cursor: pointer;
    display: block;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #fff;
}

.dropdown dt i {
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 35px;
    transform: rotate(-90deg)
}

.dropdown dt a.active i {
    transform: rotate(90deg)
}

.dropdown:hover {
    /* box-shadow: 0 0 4px rgb(204, 204, 204)*/
}

.dropdown:active {
    /* background-color: #f8f8f8;
    */
}

.dropdown.active:hover,
.dropdown.active {
    /*box-shadow: 0 0 4px rgb(204, 204, 204);
     border-radius: 2px 2px 0 0;
     background-color: #f8f8f8*/
}

.dropdown dd ul {
    position: absolute;
    background-color: #223E1B;
    width: 100%;
    left: 0;
    margin-top: 0;
    border: .2px solid #fff;
    /*box-shadow: 0 1px 2px rgb(204, 204, 204);
     border-radius: 0 1px 2px 2px;
    */
    overflow: hidden;
    display: none;
    /*     min-height: 475px;*/
    overflow-y: auto;
    z-index: 9
}

.dropdown dd ul li {
    
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-transform: capitalize;
    border-bottom: .2px solid #fff;
}
.dropdown dd ul li a {
    padding: 15px;
    display: block;
}
.dropdown dd ul li:last-child {
    border: 0;
}

.dropdown dd ul {
    padding: 0;
    list-style: none
}

.dropdown dd ul li:hover {
    background-color: #fff;
    
}
.dropdown dd ul li:hover a {
    color: #223E1B;
}

.dropdown dd ul li:active {
    /* background-color: #e2e2e2*/
}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }

/* DT styles for sliding doors */
.dropdown dt {
    cursor: pointer;
    display: block;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #fff;
    position: relative;
}
.dropdown dt a {
  display: block; 
  /*padding-right:20px;  
  width: 180px;*/
  text-decoration: none;
}
.dropdown dt a span {
  cursor:pointer; 
  display:block; 
  padding:5px;
  color: #FFF;
  text-decoration: none;
}
/* UL styles */

.dropdown span.value { display:none;}
.dropdown dd ul li a {
    color: #fff;
}
.dropdown dd ul li a:hover{
  /*background-color: #2b9c84 ;
  color: #FFF;
  text-decoration: none;*/
}

.dropdown span.value { display:none; }
.dropdown ul li.active {
    background: #343a40;
}

.portfolio-menu .control {
    display: inline-block;
    padding: 0 0 10px 0;
    margin: 0 16px 0 0;
    color: #223E1B;
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    transition: all 0.5s;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
    text-transform: lowercase;
    position: relative;
}

.portfolio-menu .control:last-child:after {
    display: none;
}

.portfolio-menu .control:after {
    position: absolute;
    right: -16px;
    top: 0;
    content: "/";
    color: #223E1B;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
}

/*.portfolio-menu button:hover {
     outline: none;
     background-color: #4b52b6;
     color: #fff;
}
*/
.portfolio-menu .control.mixitup-control-active:after {
    font-weight: 400;
}

.portfolio-menu .control.mixitup-control-active {
    outline: none;
    /*background-color: #4b52b6;
     color: #fff;
    */
    font-weight: 600;
    border-bottom: 1px solid #223E1B;
}

@media (min-width: 1200px) {
    .dropdown {
        min-width: 450px;
    }

    .dropdown dt a {
        font-size: 50px;
        line-height: 50px;
    }

    .dropdown dt i {
        font-size: 30px;
        line-height: 50px;
    }

    .dropdown dd ul {
        /*       min-height: 475px;*/
    }

    .dropdown dd ul li {
        
        font-size: 20px;
        line-height: 25px;
    }
    .dropdown dd ul li a {
        padding: 10px;
    }

    .verious_tea_formats {
        padding: 150px 0;
        border: 0;
    }

    .verious_tea_formats h1,
    .verious_tea_formats h2,
    .single_chamber_all_product_area h1,
    .single_chamber_all_product_area h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .tea_verious_img {
        border-bottom: 1px solid #dbdbdb;
    }

    .tea_verious_box,
    .single_chamber_tea_box {
        margin-bottom: 15px;
    }

    .tea_verious_title,
    .single_chamber_tea_verious_title {
        padding: 10px;
        font-size: 15px;
        line-height: 15px;
    }

    .single_chamber_all_product {
        transition: all 0.6s ease;
        height: 100%;
        width: 100%;
        opacity: 0;
        background-color: #fff;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
    }

    .single_chamber_all_product.single_chamber_all_product_show {
        visibility: visible;
        opacity: 1;
        transition: all 0.6s ease;
    }

    .single_chamber_all_product_area {
        width: 100%;
        height: 100vh;
        padding: 120px 0 0 0;
    }

    .single_chamber_tea_area {
        padding-top: 20px;
    }

    .single_chamber_tea_verious_img {
        border-bottom: 1px solid #dbdbdb;
    }

    .single_chamber_single_product_content {
        padding: 0 70px;
    }

    .single_chamber_single_product_img {
        width: 54%;
    }

    .single_chamber_single_product_img_area {
        height: 250px;
        margin: 0 0 30px;
    }

    .single_chamber_single_product_area h2 {
        font-size: 50px;
        line-height: 55px;
        margin: 0 0 25px;
    }

    .single_chamber_single_product_area p {
        font-size: 25px;
        line-height: 35px;
        padding: 0 0 30px;
    }

    .padding_125 {
        height: 100px;
    }

    .single_chamber_single_product_content {
        padding: 0 50px;
    }

    .tea_flavors_area {
        padding: 30px 0 0;
    }

    .tea_flavors_area h2 {
        font-size: 50px;
        line-height: 55px;
    }

    .portfolio-menu .control {
        display: inline-block;
        padding: 0 0 10px 0;
        margin: 0 40px 0 0;
        font-size: 25px;
        line-height: 25px;
    }

    .portfolio-menu .control::after {
        right: -30px;
        font-size: 25px;
        line-height: 25px;
    }

    .flavor_img {
        height: 150px;
    }

    .flavor_img img {
        height: 100%;
    }

    .flavor_img_title {
        font-size: 11px;
        line-height: 12px;
        min-height: 60px;
    }

    .flavor_img_title i {
        font-size: 12px;
    }
}

@media (min-width: 1700px) {

    .dropdown dt a {
        font-size: 85px;
        line-height: 90px;
    }

    .dropdown dt i {
        font-size: 50px;
        line-height: 98px;
    }
    .dropdown dd ul li {
/*        padding: 15px;*/
        font-size: 25px;
        line-height: 35px;
    }
    /*.verious_tea_formats {
         padding: 150px 0 0 0;
    }
    */
    .verious_tea_formats h1 {
        font-size: 85px;
        line-height: 90px;
    }

    .verious_tea_formats h2 {
        font-size: 80px;
        line-height: 85px;
    }

    .tea_verious_img {
        height: 200px;
    }

    .tea_verious_box,
    .single_chamber_tea_box {
        margin-bottom: 30px;
    }

    .tea_verious_title,
    .single_chamber_tea_verious_title {
        padding: 20px;
        font-size: 20px;
        line-height: 20px;
    }

    .single_chamber_all_product_area {
        padding: 150px 0 0 0;
    }

    .single_chamber_all_product_area h1 {
        font-size: 80px;
        line-height: 85px;
    }

    .single_chamber_all_product_area h2 {
        font-size: 80px;
        line-height: 85px;
    }

    .single_chamber_tea_area {
        padding-top: 20px;
    }

    .single_chamber_tea_verious_img {
        height: 200px;
    }

    .single_chamber_single_product_content {
        padding: 0 125px;
    }

    .single_chamber_single_product_img_area {
        height: 480px;
        margin: 0 0 30px;
    }

    .single_chamber_single_product_area h2 {
        font-size: 80px;
        line-height: 85px;
        margin: 0 0 25px;
    }

    .single_chamber_single_product_area p {
        font-size: 25px;
        line-height: 53px;
        padding: 0 0 50px;
    }

    .padding_125 {
        height: 125px;
    }

    .single_chamber_single_product_content {
        padding: 0 125px;
    }

    .tea_flavors_area h2 {
        font-size: 80px;
        line-height: 85px;
    }

    .portfolio-menu .control {
        padding: 0 0 10px 0;
        margin: 0 40px 0 0;
        font-size: 44px;
        line-height: 44px;
    }

    .portfolio-menu .control:after {
        right: -35px;
        font-size: 44px;
        line-height: 44px;
    }

    .flavor_img {
        height: 250px;
    }

    .flavor_img_title {
        font-size: 15px;
        line-height: 20px;
        min-height: 65px;
    }

    .flavor_img_title i {
        font-size: 20px;
    }
}

.innovation_expertise {
  padding: 0;
  margin: 0;
  background-color: #A60C1B;
  background-image: url(../images/supply_chain.png);
}
.innovation_expertise .container {
    width: 100%;
    height: 100%;
    position: relative;
}
.innovation_expertise .container .row {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.innovation_expertise h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 35px;
    padding: 0;
    font-weight: 700;
}

.innovation_expertise h2 span {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    -webkit-text-stroke-width: 0px;
}
.innovation_expertise p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}
.innovation_expertise_half_scroll_fixed {
  padding: 0;
}
.innovation_expertise_half_scroll_content {
  padding: 0 15px 0;
}
.innovation_expertise_half_scroll_content .padding_125 {
  display: none;
}
.innovation_expertise .mCSB_draggerContainer {
    opacity: 0;
}
.innovation_expertise_half_scroll_content ul {
  padding: 0;
  margin: 0;
}
.innovation_expertise_half_scroll_content ul li {
  padding: 0 0 0 20px;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  position: relative;
}
.innovation_expertise_half_scroll_content ul li:after {
  width: 12px;
  height: 12px;
  background-color: #fff;
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
}
@media (min-width: 1200px) {
  .innovation_expertise {
    padding-top: 0;
  }
  .innovation_expertise_half_scroll {
    height: 100vh;
    /*display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    padding: 0;
  }
  .innovation_expertise_half_scroll_fixed {
    
  } 
  .innovation_expertise_half_scroll_content {
    /*width: 50%;
    padding:0;
    height: 100%;
    float: right;
    display: inline-flex;
    justify-content: left;
    align-items: center;*/
  }
  .innovation_expertise_half_scroll_content .both_padding {
    padding: 0 0 0 50px;
  }
  .innovation_expertise_half_scroll_content .padding_125 {
    display: block;
  }
  .innovation_expertise h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 30px;
  }

  .innovation_expertise h2 span {
      font-size: 60px;
    line-height: 70px;
  }
  .innovation_expertise p {
    font-size: 22px;
    line-height: 35px;
    padding: 0 0 15px;
  }
  .innovation_expertise_half_scroll_content ul li {
    padding: 0 0 0 40px;
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 35px;
  }
  .innovation_expertise_half_scroll_content ul li:after {
    width: 20px;
    height: 20px;
    top: 8px;
  }
}
@media (min-width: 1366px) {
    /*.innovation_expertise_half_scroll_fixed {
        padding: 200px 0 0 125px;
    } */
}
@media (min-width: 1700px) {
  .innovation_expertise h2 {
    font-size: 85px;
    line-height: 90px;
    margin-bottom: 30px;
  }

  .innovation_expertise h2 span {
      font-size: 85px;
    line-height: 90px;
  }
  .innovation_expertise p {
    font-size: 25px;
    line-height: 45px;
    padding: 0 0 15px;
  }
  /*.innovation_expertise_half_scroll_fixed {
        padding: 150px 0 0 125px;
    }*/
  .innovation_expertise_half_scroll_content ul li {
    font-size: 25px;
    line-height: 45px;
  }
  .innovation_expertise_half_scroll_content ul li:after {
    top: 15px;
  }
}





/* Brands Master */
.mjil_brings {
/*    background-image: url(../images/first-banner-bg.jpg);*/
    background-image: url(../images/global.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    padding: 30px 0;

}
.brands_master_gradient {
    background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    height: 100%;
    width: 100%;
    position: relative;
}

.mjil_brings .container {
     height: 100%;
     width: 100%;
     position: relative;
}
.right_brand_text_area {
    
}
.right_brand_text {
    text-align: left;
}
.mjil_brings_left_banner {
    /*display: inline-flex;
    justify-content: left;
    align-items: center;
    width: 40%;
    height: 100%;
    float: left;*/
}
.mjil_brings_left_banner .jayweb {
    max-width: 600px;
}
.mjil_brings h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.mjil_brings h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.mjil_brings p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#scroll-down-animation {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.mouse_pointer {
    margin: 0 auto;
    display: block;
    border-radius: 50px;
    border: 2px solid #fff;
    height: 50px;
    width: 30px;
    position: relative;
    cursor: pointer;
}

.move {
    position: absolute;
    background-color: #fff;
    height: 15px;
    width: 8px;
    border-radius: 15px;
    left: 50%;
    transform: translateX(-50%);
    animation: move 2s linear infinite;
}

@keyframes move {
    0% {
        transform: translate(-50%, 8px);
        opacity: 0;
    }

    50% {
        transform: translate(-50%, 20px);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, 40px);
        opacity: 0;
    }
}

@media (min-width: 1200px) {
    .mjil_brings {
        
        padding: 0;
    }
    .mjil_brings .container {
    	display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .mjil_brings .container .row {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%;
    }
    .mjil_brings h2,
    .mjil_brings h3 {
        font-size: 60px;
        line-height: 70px;
    }

    .mjil_brings h3 {
        margin-bottom: 25px;
    }

    .mjil_brings p {
        font-size: 33px;
        line-height: 35px;
    }

    .mouse_pointer {
        height: 100px;
        width: 50px;
    }

    .move {
        height: 25px;
        width: 10px;
        transform: translateX(-50%);
        animation: move 2s linear infinite;
    }

    @keyframes move {
        0% {
            transform: translate(-50%, 10px);
            opacity: 0;
        }

        50% {
            transform: translate(-50%, 40px);
            opacity: 1;
        }

        100% {
            transform: translate(-50%, 80px);
            opacity: 0;
        }
    }
}
@media (min-width: 1700px) {
  .mjil_brings h2,
    .mjil_brings h3 {
        font-size: 85px;
        line-height: 90px;
    }
}
.brands_master {
    padding-top: 0;
    background: linear-gradient(to right, rgb(34,62,27) 0%,rgb(180,193,30) 100%);
}

.brands_master h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.brands_master h2 span {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0;
}

.brands_master h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.brands_master p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    padding: 25px 0 0 0;
    margin: 0;
}

.brand_slider_area {
    margin-top: 50px;
}

.brand_slider {
    /*margin-bottom: 100px;
     max-width: 900px;
     margin: 0 auto 100px;
    */
/*    overflow: hidden;*/
    width: 100%;
}


.brands_master_single_product_img {
    width: 80%;
    height: 100%;
    background-color: #fff;
    float: right;
    padding: 0;
    position: relative;
}

.brands_master_single_product_img_area {
    margin: 0 0 30px;
}

.brands_master_single_product_img_area img {
    display: block;
    /* height: 100%;
    */
}

.brands_master_single_product_content {
    padding: 0 20px 50px;
}



/* Item */
.brand_item {
    /* display: inline-flex;
    */
    margin: 0 0;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.brand_img {}

.brand_slider img,
.russia_brand_slider img,
.africa_brand_sliderv img {
    display: block;
}



.brand_slider .slick-slide {
/*    margin: 0 40px;*/
}

.brand_slider .brand_name {
    padding: 15px 0;
}

.brand_slider .brand_name p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0;
}

.brand_slider .brand_name a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 5px;
    border-bottom: 1px solid #fff;
    float: right;
}

.brand_slider .brand_name a i {
    vertical-align: middle;
}

.brand_slider .brand_name a:hover {
    color: #fc9200;
    border-bottom: 1px solid #fc9200;
}

@media (min-width: 1200px) {
    .brands_master {
        
    }
    .brands_master .container {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .brands_master .container .row {
        align-items: center;
        display: inline-flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .middile_area {
        width: 100%;
    }

    .brands_master h2,
    .brands_master h2 span {
        font-size: 50px;
        line-height: 60px;
    }


    .brands_master p {
        font-size: 17px;
        line-height: 25px;
        padding: 0;
    }

    .brands_master h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .brand_slider .brand_name p {
        font-size: 17px;
        line-height: 18px;
    }

    .brand_slider .brand_name a,
    .brand_slider .brand_name a i {
        font-size: 12px;
        line-height: 12px;
    }

    .brand_slider .brand_name {
        padding: 10px 0;
    }

    .brand_slider_area {
        margin-top: 50px;
    }

    .brand_img img {
        height: 100%;
        width: 100%;
    }

    .brands_master_single_product_img {
        width: 54%;
        height: 100%;
        background-color: #fff;
        float: right;
        padding: 0;
        position: relative;
    }

    .brands_master_single_product_img_area {
/*        height: 250px;*/
        margin: 0 0 20px;
    }


    .brands_master_single_product_content {
        padding: 0 50px 50px;
    }
}

@media (min-width: 1366px) {
    .brands_master {
        
    }
    .brands_master h2,
    .brands_master h2 span {
        font-size: 65px;
        line-height: 70px;
    }
    .brands_master p {
        font-size: 22px;
        line-height: 30px;
        padding: 0;
    }
    .brand_slider .brand_name p {
        font-size: 25px;
        line-height: 35px;
    }
    .brand_slider .brand_name a {
        font-size: 20px;
        line-height: 20px;
    }
    .brands_master_single_product_img_area {
        height: auto;
        margin: 0 0 30px;
    }
    
    

    .brand_slider .slick-slide {
/*        margin: 0 20px;*/
    }
}
@media (min-width: 1700px) {
    

    .brands_master h2,
    .brands_master h2 span {
        font-size: 85px;
        line-height: 90px;
    }

    .brands_master h2 {
        margin-bottom: 25px;
    }

    .brands_master h3 {
        font-size: 85px;
        line-height: 90px;
    }

        
    .brands_master_single_product_img_area {
/*        height: 480px;*/
        margin: 0 0 30px;
    }   

    .brands_master_single_product_content {
        padding: 0 125px 50px;
    }

    .brand_slider .brand_name {
        padding: 10px 0 0 0;
    }
    .brands_master p {
        font-size: 27px;
        line-height: 35px;
        padding: 0;
    }
    .brand_slider .brand_name p {
        font-size: 25px;
        line-height: 35px;
    }

    .brand_slider .brand_name a {
        font-size: 20px;
        line-height: 20px;
    }
    
}

.russia_brand_master {
    background: linear-gradient(to right, rgb(180,193,30) 0%,rgb(34,62,27) 100%);
}

.russia_brand_master h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.russia_brand_master h2 span {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0;
}

.russia_brand_master h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.russia_brand_master p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    padding: 25px 0 0 0;
    margin: 0;
}

.russia_brand_slider_area {
    margin-top: 50px;
}



.russia_brand_slider .slick-slide {
/*    margin: 0 20px;*/
}

.russia_brand_slider .brand_name {
    padding: 15px 0;
}

.russia_brand_slider .brand_name p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0;
}

.russia_brand_slider .brand_name a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 5px;
    border-bottom: 1px solid #fff;
    float: right;
}

.russia_brand_slider .brand_name a i {
    vertical-align: middle;
}

.russia_brand_slider .brand_name a:hover {
    color: #222;
    border-bottom: 1px solid #222;
}

@media (min-width: 1200px) {
    /*.russia_brand_master {
        background-color: #B4C11E;
    }*/
    .russia_brand_master .container {
        width: 100%;
        height: 100%;
        position: relative;
    }
    
    .russia_brand_master .container .row  {
        align-items: center;
        display: inline-flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .russia_brand_master h2,
    .russia_brand_master h2 span {
        font-size: 50px;
        line-height: 60px;
    }

    .russia_brand_master p {
        font-size: 17px;
        line-height: 22px;
        padding: 0;
    }

    .russia_brand_master h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .russia_brand_slider_area {
        margin-top: 50px;
    }

    .russia_brand_slider .brand_name p {
        font-size: 17px;
        line-height: 18px;
    }

    .russia_brand_slider .brand_name a,
    .russia_brand_slider .brand_name a i {
        font-size: 12px;
        line-height: 12px;
    }

    .russia_brand_slider .brand_name {
        padding: 10px 0;
    }
}

@media (min-width: 1366px) {
    

    .russia_brand_master h2,
    .russia_brand_master h2 span {
        font-size: 70px;
        line-height: 90px;
    }
    .russia_brand_master p {
        font-size: 22px;
        line-height: 30px;
        padding: 0;
    }
    .russia_brand_slider .brand_name p {
        font-size: 30px;
        line-height: 30px;
    }
    .russia_brand_slider .brand_name a,
    .russia_brand_slider .brand_name a i {
        font-size: 20px;
        line-height: 20px;
    }
    

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

    .russia_brand_master h2,
    .russia_brand_master h2 span {
        font-size: 85px;
        line-height: 90px;
    }

    .russia_brand_master h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .russia_brand_slider .brand_name {
        padding: 15px 0;
    }

    .russia_brand_slider .brand_name p {
        font-size: 25px;
        line-height: 35px;
    }

    .russia_brand_slider .brand_name a,
    .russia_brand_slider .brand_name a i {
        font-size: 20px;
        line-height: 20px;
    }
    .russia_brand_master p {
        font-size: 27px;
        line-height: 36px;
        padding: 0;
    }
   
}

.africa_brand_master {
/*    background-color: #A60C1B;*/
    background: linear-gradient(to right, rgb(34,62,27) 0%,rgb(166,12,27) 100%);
}

.africa_brand_master h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.africa_brand_master h2 span {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0;
}

.africa_brand_master p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    padding: 25px 0 0 0;
    margin: 0;
}

.africa_brand_master h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.africa_brand_slider_area {
    margin-top: 50px;
    /*position: relative;
    min-height: 458px;
    overflow: hidden;*/
}

.africa_brand_slider_area .brand_name {
    padding: 15px 0;
}

.africa_brand_slider_area .brand_name p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0;
}

.africa_brand_slider_area .brand_name a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 5px;
    border-bottom: 1px solid #fff;
    float: right;
}

.africa_brand_slider_area .brand_name a i {
    vertical-align: middle;
}

.africa_brand_slider_area .brand_name a:hover {
    color: #fc9200;
    border-bottom: 1px solid #fc9200;
}

@media (min-width: 1200px) {
    .africa_brand_master {
    }
    .africa_brand_master .container {
            width: 100%;
        height: 100%;
        position: relative;
    }
    .africa_brand_master .container .row {
            display: inline-flex;
            height: 100%;
            justify-content: center;
            align-items: center;
            width: 100%;
    }
    .africa_brand_master .container .africa_brand_sliderv.row {
        justify-content: left;
    }
    .africa_brand_master h2,
    .africa_brand_master h2 span {
        font-size: 50px;
        line-height: 60px;
    }

    .africa_brand_master p {
        font-size: 17px;
        line-height: 22px;
        padding: 0;
    }

    .africa_brand_master h3 {
        font-size: 50px;
        line-height: 60px;
    }

    
    .africa_brand_slider_area {
        margin-top: 50px;
    }

    .africa_brand_slider_area .brand_name p {
        font-size: 17px;
        line-height: 17px;
    }

    .africa_brand_slider_area .brand_name a, 
    .africa_brand_slider_area .brand_name a i {
        font-size: 12px;
        line-height: 12px;
    }

    .africa_brand_sliderv {
        /*position: absolute;
        top: 0;
        right: -100%;
        transition: all 0.5s ease-out;*/
        width: 100%;
    }

    .africa_brand_master.current .africa_brand_sliderv {
        transition: all 0.5s ease-out;
        right: 0px;
        width: 100%;
    }

    .africa_brand_slider_area .brand_item {
        display: inline-block;
        margin: 0 0;
        color: #fff;
        align-items: center;
        justify-content: center;
        font-size: 30px;
/*        width: 412px;*/
/*        margin: 0 40px 0 0;*/
    }

    .africa_brand_slider_area .slick-slide {
        margin: 0 40px 0 0;
        width: 612px;
    }
}
@media (min-width: 1366px) {

    .africa_brand_master h2,
    .africa_brand_master h2 span {
        font-size: 70px;
        line-height: 90px;
    }
    .africa_brand_master p {
        font-size: 22px;
        line-height: 30px;
        padding: 0;
    }
    .africa_brand_slider_area .brand_name p {
        font-size: 30px;
        line-height: 30px;
    }

    .africa_brand_slider_area .brand_name a,
    .africa_brand_slider_area .brand_name a i {
        font-size: 20px;
        line-height: 20px;
    }
    /*.africa_brand_slider_area .brand_item {
        width: 550px;
    }*/
}
@media (min-width: 1700px) {

    .africa_brand_master h2,
    .africa_brand_master h2 span {
        font-size: 85px;
        line-height: 90px;
    }

    .africa_brand_master h3 {
        font-size: 85px;
        line-height: 90px;
    }

    /*.africa_brand_slider_area {
        min-height: 458px;
    }

    .africa_brand_slider_area .brand_item {
        width: 612px;
    }*/
    .africa_brand_master p {
        font-size: 27px;
        line-height: 35px;
        padding: 0;
    }
    .africa_brand_slider_area .brand_name p {
        font-size: 25px;
        line-height: 35px;
    }

    .africa_brand_slider_area .brand_name a,
    .africa_brand_slider_area .brand_name a i {
        font-size: 20px;
        line-height: 20px;
    }
}


    .popup_closed,
    .popup_closed2,
    .popup_closed3,
    .popup_closed4,
    .popup_closed5,
    .popup_closed6,
    .popup_closed7,
    .popup_closed8,
    .jaago_closed,
    .victoriaFlav_closed,
    .goldbondAF_closed,
    .indusAF_closed,
    .victoriaAF_closed,
    .jungle_king_closed {
        display: none;
    }
.teame_single_product_area,
.tez_single_product_area,
.lalpan_single_product_area,
.sphoorti_single_product_area,
.jaago_single_product_area,
.victoria_single_product_area,
.victoriaFlav_single_product_area,
.jungle_king_single_product_area,
.goldbondAF_single_product_area,
.indusAF_single_product_area,
.victoriaAF_single_product_area,
.indus_single_product_area,
.goldbond_single_product_area,
.bluediamond_single_product_area {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    z-index: 999999999;
}

.teame_single_product_area.teame_single_product_area_show,
.tez_single_product_area.tez_single_product_area_show,
.lalpan_single_product_area.lalpan_single_product_area_show,
.sphoorti_single_product_area.sphoorti_single_product_area_show,
.jaago_single_product_area.jaago_single_product_area_show,
.victoria_single_product_area.victoria_single_product_area_show,
.victoriaFlav_single_product_area.victoriaFlav_single_product_area_show,
.jungle_king_single_product_area.jungle_king_single_product_area_show,
.goldbondAF_single_product_area.goldbondAF_single_product_area_show,
.indusAF_single_product_area.indusAF_single_product_area_show,
.victoriaAF_single_product_area.victoriaAF_single_product_area_show,
.indus_single_product_area.indus_single_product_area_show,
.goldbond_single_product_area.goldbond_single_product_area_show,
.bluediamond_single_product_area.bluediamond_single_product_area_show {
    transition: all 0.6s ease;
    right: 0;
}

.teame_products_overlay,
.tez_products_overlay,
.lalpan_products_overlay,
.sphoorti_products_overlay,
.jaago_products_overlay,
.victoria_products_overlay,
.victoriaFlav_products_overlay,
.jungle_king_products_overlay,
.goldbondAF_products_overlay,
.indusAF_products_overlay,
.victoriaAF_products_overlay,
.indus_products_overlay,
.goldbond_products_overlay,
.bluediamond_products_overlay {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
    position: absolute;
    top: 0;
    right: -100%;
}

.teame_products_overlay.teame_products_overlay_show,
.tez_products_overlay.tez_products_overlay_show,
.lalpan_products_overlay.lalpan_products_overlay_show,
.sphoorti_products_overlay.sphoorti_products_overlay_show,
.jaago_products_overlay.jaago_products_overlay_show,
.victoria_products_overlay.victoria_products_overlay_show,
.victoriaFlav_products_overlay.victoriaFlav_products_overlay_show,
.jungle_king_products_overlay.jungle_king_products_overlay_show,
.goldbondAF_products_overlay.goldbondAF_products_overlay_show,
.indusAF_products_overlay.indusAF_products_overlay_show,
.victoriaAF_products_overlay.victoriaAF_products_overlay_show,
.indus_products_overlay.indus_products_overlay_show,
.goldbond_products_overlay.goldbond_products_overlay_show,
.bluediamond_products_overlay.bluediamond_products_overlay_show {
    transition: all 0.6s ease;
    right: 0;
    cursor: pointer;
}

.teame_single_product_area h2,
.tez_single_product_area h2,
.lalpan_single_product_area h2,
.sphoorti_single_product_area h2,
.jaago_single_product_area h2,
.victoria_single_product_area h2,
.victoriaFlav_single_product_area h2,
.jungle_king_single_product_area h2,
.goldbondAF_single_product_area h2,
.indusAF_single_product_area h2,
.victoriaAF_single_product_area h2,
.indus_single_product_area h2,
.goldbond_single_product_area h2,
.bluediamond_single_product_area h2 {
    font-size: 40px;
    line-height: 45px;
    color: #222222;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
}

.teame_single_product_area p,
.tez_single_product_area p,
.lalpan_single_product_area p,
.sphoorti_single_product_area p,
.jaago_single_product_area p,
.victoria_single_product_area p,
.victoriaFlav_single_product_area p,
.jungle_king_single_product_area p,
.goldbondAF_single_product_area p,
.indusAF_single_product_area p,
.victoriaAF_single_product_area p,
.indus_single_product_area p,
.goldbond_single_product_area p,
.bluediamond_single_product_area p {
    font-size: 16px;
    line-height: 25px;
    color: #222222;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 400;
}

.teame_single_product_area a,
.tez_single_product_area a,
.lalpan_single_product_area a,
.sphoorti_single_product_area a,
.jaago_single_product_area a,
.victoria_single_product_area a,
.victoriaFlav_single_product_area a,
.jungle_king_single_product_area a,
.goldbondAF_single_product_area a,
.indusAF_single_product_area a,
.victoriaAF_single_product_area a,
.indus_single_product_area a,
.goldbond_single_product_area a,
.bluediamond_single_product_area a {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: #222222;
    text-transform: uppercase;
    padding: 0 0 5px;
    border-bottom: 1px solid #222222;
    float: right;
}

.brand_slider .brand_name a i,
.teame_single_product_area a i,
.tez_single_product_area a i,
.lalpan_single_product_area a i,
.sphoorti_single_product_area a i,
.jaago_single_product_area a i,
.victoria_single_product_area a i,
.victoriaFlav_single_product_area a i,
.jungle_king_single_product_area a i,
.goldbondAF_single_product_area a i,
.indusAF_single_product_area a i,
.victoriaAF_single_product_area a i,
.indus_single_product_area a i,
.goldbond_single_product_area a i,
.bluediamond_single_product_area a i {
    vertical-align: middle;
}

.teame_single_product_area .longEnough,
.tez_single_product_area .longEnough,
.lalpan_single_product_area .longEnough,
.sphoorti_single_product_area .longEnough,
.jaago_single_product_area .longEnough,
.victoria_single_product_area .longEnough,
.victoriaFlav_single_product_area .longEnough,
.jungle_king_single_product_area .longEnough,
.goldbondAF_single_product_area .longEnough,
.indusAF_single_product_area .longEnough,
.victoriaAF_single_product_area .longEnough,
.indus_single_product_area .longEnough,
.goldbond_single_product_area .longEnough,
.bluediamond_single_product_area .longEnough {
    height: 100vh;
    overflow: auto;
    padding: 0;
}


.teame_single_product_area .mCSB_draggerContainer,
.tez_single_product_area .mCSB_draggerContainer,
.lalpan_single_product_area .mCSB_draggerContainer, 
.sphoorti_single_product_area .mCSB_draggerContainer,
.jaago_single_product_area .mCSB_draggerContainer,
.victoria_single_product_area .mCSB_draggerContainer,
.victoriaFlav_single_product_area .mCSB_draggerContainer,
.jungle_king_single_product_area .mCSB_draggerContainer,
.goldbondAF_single_product_area .mCSB_draggerContainer,
.indusAF_single_product_area .mCSB_draggerContainer,
.victoriaAF_single_product_area .mCSB_draggerContainer,
.indus_single_product_area .mCSB_draggerContainer,
.goldbond_single_product_area .mCSB_draggerContainer,
.bluediamond_single_product_area .mCSB_draggerContainer {
    opacity: 0;
}


@media (min-width: 1200px) {
    .teame_single_product_area h2,
    .tez_single_product_area h2,
    .lalpan_single_product_area h2,
    .sphoorti_single_product_area h2,
    .jaago_single_product_area h2,
    .victoria_single_product_area h2,
    .victoriaFlav_single_product_area h2,
    .jungle_king_single_product_area h2,
    .goldbondAF_single_product_area h2,
    .indusAF_single_product_area h2,
    .victoriaAF_single_product_area h2,
    .indus_single_product_area h2,
    .goldbond_single_product_area h2,
    .bluediamond_single_product_area h2 {
        margin: 0 0 25px;
        font-size: 50px;
        line-height: 55px;
    }

    .teame_single_product_area p,
    .tez_single_product_area p,
    .lalpan_single_product_area p, 
    .sphoorti_single_product_area p,
    .jaago_single_product_area p,
    .victoria_single_product_area p,
    .victoriaFlav_single_product_area p,
    .jungle_king_single_product_area p,
    .goldbondAF_single_product_area p,
    .indusAF_single_product_area p,
    .victoriaAF_single_product_area p,
    .indus_single_product_area p,
    .goldbond_single_product_area p,
    .bluediamond_single_product_area p {
        font-size: 20px;
        line-height: 30px;
        padding: 0 0 20px;
    }

    .teame_single_product_area a,
    .tez_single_product_area a,
    .lalpan_single_product_area a,
    .sphoorti_single_product_area a,
    .jaago_single_product_area a,
    .victoria_single_product_area a,
    .victoriaFlav_single_product_area a,
    .jungle_king_single_product_area a,
    .goldbondAF_single_product_area a,
    .indusAF_single_product_area a,
    .victoriaAF_single_product_area a,
    .indus_single_product_area a,
    .goldbond_single_product_area a,
    .bluediamond_single_product_area a {
        font-size: 17px;
        line-height: 17px;
        font-weight: 600;
    }
    
}

@media (min-width: 1700px) {
    
    .teame_single_product_area h2,
    .tez_single_product_area h2,
    .lalpan_single_product_area h2,
    .sphoorti_single_product_area h2,
    .jaago_single_product_area h2,
    .victoria_single_product_area h2,
    .victoriaFlav_single_product_area h2,
    .jungle_king_single_product_area h2,
    .goldbondAF_single_product_area h2,
    .indusAF_single_product_area h2,
    .victoriaAF_single_product_area h2,
    .indus_single_product_area h2,
    .goldbond_single_product_area h2,
    .bluediamond_single_product_area h2 {
        font-size: 80px;
        line-height: 85px;
        margin: 0 0 25px;
    }

    .teame_single_product_area p,
    .tez_single_product_area p,
    .lalpan_single_product_area p,
    .sphoorti_single_product_area p,
    .jaago_single_product_area p,
    .victoria_single_product_area p,
    .victoriaFlav_single_product_area p,
    .jungle_king_single_product_area p,
    .goldbondAF_single_product_area p,
    .indusAF_single_product_area p,
    .victoriaAF_single_product_area p,
    .indus_single_product_area p,
    .goldbond_single_product_area p,
    .bluediamond_single_product_area p {
        font-size: 25px;
        line-height: 53px;
        padding: 0 0 50px;
    }

    .teame_single_product_area a,
    .tez_single_product_area a,
    .lalpan_single_product_area a,
    .sphoorti_single_product_area a,
    .jaago_single_product_area a,
    .victoria_single_product_area a,
    .victoriaFlav_single_product_area a,
    .jungle_king_single_product_area a,
    .goldbondAF_single_product_area a,
    .indusAF_single_product_area a,
    .victoriaAF_single_product_area a,
    .indus_single_product_area a,
    .goldbond_single_product_area a,
    .bluediamond_single_product_area a {
        font-size: 20px;
        line-height: 20px;
    }

}


.middle_east {
    background-color: #223E1B;
    padding: 30px 0;
}

.middle_east h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.middle_east h2 span {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke-width: 0;
}

.middle_east p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
    padding: 25px 0 0 0;
    margin: 0;
}

.middle_east h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 1200px) {
    .middle_east {
        height: 450px !important;
        padding: 0;
    }
    .middle_east .container {
        height: 100%;
    }
    .middle_east .container .row {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .middle_east h2,
    .middle_east h2 span {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 20px;
    }

    .middle_east h3 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 20px;
    }

    .middle_east p {
        font-size: 20px;
        line-height: 30px;
        padding: 0;
    }
}
@media (min-width: 1366px) {
    /*.middle_east {
        height: 700px !important;
        padding: 250px 0 0 0;
    }*/

    .middle_east h2,
    .middle_east h2 span {
        font-size: 70px;
        line-height: 90px;
        margin-bottom: 20px;
    }
}
@media (min-width: 1700px) {
    .middle_east {
        height: 730px !important;
    }

    .middle_east h2,
    .middle_east h2 span {
        font-size: 85px;
        line-height: 90px;
        margin-bottom: 20px;
    }

    .middle_east h3 {
        font-size: 85px;
        line-height: 90px;
        margin-bottom: 20px;
    }

    .middle_east p {
        font-size: 27px;
        line-height: 35px;
        padding: 0;
    }
}

.global_footprint {
    margin: 0;
    position: relative;
/*    background-image: url(../images/Brands_Section_bg.jpg);*/
    background-image: url(../images/Brands_Section_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99999;
}
.global_footprint_bg {
/*    background: linear-gradient(to right, rgb(34,62,27) 50%,rgb(166,12,27) 100%);*/
    height: 100%;
}
.global_footprint.current {
    z-index: 1;
}
.global_footprint_color {
    background-color: #222222;
    height: 100%;
    width: 100%;
    padding: 30px 0;
}

.global_footprint.current .glob_image {
    right: 70px;
    transition: all .5s ease-out;
}

.global_footprint .container {
    height: 100%;
}

.bottom_number_title ul {
    padding: 0;
    margin: 0;
}

.bottom_number_title ul li {
    padding: 0;
    margin: 0 0 15px;
    display: inline-block;
}

.global_footprint_black_bg {
    background-color: #222222;
    background-image: url(../images/supply_chain.png);
}

.global_footprint_black_bg .container {
    height: 100%;
}

/*.global_footprint .bottom_number_title {
     bottom: -100%;
}
*/
.global_footprint_black_bg.test .bottom_number_title {
    transition: all .5s ease-out;
}

.global_footprint_black_bg .bottom_number_title h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
    transition: all .5s ease-out;
}

.global_footprint_black_bg .bottom_number_title h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    transition: all .5s ease-out;
}

.global_footprint_black_bg.test .bottom_number_title h2 {
   /* font-size: 72px;
    line-height: 72px;*/
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
    transition: all .5s ease-out;
}

.global_footprint_black_bg.test .bottom_number_title h3 {
    /*font-size: 72px;
    line-height: 72px;*/
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    transition: all .5s ease-out;
}

.flag_table {
    position: relative;
}

.flag_table ul {
    text-align: center;
}

.flag_table ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 13px;
    border-right: 1px solid #fff;
    margin-bottom: 20px;
}

.flag_table ul li:first-child {
    padding-left: 0;
}

.flag_table ul li:last-child {
    border: 0;
    padding-right: 0;
}

.flag_table ul li img {
    float: left;
    margin-right: 10px;
    width: 20px;
}

.global_footprint_black_bg .global_footprint_title {
    transition: all .5s ease-out;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.global_footprint_black_bg .bottom_number_title.mobile {
    display: none;
}

@media (min-width: 1200px) {

    
    .global_footprint .container {
        overflow: hidden;
    }
    .global_footprint.current .container{
        overflow: visible;
    }
    .global_footprint_color {
        padding: 0;
    }
    

    .global_footprint_black_bg .global_footprint_title {
        position: absolute;
        bottom: 150%;
        left: 14px;
        transition: all .5s ease-out;
        font-size: 60px;
        line-height: 80px;
        z-index: 999;
    }

    .global_footprint_black_bg.test.current .global_footprint_title {
        bottom: 60%;
        transition: all .5s ease-out;
        font-size: 40px;
        line-height: 60px;
    }

    .global_footprint_black_bg .bottom_number_title.desktop {
        display: block;
    }

    .bottom_number_title ul li {
        margin: 0 145px 0 0;
    }

    .global_footprint_black_bg .bottom_number_title {
        position: absolute;
        bottom: 110%;
        left: 0;
        transition: all .5s ease-out;
        width: 100%;
        z-index: 999;
    }

    .global_footprint_black_bg.test.current .bottom_number_title {
        bottom: 40%;
        transition: all .5s ease-out;
    }

    .global_footprint_black_bg .bottom_number_title h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .global_footprint_black_bg .bottom_number_title h3 {
        font-size: 50px;
        line-height: 60px;
    }

    .global_footprint_black_bg.test.current .bottom_number_title h2 {
        font-size: 40px;
        line-height: 60px;
    }

    .global_footprint_black_bg.test.current .bottom_number_title h3 {
        font-size: 40px;
        line-height: 60px;
    }

    .flag_table {
        /*padding-top: 420px;*/
            position: absolute;
    	bottom: 0;
    	width: 100%;
    }

    .row_first_logo,
    .row_mid_logo,
    .row_third_logo,
    .row_bot_logo {
        position: relative;
        bottom: -250px;
        transition: all 0.7s ease;
    }

    .global_footprint_black_bg.current .row_first_logo,
    .global_footprint_black_bg.current .row_mid_logo,
    .global_footprint_black_bg.current .row_third_logo,
    .global_footprint_black_bg.current .row_bot_logo {
        bottom: 0;
        transition: all 0.7s ease;
    }

    .flag_table ul li {
        display: inline-block;
        font-size: 17px;
        line-height: 20px;
        color: #fff;
        text-transform: uppercase;
        padding: 0 40px;
        border-right: 1px solid #fff;
        margin-bottom: 20px;
    }

    .flag_table ul li img {
        float: left;
        margin-right: 20px;
        width: 20px;
    }

    .global_footprint_color {
/*        background-color: rgba(166, 12, 27, .8);*/
        height: 100%;
        width: 100%;
    }
    .global_footprint .container,
    .global_footprint .container .row {
        height: 100%;
    }
    .global_footprint .glob_image {
        position: absolute;
        right: -100%;
        max-width: 600px;
    }
    .global_footprint.current .glob_image {
        right:0;
    }
    .global_footprint .right_cls {
        float: right;
        position: initial;
        height: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
}
@media (min-width: 1366px) {
    .global_footprint_black_bg .global_footprint_title {
        font-size: 70px;
        line-height: 90px;
    }
    
    .global_footprint_black_bg .bottom_number_title h2 {
        font-size: 70px;
        line-height: 70px;
    }

    .global_footprint_black_bg .bottom_number_title h3 {
        font-size: 70px;
        line-height: 80px;
    }
    
    .global_footprint_black_bg.test.current .global_footprint_title {
        font-size: 70px;
        line-height: 90px;
    }
    .global_footprint_black_bg.test.current .bottom_number_title h2 {
        font-size: 70px;
        line-height: 70px;
    }

    .global_footprint_black_bg.test.current .bottom_number_title h3 {
        font-size: 70px;
        line-height: 70px;
    }
    .flag_table {
       /* padding-top: 600px;*/
    }

    .flag_table ul {
        text-align: center;
    }

    .flag_table ul li {
        font-size: 18px;
        line-height: 35px;
        padding: 0 30px;
        margin-bottom: 25px;
    }

    .flag_table ul li img {
        width: auto;
    }
}
@media (min-width: 1700px) {
    /*.global_footprint_black_bg.test .global_footprint_title {
        position: absolute;
        bottom: 150%;
        left: 14px;
        font-size: 85px;
        line-height: 130px;
    }*/

    .global_footprint_black_bg.test.current .global_footprint_title {
        font-size: 72px;
        line-height: 90px;
    }

    .global_footprint_black_bg .bottom_number_title {
        position: absolute;
        bottom: 110%;
        left: 0;
        transition: all .5s ease-out;
        width: 100%;
        z-index: 999;
    }

    .global_footprint_black_bg.test.current .bottom_number_title {
        bottom: 43%;
        transition: all .5s ease-out;
    }

    .global_footprint_black_bg .bottom_number_title h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .global_footprint_black_bg .bottom_number_title h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .global_footprint_black_bg.test.current .bottom_number_title h2 {
        font-size: 72px;
        line-height: 72px;
    }

    .global_footprint_black_bg.test.current .bottom_number_title h3 {
        font-size: 72px;
        line-height: 72px;
    }

    .flag_table {
        padding-top: 600px;
    }

    .flag_table ul {
        text-align: center;
    }

    .flag_table ul li {
        font-size: 20px;
        line-height: 35px;
        padding: 0 14px;
        margin-bottom: 40px;
    }

    .flag_table ul li img {
        width: auto;
    }
    
    
}

.jay_clients {
    
    background: #fff;
    position: relative;
    
}
.bg-green {
    padding: 130px 0 40px 0;
    background:#225d2a;
}

.jay_clients h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.jay_clients h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
}

.jay_clients p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
}

.clients_logo_right_scroll {
    padding: 0;
    margin: 100px 0 0 0;
}

.clients_logo_middle_left_scroll {
    margin: 25px 0;
}

.clients_logo_bottom_right_scroll {}

.clients_logo_right_scroll .slick-slide,
.clients_logo_middle_left_scroll .slick-slide,
.clients_logo_bottom_right_scroll .slick-slide {
    margin: 0 20px;
    text-align: center;
}

@media (min-width: 1200px) {
    
    .jay_clients {
        padding-bottom: 100px;
    }
    .jay_clients h2 {
        font-size: 60px;
        line-height: 60px;
    }

    .jay_clients h3 {
        font-size: 60px;
        line-height: 60px;
        padding: 0;
    }

    .jay_clients p {
        font-size: 22px;
        line-height: 35px;
    }

    .clients_logo_right_scroll {
        padding: 0;
        margin: 40px 0 0 0;
    }

    .clients_logo_middle_left_scroll {
        margin: 15px 0;
    }
}
@media (min-width: 1366px) {
    
    .jay_clients h2 {
        font-size: 70px;
        line-height: 80px;
    }

    .jay_clients h3 {
        font-size: 70px;
        line-height: 90px;
        padding: 0;
    }

    .jay_clients p {
        font-size: 30px;
        line-height: 35px;
    }
    
}
@media (min-width: 1700px) {
    

    .jay_clients h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .jay_clients h3 {
        font-size: 85px;
        line-height: 90px;
        padding: 0;
    }

    .jay_clients p {
        font-size: 30px;
        line-height: 40px;
    }

    

    .clients_logo_middle_left_scroll {
        margin: 45px 0;
    }
}

/* Sustainability Page */
.sustainability_page {
    background: linear-gradient(to right, rgb(34,93,42,0.5) 0%,rgb(252,146,0,0.8) 100%);
}

.sustainability_page .container {
    height: 100%;
}

.committed_goal_content {
    width: 100%;
    transition: all 0.7s ease;
}

.sustainability_page.current .committed_goal_content {
    transition: all .5s ease-out;
    right: 0;
}

.committed_goal_content h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 0;
    padding: 0;
    font-weight: 700;
}

.committed_goal_content h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 700;
}

.committed_goal_content p {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
}

.committed_goal_content a {
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    float: right;
    text-transform: uppercase;
}

.committed_goal_img {
    
    margin: 0 auto;
    transition: all .5s ease-out;
}

.committed_goal_img img {
    /* height: 100%;
    */
}

.committed_goal_border {
    border: solid 100px rgba(255, 0, 0, .5);
    width: 590px;
    height: 760px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    top: 40px;
    left: 125px;
    display: none;
}

.committed_goal_placeholder {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: -78px;
    left: -54px;
    transition: all 0.5s ease;
}

.sustainability_page.current .committed_goal_img {
    left: 0;
    transition: all .5s ease-out;
}

.sustainability_page_slider_area {
    width: 100%;
    background-color: #fff;
}

/*.sustainability_page_slider li {
     opacity: 1!important;
}
*/
/*.sustainability_page_slider .second_sider:after {
     position: absolute;
     background-color: #f00;
     top: 0;
     left: -100%;
     transition: all .5s ease-out;
     height: 100%;
     width: 100%;
     content: '';
}
 .sustainability_page_slider .second_sider.rhino-active:after {
     left: 0;
     transition: all .5s ease-out;
     position: absolute;
     background-color: #f00;
     top: 0;
     height: 100%;
     width: 100%;
     content: '';
}
*/
.sustainability_page_slider_area .sustainability_page_mobile_title {
    display: none;
}

@media (min-width: 1200px) {
    .sustainability_page .container {
        height: 100%;
        width: 100%;
    }
    .sustainability_page .container .row {
        height: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .committed_goal_img {
       
    }
    .committed_goal_img .jayweb {
        max-width: 600px;
    }
    .committed_goal_border {
        border: solid 60px rgba(255, 0, 0, .5);
        width: 350px;
        height: 400px;
        background-color: rgba(255, 255, 255, .5);
        position: absolute;
        top: 40px;
        left: 70px;
    }

    .committed_goal_placeholder {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -55px;
        left: -35px;
        transition: all 0.5s ease;
    }

    .committed_goal_content {
    }

    .committed_goal_content h2 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 20px;
    }

    .committed_goal_content h3 {
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        margin: 0 0 50px;
        padding: 0;
        font-weight: 700;
    }

    .committed_goal_content p {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 50px;
    }

    .committed_goal_content a {
        font-size: 20px;
        line-height: 20px;
    }

    .sustainability_page_slider_area {
        height: 100vh;
    }
}
@media (min-width: 1366px) {
    .committed_goal_img {
       /* width: 600px;
        top: 190px;*/
    }
    .committed_goal_content {
/*        top: 250px;*/
    }
}

@media (min-width: 1700px) {
    .committed_goal_img {
        
    }

    .committed_goal_border {
        border: solid 100px rgba(255, 0, 0, .5);
        width: 590px;
        height: 760px;
        left: 125px;
    }

    .committed_goal_placeholder {
        font-size: 60px;
        line-height: 70px;
        bottom: -78px;
        left: -54px;
    }

    .committed_goal_content {
        /*width: 850px;
        position: absolute;
        top: 200px;
        right: -100%;
        transition: all 0.7s ease;*/
    }

    .sustainability_page.current .committed_goal_content {
        transition: all .5s ease-out;
        right: 0;
    }

    .committed_goal_content h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .committed_goal_content h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .committed_goal_content p {
        font-size: 25px;
        line-height: 50px;
    }

    .committed_goal_content a {
        font-size: 30px;
        line-height: 30px;
    }
}

.journey_so_far {
    background-image: url(../images/supply_chain.png);
}

.current .sustainability_page_slider_area .sustainability_page_slider li.first_slider.rhino-active .journey_so_far,
.current .sustainability_page_slider_area .sustainability_page_slider li.second_sider.rhino-active .journey_so_far,
.current .sustainability_page_slider_area .sustainability_page_slider li.third_slider.rhino-active .journey_so_far {
    left: 0;
    transition: all .5s ease-out;
}

.sustainability_page_slider .journey_so_far_left {
    width: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: relative;
    background-repeat: no-repeat;
}
.sustainability_page_slider .journey_so_far_left:after {
    background-color: rgba(0, 0, 0, .1);
    left: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
}
.sustainability_page_slider .journey_so_far_left .jayweb {
    max-width: 600px;
}
.sustainability_page_slider .second_sider .journey_so_far_left .jayweb {
    max-width: 630px;
}
.sustainability_page_slider .third_slider .journey_so_far_left .jayweb {
    max-width: 600px;
}
/*.sustainability_page_slider li.first_slider .journey_so_far_left {
    background-image: url(../images/thumb_print.png);
    background-position: bottom 50px center;
    background-size: 65%;
}*/

/*.sustainability_page_slider li.second_sider .journey_so_far_left {
    background-image: url(../images/climate.png);
    background-position: bottom 80px center;
    /* background-size:70%;
    */
}

.sustainability_page_slider li.third_slider .journey_so_far_left {
    background-image: url(../images/foot.png);
    background-position: bottom 0px center;
    background-size: 60%;
}*/

.journey_so_far_right {
    width: 100%;
}

.journey_so_far_slider_area {
    padding: 0 0 0 70px;
    text-align: left;
    width: 100%;
}

.journey_so_far_slider_area h3 {
    font-size: 30px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0 0 10px;
    font-weight: 700;
}

.journey_so_far_slider_area h2 {
    font-size: 85px;
    line-height: 95px;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
    display: none;
}

.journey_so_far_slider_area p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 400;
}

.journey_so_far_slider_area h4 {
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    margin: 0;
    padding: 0 0 20px;
    font-weight: 700;
}

/*.journey_so_far_slider_area .slick-slide {
    padding: 175px 200px 0 70px;
}

.second_sider .journey_so_far_slider_area .slick-slide {
    padding: 130px 100px 0 70px;
}*/

/*.third_slider .journey_so_far_slider_area .slick-slide {
    padding: 175px 100px 0 70px;
}*/

.sustainability_one,
.sustainability_two,
.sustainability_three {
    position: relative;
    height: auto !important;
}

.sustainability_one_tabs li,
.sustainability_two_tabs li,
.sustainability_three_tabs li {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active .ba1,
.sustainability_two_tabs li.active .ba1,
.sustainability_three_tabs li.active .ba1 {
    animation: rounder1 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}

/*.sustainability_one_tabs li.active .ba2,
.sustainability_one_tabs li.active .ba2,
.sustainability_three_tabs li.active .ba2 {
    animation: rounder2 2s linear 2s infinite alternate;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active .radius,
.sustainability_three_tabs li.active .radius,
.sustainability_two_tabs li.active .radius {
    width: 202px;
    height: 202px;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active .place,
.sustainability_two_tabs li.active .place,
.sustainability_three_tabs li.active .place {
    width: 34px;
    height: 34px;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active .ba1,
.sustainability_two_tabs li.active .ba1,
.sustainability_three_tabs li.active .ba1 {
    width: 108px;
    height: 108px;
    margin-left: -54px;
    margin-top: -54px;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active .ba2,
.sustainability_two_tabs li.active .ba2,
.sustainability_three_tabs li.active .ba2 {
    width: 202px;
    height: 202px;
    margin-left: -101px;
    margin-top: -101px;
    transition: all 0.7s ease;
}
*/


.rhino-container {
    height: 100vh !important;
}

.rhino-bullets,
.rhino-btn,
.rhino-play {
    display: none !important;
}

@media (min-width: 1200px) {
    .sustainability_page_slider .journey_so_far_left {
        width: 50%;
        height: 100%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        float: left;
    }

    .journey_so_far_right {
        width: 50%;
        height: 100%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        float: right;
    }

    /*.sustainability_page_slider li.first_slider .journey_so_far_left {
        background-image: url(../images/thumb_print.png);
        background-position: top 112px center;
        background-size: 60%;
    }*/

    /*.sustainability_page_slider li.second_sider .journey_so_far_left {
        background-image: url(../images/climate.png);
        background-position: bottom 40px center;
        background-size: 80%;
    }

    .sustainability_page_slider li.third_slider .journey_so_far_left {
        background-image: url(../images/foot.png);
        background-position: top 112px center;
        background-size: 52%;
    }*/

    .journey_so_far {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        transition: all .5s ease-out;
        position: relative;
        left: -100%;
        z-index: 999;
    }
    .journey_so_far .container {
        height: 100%;
        width: 100%;
    }
    .journey_so_far_slider_area h3 {
        font-size: 50px;
        line-height: 55px;
        margin: 0;
        padding: 0 0 10px;
    }

    .journey_so_far_slider_area h2 {
        font-size: 50px;
        line-height: 55px;
        margin: 0;
        padding: 0 0 10px;
        font-weight: 700;
        display: block;
    }

    .journey_so_far_slider_area p {
        font-size: 20px;
        line-height: 30px;
        margin: 0;
        padding: 0 0 25px;
    }

    .journey_so_far_slider_area h4 {
        font-size: 50px;
        line-height: 55px;
        margin: 0;
        padding: 0 0 10px;
    }


    /*.sixty_two {
    top: 650px;
    right: 130px;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active.sixty_two {
    top: 600px;
    right: 80px;
    transition: all 0.7s ease;
}*/

.sixty_two {
        top: 400px;
        right: 100px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active.sixty_two {
        top: 360px;
        right: 70px;
        transition: all 0.7s ease;
    }

.forty_four {
    top: 180px;
    left: 140px;
    transition: all 0.7s ease;
}

.sustainability_one_tabs li.active.forty_four {
    left: 110px;
    top: 155px;
    transition: all 0.7s ease;
}

.heart_clean_one {
    top: 200px;
    right: 160px;
    transition: all 0.7s ease;
}

.sustainability_two_tabs li.active.heart_clean_one {
    right: 125px;
    top: 150px;
    transition: all 0.7s ease;
}

.heart_clean_two {
    bottom: 130px;
    left: 250px;
    transition: all 0.7s ease;
}

.sustainability_two_tabs li.active.heart_clean_two {
    left: 220px;
    bottom: 90px;
    transition: all 0.7s ease;
}

.foot_circle_one {
    top: 150px;
    left: 100px;
    transition: all 0.7s ease;
}

.sustainability_three_tabs li.active.foot_circle_one {
    top: 115px;
    left: 80px;
    transition: all 0.7s ease;
}

.foot_circle_two {
    top: 100px;
    right: 100px;
    transition: all 0.7s ease;
}

.sustainability_three_tabs li.active.foot_circle_two {
    top: 70px;
    right: 70px;
    transition: all 0.7s ease;
}

.foot_circle_three {
    bottom: 50px;
    left: 100px;
    transition: all 0.7s ease;
}

.sustainability_three_tabs li.active.foot_circle_three {
    bottom: 20px;
    left: 60px;
    transition: all 0.7s ease;
}

.foot_circle_four {
    bottom: 180px;
    right: 150px;
    transition: all 0.7s ease;
}

.sustainability_three_tabs li.active.foot_circle_four {
    bottom: 135px;
    right: 100px;
    transition: all 0.7s ease;
}

    

    /*.journey_so_far_slider_area .slick-slide {
        padding: 130px 50px 0 70px;
    }

    .second_sider .journey_so_far_slider_area .slick-slide {
        padding: 130px 100px 0 70px;
    }

    .third_slider .journey_so_far_slider_area .slick-slide {
        padding: 130px 100px 0 70px;
    }*/

    .sustainability_page_slider li.first_slider:after {
        background-color: #FC9200;
        position: absolute;
        top: 0;
        left: -100%;
        content: '';
        transition: all .5s ease-out;
        width: 100%;
        height: 100%;
    }

    .current .sustainability_page_slider_area .sustainability_page_slider li.first_slider.rhino-active:after {
        left: 0;
        transition: all .5s ease-out;
    }

    .sustainability_page_slider li.second_sider {
        background-color: #FC9200;
    }

    .sustainability_page_slider li.second_sider:after {
        background-color: #E92F2A;
        position: absolute;
        top: 0;
        left: -100%;
        content: '';
        transition: all .5s ease-out;
        width: 100%;
        height: 100%;
    }

    .current .sustainability_page_slider_area .sustainability_page_slider li.second_sider.rhino-active:after {
        left: 0;
        transition: all .5s ease-out;
    }

    .sustainability_page_slider li.third_slider {
        background-color: #E92F2A;
    }

    .sustainability_page_slider li.third_slider:after {
        background-color: #A60C1B;
        position: absolute;
        top: 0;
        left: -100%;
        content: '';
        transition: all .5s ease-out;
        width: 100%;
        height: 100%;
    }

    .current .sustainability_page_slider_area .sustainability_page_slider li.third_slider.rhino-active:after {
        left: 0;
        transition: all .5s ease-out;
    }
    .sustainability_one_tabs li.active .radius,
    .sustainability_three_tabs li.active .radius,
    .sustainability_two_tabs li.active .radius {
        width: 150px;
        height: 150px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .place,
    .sustainability_two_tabs li.active .place,
    .sustainability_three_tabs li.active .place {
        width: 34px;
        height: 34px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .ba1,
    .sustainability_two_tabs li.active .ba1,
    .sustainability_three_tabs li.active .ba1 {
        width: 70px;
        height: 70px;
        margin-left: -35px;
        margin-top: -35px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .ba2,
    .sustainability_two_tabs li.active .ba2,
    .sustainability_three_tabs li.active .ba2 {
        width: 150px;
        height: 150px;
        margin-left: -75px;
        margin-top: -75px;
        transition: all 0.7s ease;
    }
    .sustainability_one .slick-dots,
    .sustainability_two .slick-dots,
    .sustainability_three .slick-dots,
    .heart_slides .slick-dots {
        bottom: -50px;
    }
}
@media (min-width: 1366px) {
    /*.sustainability_page_slider li.first_slider .journey_so_far_left {
        background-position: bottom 100px center;
        background-size: 80%;
    }*/
    /*.sustainability_page_slider li.second_sider .journey_so_far_left {
        background-position: bottom 75px center;
        background-size: 100%;
    }
    .sustainability_page_slider li.third_slider .journey_so_far_left {
        background-position: top 160px center;
        background-size: 70%;
    }*/


    /*.journey_so_far_slider_area .slick-slide {
        padding: 250px 200px 0 70px;
    }

    .second_sider .journey_so_far_slider_area .slick-slide {
        padding: 250px 100px 0 70px;
    }

    .third_slider .journey_so_far_slider_area .slick-slide {
        padding: 280px 100px 0 70px;
    }*/
    .forty_four {
        top: 280px;
        left: 100px;
    }
    .sustainability_one_tabs li.active.forty_four {
        top: 240px;
        left: 60px;
    }
    .sixty_two {
        top: 580px;
        right: 50px;
    }
    .sustainability_one_tabs li.active.sixty_two {
        top: 540px;
        right: 15px;
    }
    .heart_clean_two {
        bottom: 200px;
        left: 235px;
    }
    .sustainability_two_tabs li.active.heart_clean_two {
        left: 200px;
        bottom: 170px;
    }
    .heart_clean_one {
        top: 325px;
        right: 130px;
    }
    .sustainability_two_tabs li.active.heart_clean_one {
        right: 100px;
        top: 290px;
    }
    .foot_circle_two {
        top: 160px;
    }
    .sustainability_three_tabs li.active.foot_circle_two {
        top: 120px;
    }
    .foot_circle_four {
        bottom: 280px;
        right: 100px;
    }
    .sustainability_three_tabs li.active.foot_circle_four {
        bottom: 250px;
        right: 60px;
    }
}
@media (min-width: 1700px) {
    /*.sustainability_page_slider li.first_slider .journey_so_far_left {
        background-position: bottom 50px center;
        background-size: 65%;
    }*/

    /*.sustainability_page_slider li.second_sider .journey_so_far_left {
        background-image: url(../images/climate.png);
        background-position: bottom 80px center;
        background-size:80%;
        
    }

    .sustainability_page_slider li.third_slider .journey_so_far_left {
        background-image: url(../images/foot.png);
        background-position: bottom 0px center;
        background-size: 60%;
    }*/

    .journey_so_far_slider_area h3 {
        font-size: 85px;
        line-height: 90px;
        padding: 0 0 20px;
    }

    .journey_so_far_slider_area h2 {
        font-size: 85px;
        line-height: 95px;
        padding: 0 0 20px;
    }

    .journey_so_far_slider_area p {
        font-size: 30px;
        line-height: 35px;
    }

    .journey_so_far_slider_area h4 {
        font-size: 85px;
        line-height: 95px;
        padding: 0 0 20px;
    }

    .sixty_two {
        top: 650px;
    }

    .sustainability_one_tabs li.active.sixty_two {
        top: 600px;
    }


.heart_clean_one {
    top: 310px;
    right: 215px;
}

.sustainability_two_tabs li.active.heart_clean_one {
    right: 160px;
    top: 265px;
}

.heart_clean_two {
    bottom: 240px;
    left: 335px;
}

.sustainability_two_tabs li.active.heart_clean_two {
    left: 285px;
    bottom: 190px;
}

.foot_circle_one {
    top: 200px;
    left: 200px;
}

.sustainability_three_tabs li.active.foot_circle_one {
    top: 150px;
    left: 150px;
}

.foot_circle_two {
    top: 250px;
    right: 160px;
}

.sustainability_three_tabs li.active.foot_circle_two {
    top: 200px;
    right: 100px;
}

.foot_circle_three {
    bottom: 100px;
    left: 160px;
}

.sustainability_three_tabs li.active.foot_circle_three {
    bottom: 50px;
    left: 110px;
}

.foot_circle_four {
    bottom: 230px;
    right: 220px;
}

.sustainability_three_tabs li.active.foot_circle_four {
    bottom: 180px;
    right: 170px;
}

    /*.journey_so_far_slider_area .slick-slide {
        padding: 175px 200px 0 70px;
    }*/

    /*.second_sider .journey_so_far_slider_area .slick-slide {
        padding: 130px 100px 0 70px;
    }*/

    /*.third_slider .journey_so_far_slider_area .slick-slide {
        padding: 175px 100px 0 70px;
    }*/

    .sustainability_one_tabs li.active .radius,
    .sustainability_three_tabs li.active .radius,
    .sustainability_two_tabs li.active .radius {
        width: 202px;
        height: 202px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .place,
    .sustainability_two_tabs li.active .place,
    .sustainability_three_tabs li.active .place {
        width: 34px;
        height: 34px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .ba1,
    .sustainability_two_tabs li.active .ba1,
    .sustainability_three_tabs li.active .ba1 {
        width: 108px;
        height: 108px;
        margin-left: -54px;
        margin-top: -54px;
        transition: all 0.7s ease;
    }

    .sustainability_one_tabs li.active .ba2,
    .sustainability_two_tabs li.active .ba2,
    .sustainability_three_tabs li.active .ba2 {
        width: 202px;
        height: 202px;
        margin-left: -101px;
        margin-top: -101px;
        transition: all 0.7s ease;
    }
}

.better_way_section {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #606500;
    background-image: url(../images/supply_chain.png);
}

.better_way_section h2 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    font-weight: 700;
}

.better_way_section h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.better_way_section_box {
    padding-top: 20px;
}
.better_way_section_box .row {
    /*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;*/
}
.better_way_section_box [class*="col-"] {
    /*-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
    flex: 1 1 calc(33.33% - 20px);
    padding: 1em;
    margin: 0.25em;
    background: lightgray;*/
}

.better_way_box {
    padding: 30px 25px;
    background-color: #fff;
    margin: 0 0 25px;
}

.better_way_box_img {
    margin-bottom: 20px;
    height: auto;
    position: relative;
}

.better_way_box_img img {
    display: block;
    width: 100%;
    height: -webkit-fill-available;
}

.way_icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.way_content {
    padding: 0;
}

.way_content p {
    padding: 5px;
    margin: 0;
    color: #222222;
    font-size: 16px;
    line-height: 20px;
}

@media (min-width: 1200px) {
    .better_way_section {
        padding-top: 130px;
        padding-bottom: 60px;
/*        background-color: #B4C11E;*/
    }

    .better_way_section h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .better_way_section h3 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 20px;
    }

    .better_way_section_box {
        padding-top: 15px;
    }

    .better_way_box {
        padding: 15px;
        margin: 0 0 25px;
    }

    .better_way_box_img {
        margin-bottom: 15px;
        height: 245px;
    }

    .better_way_box_img img {
        height: 100%;
    }

    .way_icon {
        width: 70px;
        height: 70px;
        float: left;
        margin-right: 15px;
    }

    .way_content {
        padding: 0;
    }

    .way_content p {
        padding: 10px;
        margin: 0;
        font-size: 15px;
        line-height: 22px;
    }
}

@media (min-width: 1700px) {
    /*.better_way_section {
        padding-top: 230px;
        padding-bottom: 230px;
    }*/

    .better_way_section h2 {
        font-size: 80px;
        line-height: 90px;
    }

    .better_way_section h3 {
        font-size: 80px;
        line-height: 90px;
        margin: 0 0 20px;
    }

    .better_way_section_box {
        padding-top: 50px;
    }

    .better_way_box {
        padding: 30px 25px;
        margin: 0 0 25px;
    }

    .better_way_box_img {
        margin-bottom: 20px;
        height: 450px;
    }

    .way_icon {
        width: 100px;
        height: 100px;
        float: left;
        margin-right: 15px;
    }

    .way_content {
        padding: 0;
    }

    .way_content p {
        padding: 20px;
        font-size: 23px;
        line-height: 30px;
    }
}

.mission_sustainability {
/*    background-color: #225D2A;*/
background-image: url(../images/supply_chain.png);
}

.mission_sustainability .container,
.mission_sustainability .container .row,
.mission_sustainability .container .row .col-md-8,
.mission_sustainability .container .row .col-md-4 {
    height: 100%;
}
.mission_sustainability .container .row .col-md-8 {
    display: inline-flex;
    justify-content: right;
    align-items: center;
}
.mission_sustainability .container .row .col-md-4 {
    display: inline-flex;
    justify-content: left;
    align-items: center;
}
.mission_sustainability .mission_sustainability_img {
    max-width: 700px;
}

.mission_sustainability_border {
    border: solid 100px rgba(255, 0, 0, .5);
    width: 820px;
    height: 430px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    top: 110px;
    left: 65px;
    display: none;
}

.mission_sustainability_placeholder {
    font-size: 60px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(0, 0, 0, 1);
    position: absolute;
    bottom: -78px;
    left: -54px;
    transition: all 0.5s ease;
}

.mission_sustainability_title {
    padding: 0;
}

.mission_sustainability_title h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
}

.mission_sustainability_title h3 {
    font-size: 65px;
    line-height: 65px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    margin: 0;
}

.mission_slider_area {
    width: 100%;
}

.mission_slider .slick-list {
    padding: 0;
}

.mission_slider .slick-slide {
    margin: 0;
}
.mission_slider .mission_name_div {
    margin: 0 15px;
}

/*.mission_slider .mission_name {
     padding: 15px 0;
}
*/
.mission_slider_area h5 {
    font-size: 25px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 0;
    padding: 0;
    font-weight: 700;
}

.mission_slider_area h6 {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 700;
}

.mission_slider_area p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 400;
}

@media (min-width: 1200px) {
    /*.mission_sustainability_img {
        width: 650px;
        position: absolute;
        right: 0;
        top: 100px;
        transition: all .5s ease-out;
    }*/

    /*.mission_sustainability.current .mission_sustainability_img {
        left: 40%;
        transition: all .5s ease-out;
    }*/

    .mission_sustainability_border {
        border: solid 60px rgba(255, 0, 0, .5);
        width: 540px;
        height: 310px;
        background-color: rgba(255, 255, 255, .5);
        position: absolute;
        top: 110px;
        left: 65px;
    }

    .mission_sustainability_placeholder {
        font-size: 55px;
        line-height: 55px;
        font-weight: 700;
        color: #fff;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: rgba(0, 0, 0, 1);
        position: absolute;
        bottom: -45px;
        left: -40px;
        transition: all 0.5s ease;
    }

    

    .mission_sustainability_title h2 {
        font-size: 50px;
        line-height: 60px;
        font-weight: 700;
        color: #fff;
        padding: 0;
        margin: 0;
    }

    .mission_sustainability_title h3 {
        font-size: 100px;
        line-height: 90px;
        font-weight: 700;
        color: #fff;
        padding: 0;
        margin: 0;
    }

    .mission_slider_area {
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
    }

    .mission_slider_area h5 {
        font-size: 40px;
        line-height: 45px;
        margin: 0 0 10px;
        padding: 0;
    }

    .mission_slider_area h6 {
        font-size: 50px;
        line-height: 55px;
        margin: 0 0 20px;
    }

    .mission_slider_area p {
        font-size: 18px;
        line-height: 25px;
    }
}

@media (min-width: 1700px) {
    

    .mission_sustainability_border {
        border: solid 100px rgba(255, 0, 0, .5);
        width: 820px;
        height: 430px;
        top: 110px;
        left: 65px;
    }

    .mission_sustainability_placeholder {
        font-size: 60px;
        line-height: 70px;
        bottom: -78px;
        left: -54px;
    }

    

    .mission_sustainability_title h2 {
        font-size: 85px;
        line-height: 110px;
    }

    .mission_sustainability_title h3 {
        font-size: 165px;
        line-height: 165px;
    }

    .mission_slider_area h5 {
        font-size: 70px;
        line-height: 75px;
        margin: 0 0 10px;
    }

    .mission_slider_area h6 {
        font-size: 80px;
        line-height: 85px;
        color: #fff;
        margin: 0 0 20px;
    }

    .mission_slider_area p {
        font-size: 30px;
        line-height: 35px;
    }
}

/* About Us */
.about_introduction {
    background-color: #FC9200;
    padding: 30px 0;

}
.about_master {
    background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
}


.about_master_img {
/*    margin-top: 30px;*/
}

.about_master_content {
    padding: 25px 0;
}

.about_master h1 {
    font-size: 40px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.about_master h2 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.about_introduction h1 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.about_introduction p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
}

.about_mission_vission {
    background-color: #E92F2A;
    padding: 30px 0;
}

.about_mission_vission_img_desktop {
    display: none;
}

.about_mission_vission h1 {
    font-size: 40px;
    line-height: 35px;
    margin: 0 0 0;
    padding: 0;
    font-weight: 700;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
}

.about_mission_vission h1 i {
    font-size: 40px;
    transition: all 0.7s ease;
    border-radius: 50%;
    border: 0.3px solid rgba(255, 255, 255, .5);
    width: 50px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
}

.about_mission_vission p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 400;
}

.mission_text,
.vission_text {
    margin-bottom: 25px;
}

.concept_dna {
    padding: 30px 0;
    background-color: #B4C11E;
}
.concept_dna h2 {
    font-size: 65px;
    line-height: 65px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 30px;
    padding: 0;
    font-weight: 700;
}

.concept_dna_img {
    margin-bottom: 30px;
}

.concept_dna h1 {
    /*font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 700;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: .3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);*/
        font-size: 18px;
    line-height: 35px;
    margin-bottom: 0;
    transition: all 0.7s ease;
    color: #fff;
}

.concept_dna h1 i {
    font-size: 20px;
    transition: all 0.7s ease;
    border-radius: 50%;
/*    border: 0.3px solid rgba(255, 255, 255, .5);*/
    border: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    color: #8b9700;
    font-family: 'Poppins';
    font-style: normal;
}

.concept_dna p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 400;
}

.dna_title {
    margin-bottom: 8px;
}

.assorted_better {
    padding: 30px 0;
    background-color: #A60C1B;
}

.assorted_better_content {
    padding: 0 0 50px;
}

.assorted_better_img {
    margin-bottom: 30px;
}

.assorted_better h1 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.assorted_better p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 400;
}

.assorted_better .swipe-tab-content p {
    font-size: 18px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-weight: 400;
}

.assorted_better h2 {
    font-size: 40px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.assorted_better h3 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.history_legacy_scroll_area {
    padding: 30px 15px;
}

.history_legacy_scroll_fixed {
    padding-bottom: 15px;
}

.history_legacy_scroll_area .padding_125 {
    display: none;
}

.history_legacy_half_scrolling .mCSB_draggerContainer {
    opacity: 0;
}

.history_legacy {
    background-image: url(../images/supply_chain.png);
}

.history_legacy p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}

.history_legacy h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.history_legacy h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.history_legacy h4 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.history_legacy h5 {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
    padding-left: 45px;
}


.embracing_opportunities {
    background-color: #fc9200;
}

.embracing_new_scroll_area {
    padding: 30px 15px;
}

.embracing_new_scroll_fixed {
    padding-bottom: 15px;
}

.embracing_new_half_scrolling .mCSB_draggerContainer {
    opacity: 0;
}


.embracing_opportunities p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}

.embracing_opportunities h1 {
    font-size: 60px;
    line-height: 70px;
    /*color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);*/
    color: #000;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.embracing_opportunities h1 span {
    font-size: 60px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.embracing_opportunities h3 {
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.embracing_opportunities h4 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
    padding: 0;
    margin: 0;
}
@media (min-width: 1200px) {
    .embracing_new_scroll_area {
/*        height: 100vh;*/
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 100px 0;
    }
    .embracing_new_scroll_fixed {
        width: 50%;
        padding-left: 125px;
        padding-top: 100px;
        padding-bottom: 0;
        padding-right: 125px;
        display: block;
    }
    .embracing_new_half_scrolling {
        width: 50%;
        padding: 0 125px 0 0;
    }
    .year_row {
        margin-bottom: 35px;
    }
}

@media (min-width: 1200px) {
    .about_master .container {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .about_master .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .about_introduction {
        padding: 0;
        background: linear-gradient(to right, rgba(255,189,72,1) 50%,rgba(255,167,11,1) 50%);
    }
    .about_introduction_bg,
    .about_mission_vission_bg,
    .concept_dna_bg,
    .assorted_better_bg {
        background-image: url(../images/supply_chain.png);
        height: 100%;
    }

    .about_master_img {
        /*float: left;
        width: 40%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        height: 100%;*/
    }

    .about_master_content {
        /*float: right;
        width: 58%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
        height: 100%;*/
    }

    .about_master h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .about_master h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .about_introduction .container {
        height: 100%;
    }
    .about_introduction .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .about_introduction_content .jayweb {
        padding: 0 0 0 100px;
    }
    .about_introduction h1 {
        font-size: 65px;
        line-height: 70px;
        margin-bottom: 18px;
    }

    .about_introduction p {
        font-size: 22px;
        line-height: 35px;
        margin: 0 0 30px;
    }

    .about_mission_vission {
        padding: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e92f2a+50,fad5d4+50,fad5d4+50 */
        background: #e92f2a;
        /* Old browsers */
        background: -moz-linear-gradient(left, #e92f2a 50%, #fad5d4 50%, #fad5d4 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #e92f2a 50%, #fad5d4 50%, #fad5d4 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #e92f2a 50%, #fad5d4 50%, #fad5d4 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e92f2a', endColorstr='#fad5d4', GradientType=1);
        /* IE6-9 */
    }

    .about_mission_vission_img_mobile {
        display: none;
    }

    .about_mission_vission_img_desktop {
        display: block;
    }
    .about_mission_vission_img_desktop .jayweb {
        max-width: 75%;
        margin: 0 auto;
    }
    .about_mission_vission .container {
        height: 100%;
        width: 100%;
    }
    .about_mission_vission .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .about_mission_vission_content .jayweb {
        max-width: 700px;
    }
    .about_mission_vission h1 {
        font-size: 70px;
        line-height: 80px;
        margin-bottom: 0;
        transition: all 0.7s ease;
        color: #fff;
    }

    .about_mission_vission h1 i {
        font-size: 25px;
        transition: all 0.7s ease;
        border-radius: 50%;
        border: 0.3px solid #e92f2a;
        width: 45px;
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
        text-align: center;
    }

    /*.about_mission_vission h1:hover {
         color: rgb(243 6 6 / 0%);
         -webkit-text-stroke-width: .5px;
         -webkit-text-stroke-color: rgba(255,255,255,1);
         transition: all 0.7s ease;
    }
    */
    .mission_text:hover h1,
    .vission_text:hover h1 {
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: .3px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        transition: all 0.7s ease;
    }

    .mission_text:hover h1 i,
    .vission_text:hover h1 i {
        font-size: 50px;
        border: 0.3px solid #fff;
        border-radius: 50%;
        width: 70px;
        height: 70px;
        vertical-align: middle;
        text-align: center;
        line-height: 70px;
        transition: all 0.7s ease;
    }

    .mission_text, .vission_text {
        margin-bottom: 105px;
    }

    .mission_text,
    .vission_text {
        position: relative;
    }

    .mission_text p,
    .vission_text p {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.7s ease;
        position: absolute;
        top: 0;
    }

    .mission_text:hover p,
    .vission_text:hover p {
        display: block;
        transition: all 0.7s ease;
        top: 55px;
        visibility: visible;
        opacity: 1;
    }

    .concept_dna {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f0f2d2+50,b4c11e+50 */
        background: #f0f2d2;
        /* Old browsers */
        background: -moz-linear-gradient(left, #f0f2d2 50%, #b4c11e 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #f0f2d2 50%, #b4c11e 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f0f2d2 50%, #b4c11e 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f2d2', endColorstr='#b4c11e', GradientType=1);
        /* IE6-9 */
        padding: 0;
    }

    .concept_dna .container {
        height: 100%;
    }
    .concept_dna .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .concept_dna_img {
        
    }

    

    .concept_dna_content {
       
    }
    .concept_dna_content .jayweb {
        padding-left: 100px;
    }

    .concept_dna h1 {
        font-size: 30px;
        line-height: 70px;
        margin-bottom: 0;
        transition: all 0.7s ease;
        color: #fff;
    }

    .concept_dna h1 i {
        font-size: 25px;
        transition: all 0.7s ease;
        border-radius: 50%;
        border: 0.3px solid #b4c11e;
        width: 35px;
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
        text-align: center;
    }

    .dna_title:hover h1 {
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        transition: all 0.7s ease;
    }

    .dna_title:hover h1 i {
        font-size: 25px;
        border: 0.3px solid #fff;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        vertical-align: middle;
        text-align: center;
        line-height: 45px;
        transition: all 0.7s ease;
    }

    .dna_title {
        margin-bottom: 35px;
    }

    .dna_title {
        position: relative;
    }

    .dna_title p {
        font-size: 17px;
        line-height: 22px;
        margin: 0 0 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.7s ease;
        position: absolute;
        top: 0;
    }

    .dna_title:hover p {
        display: block;
        transition: all 0.7s ease;
        top:40px;
        visibility: visible;
        opacity: 1;
    }

    .assorted_better {
        padding: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edced1+50,a60c1b+50 */
        background: #edced1;
        /* Old browsers */
        background: -moz-linear-gradient(left, #edced1 50%, #a60c1b 50%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #edced1 50%, #a60c1b 50%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #edced1 50%, #a60c1b 50%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edced1', endColorstr='#a60c1b', GradientType=1);
        /* IE6-9 */
    }

    .assorted_better_img {
        margin: 0;
    }

    .assorted_better .container {
        height: 100%;
        /*width: 100%;
        max-width: 100%;*/
        padding: 0;
    }

    .assorted_better .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .assorted_better_img {
    }

    .assorted_better_content_area {
    }
    .assorted_better_content_area .jayweb {
        padding: 0 100px;
        width: 100%;
    }
    /*.assorted_better_content {
        padding: 100px 100px 0 60px;
    }*/

    .assorted_better_slider {
        /*position: absolute;
        bottom: 60px;
        left: 0;
        width: 100%;*/
    }

    .assorted_better h1 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 10px;
    }

    .assorted_better p {
        font-size: 20px;
        line-height: 25px;
    }

    .assorted_better .swipe-tab p {
        display: none;
    }

    .assorted_better .swipe-tab-content p {
        font-size: 20px;
        line-height: 25px;
    }

    .sub-header .slick-list {
        padding: 0;
    }

    .sub-header .slick-slide {
        /* width: 670px!important;
        */
    }

    .swipe-tabs-container .slick-list {
        padding: 0;
    }

    .assorted_better h2 {
        font-size: 60px;
        line-height: 70px;
        margin: 0;
    }

    .assorted_better h3 {
        font-size: 60px;
        line-height: 70px;
        margin: 0 0 25px;
    }

    .history_legacy {}

    .history_legacy_scroll_area {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }

    .history_legacy_scroll_area .padding_125 {
        display: block;
    }

    
    .history_legacy_scroll_fixed {
       
        padding-bottom: 0;
        display: block;
    }
    .history_legacy_scroll_area .row {
        height:100%;
    }
    .height_full {
        height: 100%;
            height: 100%;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    }

    .history_legacy p {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 15px;
        padding-left: 45px;
    }

    .history_legacy h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .history_legacy h3 {
        font-size: 60px;
        line-height: 70px;
    }
}
@media (min-width: 1366px) {
    /*.about_master_img {
        width: 600px;
        margin-top: 220px;
    }*/
    /*.about_master_content {
        width: 600px;
        margin-top: 290px;
        padding: 0;
    }*/
    /*.about_introduction_content {
        padding: 220px 0 0 100px;
    }*/
    /*.about_mission_vission_content {
        padding: 280px 100px 0 0;
    }*/
    /*.concept_dna_content {
        padding: 150px 0 0 60px;
    }*/
    /*.assorted_better_content {
        padding: 250px 100px 0 60px;
    }*/
}
@media (min-width: 1700px) {
    /*.about_master_img {
        width: 735px;
        margin-top: 220px;
    }

    .about_master_content {
        width: 820px;
        margin-top: 230px;
        padding: 0;
    }*/

    .about_master h1 {
        font-size: 70px;
        line-height: 70px;
    }

    .about_master h2 {
        font-size: 65px;
        line-height: 70px;
    }

    

    /*.about_introduction_content {
        padding: 220px 0 0 100px;
    }*/
    /*.assorted_better_content {
        padding: 200px 120px 0 100px;
    }*/
    .about_introduction h1 {
        font-size: 85px;
        line-height: 90px;
        margin-bottom: 45px;
    }

    .about_introduction p {
        font-size: 33px;
        line-height: 45px;
        margin: 0 0 30px;
    }

    /*.about_mission_vission_content {
        padding: 220px 100px 0 0;
    }*/

    .about_mission_vission h1 {
        font-size: 85px;
        line-height: 90px;
    }

    .about_mission_vission h1 i {
        font-size: 50px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .mission_text:hover h1 i,
    .vission_text:hover h1 i {
        font-size: 50px;
        width: 98px;
        height: 98px;
        line-height: 98px;
    }

    .mission_text, .vission_text {
        margin-bottom: 120px;
    }

    .mission_text p,
    .vission_text p {
        font-size: 25px;
        line-height: 35px;
    }


    .assorted_better h1 {
        font-size: 85px;
        line-height: 90px;
        margin-bottom: 40px;
    }

    .assorted_better p {
        font-size: 33px;
        line-height: 35px;
    }

    .assorted_better .swipe-tab-content p {
        font-size: 33px;
        line-height: 35px;
    }

    .assorted_better h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .assorted_better h3 {
        font-size: 85px;
        line-height: 90px;
    }    
    .history_legacy h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .history_legacy h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .concept_dna h1 i {
        /*font-size: 30px;*/
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .concept_dna_img {
        justify-content: center;
    }

    

    .dna_title {
        margin-bottom: 20px;
    }
    .dna_title:hover p {
        top: 60px;
    }
    /*.dna_title:hover h1 i {
        font-size: 50px;
        width: 98px;
        height: 98px;
        line-height: 98px;
    }*/

    .dna_title p {
        font-size: 20px;
        line-height: 25px;
    }
    
}

.great_people {
    background-color: #223E1B;
    padding: 30px 0;

}

.great_people h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.great_people h3 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.great_people h4 {
    font-size: 23px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: capitalize;
}

.great_people h5 {
    font-size: 17px;
    line-height: 17px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
.great_people p {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
.great_people_scroll_fixed {
    padding: 0 35px 25px 15px;
}

.great_people_half_scrolling {
    padding: 0 0 50px;
}

.great_people_half_scrolling,
.team_box {
    position: relative;
}

.team_box:after {
    content: '';
    background: rgba(36, 62, 27, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.team_icon {
    z-index: 9;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.team_icon i {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
}

.team_details {
    z-index: 9;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    height: 85px;
    width: 100%;
    background: #B4C11E;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transform: inherit;
    text-align: center;
}

.mjil_team_box:nth-child(5n+1){
      background-color: #B4C11E;
      opacity: 1;
  }
  .mjil_team_box:nth-child(5n+2){
      background-color: orange;
      opacity: 1;
  }
  .mjil_team_box:nth-child(5n+3){
      background-color: #a60c1b;
      opacity: 1;
  }
  .mjil_team_box:nth-child(5n+4){
      background-color: #ffbe00;
      opacity: 1;
  }
  .mjil_team_box:nth-child(5n+5){
      background-color: #f7921e;
      opacity: 1;
  } 
  .mjil_team_box_details {
      padding: 0;
      text-align: center;
  }
  .mjil_team_name {
    padding: 10px;
  }
.mjil_team_details {
    transition: all 0.3s ease-in-out 0s;
    background-color: #225D2A;
    padding: 15px;
  }
  .mjil_team_box {
    border-right: .3px solid rgba(255, 255, 255, .2);
  }
@media (min-width: 1200px) {
    .great_people {
        padding: 0;
    }
    .great_people .container {
        height: 100%;
    }
    .great_people .container .row {
        height: 100%;
        display: flex;
        align-items: center;
    }
    .great_people h2 {
        font-size: 60px;
        line-height: 70px;
        margin-bottom: 20px;
    }

    .great_people h3 {
        font-size: 60px;
        line-height: 70px;
    }

    .great_people h4 {
        font-size: 25px;
        line-height: 35px;
        color: #fff;
        margin: 0;
        padding: 0;
        font-weight: 700;
        text-transform: capitalize;
    }

    .great_people h5 {
        font-size: 22px;
        line-height: 30px;
    }
    .great_people p {
        font-size: 15px;
        line-height: 20px;
    }
    .great_people_scroll_area {
        height: 100vh;
        /*display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
        padding: 0;
    }

    .great_people_scroll_fixed {
        width: 50%;
        padding: 200px 0 0 125px;
        display: block;
    }

    .great_people_half_scrolling {
        width: 50%;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    .great_people .mCSB_draggerContainer {
        opacity: 0;
    }

    .great_people .mCSB_inside>.mCSB_container {
        margin-right: 0;
    }

    .team_box {
        width: 50%;
        height: 469px;
        float: left;
        overflow: hidden;
        position: relative;
        background-color: #225D2A;
    }

    .team_details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .team_details {
        z-index: 9;
        top: auto;
        bottom: 0;
        padding: 15px 0;
        height: 115px;
        background: #B4C11E;
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        text-align: center;
    }

    .team_box:hover .team_details {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .team_img {
        transition: 0.3s;
    }

    .team_box:hover .team_img {
        transform: scale(.9);
    }

    .team_box:after {
        content: '';
        background: rgba(36, 62, 27, 0.5);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .team_box:hover:after {
        opacity: 1;
    }

    .team_icon {
        z-index: 9;
        position: absolute;
        text-align: center;
        width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .team_icon i {
        font-size: 50px;
        line-height: 50px;
        color: #fff;
    }

    .team_box:hover .team_icon {
        top: 50%;
        left: 50%;
        opacity: 1;
    }
    .mjil_team_box {
        width: 50%;
        height: 300px;
        float: left;
        overflow: hidden;
        position: relative;        
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out 0s;
        border: 0; 
    }
    .mjil_team_name {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      transition: all 0.3s ease-in-out 0s;
      padding: 0;
      display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .mjil_team_box:hover .mjil_team_name {
      height: 70px;
      transition: all 0.3s ease-in-out 0s;
    }
    .mjil_team_details {
      position: absolute;
      bottom: -100%;
      left: 0;
      height: 0px;
      width: 100%;
      padding: 0 20px;
      display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .mjil_team_box:hover .mjil_team_details {
      bottom: 0;
      height: 230px;
      transition: all 0.3s ease-in-out 0s;
    }
    
}

@media (min-width: 1700px) {
  .great_people h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .great_people h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .great_people h4 {
        font-size: 35px;
        line-height: 35px;
    }

    .great_people h5 {
        font-size: 25px;
        line-height: 30px;
    }
    
}

.manufacturing_banner {
/*    background-color: #223E1B;*/
    background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    padding: 30px 0;
}

.manufacturing_banner .container {
    height: 100%;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.manufacturing_banner h2 {
    font-size: 24px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.manufacturing_banner h2 br {
    display: none;
}

@media (min-width: 1200px) {
    .manufacturing_banner {
        padding: 0;
        display: inline-flex;
    }
    .manufacturing_banner .row {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .manufacturing_banner .facturing_img {
        /*width: 40%;
        float: left;*/
    }

    .manufacturing_banner .facturing_img img {
        
    }

    .facturing_text {
        /*width: 60%;
        float: right;*/
    }

    .manufacturing_banner h2 {
        font-size: 50px;
        line-height: 50px;
    }

    .manufacturing_banner h2 br {
        display: block;
    }
}
@media (min-width: 1366px) {
   
}
@media (min-width: 1700px) {
  .manufacturing_banner h2 {
      font-size: 65px;
        line-height: 70px;
  }
  
}

.six_factories {
    background-color: #222222;
    background-image: url(../images/supply_chain.png);
    padding: 30px 0 0 0;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.six_factories h2 {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.flag_factories ul {
    text-align: center;
    padding: 0;
    margin: 25px 0;
}

.flag_factories ul li {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 9px;
    border-right: 1px solid #fff;
    margin-bottom: 20px;
}

.flag_factories ul li:first-child {
    padding-left: 0;
}

.flag_factories ul li:last-child {
    border: 0;
    padding-right: 0;
}

.flag_factories ul li:nth-child(3) {
    border: 0;
    padding-right: 0;
}

.flag_factories ul li img {
    float: left;
    margin-right: 10px;
    width: 20px;
}

@media (min-width: 1200px) {

    .six_factories {
        height: 450px !important;
        padding-top: 110px;
        text-align: center;
    }

    .six_factories h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .flag_factories ul {
        padding: 0;
        margin: 0;
    }

    .flag_factories ul li {
        font-size: 17px;
        line-height: 30px;
        padding: 0 30px;
        margin-bottom: 0;
    }

    .flag_factories ul li:nth-child(3) {
        border-right: 1px solid #fff;
        padding-right: 30px;
    }

    .flag_factories ul li img {
        width: 30px;
    }

    .flag_factories {
        margin-top: 50px;
    }
}
@media (min-width: 1366px) {
    .six_factories {
        height: 700px !important;
        padding-top: 300px;
    }
}
@media (min-width: 1700px) {
  .six_factories {
        height: 700px !important;
        padding-top: 135px;
    }
  .six_factories h2 {
        font-size: 75px;
        line-height: 85px;
    }
    .flag_factories ul li {
        font-size: 20px;
        line-height: 35px;
        padding: 0 60px;
    }

    .flag_factories ul li:nth-child(3) {
        padding-right: 60px;
    }
    .flag_factories ul li img {
        width: auto;
    }
    .flag_factories {
        margin-top: 100px;
    }
}

.interviews_impressions {
    background-color: #A60C1B;
    padding: 30px 0;
}

.interviews_impressions h2 {
    font-size: 40px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.interviews_impressions h3 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.interviews_impressions p {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.interviews_slider_area {
    margin-top: 15px;
}

.interviews_content {
    padding: 10px 0;
}

.interviews_slider_area .slick-prev {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 60px;
    bottom: 20px;
    position: absolute;
    background-image: url(../images/prev.png);
    opacity: 1;
    background-repeat: no-repeat;
    text-indent: -99999px;
    border: 0;
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
}

.interviews_slider_area .slick-next {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 15px;
    bottom: 20px;
    position: absolute;
    background-image: url(../images/next.png);
    opacity: 1;
    background-repeat: no-repeat;
    text-indent: -99999px;
    border: 0;
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
}

@media (min-width: 1200px) {
    .interviews_impressions {
        padding: 130px 0 0 0;
    }

    .interviews_impressions h2,
    .interviews_impressions h3 {
        font-size: 60px;
        line-height: 70px;
    }

    .interviews_slider .slick-list {
        padding: 0 0 0 7%;
    }

    .interviews_impressions p {
        font-size: 17px;
        line-height: 25px;
    }

    .interviews_slider .interviews_box {
        margin: 0 35px 0 0;
    }
    /*.interviews_slider .interviews_box img {
      width: 100%;
    }*/
    .interviews_slider_area .slick-next,
    .interviews_slider_area .slick-prev {
        width: 30px;
        height: 30px;
        z-index: 9999;
    }

    .interviews_slider_area .slick-prev {
        right: 80px;
    }

    .interviews_slider_area .slick-next {
        right: 35px;
    }
    .interviews_man img {
      display: block;
    }
}
@media (min-width: 1366px) {
    .interviews_impressions {
        padding-top: 250px;
    }
    .interviews_slider .slick-list {
        padding: 0;
    }
    .interviews_slider .interviews_box {
        margin: 0 20px;
    }
}
@media (min-width: 1700px) {
    .interviews_impressions {
        padding-top: 150px;
    }

    .interviews_slider_area {
        margin-top: 25px;
    }
    .interviews_impressions h2,
    .interviews_impressions h3 {
        font-size: 85px;
        line-height: 90px;
    }
    .interviews_impressions p {
        font-size: 25px;
        line-height: 30px;
    }
    .interviews_slider .slick-list {
        padding: 0 0 0 7%;
    }
    .interviews_slider_area .slick-next,
    .interviews_slider_area .slick-prev {
        width: 60px;
        height: 60px;
    }
    .interviews_slider_area .slick-prev {
        right: 170px;
    }

    .interviews_slider_area .slick-next {
        right: 100px;
    }
}

.precision_step {
    padding: 35px 0;
}

.precision_step .precision_img {
    margin-bottom: 30px;
}

.precision_step .container {
    height: 100%;
    position: initial;
}
.precision_step .container .row {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.precision_step .container .row [class*="col-"] {
    position: initial;
}
.precision_slider_area {
    padding: 0 15px;
}

.precision_slider_area h5 {
    font-size: 40px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.precision_slider_area h6 {
    font-size: 40px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.precision_content {
    transition: all 0.7s ease;
}

.precision_content h2 {
    font-size: 38px;
    line-height: 45px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
}

.precision_content p {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400;
}

.precision_step.current .precision_content {
    transition: all .5s ease-out;
    
}

@media (min-width: 1200px) {
    .precision_step {
        padding: 0;
        background-image: url(../images/supply_chain.png);
    }

    .precision_mobile {
        display: none;
    }

    .precision_content h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .precision_img {
/*        width: 550px;*/
        
        transition: all .5s ease-out;
    }

    .precision_step.current .precision_img {
        left: 0;
        transition: all .5s ease-out;
        position: relative;
    }

    .precision_slider_area {
        /*position: absolute;
        bottom: 30px;
        right: 0;
        width: 51%;
        transition: all .5s ease-out;
        z-index: 9999;
        padding: 0;*/
    }

    .precision_step.current .precision_slider_area {
/*        right: 0;*/
        transition: all .5s ease-out;
    }

    /*.precision_slider .slick-list {
        padding: 0 0 0 50%;
    }*/

    .precision_slider .slick-slide {
        margin: 0 40px 0 0;
    }

    .precision_slider .precision_name {
        padding: 15px 0;
    }

    .precision_slider_area h5 {
        font-size: 60px;
        line-height: 70px;
    }

    .precision_slider_area h6 {
        font-size: 60px;
        line-height: 70px;
    }

    .precision_content {
        transition: all 0.7s ease;
    }
}
@media (min-width: 1366px) {
    .precision_img {
/*        width: 640px;*/
    }
    .precision_content {
/*        width: 655px;*/
    }
}
@media (min-width: 1700px) {
  .precision_img {
/*        width: 790px;*/
    }
    .precision_content {
/*        width: 600px;*/
    }

    .precision_content h2 {
        font-size: 85px;
        line-height: 90px;
    }
    .precision_slider_area h5 {
        font-size: 85px;
        line-height: 90px;
    }

    .precision_slider_area h6 {
        font-size: 85px;
        line-height: 90px;
    }
}

.precision_step_two {
    background-color: #223E1B;
    padding: 50px 0;
}

.precision_step_two .container {
    height: 100%;
}
.precision_step_two .container .row {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.step_precision {
    margin-bottom: 25px;
}

.step_precision p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

.precision_step_two h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0;
    transition: all 0.7s ease;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
}

.precision_step_two h1 i {
    font-size: 30px;
    transition: all 0.7s ease;
    border-radius: 50%;
    border: 0.3px solid rgba(255, 255, 255, .5);
    width: 40px;
    height: 40px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
}

.precision_step_two .precision_img {
    display: none;
}

@media (min-width: 1200px) {
    .precision_step_two {
        background-image: url(../images/supply_chain.png);
        padding: 0;
    }

    .precision_step_two .precision_img {
        display: block;
    }

    .precision_step_two .precision_img {
       
    }

    .precision_step_two.test .precision_img {
        
        transition: all .5s ease-out;
    }

    .precision_step_two .precision_content {
        
    }

    .precision_step_two.test .precision_content {
        
        transition: all .5s ease-out;
    }

    .every_step_precision {
       
        position: relative;
    }

    .every_step_show {
        
        transition: all .5s ease-out;
    }

    .precision_step_two.test .every_step_show {
        
        transition: all .5s ease-out;
    }

    .precision_step_two h1 {
        font-size: 55px;
        line-height: 80px;
        margin-bottom: 0;
        transition: all 0.7s ease;
        color: #fff;
    }

    .precision_step_two h1 i {
        font-size: 40px;
        transition: all 0.7s ease;
        border-radius: 50%;
        border: 0;/*0.3px solid #225D2A*/
        width: 45px;
        height: 45px;
        line-height: 45px;
        vertical-align: middle;
        text-align: center;
    }

    .step_precision:hover h1 {
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: .3px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        transition: all 0.7s ease;
    }

    .step_precision:hover h1 i {
        font-size: 30px;
        border: 0.3px solid #fff;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        vertical-align: middle;
        text-align: center;
        line-height: 50px;
        transition: all 0.7s ease;
    }

    .step_precision {
        margin-bottom: 30px;
    }

    .step_precision {
        position: relative;
    }

    .step_precision p {
        font-size: 25px;
        line-height: 35px;
        margin: 0 0 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.7s ease;
        position: absolute;
        top: 0;
    }

    .step_precision:hover p {
        display: block;
        transition: all 0.7s ease;
        top: 55px;
        visibility: visible;
        opacity: 1;
    }
}
@media (min-width: 1366px) {
    
}
@media (min-width: 1700px) {
  
    .precision_step_two h1 {
        font-size: 70px;
        line-height: 80px;
    }
    .every_step_show {
        width: 780px;
    }
    .step_precision {
        margin-bottom: 60px;
    }
    .step_precision p {
        font-size: 33px;
        line-height: 38px;
    }
    .precision_step_two h1 i {
        border: 0.3px solid #223E1B;
    }
    .step_precision:hover h1 i {
        font-size: 40px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .precision_step_two.test .every_step_show {
        bottom: 70px;
    }
   

}
.integrated_supply_chain {
    background-color: #FC9200;
    background-image: url(../images/supply_chain.png);
    padding: 50px 0;
    position: relative;
}

.integrated_supply_chain h1 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.integrated_chain_step {
    padding-left: 100px;
    padding-top: 50px;
}

.desiging_row {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 35px;
    display: inline-flex;
}

.integrated_chain_step .desiging_row:before {
    content: "";
    position: absolute;
    left: -50px;
    border-left: 3px solid #fff;
    height: 100%;
    width: 1px;
}

.integrated_chain_step .desiging_row:last-child:before {
    height: 50px;
}

.integrated_chain_step .desiging_row:first-child:before {
    top: 24px;
}

.integrated_chain_step .desiging_row:after {
    position: absolute;
    left: -38px;
    top: 10px;
    width: 20px;
    height: 20px;
    content: '';
    background-image: url(../images/content_bulets.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: none;
}

/*[data-aos^=fade][data-aos^=fade].aos-animate*/
.for_mobile_design_row {
    position: absolute;
    left: -125px;
    top: 0;
    width: 160px;
}

.integrated_chain_step #myNavbar {
    display: none;
}

.design_content {
    text-align: left;
    float: left;
}

/*.desiging_row:nth-child(2n+1) .design_content{
     text-align: left;
     float: right;
}
*/
.integrated_supply_chain h2 {
    font-size: 32px;
    line-height: 35px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 10px;
    padding: 0;
    font-weight: 700;
}

.integrated_supply_chain p {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.d_big_circle {
    width: 184px;
    height: 184px;
    top: -110px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-out;
    left: 50%;
    margin-left: -92px;
}

#nav li:last-child .d_big_circle {
    top: 0;
}

.d_small_circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease-out;
}

.d_small_small_circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1.0);
    transition: all .5s ease-out;
}

#nav ul {
    width: 10px;
    height: 85%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -5px;
    transition: all .5s ease-out;
    border-radius: 20px;
}

#nav li .d_big_circle {
    opacity: 0;
}

#nav li.active .d_big_circle {
    opacity: 1;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    transition: all .5s ease-out;
}

#nav li.active .d_small_circle {
    width: 120px;
    height: 120px;
    transition: all .5s ease-out;
}

#nav li.active .d_small_small_circle {
    width: 50px;
    height: 50px;
    transition: all .5s ease-out;
}

#nav li {
    height: 500px;
    position: relative;
}

@media (min-width: 1200px) {
    .integrated_supply_chain {
        padding-top: 120px;
        padding-bottom: 0;
    }

    .for_mobile_design_row {
        position: inherit;
        left: inherit;
        top: inherit;
        width: 50%;
    }

    .integrated_chain_step .float_right {
        float: right;
    }

    .integrated_chain_step #myNavbar {
        display: block;
    }

    .desiging_row {
        height: 500px;
        padding: 0;
        display: inherit;
    }

    .design_content {
        width: 420px;
        text-align: right;
        float: left;
    }

    .desiging_row:nth-child(2n+2) .design_content {
        text-align: left;
        float: right;
    }

    .block_img {
        text-align: center;
        margin-top: -60px;
        padding: 0px 130px;
    }

    .integrated_supply_chain h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .integrated_border {}

    .integrated_chain_step {
        margin-top: 150px;
        position: relative;
        padding: 0;
    }

    .integrated_chain_step .desiging_row:before,
    .integrated_chain_step .desiging_row:after {
        display: none;
    }

    .integrated_supply_chain h2 {
        font-size: 60px;
        line-height: 60px;
    }

    .integrated_supply_chain p {
        font-size: 20px;
        line-height: 25px;
    }
}
@media (min-width: 1366px) {
    .integrated_supply_chain {
        padding-top: 170px;
    }
}
@media (min-width: 1700px) {
  .integrated_supply_chain {
        padding-top: 220px;
    }
  .integrated_supply_chain h1 {
        font-size: 85px;
        line-height: 90px;
    }
    .integrated_supply_chain h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .integrated_supply_chain p {
        font-size: 25px;
        line-height: 30px;
    }
    #nav ul {
        width: 15px;
        margin-left: -7.5px;
    }
    #nav li.active .d_big_circle {
        opacity: 1;
        width: 284px;
        height: 284px;
        margin-left: -142px;
    }

    #nav li.active .d_small_circle {
        width: 137px;
        height: 137px;
    }

    #nav li.active .d_small_small_circle {
        width: 65px;
        height: 65px;
    }
    .design_content {
        width: 615px;
    }
    .block_img {
        margin-top: -100px;
        padding: 0;
    }
}
.in_house_expertise {
    background-color: #B4C11E;
    padding: 30px 15px;
}

.in_house_expertise h2 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.in_house_expertise h3 {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.expertise_slider .slick-list {
    padding: 0 6% 0 6%;
}

.expertise_slider .slick-slide {
    margin: 0 20px;
}

.expertise_img {
    float: right;
}

.expertise_name {
    float: left;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    margin-right: 10px;
}

.expertise_img img {
    display: block;
}

.expertise_slider .expertise_name p {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}

@media (min-width: 1200px) {
    .in_house_expertise {
        padding: 130px 0 0 0;
    }

    .in_house_expertise h2,
    .in_house_expertise h3 {
        font-size: 60px;
        line-height: 70px;
    }   

    .expertise_slider_area {
        margin-top: 50px;
    }

    .expertise_name {
      height: 250px;
  }
  .expertise_img {
    height: 250px;
  }
  .expertise_img img {
    width: 100%;
    height: 100%;
  }

}
@media (min-width: 1366px) {
    .in_house_expertise {
        padding: 200px 0 0 0;
    }
    .expertise_img {
    height: auto;
  }
    .expertise_name {
      height: 425px;
  }
}
@media (min-width: 1700px) {
  .in_house_expertise {
        padding: 180px 0 0 0;
    }

    .in_house_expertise h2,
    .in_house_expertise h3 {
        font-size: 85px;
        line-height: 90px;
    }

    .expertise_slider .expertise_name p {
        font-size: 34px;
        line-height: 35px;
    }

    .expertise_slider_area {
        margin-top: 50px;
    }
    .expertise_name {
      height: 425px;
  }
  .expertise_img {
    height: auto;
  }

}

.sectionbox {
    height: 400px;
    border: 1px solid #000;
    margin-bottom: 100px;
    background-color: #f00;
}

.tea_packer {
    background-color: #A60C1B;
    padding: 50px 0;
    position: relative;
    background-image: url(../images/supply_chain.png);
}

.tea_packer_content {
    margin-top: 50px;
}

.tea_packer h2 {
    font-size: 30px;
    line-height: 35px;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.tea_packer h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 0;
    transition: all 0.7s ease;
    font-weight: 700;
    padding: 0;
    margin: 0;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 0.3px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
}

.tea_packer h3 i {
    font-size: 30px;
    transition: all 0.7s ease;
    border-radius: 50%;
    border: 0.3px solid rgba(255, 255, 255, .5);
    width: 40px;
    height: 40px;
    line-height: 35px;
    vertical-align: middle;
    text-align: center;
}

.packer_title {
    margin-bottom: 20px;
}

.packer_title {
    position: relative;
}

.packer_title p {
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0;
    transition: all 0.7s ease;
}
.tea_packer p {
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.tea_packer p span {
  font-weight: 600;
}
.tea_packer p a {
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 400;
  text-decoration: underline;
}
.certificate_area {
  padding: 10px;
  border: 1px solid #fff;
  margin: 0 0 25px;
}
.certificate_image {
  padding: 0;
  margin: 0;
}
.certificate_area ul {
  padding: 0;
  margin: 0 0 15px;
  text-align: center;
}
.certificate_area ul li {
  padding: 10px;
  margin: 0 0 5px;
  width: 105px;
  height: 105px;
  background-color: #fff;
  /* float: left; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.certificate_area ul li:last-child{
  margin-right: 0;
}
.tea_packer_small_box {
  padding: 25px;
  border: 1px solid #fff;
  margin: 0 0 25px;
}

.tea_packer_content .col-md-3:last-child .tea_packer_small_box {
  margin: 0;
}


@media (min-width: 1200px) {
    .tea_packer {
        padding-top: 130px;
        padding-bottom: 70px;
    }

    .tea_packer h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .tea_packer h3 {
        font-size: 85px;
        line-height: 90px;
        color: #fff;
    }

    .tea_packer h3 i {
        font-size: 50px;
        border-radius: 50%;
        border: 0.3px solid #A60C1B;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .packer_title {
        margin-bottom: 60px;
    }

    .packer_title:hover h3 {
        color: rgb(243 6 6 / 0%);
        -webkit-text-stroke-width: .3px;
        -webkit-text-stroke-color: rgba(255, 255, 255, 1);
        transition: all 0.7s ease;
    }

    .packer_title:hover h3 i {
        font-size: 50px;
        border: 0.3px solid #fff;
        border-radius: 50%;
        width: 98px;
        height: 98px;
        vertical-align: middle;
        text-align: center;
        line-height: 98px;
        transition: all 0.7s ease;
    }

    .packer_title p {
        font-size: 33px;
        line-height: 38px;
        color: #fff;
        margin: 0 0 0;
        visibility: hidden;
        opacity: 0;
        transition: all 0.7s ease;
        position: absolute;
        top: 0;
    }

    .packer_title:hover p {
        display: block;
        transition: all 0.7s ease;
        top: 55px;
        visibility: visible;
        opacity: 1;
    }
    .tea_packer p,
    .tea_packer p a {
      font-size: 20px;
      line-height: 25px;
    }

    .certificate_area {
      padding: 25px;
      
    }
    .certificate_image {
      padding: 0;
      margin: 0;
    }
    .certificate_area ul {
      margin: 0 0 15px;
    }
    .certificate_area ul li {
      padding: 15px;
      margin: 0 31px 0 0;
      width: 129px;
      height: 129px;
      background-color: #fff;
      float: left;
      display: inline-flex;
      justify-content: center;
      align-items: center;
    }
    .certificate_area ul li:last-child{
      margin-right: 0;
    }
    .tea_packer_small_box {
      padding: 25px;
      margin: 0px;
      min-height: 177px;
    }
}
@media (min-width: 1366px) {
    .certificate_area ul li {
        height: 147px;
        width: 147px;
    }
    .tea_packer {
        padding-top: 170px;
    }
}
@media (min-width: 1700px) {
  .tea_packer {
        padding-top: 110px;
        padding-bottom: 70px;
    }

    .tea_packer h2 {
        font-size: 85px;
        line-height: 90px;
    }

    .tea_packer h3 {
        font-size: 85px;
        line-height: 90px;
        color: #fff;
    }
    .certificate_area ul li {
      padding: 0;
      margin: 0 31px 0 0;
      width: 200px;
      height: 200px;
    }
    .tea_packer p,
    .tea_packer p a {
      font-size: 27px;
      line-height: 35px;
    }
    .tea_packer_small_box {
      min-height: auto;
    }
}

/* =================== RESPONSIVE CSS ===================== */

@media (min-width: 768px) and (max-width: 1199px) {
    
    .logo {
        width: 70px;
        margin: 0;
        float: left;
    }
    .menu_icon {
        position: relative;
    }
    .material-btn {
        will-change: transform;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0px;
        width: 40px;
        height: 39px;
        /* background: #fff; */
        cursor: pointer;
        /* z-index: 999999; */
        transition: all 1s ease-out;
        border-radius: 100%;
    }
    .material-hamburger {
        background: #E6E6E8;
        border-radius: 100%;
        padding: 5px 0 0 0;
        /* transition: all 2s ease-out; */
        position: absolute;
        z-index: 9999999;
        top: 0;
        right: 0px;
        width: 40px;
        height: 39px;
        cursor: pointer;
        overflow: hidden;
    }
    .material-hamburger .line {
        width: 22px;
        height: 2px;
    }
    .taste {
        font-size: 70px;
        position: absolute;
        bottom: 70px;
        left: 0;
        width: 100%;
        text-align: center;
        transition: all 0.6s ease;
        color: #fff;
    }
    .origin_text {
        font-size: 25px;
        line-height: 35px;
    }
    .tasteBorder {
        display: none;
    }
    .half_scroll_fixed {
        padding: 30px 0;
    }
    .half_scroll_scrolling {
        padding: 0px;
    }
    .half_scroll_scrolling,
    .innovation_expertise_half_scroll_content {
       /* padding-left: 25px;
        padding-right: 25px;*/
    }
    .tea_flavors_area {
        padding-top: 20px;
    }
}


.contact_us_page {
    position: relative;
    background-image:  url(../images/first-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;

    /*  background: linear-gradient(to right, #fee9cc 50%, #2989d8 50%, #fee9cc 50%, #fc9200 50%);
    background: linear-gradient(to right, #e92f2a 50%, #fc9200 50%, #fc9200 50%);*/
}

.contact_us_page .container {
    height: 100%;
}
.jay_contact_address {
    padding: 100px 0;
}
.address_box {
    margin-bottom: 30px;
}
.contact_us_page h1 {
    font-size: 85px;
    line-height: 85px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0 0 50px;
    padding: 0;
    font-weight: 700;
}
.contact_us_page h2 {
    font-size: 65px;
    line-height: 65px;
    color: #fff;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 700;
    text-transform: capitalize;
}
.contact_us_page p,
.contact_us_page p a {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 15px;
    margin: 0;
    color: #fff;
}
.contact_us_page p a {
    color: #e92f2a;
}
.contact_us_page p a:hover {
    color: #ff0;
}
.contact_form_area {
    height: 100vh;
    display: inline-flex;
    align-items: center;
    justify-content: left;
    width: 100%;
}
.contact_form {
    width: 100%;
    max-width: 500px;
    padding-top: 100px;
}
.contact_us_page input,
.contact_us_page textarea {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    border: 0;
    padding: 10px;
    color: #000;
    margin: 0;
    background-color: rgba(255, 255, 255, .5);
    font-size: 25px;
    line-height: 30px;
}
.contact_us_page textarea {
    height: 130px;
    resize: none;
}
.contact_us_page input[type="submit"],
.contact_us_page input[type="button"]
 {
    width: 150px;
    background-color: #e92f2a;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
}
.contact_us_page input[type="submit"]:hover,
.contact_us_page input[type="button"]:hover {
    background-color: #000;
}
.contact_us_page label {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 15px;
    margin: 0;
    color: #fff;
    display: block;
}
.contact_us_page label span {
    color: #f00;
}
.contact_row {
    margin-bottom: 25px;
}
.contact_us_page .mail_mgs_content {
    padding: 0;
    margin: 0;
}
.contact_us_page .mail_mgs_content p {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    color: #f7ad00;
}
.contact_us_page .error_mgs {
    color: #f00;
    padding: 0;
    margin: 3px 0 0 0;
}
.contact_us_page .error_mgs span {
    color: #f00;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .slick-dots {
        z-index: 9999;
    }
    html, body {

    }
    section {
        height: auto;
    }
    .aimated-cursor {
        display: none;
    }
    

    .menu_area.menu_area_open {
        padding-top: 50px;
        height: 100vh;
    }
    .text_left,
    .text_mid,
    .social {
        margin-top: 40px;
    }
    .menu_logo {
        margin-bottom: 30px;
        width: 80px;
    }
    .social {
        text-align: left;
    }
    .copyright {
        height: auto;
    }
    .copyright .row .col-md-6:first-child {
        width: 60%;
        float: left;
    }
    .copyright .row .col-md-6:last-child {
        width: 40%;
        float: right;
    }
    .copyright p {
        line-height: 25px;
    }
    .footer .col-md-3 {
        width: 50%;
        float: left;
    }
    .copyright_text .col-md-6 {
        width: 50%;
        float: left;
    }
    .menu_text .col-md-4 {
        width: 33.3333333%;
        float: left;
    }
    .banner_section .slick-slide {
        height: 600px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .jaytea_banner_container h1,
    .jaytea_banner_container h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .slick-dots li:after {
        left: 15px;
        top: 6px;
    }
    .banner_text {
        padding: 0 50px;
    }
    .geographies_color .container {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .geographies {
        height: auto;
    }
    .glob_image {
        max-width: 500px;
        margin: 0 auto;
    }
    .geographies_title h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .geographies_title p {
        font-size: 18px;
        line-height: 25px;
    }
    .innovate_content,
    .products_range_content,
    .sustainability_content {
        transition: all 0.7s ease;
/*        padding: 0 250px 0 0;*/
    }
    .geographies_title {
        max-width: 885px;
        position: inherit;
        left: inherit;
        bottom: inherit;
        width: 100%;
        transition: all .5s ease-out;
        padding: 0;
    }
    .feture_teas.jayleaf .right_leaf,
    .feture_teas.jayleaf .left_leaf,
    .right_leaf,
    .left_leaf {
/*        display: none;*/
    }
    .feture_teas.jayleaf .left_leaf, .left_leaf {
        position: absolute;
        left: -330px;
        bottom: -75px;
        transition: all 0.7s ease;
        width: 100%;
    }
    .feture_teas.jayleaf .right_leaf, .right_leaf {
        position: absolute;
        right: -290px;
        bottom: 70px;
        width: 100%;
    }
    .feture_teas {
        height: auto !important;
        padding: 50px 0;
    }
    .feture_teas_content {
        padding: 50px 0;
    }
    .feture_teas_content h1 {
        font-size: 58px;
    }
    
    .supply_chain .container {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .supply_chain .col-md-6,
    .section_innovative_area .col-md-6,
    .sustainability_area .col-md-6 {
        float: left;
        width: 50%;
    }
    .supply_chain_content {
        padding-top: 30px;
    }
    .supply_chain_content h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .supply_chain_content p,
    .supply_chain_content a {
        font-size: 18px;
        line-height: 25px;
    }
    .supply_chain_slider_area h5,
    .supply_chain_slider_area h6 {
        font-size: 40px;
        line-height: 50px;
    }
    .sustainability_area .container .row {
        width: auto;
    }
    .sustainability_img {
        margin-bottom: 15px;
    }
    .innovate_hand:after {
        content: '';
        width: 415px;
        height: 415px;
        top: 20px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all .5s ease-out;
        left: 50%;
        margin-left: -207.5px;
        display: none;
    }

    .innovate_hand img {
        position: relative;
        z-index: 99;
    }

    .innovate_foot:after {
        content: '';
        width: 415px;
        height: 415px;
        top: 25px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all .5s ease-out;
        left: 50%;
        margin-left: -207.5px;
        display: none;
    }

    .innovate_foot img {
        height: auto;
        position: relative;
        z-index: 999;
    }
    .innovate_content h2,
    .products_range_content h2,
    .sustainability_content h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .innovate_content p,
    .products_range_content p,
    .sustainability_content p {
        margin: 0 0 20px;
        padding: 0;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
    }

    .innovate_content a,
    .products_range_content a,
    .sustainability_content a {
        font-size: 17px;
        line-height: 17px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
    }
    .innovate_content a i,
    .products_range_content a i,
    .sustainability_content a i,
    .supply_chain_content a i {
        vertical-align: middle;
    }
    .section_innovative,
    .products_range,
    .sustainability_area {
        height: auto;
        padding: 100px 0;
    }
    .section_innovative {
        border-bottom: 1px solid rgba(255, 255, 255, .5);
    }
    .about_master {
        padding: 100px 0 50px;
    }
    .about_master .col-md-5 {
        width: 40%;
        float: left;
    }
    .about_master .col-md-7 {
        width: 60%;
        float: left;
    }
    .about_master_img {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    /*.about_master_img .jayweb {
        max-width: 650px;
        margin: 0 auto 25px;
    }*/
    .about_master_content {
        padding: 0 0 0;
    }
    .about_master h1 {
        font-size: 30px;
        line-height: 45px;
        -webkit-text-stroke-width: 1px;
    }
    .about_master h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
    }
    .about_introduction {
        background: linear-gradient(to right, #fee9cc 50%, #2989d8 50%, #fee9cc 50%, #fc9200 50%);
    }
    .about_introduction .container {
        height: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .about_introduction .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .about_introduction .col-md-6 {
        width: 50%;
        float: left;
    }
    .about_mission_vission_img_mobile {
        display: none;
    }
    .about_mission_vission {
        background: linear-gradient(to right, #e92f2a 50%, #fad5d4 50%, #fad5d4 50%);
    }
    .about_mission_vission .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .about_mission_vission .col-md-6 {
        width: 50%;
        float: left;
    }
    .about_mission_vission_content {
        /*width: 50%;
        height: 100%;
        float: left;
        padding: 20px 25px 0 0;*/
    }
    .about_mission_vission_img {
        display: inline-flex;
    }
    .about_mission_vission_img_desktop .jayweb {
        max-width: 75%;
        margin: 0 auto;
    }
    .concept_dna {
        background: linear-gradient(to right, #f0f2d2 50%, #b4c11e 50%);
        /*display: inline-flex;*/
    }
    .concept_dna .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .concept_dna .col-md-6 {
        width: 50%;
        float: left;
    }
    .concept_dna_img {
        /*width: 50%;
        height: 100%;
        float: left;*/
        /*display: inline-flex;
        justify-content: left;
        align-items: center;
        margin: 0;*/
    }
    .great_people_heading {
        margin-bottom: 25px;
    }
    .concept_dna h1 {
        font-size: 18px;
        line-height: 30px;
    }
    .concept_dna h2 {
        font-size: 35px;
        line-height: 35px;
        -webkit-text-stroke-width: 1px;
    }
    .assorted_better {
        background: linear-gradient(to right, #edced1 50%, #a60c1b 50%);
/*        display: inline-flex;*/
    }
    .assorted_better .container .row {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .assorted_better .col-md-6 {
        width: 50%;
        float: left;
    }
    .assorted_better_img {
        /*width: 50%;
        padding: 0 14px;
        margin: 60px 0 0;
        float: left;*/
    }
    .assorted_better_content_area {
        /*width: 50%;
        height: 100%;
        float: right;
        position: relative;
        padding: 0 14px;*/
    }
    .height_full {
        margin-bottom: 30px;
    }
    .great_people_scroll_fixed {
        padding: 0 35px 25px 35px;
    }
    .great_people_half_scrolling {
        padding: 0;
    }
    .interviews_slider .interviews_box {
        margin: 0 10px;
    }
    .manufacturing_banner {
        padding: 100px 0 30px;
    }
    .manufacturing_banner .col-md-5 {
        width: 40%;
        float: left;
    }
    .manufacturing_banner .col-md-7 {
        width: 60%;
        float: left;
    }
    .facturing_text {
        padding-top: 45px;
    }
    .manufacturing_banner h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .factories_text {
        text-align: center;
    }
    .precision_step  .col-md-6 {
        width: 50%;
        float: left;
    }
    
    .precision_slider_area {
        padding: 0;
    }
    .precision_step_two .container .row {
        justify-content: left;
    }
    .expertise_slider_area {
        padding: 35px 0 0 0;
    }
    .expertise_slider .slick-list {
        padding: 0;
    }
    .precision_name {
        padding: 0;
    }
    .expertise_name {
        height: 280px;
    }
    .expertise_img {
        width: 365px;
    }
    .certificate_area ul li {
        width: 103px;
        height: 103px;
    }
    .tea_packer_content .col-md-3 {
        width: 50%;
        float: left;
    }
    .isotope-wrapper {
        padding: 0 0;
    }
    .portfolio-item .col-md-3 {
        width: 33.33333333%;
        float: left;
    }
    .flavor_img {
        height: 150px;
        background-color: #B4C11E;
        text-align: center;
    }
    .flavor_img_title {
        font-size: 14px;
        line-height: 18px;
        display: flex;
        justify-content: space-between;
        height: 52px;
        align-items: center;
    }
    .innovation_expertise {
        padding: 50px 0;
    }
    .innovation_expertise .container .row {
        width: auto;
    }
    .innovation_expertise .container .col-md-6 {
        width: 50%;
        float: left;
    }
    .innovation_expertise_half_scroll_fixed {
        /*width: 350px;
        float: left;*/
        padding: 0 14px;
    }
    .wellness {
        border-top: 0.1px solid rgb(255 255 255 / 30%);
    }
    .mjil_brings  {
        padding: 0;
    }
    .mjil_brings .container {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .mjil_brings .col-md-5 {
        width: 40%;
        float: left;
    }
    .mjil_brings .col-md-7 {
        width: 60%;
        float: left;
    }
    .brand_slider,
    .russia_brand_slider_area {
        padding: 0;
    }
    .brand_slider_area .row,
    .russia_brand_slider_area .row {
        margin: inherit;
    }
    .brands_master,
    .russia_brand_master,
    .africa_brand_master {
        padding: 50px 0;
    }
    .brand_slider .slick-list,
    .russia_brand_slider .slick-list {
        padding: 0;
    }
    .brand_slider .slick-slide,
    .russia_brand_slider .slick-slide {
        margin: 0;
    }
    .africa_brand_slider_area {
        min-height: auto;
    }
    .africa_brand_sliderv {
        margin: 0 -10px;
    }
    .africa_brand_slider_area .brand_item {
        width: 33.3333333%;
        float: left;
    }
    .global_footprint_black_bg .bottom_number_title.mobile {
        display: block;
        padding-top: 0;
    }

    .global_footprint_black_bg .bottom_number_title.desktop {
        display: none;
    }
    .global_footprint {
        background: #222222;
    }
    .global_footprint_black_bg {
        padding: 50px 0 50px;
    }
    .global_footprint_black_bg .global_footprint_title {
        margin-bottom: 0px;
    }
    .bottom_number_title {
        margin: 20px 0px;
    }
    .bottom_number_title ul li {
        margin: 0 0;
    }
    .bottom_number_title ul li:last-child {
        float: right;
    }
    .sustainability_page {
        padding: 100px 0 50px;
    }
    .sustainability_page .col-md-5 {
        float: left;
        width: 40%;
    }
    .sustainability_page .col-md-7 {
        float: left;
        width: 60%;
    }
    .committed_goal_content {
        margin-top: 0;
    }
    /*.committed_goal_img {
        width: 500px;
        margin: 0 auto 40px;
    }*/
    .first_slider,
    .second_sider,
    .third_slider {
/*        height: 400px;*/
    }
    .first_slider {
        background-color: #FC9200;
    }
    .second_sider {
        background-color: #E92F2A;
    }
    .third_slider {
        background-color: #A60C1B;
    }
    .sustainability_page_slider .journey_so_far_left {
        background-color: rgba(0, 0, 0, .1);
        position: relative;
        background-repeat: no-repeat;
    }  

    .journey_so_far {
        display: inline-flex;
        width: 100%;
/*        height: 400px;*/
    }

    .journey_so_far .container {
        display: inline-flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    }
    .sustainability_page_slider .journey_so_far_left {
        width: 50%;
        padding: 25px 0;
        float: left;
    }
    .sustainability_page_slider .journey_so_far_right {
        width: 50%;
        float: left;
        padding: 0 25px;
    }
    .journey_so_far_slider_area {
        padding: 0;
    }
    .sustainability_page_slider .journey_so_far_left .jayweb,
    .sustainability_page_slider .second_sider .journey_so_far_left .jayweb {
        max-width: 320px;
/*        margin: 0 auto;*/
    }
    .sustainability_page_slider .third_slider .journey_so_far_left .jayweb {
        max-width: 320px;
/*        margin: 0 auto;*/
    }
    .journey_so_far_slider_area p br {
        display: none;
    }
    .sustainability_page_slider .journey_so_far_left:before {
        /*background-color: rgba(0, 0, 0, .1);
        left: -100%;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        content: '';*/
    }
    .sustainability_page_slider_area .slick-dots {
        position: initial;
    }
    .forty_four {
        top: 230px;
        right: 40px;
    }
    .sustainability_one_tabs li.active.forty_four {
        top: 210px;
        right: 20px;
    }
    .sixty_two {
        top: 70px;
        left: 55px;
    }
    .sustainability_one_tabs li.active.sixty_two {
        top: 50px;
        left: 30px;
    }
    .sustainability_one_tabs li.active .radius, .sustainability_three_tabs li.active .radius, .sustainability_two_tabs li.active .radius {
        width: 120px;
        height: 120px;
        transition: all 0.7s ease;
    }
    .sustainability_one_tabs li.active .ba1, .sustainability_two_tabs li.active .ba1, .sustainability_three_tabs li.active .ba1 {
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        transition: all 0.7s ease;
    }
    .sustainability_one_tabs li.active .ba2, .sustainability_two_tabs li.active .ba2, .sustainability_three_tabs li.active .ba2 {
        width: 120px;
        height: 120px;
        margin-left: -60px;
        margin-top: -60px;
        transition: all 0.7s ease;
    }
    .sustainability_page_slider li.second_sider .journey_so_far_left {        
        background-position: bottom 50px center;
        background-size: 90%;
    }
    .heart_clean_one {
        top: 210px;
        left: 125px;
    }
    .heart_clean_one.active {
        top: 190px;
        left: 100px;
    }
    .heart_clean_two {
        top: 70px;
        right: 65px;
    }
    .heart_clean_two.active {
        top: 55px;
        right: 50px;
    }
    .foot_circle_one {
        top: 25px;
        left: 25px;
    }
    .foot_circle_two {
        top: 70px;
        right: 55px;
    }
    .foot_circle_three {
        top: 270px;
        left: 35px;
    }
    .foot_circle_four {
        top: 255px;
        right: 55px;
    }
    .better_way_section_box .col-md-4 {
        width: 33.333333%;
        float: left;
    }
    .way_icon {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }
    .way_content p {
        padding: 0;
        margin: 0;
        color: #222222;
        font-size: 11px;
        line-height: 18px;
    }
    .mission_sustainability {
        padding: 50px 0;
    }
    .mission_sustainability .col-md-4 {
        width: 40%;
        float: left;
    }
    .mission_sustainability .col-md-8 {
        width: 60%;
        float: left;
    }

    .mission_slider_area {
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
    }
    .mission_slider {
        padding: 0 10px;
    }
    .mission_sustainability_title {
        float: left;
        
    }
        .mission_slider .slick-slide {
        margin: 0;
    }
    .mission_sustainability .mission_sustainability_img {
        max-width: 370px;
        float: right;
        margin: 0;
    }
    .leaf_background,
    .leaf_background_transparent {
        background-size: cover;
        height: 550px;
    }
    .transparen_leaf_background {
        bottom: 0;
        top: inherit;
        height: 90px;
    }
    .ovlytext {
        height: 90px;
        bottom: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .foundation_text {
        font-size: 70px;
        line-height: 70px;
    }
    .teaborder,
    .jayThe {
        left: 26%;
    }
    .jaytext,
    .jayborder {
        right: 29%;
    }
    .supports_section {
        width: 100%;
        padding: 30px 0;
        /*display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;*/
/*        background: linear-gradient(to right, rgba(0,0,0,.1) 50%,rgba(34,62,27,1) 50%);*/
    }
    .half_left:after {
        display: none;
    }
    .supports_section .container {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
    }
    .half_left {
        padding: 25px 0;
        float: left;
        width: 50%;
        background-color: transparent;
    }
    
    .half_left .jayweb {
        max-width: 320px;
        margin: 0 auto;
    }
    .half_right {
        width: 50%;
        float: left;
    }
    .supports_section .slick-dots {
        position: initial;
    }
    .slider_area .slick-slide {
        padding: 30px;
    }
    .edu-sp {
        top: 30px;
        left: 150px;
    }
    .health-sa {
        top: 300px;
        right: 25px;
    }
    .care-op {
        left: 25px;
        top: 300px;
    }
    .educational_tabs li.active .radius, .educational_tabs li.active .radius, .educational_tabs li.active .radius {
        width: 120px;
        height: 120px;
        transition: all 0.7s ease;
    }
    .educational_tabs li.active .ba1, .educational_tabs li.active .ba1, .educational_tabs li.active .ba1 {
        width: 60px;
        height: 60px;
        margin-left: -30px;
        margin-top: -30px;
        transition: all 0.7s ease;
    }
    .educational_tabs li.active .ba2, .educational_tabs li.active .ba2, .educational_tabs li.active .ba2 {
        width: 120px;
        height: 120px;
        margin-left: -60px;
        margin-top: -60px;
        transition: all 0.7s ease;
    }
    .embracing_section {
        padding: 50px 0;
    }
    .image_gallery_section .col-md-4,
    .image_gallery_section .col-md-6 {
        width: 50%;
        float: left;
    }
    .jay_clients {
        padding: 0 0 50px;
    }
    .bg-green {
        padding: 40px 0;
        background: #225d2a;
    }
    .clients_logo_right_scroll {
        padding: 0;
        margin: 40px 0 0 0;
    }
    .better_way_box {
        padding: 15px;
    }
    .mission_slider .slick-list {
        padding: 0;
    }
    .history_legacy p {
        padding-left: 40px;
    }
    .great_people .slick-track {
        display: flex;
    }
    .mjil_team_details {
        height: 100%;
    }
    
    .right_brand_text_area {
        width: 100%;
        margin-top: 50px;
    }
    
    .contact_form_area {
        height: auto;
    }
    .contact_form {
        width: 100%;
        max-width: 100%;
        padding-top: 130px;
    }
    .contact_us_page h1 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 50px;
    }
    .contact_us_page h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .history_legacy h2,
    .great_people h2,
    .integrated_supply_chain h2,
    .precision_slider_area h5,
    .innovation_expertise h2,
    .wellness h2,
    .verious_tea_formats h1,
    .wellness h2,
    .mjil_brings h2,
    .brands_master h2,
    .russia_brand_master h2,
    .africa_brand_master h2,
    .middle_east h2,
    .committed_goal_content h2,
    .mission_slider_area h5,
    .journey_so_far_slider_area h3,
    .journey_so_far_slider_area h2,
    .better_way_section h2,
    .slider_area h2,
    .embracing_section h2,
    .contact_us_page h1 {
        -webkit-text-stroke-width: 1px;
    }
}


@media (min-width: 320px) and (max-width: 767px) {
    .precision_step {
        background-color: #225D2A;
    }
    .precision_step_two {
        background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    }

    .concept_dna h1 i {
        border: 0.3px solid rgba(255, 255, 255, .5);
    }

    .geographies_color .container {
        display: block;
    }
    .tea_better_glob_image {
        display: none;
    }
    .tea_better_mobile {
        display: block;
        margin-bottom: 30px;
    }
    .footer {
        padding-top: 50px;
    }
    .footer p {
        line-height: 26px;
    }
    .footer .col-md-6 {
        margin-bottom: 20px;
    }
    .footer .copyright_text .col-md-6 {
        margin-bottom: 0;
    }
    .copyright_text ul {
        text-align: left;
    }

    .menu_main_area.menu_main_area_show,
    .menu_main_area.menu_main_area_show .container {
        height: auto;
    }
    .menu_text {
        /*position: absolute;
        bottom: 15%;
        left: 0;
        padding: 0 25px;*/
    }
    .menu_area.menu_area_open {
        padding-top: 70px;
/*        background: linear-gradient(85deg, rgba(26, 44, 121, 0.8) 30%, rgba(232, 5, 102, 0.9) 100%) !important;*/
    }
    .main_menu ul li {
        margin-bottom: 7px;
    }
    .main_menu ul li a {
        padding: 0;
        margin: 0;
        font-size: 15px;
        line-height: 20px;
    }
    .copyright p {
        font-size: 14px;
        text-align: left;
    }
    .copyright ul {
        text-align: center;
    }
    .copyright ul li a {
        font-size: 14px;
    }
    .container, .container-fluid {
        margin-right: auto;
        margin-left: auto;
        padding-left: 25px;
        padding-right: 25px;
    }
    .feture_teas.jayleaf .right_leaf,
    .feture_teas.jayleaf .left_leaf,
    .right_leaf,
    .left_leaf {
        
    }
    .feture_teas.jayleaf .left_leaf,
    .left_leaf {
        position: absolute;
        left: -207px;
        bottom: 0;
        transition: all 0.7s ease;
        width: 100%;
    }
    .feture_teas.jayleaf .right_leaf,
    .right_leaf {
        position: absolute;
        right: -177px;
        bottom: 30%;
        width: 100%;
    }
    .aimated-cursor {
        display: none;
    }
    
    .logo {
        width: 70px;
        margin: 0;
        float: left;
    }

    .menu_logo {
        width: 60px;
        margin-bottom: 15px;
    }

    .footer .social {
        text-align: left;
        margin-top: 20px;
    }
    .social ul li {
        margin-right: 5px;
    }
    .social_desktop,
    .copyright_menu_desktop {
        display: none;
    }
    .social_mobile {
        display: block;
    }
    .copyright {
        height: auto;
        padding: 20px 0;
    }

    .menu_text .col-md-4 {
        width: 50%;
        float: left;
    }
    .menu_text .col-md-4.copyright_menu_mobile {
        display: block;
        float: right;
    }
    .menu_text h6 {
        font-size: 11px;
        margin-bottom: 7px;
        padding-bottom: 0;
    }
    .menu_text p {
        font-size: 13px;
        line-height: 17px;
        padding: 0 0 5px;
    }
    .menu_icon {
        position: relative;
    }

    .material-btn {
        will-change: transform;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0px;
        width: 40px;
        height: 39px;
        /* background: #fff;
        */
        cursor: pointer;
        /* z-index: 999999;
        */
        transition: all 1s ease-out;
        border-radius: 100%;
    }

    .material-hamburger {
        background: #E6E6E8;
        border-radius: 100%;
        padding: 5px 0 0 0;
        /* transition: all 2s ease-out;
        */
        position: absolute;
        z-index: 9999999;
        top: 0;
        right: 0px;
        width: 40px;
        height: 39px;
        cursor: pointer;
        overflow: hidden;
    }
    .material-hamburger .line {
        width: 22px;
        height: 2px;
    }

    body {
        overflow-x: hidden;
    }

    section {
        height: auto;
    }

    .banner_part .container {
        padding: 0;
    }

    .banner_img {
        float: none;
    }

    .banner_text {
        padding: 100px 0;
        text-align: center;
        max-width: 350px;
        margin: 0 auto;
    }

    .jaytea_banner .slick-slide {
        height: 500px;
        background-size: cover;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .jaytea_banner .slick-dots {
    /*        bottom: 5px;*/
    z-index: 9999;
    }

    .jaytea_banner .slick-dots li:after {
        left: 15px;
        top: 6px;
    }

    .jaytea_banner_container h1,
    .jaytea_banner_container h2 {
        font-size: 39px;
        line-height: 45px;
    }
    .jaytea_banner_container h2 {
        margin-bottom: 10px;
    }
    .jaytea_banner_container p {
        font-size: 13px;
        line-height: 18px;
    }

    .jaybanner_bulets_area {
        max-width: 189px;
        margin: 15px auto;
    }

    .geographies_title {
        position: inherit;
        left: inherit;
        bottom: inherit;
    }

    .bb.current .geographies_title {
        left: inherit;
        transition: all .5s ease-out;
    }

    .glob_image {
        float: none;
        position: relative;
        margin-right:0;
        max-width: 350px;
        margin: 50px auto 0;
    }

    .geographies_color {
        padding: 130px 0 80px;
    }

    .geographies_title h1,
    .geographies_title h2 {
        font-size: 42px;
        line-height: 45px;
    }

    .geographies_title p {
        font-size: 16px;
        line-height: 20px;
    }

    .feture_teas {
        height: auto !important;
    }

    .feture_teas_content h5 {
        font-size: 20px;
        line-height: 25px;
    }

    .feture_teas_content h1 {
        font-size: 32px;
        line-height: 35px;
    }

    .feture_teas_content p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 20px;
    }

    .feture_teas_content {
        margin: 60px 0;
    }

    .chain_img {
        width: 100%;
    }

    .chain_img_move,
    .current .supply_chain .chain_img_move {
        width: 100%;
        position: inherit;
        left: inherit;
        bottom: inherit;
    }
    .chain_img_move {
        width: 100%;
        position: relative;
        left: inherit;
        bottom: 0px;
    }

    .chain_img_move {
        width: 300px;
        margin: 0 auto;
    }

    .supply_chain_color {
        padding: 20px 0 50px;
    }

    .supply_chain_border_color {
        display: none;
    }

    .supply_chain_content {
        width: 100%;
        position: inherit;
        top: inherit;
        right: inherit;
        padding-right: 60px;
    }

    .supply_chain_content h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .supply_chain_content p {
        font-size: 18px;
        line-height: 25px;
    }
    .supply_chain_content p br {
        display: none;
    }
    .supply_chain_slider_area {
        padding: 0 25px;
        margin-top: 40px;
    }

    .best_chain_slider {
        padding-left: 30px;
    }

    .best_chain_slider .chain_name {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .best_chain_slider .chain_name:after {
        position: absolute;
        left: -38px;
        top: 10px;
        width: 20px;
        height: 20px;
        content: '';
        background-image: url(../images/content_bulets.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .best_chain_slider .chain_name:before {
        content: "";
        position: absolute;
        left: -30px;
        border-left: 3px solid #fff;
        height: 100%;
        width: 1px;
    }

    .best_chain_slider .chain_name:first-child:before {
        top: 24px;
    }

    .best_chain_slider .chain_name:last-child:before {
        height: 15px;
    }

    .supply_chain_slider_area h5,
    .supply_chain_slider_area h6 {
        font-size: 40px;
        line-height: 35px;
    }

    .innovate_border,
    .innovative_big_circle,
    .innovative_border,
    .sustainability_border {
        display: none;
    }

    .section_innovative {
        height: auto;
/*        background-color: #225D2A;*/
        background: linear-gradient(to right, rgb(34,93,42,0.5) 0%,rgb(252,146,0,0.8) 100%);
        padding: 50px 0;
    }
    
    .innovate_content h2,
    .products_range_content h2,
    .sustainability_content h2 {
        font-size: 42px;
        line-height: 45px;
        margin: 0 0 20px;
        padding: 0;
        font-weight: 700;
    }

    .innovate_content p,
    .products_range_content p,
    .sustainability_content p {
        margin: 0 0 20px;
        padding: 0;
        font-weight: 400;
        font-size: 12px;
    }

    .innovate_content a,
    .products_range_content a,
    .sustainability_content a,
    .supply_chain_content a {
        font-size: 17px;
        line-height: 17px;
        font-weight: 600;
        float: right;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
    }

    .innovate_content a i,
    .products_range_content a i,
    .sustainability_content a i,
    .supply_chain_content a i {
        font-size: 17px;
        line-height: 17px;
        vertical-align: middle;
    }

    
    .sustainability_img {
        max-width: 300px;
        margin: 0 auto 15px;
    }
    .innovate_hand:after {
        content: '';
        width: 300px;
        height: 300px;
        top: 20px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all .5s ease-out;
        left: 50%;
        margin-left: -135px;
        display: none;
    }

    .innovate_hand img {
        position: relative;
        z-index: 99;
        height: 350px;
    }

    .innovate_foot:after {
        content: '';
        width: 300px;
        height: 300px;
        top: 25px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: all .5s ease-out;
        left: 50%;
        margin-left: -135px;
        display: none;
    }

    .innovate_foot img {
        height: 100%;
        position: relative;
        z-index: 999;
    }
    .products_range_content {
        position: relative;
        top: 0;
    }
    .products_range,
    .sustainability_area {
        padding: 50px 0;
        height: auto;
    }
    .products_range {
        background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    }
    .section_innovative_area .fullheight .jayweb {
        max-width: 300px;
        margin: 0 auto;
    }
    .sustainability_area .container .row {
        width: auto;
    }

    .brands_master {
        background-color: #225D2A;
        padding: 50px 0;
    }
    .africa_brand_slider_area {
        min-height: inherit;
    }
    .brand_slider_area,
    .russia_brand_slider {
        padding: 0 0;
    }

    .brand_slider,
    .russia_brand_slider,
    .africa_brand_sliderv {
        margin: 0 -5px;
        width: auto;
    }

    .brand_item {
        padding: 0 5px 20px;
        width: 50%;
        float: left;
    }
    .brand_slider .brand_name p,
    .russia_brand_slider .brand_name p,
    .africa_brand_slider_area .brand_name p {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .brand_slider .brand_name a,
    .russia_brand_slider .brand_name a,
    .africa_brand_slider_area .brand_name a {
        font-size: 13px;
        line-height: 13px;
    }
    .africa_brand_slider_area .brand_name a i, 
    .russia_brand_slider .brand_name a i, 
    .brand_slider .brand_name a i, 
    .teame_single_product_area a i, 
    .tez_single_product_area a i, 
    .lalpan_single_product_area a i, 
    .sphoorti_single_product_area a i, 
    .jaago_single_product_area a i, 
    .victoria_single_product_area a i, 
    .victoriaFlav_single_product_area a i, 
    .goldbondAF_single_product_area a i,
    .indusAF_single_product_area a i,
    .victoriaAF_single_product_area a i,
    .jungle_king_single_product_area a i, 
    .indus_single_product_area a i, 
    .goldbond_single_product_area a i, 
    .bluediamond_single_product_area a i {
        vertical-align: middle;
        font-size: 11px;
    }

    .mCSB_inside>.mCSB_container {
        margin-right: 0;
    }

    .russia_brand_master {
        padding: 50px 0;
    }

    .africa_brand_master {
        padding: 50px 0;
    }

    .flag_table {
        padding-top: 20px;
    }

    .global_footprint_black_bg {
        padding: 50px 0;
    }

    .global_footprint_black_bg .bottom_number_title.mobile {
        display: block;
        padding-top: 30px;
    }

    .global_footprint_black_bg .bottom_number_title.desktop {
        display: none;
    }

    .jay_clients {
        padding-top: 0;
        padding-bottom: 0;
    }
    .bg-green {
        padding: 30px 0;
    }
    .clients_logo_right_scroll {
        margin-top: 40px;
    }

    .tasteBorder {
        display: none;
    }

    .w_mobile {
        display: block;
        padding: 0 0 30px;
    }

    .single_chamber_all_product {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .verious_tea_formats {
        border-bottom: 0.1px solid rgb(255 255 255 / 30%);
    }
    .isotope-wrapper .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .isotope-box .col-md-3 {
        width: 50%;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
    }
    .isotope-item {
        margin-bottom: 10px;
    }
    .tea_flavors_area {
        padding-top: 15px;
    }
    .flavor_img {
        height: 130px;
    }
    .flavor_img_title {
        font-size: 12px;
        line-height: 14px;
        display: flex;
    justify-content: space-between;
    height: 52px;
    align-items: center;
    }
    .flavor_img_title i {
        font-size: 12px;
    }
    .single_chamber_all_product.single_chamber_all_product_show {
        display: block;
    }

    .single_chamber_all_product.single_chamber_all_product_show .longEnough {
        height: 100vh;
    }

    .teame_single_product_area .longEnough {
        height: 100vh;
    }

    .committed_goal_img .jayweb {
        /*width: 320px;
        background-image: url(../images/Globe.png);
        height: 350px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;*/
        max-width: 320px;
        margin: 0 auto 25px;
    }

    .committed_goal_img img {
/*        display: none;*/
    }

    .committed_goal_content {
        padding: 0 0 15px;
    }

    .committed_goal_border {
        display: none;
    }

    .sustainability_page_slider_area .sustainability_page_mobile_title {
        display: block;
        padding: 25px 25px;
    }

    .sustainability_page_slider_area .sustainability_page_mobile_title h2 {
        font-size: 40px;
        line-height: 45px;
        color: #fff;
        margin: 0;
        padding: 0 0 0;
        font-weight: 700;
    }

    .sustainability_page_slider .first_slider .journey_so_far,
    .sustainability_page_slider_area {
        background-color: #FC9200;
    }

    .sustainability_page_slider .first_slider .journey_so_far .sustainability_one_tabs,
    .sustainability_page_slider .second_sider .journey_so_far .sustainability_two_tabs,
    .sustainability_page_slider .third_slider .journey_so_far .sustainability_three_tabs {
        display: none;
    }

    .sustainability_page_slider .second_sider .journey_so_far {
        background-color: #E92F2A;
    }

    .sustainability_page_slider .third_slider .journey_so_far {
        background-color: #A60C1B;
    }

    .sustainability_page_slider li.first_slider .journey_so_far_left,
    .sustainability_page_slider li.second_sider .journey_so_far_left,
    .sustainability_page_slider li.third_slider .journey_so_far_left {
        /*background-position: center center;
        background-size: 60%;
        height: 400px;*/
        padding: 25px 0;
    }

    
    .sustainability_page_slider .journey_so_far_left:before {
        background-color: rgba(0, 0, 0, .1);
        right: -100%;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
        content: '';
    }
    .sustainability_page_slider .journey_so_far_left .jayweb,
    .sustainability_page_slider .third_slider .journey_so_far_left .jayweb,
    .sustainability_page_slider .second_sider .journey_so_far_left .jayweb,
    .half_left .jayweb {
        max-width: 300px;
        margin: 0 auto;
    }
    .journey_so_far_right {
        padding: 0 25px;
    }

    .journey_so_far_slider_area {
        padding: 25px 0;
    }

    .sustainability_one,
    .sustainability_two,
    .sustainability_three,
    .precision_slider {
        padding-left: 30px;
    }
    .sustainability_three .sustainability_three_box:first-child h3 {
        color: #fff;
    }
    .sustainability_one .sustainability_one_box,
    .sustainability_two .sustainability_two_box,
    .sustainability_three .sustainability_three_box,
    .precision_slider .precision_name {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 15px;
    }

    .sustainability_one .sustainability_one_box:after,
    .sustainability_two .sustainability_two_box:after,
    .sustainability_three .sustainability_three_box:after,
    .precision_slider .precision_name:after {
        position: absolute;
        left: -38px;
        top: 10px;
        width: 20px;
        height: 20px;
        content: '';
        background-image: url(../images/content_bulets.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .sustainability_one .sustainability_one_box:after {
        top: 90px;
    }
    .sustainability_two .sustainability_two_box:after {
        top: 130px;
    }
    .sustainability_three .sustainability_three_box:after {
        top: 90px;
    }
    .sustainability_three .sustainability_three_box:first-child:after {
        top: 15px;
    }
    .sustainability_one .sustainability_one_box:before,
    .sustainability_two .sustainability_two_box:before,
    .sustainability_three .sustainability_three_box:before,
    .precision_slider .precision_name:before {
        content: "";
        position: absolute;
        left: -30px;
        border-left: 3px solid #fff;
        height: 100%;
        width: 1px;
    }

    .sustainability_one .sustainability_one_box:first-child:before {
        top: 100px;
    }
    .sustainability_two .sustainability_two_box:first-child:before {
        top: 140px;
    }
    
    .sustainability_three .sustainability_three_box:first-child:before,
    .precision_slider .precision_name:first-child:before {
        top: 24px;
    }

    .sustainability_one .sustainability_one_box:last-child:before,
    .sustainability_two .sustainability_two_box:last-child:before,
    .sustainability_three .sustainability_three_box:last-child:before,
    .precision_slider .precision_name:last-child:before {
        height: 15px;
    }
    .sustainability_three .sustainability_three_box:last-child:before {
        height: 100px;
    }
    .journey_so_far_slider_area p br {
        display: none;
    }
    .mission_slider_area {
        padding: 0 0 50px;
    }
    .mission_slider {
        
        margin: 0 -10px;
    }
    .mission_name {
        width: 50%;
        float: left;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .mission_name:last-child {
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .mission_sustainability {
        background-color: #225D2A;
        padding-top: 30px;
    }

    .mission_name_div {
        background-color: rgba(34, 62, 27, .2);
        padding: 10px;
            min-height: 145px;
            margin: 0!important;
    }

    .mission_slider_area h5 {
        font-size: 30px;
        line-height: 35px;
    }
    .mission_slider_area h6 {
        font-size: 23px;
        line-height: 30px;
    }
    .mission_slider_area p {
        font-size: 14px;
        line-height: 20px;
    }
    .leaf_background_transparent {
        background-size: cover;
    }

    .leaf_background {
        background-size: cover;
    }

    .transparen_leaf_background {
        bottom: 0;
        top: inherit;
        height: 90px;
    }

    .ovlytext {
        height: 90px;
        bottom: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .educational_tabs {
        display: none;
    }

    .half_left {
        /*height: 450px;
        background-position: center center;*/
        padding: 25px 0;
    }
    .half_left:before {
        width: 100%;
        height: 100%;
        right: -100%;
        top: 0;
        content: '';
        background-color: rgba(0, 0, 0, .1);
        position: absolute;
    }
    .slider_area {
        padding: 25px 0;
    }

    .heart_slides {
        padding-left: 30px;
    }

    .heart_slides .heart_box {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 2.5em;
    }

    .heart_slides .heart_box:after {
        position: absolute;
        left: -38px;
        top: 10px;
        width: 20px;
        height: 20px;
        content: '';
        background-image: url(../images/content_bulets.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .heart_slides .heart_box:before {
        content: "";
        position: absolute;
        left: -30px;
        border-left: 3px solid #fff;
        height: 100%;
        width: 1px;
    }

    .heart_slides .heart_box:first-child:before {
        top: 24px;
    }

    .heart_slides .heart_box:last-child:before {
        height: 15px;
    }

    .heart_box_title_mobile {
        display: block;
    }

    .embracing_section {
        background-color: #225D2A;
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .image_gallery_section {
        display: none;
    }

    .image_gallery_mobile_slider_area {
        display: block;
        position: relative;
        padding-bottom: 50px;
    }

    .image_gallery_mobile_slider_area .slick-list {
        padding: 0;
    }

    .image_gallery_mobile_slider_area .img-div {
        margin: 0 5px 0 0;
        height: 150px;
    }

    .image_gallery_mobile_slider_area .img-div img {
        height: 100%;
        width: 100%;
    }

    .image_gallery_mobile_slider_area .slick-prev,
    .great_people_half_scrolling .slick-prev {
        position: absolute;
        width: 40px;
        height: 40px;
        left: 15px;
        bottom: 0px;
        position: absolute;
        background-image: url(../images/prev.png);
        opacity: 1;
        background-repeat: no-repeat;
        text-indent: -99999px;
        border: 0;
        background-color: transparent;
        background-size: 100%;
    }

    .image_gallery_mobile_slider_area .slick-next,
    .great_people_half_scrolling .slick-next {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 0px;
        position: absolute;
        background-image: url(../images/next.png);
        opacity: 1;
        background-repeat: no-repeat;
        text-indent: -99999px;
        border: 0;
        background-color: transparent;
        background-size: 100%;
    }

    .heart_slides h2 {
        display: none;
    }

    .swipe-tabs {
        padding-left: 30px;
    }

    .swipe-tabs .swipe-tab {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 2.5em;
    }

    .swipe-tabs .swipe-tab:after {
        position: absolute;
        left: -38px;
        top: 10px;
        width: 20px;
        height: 20px;
        content: '';
        background-image: url(../images/content_bulets.png);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .swipe-tabs .swipe-tab:before {
        content: "";
        position: absolute;
        left: -30px;
        border-left: 3px solid #fff;
        height: 100%;
        width: 1px;
    }

    .swipe-tabs .swipe-tab:first-child:before {
        top: 24px;
    }

    .swipe-tabs .swipe-tab:last-child:before {
        height: 15px;
    }

    .main-container {
        display: none;
    }

    .great_people_half_scrolling .slick-list {
        padding: 0 0 0 5%;
    }
    .great_people h2 {
        -webkit-text-stroke-width: 1px;
    }
    .great_people_heading {
        margin-bottom: 25px;
    }
    .great_people .slick-track {
      display: flex;
    }
    .great_people .slick-slide {
        height: auto;
    }
    .mjil_team_details {
        height: 100%;
    }

    .great_people_half_scrolling .team_box {
        margin: 0 5px 0 0;
        height: 300px;
    }

    .great_people_half_scrolling .team_box .team_img {
        object-fit: cover;
        height: 100%;
    }

    .great_people_half_scrolling .mCustomScrollBox,
    .great_people_half_scrolling .mCSB_container {
        position: inherit !important;
    }
    .integrated_supply_chain h2,
    .precision_slider_area h5,
    .innovation_expertise h2,
    .wellness h2,
    .brands_master h2,
    .russia_brand_master h2,
    .africa_brand_master h2,
    .middle_east h2,
    .global_footprint_black_bg .bottom_number_title h2,
    .jay_clients h2 {
        -webkit-text-stroke-width: 1px;
    }
    .interviews_slider_area .slick-list {
        padding: 0 0 0 5%;
    }

    .interviews_slider_area .interviews_box {
        margin: 0 5px 0 0;
        height: 300px;
    }
    .in_house_expertise {
        padding: 30px 0;
    }
    .expertise_slider_area {
        margin-top: 30px;
    }

    .expertise_slider .slick-list {
        padding: 0 6% 0 6%;
    }

    .expertise_slider_area .expertise_item {
        margin: 0 15px 0 0;
        height: 185px;
        display: inline-flex;
    }
    .expertise_slider .expertise_name p {
        font-size: 14px;
        line-height: 16px;
    }
    .expertise_slider_area .expertise_name {
        height: 100%;
    }

    .expertise_slider_area .expertise_img {
        height: 100%;
    }

    .expertise_slider_area .expertise_img img {
        display: block;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .mjil_brings {
        padding: 0;
        height: 100vh;
    }
    .mjil_brings .container {
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .mjil_brings_left_banner {
        width: 100%;
        height: auto;
        float: left;
    }
    .mjil_brings_left_banner .jayweb {
        max-width: 280px;
        margin: 0 auto;
    }
    .right_brand_text_area {
        width: 100%;
        height: auto;
        float: left;
    }
    #scroll-down-animation {
        bottom: 20px;
    }
    .mjil_brings h2 {
        font-size: 45px;
        line-height: 60px;
        -webkit-text-stroke-width: 1px;
    }

    .mjil_brings h3 {
        font-size: 48px;
        line-height: 55px;
        margin-bottom: 15px;
    }
    .mjil_brings p {
        font-size: 16px;
    }
    .mouse_pointer {
        border: 1px solid #fff;
        height: 40px;
        width: 25px;
    }
    .move {
        height: 10px;
        width: 3px;
    }
    .tea_packer_content .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .tea_packer_content .col-md-3 {
        width: 50%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tea_packer_small_box {
        padding: 10px;
    }
    .better_way_section h2 {
        font-size: 35px;
    }
    .better_way_section_box .col-md-4 {
        width: 50%;
        float: left;
    }
    /*.better_way_section_box .col-md-4:last-child {
        float: none;
        margin: 0 auto;
        clear: both;
    }*/
    .better_way_box {
        padding: 8px;
        margin: 0 0 10px;
        min-height: 265px;
    }
    .better_way_section_box {
        padding-top: 0;
    }
    .better_way_section_box .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .better_way_section_box [class*="col-"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .way_icon {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }
    .way_content p {
        padding: 0;
        margin: 0;
        font-size: 9px;
        line-height: 14px;
    }
    .better_way_box_img {
        margin-bottom: 10px;
        height: auto;
    }
    .about_master {
        background-color: #223E1B;
    }
    .about_master_img {
        width: 320px;
        margin: 120px auto 0;
    }
    .about_introduction_img,
    .about_mission_vission_img_mobile,
    .concept_dna_img,
    .assorted_better_img,
    .facturing_img,
    .precision_step .precision_img {
        width: 300px;
        margin: 30px auto;
    }
    .about_master h1 {
        font-size: 40px;
        line-height: 45px;
        -webkit-text-stroke-width: 1px;
    }
    .about_master h2 {
        font-size: 25px;
        line-height: 35px;
    }
    .concept_dna h2 {
        font-size: 35px;
        line-height: 35px;
        -webkit-text-stroke-width: 1px;
        margin: 0 0 15px;
    }
    .facturing_img {
        margin-bottom: 0;
    }
    .innovation_expertise_half_scroll_content {
        padding: 0 25px 30px;
    }
    .innovation_expertise_half_scroll_fixed {
        width: 320px;
        padding: 50px 0 0;
        margin: 0 auto;
    }
    .innovation_expertise p {
        font-size: 17.5px;
        line-height: 28px;
    }
    .half_scroll_fixed,
    .half_scroll_scrolling {
        /*padding-left: 25px;
        padding-right: 25px;*/
        padding: 30px 0;
    }
    .half_scroll_area {
        padding: 0;
        background: linear-gradient(to right, rgb(252,146,0,0.8) 0%,rgb(34,93,42,0.5) 100%);
    }
    .about_mission_vission,
    .concept_dna,
    .assorted_better {
        padding-top: 0;
    }
    .manufacturing_banner {
        padding-top: 60px;
    }
    .precision_slider_area {
        padding: 0 0;
    }
    .certificate_area ul li {
        width: 82px;
        height: 82px;
    }
    .innovation_expertise h2 {
        margin-bottom: 20px;
    }
    .innovation_expertise_half_scroll_content .padding_125.mb_125 {
        display: block;
    }
    .verious_tea_formats h1 {
        font-size: 35px;
        -webkit-text-stroke-width: 1px;
    }
    .middle_east h2 {
        font-size: 37px;
    }
    .global_footprint_color {
        text-align: center;
        padding-bottom: 0;
    }
    .global_footprint_color .glob_image {
        float: none;
        right: inherit;
        top: inherit;
        position: inherit;
        width: 320px;
        margin: 0 auto;
    }
    .bottom_number_title ul li:last-child {
        float: right;
    }
    .global_footprint_black_bg .bottom_number_title h2,
    .global_footprint_black_bg .bottom_number_title h3 {
        font-size: 26px;
        line-height: 35px;
    }
    .flag_table ul li:nth-child(3n) {
        border-right: 0;
    }
    .teame_single_product_area, 
    .tez_single_product_area, 
    .lalpan_single_product_area, 
    .sphoorti_single_product_area, 
    .jaago_single_product_area, 
    .victoria_single_product_area, 
    .victoriaFlav_single_product_area, 
    .jungle_king_single_product_area, 
    .goldbondAF_single_product_area, 
    .indusAF_single_product_area, 
    .victoriaAF_single_product_area, 
    .indus_single_product_area, 
    .goldbond_single_product_area, 
    .bluediamond_single_product_area {
        right: inherit;
        top: inherit;
        bottom: -100%;
        height: 0;
        left: 0;
    }
    .teame_single_product_area.teame_single_product_area_show, 
    .tez_single_product_area.tez_single_product_area_show, 
    .lalpan_single_product_area.lalpan_single_product_area_show, 
    .sphoorti_single_product_area.sphoorti_single_product_area_show, 
    .jaago_single_product_area.jaago_single_product_area_show, 
    .victoria_single_product_area.victoria_single_product_area_show, 
    .victoriaFlav_single_product_area.victoriaFlav_single_product_area_show, 
    .jungle_king_single_product_area.jungle_king_single_product_area_show, 
    .indusAF_single_product_area.indusAF_single_product_area_show, 
    .goldbondAF_single_product_area.goldbondAF_single_product_area_show, 
    .victoriaAF_single_product_area.victoriaAF_single_product_area_show, 
    .indus_single_product_area.indus_single_product_area_show, 
    .goldbond_single_product_area.goldbond_single_product_area_show, 
    .bluediamond_single_product_area.bluediamond_single_product_area_show {
        height: 100%;
        bottom: 0;
        right: inherit;
        left: 0;
    }
    .teame_products_overlay, 
    .tez_products_overlay, 
    .lalpan_products_overlay, 
    .sphoorti_products_overlay, 
    .jaago_products_overlay, 
    .victoria_products_overlay, 
    .victoriaFlav_products_overlay, 
    .jungle_king_products_overlay, 
    .indusAF_products_overlay, 
    .goldbondAF_products_overlay, 
    .victoriaAF_products_overlay, 
    .indus_products_overlay, 
    .goldbond_products_overlay, 
    .bluediamond_products_overlay {
        right: inherit;
        top: inherit;
        bottom: -100%;
        height: 0;
    }
    .teame_products_overlay.teame_products_overlay_show, 
    .tez_products_overlay.tez_products_overlay_show, 
    .lalpan_products_overlay.lalpan_products_overlay_show, 
    .sphoorti_products_overlay.sphoorti_products_overlay_show, 
    .jaago_products_overlay.jaago_products_overlay_show, 
    .victoria_products_overlay.victoria_products_overlay_show, 
    .victoriaFlav_products_overlay.victoriaFlav_products_overlay_show, 
    .jungle_king_products_overlay.jungle_king_products_overlay_show, 
    .indusAF_products_overlay.indusAF_products_overlay_show, 
    .goldbondAF_products_overlay.goldbondAF_products_overlay_show, 
    .victoriaAF_products_overlay.victoriaAF_products_overlay_show, 
    .indus_products_overlay.indus_products_overlay_show, 
    .goldbond_products_overlay.goldbond_products_overlay_show, 
    .bluediamond_products_overlay.bluediamond_products_overlay_show {
        height: 100%;
        bottom: 0;
    }
    .brands_master_single_product_img {
        width: 100%;
        height: 80%;
        position: absolute;
        bottom: 0;
        float: none;
    }
    .teame_single_product_area .longEnough, 
    .tez_single_product_area .longEnough, 
    .lalpan_single_product_area .longEnough, 
    .sphoorti_single_product_area .longEnough, 
    .jaago_single_product_area .longEnough, 
    .victoria_single_product_area .longEnough, 
    .victoriaFlav_single_product_area .longEnough, 
    .jungle_king_single_product_area .longEnough, 
    .goldbondAF_single_product_area .longEnough, 
    .indusAF_single_product_area .longEnough, 
    .victoriaAF_single_product_area .longEnough, 
    .indus_single_product_area .longEnough, 
    .goldbond_single_product_area .longEnough, 
    .bluediamond_single_product_area .longEnough {
        padding-bottom: 200px;
    }
    .brands_master_single_product_content {
        padding-left: 30px;
        padding-right: 30px;
    }
    .popup_closed,
    .popup_closed2,
    .popup_closed3,
    .popup_closed4,
    .popup_closed5,
    .popup_closed6,
    .popup_closed7,
    .popup_closed8,
    .jaago_closed,
    .victoriaFlav_closed,
    .goldbondAF_closed,
    .indusAF_closed,
    .victoriaAF_closed,
    .jungle_king_closed {
        position: absolute;
        top: 100px;
        right: 25px;
        position: absolute;
        z-index: 999999;
        width: 30px;
        display: block;
    }
    .history_legacy h2 {
        font-size: 40px;
        line-height: 50px;
        -webkit-text-stroke-width: 1px;
    }
    .history_legacy h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .history_legacy p {
        font-size: 15px;
        line-height: 20px;
        padding: 0 0 15px 30px;
    }
    .history_legacy h5 {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 20px;
        padding-left: 30px;
    }
    .teame_products_overlay, 
    .tez_products_overlay, 
    .lalpan_products_overlay, 
    .sphoorti_products_overlay, 
    .victoria_products_overlay, 
    .indus_products_overlay, 
    .goldbond_products_overlay, 
    .bluediamond_products_overlay {
        background-color: rgba(34, 34, 34, .9);
    }
    .sustainability_page {
        padding-top: 70px;
    }
    .manufacturing_banner h2 {
        font-size: 27px;
    }
    .history_legacy_scroll_area {
        padding: 30px 0;
    }
    .committed_goal_content h2,
    .journey_so_far_slider_area h3,
    .better_way_section h2,
    .embracing_section h2,
    .mission_slider_area h5 {
            -webkit-text-stroke-width: 1px;
    }
    .taste {
        position: absolute;
        left: 0;
        bottom: 115px;
        font-size: 40px;
        font-weight: 700;
        color: #fff;
        transition: all 0.6s ease;
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 1366px) and (max-width: 1599px) {
    .mission_slider .slick-slide {
        margin: 0 0;
    }

    .main_menu ul li a {
        font-size: 17px;
        line-height: 20px;
    }
    .main_menu ul li {
        margin-bottom: 10px;
    }
    .menu_text p {
        font-size: 14px;
        line-height: 17px;
        padding: 0 0 6px;
    }
    .menu_logo {
        width: 80px;
        margin-bottom: 10px;
    }
    .menu_area.menu_area_open {
        padding-top: 30px;
    }
    .text_left {
        margin-top: 15px;
    }
    .text_mid {
        margin-top: 0px;
    }
    .social {
        margin-top: 80px;
    }
    .material-hamburger.toggle .line:nth-child(2) {
        transform: translateY(-4px) rotate(-45deg);
    }
    .logo {
    /*        left: 85px;*/
    width: 100px;
    }
    .material-btn, .material-hamburger {
    /*        right: 85px;*/
    }


    .jaytea_banner_container h1,
    .jaytea_banner_container h2,
    .geographies_title h1,
    .geographies_title h2,
    .feture_teas_content h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .geographies_title {
        max-width: 750px;
    }
    


    .feture_teas {
        height: 550px !important;
    }
    /*.chain_img_move, .chain_img {
        width: 400px;
    }*/
    /*.supply_chain_content {
        top: 100px;
    }*/

    /*.current .supply_chain .chain_img_move {
        bottom: 60px;
    }*/
    .supply_chain_slider_area {
        width: 52%;
    }
    /*.section_innovative_area .rhino-firstItem.rhino-active .innovative_big_circle {
        width: 500px;
        height: 500px;
    }*/
    /*.section_innovative_area.current .rhino-active .innovate_hand {
        left: 35px;
    }*/
    .innovate_hand {
        /*width: 480px;
        height: 455px;
        top: 130px;*/
    }
    
    /*.section_innovative_area .rhino-firstItem.rhino-active .innovate_border,
    .section_innovative_area .innovate_border {
        left: 275px;
    }*/
    /*.section_innovative_area .rhino-firstItem.rhino-active .innovative_small_small_circle,
    .section_innovative_area .innovate_page_slider.innovate_page_slider_bg .innovative_small_small_circle {
        width: 70px;
        height: 70px;
    }*/
    /*.section_innovative_area .innovative_big_circle {
        top: 250px;
        left: 140px;
    }*/
    /*.section_innovative_area .innovate_page_slider.innovate_page_slider_bg .innovative_big_circle {
        width: 500px;
        height: 500px;
    }*/
    .innovate_content,
    .products_range_content,
    .sustainability_content {
/*        top: 180px;*/
    }
    .section_innovative_area.current .rhino-active .products_range_content {
        transition: all .5s ease-out;
        right: 0;
    }
    .innovate_foot {
        /*width: 540px;
        height: 510px;*/
    }
    .sustainability_area.current .sustainability_img {
/*        height: 440px;*/
        left: 0;
    }
    .sustainability_img {
        max-width: 450px;
    }
    .about_master_img {
/*        width: 500px;*/
/*        margin-top: 130px;*/
    }
    .about_master_content {
/*        margin-top: 145px;*/
    }
    /*.about_introduction_content {
        padding: 130px 0 0 60px;
    }
    .about_mission_vission_content {
        padding: 130px 100px 0 0;
    }*/
    .about_mission_vission_img .jayweb {
        max-width: 500px;
    }
    .concept_dna .concept_dna_content .jayweb {
        padding-left: 50px;
        padding-top: 50px;
        width: 100%;
        max-width: 100%;
    }
    .dna_title {
        margin-bottom: 35px;
    }
    .mission_text p, .vission_text p {
        font-size: 20px;
        line-height: 26px;
    }
    .concept_dna_content {
/*        padding: 130px 0 0 45px;*/
    }
    .concept_dna h1 {
        font-size: 30px;
        line-height: 60px;
    }
    .concept_dna h1 i {
        line-height: 35px;
    }
    
    .assorted_better_content_area .jayweb {
        padding: 0 70px;
    }
    
    
    .interviews_impressions {
        padding-top: 160px;
    }
    .interviews_slider_area {
        margin-top: 60px;
    }
    .manufacturing_banner .facturing_img img {
        width: 490px;
       /* bottom: 38px;
        left: 0px;*/
    }
    .facturing_text {
        top: 135px;
    }
    .six_factories {
        height: 450px !important;
        padding-top: 100px;
    }
    .precision_img {
/*        width: 490px;*/
    }
    .precision_step_two .precision_img {
        bottom: 115%;

    }
    
    .precision_step_two.test .every_step_show {
        bottom: 25px;
    }
    .precision_slider_area {
        bottom: 50px;
    }
    .expertise_name,
    .expertise_img {
        height: 250px;
    }
    /*.taste.tasteShow, .tasteBorder.tasteBordershow {
        bottom: 65px;
        transition: all 0.6s ease;
    }*/
    /*.origin_text.origin_text_show {
        bottom: 10px;
        padding: 0 250px;
    }*/
    /*.innovation_expertise_half_scroll_fixed,
    .half_scroll_fixed {
        padding: 150px 0 0 85px;
    }*/
    .brands_master p,
    .brand_slider .brand_name p,
    .russia_brand_master p,
    .africa_brand_master p,
    .russia_brand_slider .brand_name p,
    .africa_brand_slider_area .brand_name p {
        font-size: 18px;
        line-height: 25px;
        padding: 0;
    }
    .brand_slider .brand_name a,
    .brand_slider .brand_name a i,
    .russia_brand_slider .brand_name a, 
    .russia_brand_slider .brand_name a i,
    .africa_brand_slider_area .brand_name a, 
    .africa_brand_slider_area .brand_name a i {
        font-size: 15px;
        line-height: 15px;
    }
    .brand_slider_area,
    .russia_brand_slider_area,
    .africa_brand_slider_area {
       /* max-width: 1170px;*/
    	margin: 30px auto 0;
    }
    .brand_slider .slick-list,
    .russia_brand_slider .slick-list {
        padding: 0;
    }
    .middle_east {
       /* height: 400px !important;
        padding: 100px 0 0 0;*/
    }
    .global_footprint .glob_image {
        max-width: 400px;
    }
    .global_footprint_black_bg.test.current .bottom_number_title h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .global_footprint_black_bg.test.current .global_footprint_title {
        font-size: 60px;
        line-height: 70px;
        bottom: 64%;
    }
    .global_footprint_black_bg.test.current .bottom_number_title h3 {
        font-size: 55px;
        line-height: 55px;
    }
    .global_footprint_black_bg.test.current .bottom_number_title {
        bottom: 45%;
        transition: all .5s ease-out;
    }
    .flag_table {
        /*padding-top: 380px;*/
    }
    .flag_table ul li {
        padding: 0 5px;
        margin-bottom: 20px;
        font-size: 15px;
    }
    .flag_table ul li img {
        margin-right: 5px;
    }
    .clients_logo_right_scroll {
        margin: 75px 0 0 0;
    }
    .committed_goal_img img {
        height: 100%;
    }
    .committed_goal_img .jayweb {
        max-width: 500px;
    }
    .committed_goal_content {
        top: 180px;
    }
    .committed_goal_content p {
        margin: 0 0 0;
    }
    .sustainability_page_slider li.first_slider .journey_so_far_left {
        background-position: bottom 40px center;
        background-size: 60%;
    }
    .forty_four {
        top: 268px;
        left: 144px;
    }
    .sustainability_one_tabs li.active.forty_four {
        top: 240px;
        left: 100px;
    }
    .sixty_two {
        top: 500px;
        right: 100px;
    }
    .sustainability_one_tabs li.active.sixty_two {
        top: 465px;
        right: 60px;
    }
    /*.journey_so_far_slider_area .slick-slide {
        padding: 130px 100px 0 70px;
    }*/
    .sustainability_page_slider li.second_sider .journey_so_far_left {
        background-position: bottom 40px center;
        background-size: 80%;
    }
    /*.second_sider .journey_so_far_slider_area .slick-slide,
    .third_slider .journey_so_far_slider_area .slick-slide {
        padding: 130px 100px 0 70px;
    }*/
    .sustainability_two_tabs li.active.heart_clean_one {
        right: 130px;
        top: 240px;
    }
    .journey_so_far_slider_area p br {
        display: none;
    }
    .heart_clean_one {
        top: 270px;
        right: 170px;
    }
    .heart_clean_two {
        bottom: 170px;
        left: 260px;
    }
    .sustainability_two_tabs li.active.heart_clean_two {
        left: 230px;
        bottom: 130px;
    }
    .sustainability_page_slider li.third_slider .journey_so_far_left {
        background-position: top 130px center;
        background-size: 50%;
    }
    .foot_circle_four {
        bottom: 175px;
        right: 140px;
    }
    .sustainability_three_tabs li.active.foot_circle_four {
        bottom: 145px;
        right: 98px;
    }
    .sustainability_one .slick-dots, .sustainability_two .slick-dots, .sustainability_three .slick-dots, .heart_slides .slick-dots {
/*        bottom: -10px;*/
    }
    .mission_slider_area {
        bottom: 50px;
    }
    .mission_slider .slick-list {
        padding: 0 0 0 0;
    }
    .mission_slider_area h5 {
        font-size: 55px;
        line-height: 55px;
    }
    .mission_sustainability_img {
        top: 130px;
    }
    .teaborder,
    .jayThe,
    .jaytext,
    .jayborder {
        font-size: 150px;
        line-height: 150px;
    }
    .jayThe.jayTheCheck,
    .teaborder.teaborderclicked {
        left: 330px;
    }
    .jaytext.jaytextshow,
    .jayborder.jaybordershow {
        right: 390px;
    }
    .ovlytext {
        font-size: 50px;
        line-height: 70px;
        padding: 0 250px;
    }
    .ovlytext.ovlytextshow {
        height: 200px;
    }
    .transparen_leaf_background.transparen_leaf_background_down {
        height: 200px;
        bottom: 0;
        top: inherit;
    }
    .half_left {
        background-position: bottom 50px center;
        background-size: 60%;
    }
    .health-sa {
        top: 620px;
        right: 70px;
    }
    .educational_tabs li.active.health-sa {
        top: 580px;
        right: 30px;
    }
    .care-op {
        left: 140px;
        top: 620px;
    }
    .educational_tabs li.active.care-op {
        left: 100px;
        top: 580px;
    }
    .edu-sp {
        top: 180px;
        left: 400px;
    }
    .educational_tabs li.active.edu-sp {
        top: 150px;
        left: 370px;
    }
    .slider_area .slick-slide {
       
    }
    .embracing_section {
        padding-top: 140px;
    }
    .image_gallery_section {
        padding-top: 20px;
    }

    .tea_packer {
        padding-top: 100px;
    }
    .certificate_area ul li {
        height: 129px;
        width: 129px;
    }
    .half_scroll_scrolling p {
        font-size: 17px;
    line-height: 25px;
    }
    .brands_master,
    .russia_brand_master,
    .africa_brand_master {
        padding-top: 80px;
    }
    /*.africa_brand_slider_area .brand_item {
        width: 440px;
    }*/
    .global_footprint_black_bg .bottom_number_title h2,
    .global_footprint_black_bg .bottom_number_title h3,
    .global_footprint_black_bg .global_footprint_title {
        font-size: 65px;
        line-height: 70px;
    }
    .global_footprint_black_bg .global_footprint_title {
        bottom: 135%;
    }
    .bg-green {
        padding: 90px 0 40px 0;
    }
    
    .contact_row {
        margin-bottom: 10px;
    }
    .contact_us_page label {
        font-size: 16px;
    line-height: 16px;
    padding: 0 0 8px;
    }
    .contact_us_page h1 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 25px;
    }
    .contact_us_page h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .contact_us_page input {
        height: 40px;
    }
    .contact_us_page p, .contact_us_page p a {
        font-size: 20px;
        line-height: 25px;
        padding: 0 0 10px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {

    .half_scroll_scrolling p {
        font-size: 24px;
        line-height: 35px;
    }



    .material-hamburger.toggle .line:nth-child(2) {
        transform: translateY(-2px) rotate(-45deg);
    }
    .menu_area.menu_area_open {
        padding-top: 100px;
    }
    
    .supply_chain_slider_area {
        width: 50%;
        bottom: 20px;
    }
    
    
    .manufacturing_banner .facturing_img img {
        width: 590px;
    }
    .facturing_text {
        top: 200px;
        width: 845px;
    }
    
    .precision_step_two.test .every_step_show {
        bottom: 55px;
    }
    .certificate_area ul li {
        height: 147px;
        width: 147px;
    }
    
    
    .flag_table {
        /*padding-top: 480px;*/
    }
    .flag_table ul li {
        padding: 0 15px;
        margin-bottom: 26px;
    }
    .committed_goal_img {
        height: 520px;
        top: 170px;
    }
    .committed_goal_content {
        top: 235px;
    }
    

    .xpxpxpxp .jayweb {
        width: 500px;
        height: 500px;
    }
    .section_innovative_area .rhino-firstItem.rhino-active .innovative_big_circle,
    .section_innovative_area .innovative_big_circle {
        width: 550px;
        height: 550px;
    }
    .section_innovative_area .rhino-firstItem.rhino-active .innovative_small_circle,
    .section_innovative_area .innovative_small_circle {
        width: 350px;
        height: 350px;
    }
    .section_innovative_area .rhino-firstItem.rhino-active .innovative_small_small_circle, .section_innovative_area .innovate_page_slider.innovate_page_slider_bg .innovative_small_small_circle {
        width: 100px;
        height: 100px;
    }
    .great_people p {
        font-size: 12px;
        line-height: 15px;
    }
}
@media (min-width: 1200px) and (max-width: 1365px) {
    .menu_logo {
        width: 60px;
        margin-bottom: 10px;
    }
    .main_menu ul li {
        margin: 0 0 8px;
    }
    .main_menu ul li a {
        font-size: 14px;
        line-height: 17px;
    }
    .text_mid {
        margin-top: 0;
    }
    /*.supply_chain_content {
        top: 100px;
    }*/
    .innovate_content {
/*        width: 540px;*/
    }
    
    .innovate_hand {
/*        top: 135px;*/
    }
    .innovate_hand img {
/*        height: 435px;*/
    }
    .innovate_foot {
        /*width: 460px;
        height: 450px;*/
    }
    .sustainability_area.current .sustainability_img {
        left: 0;
    }

    .about_introduction_content {
/*        padding: 130px 0 0 80px;*/
    }
    .concept_dna h1 {
        font-size: 35px;
        line-height: 50px;
        color: #fff;
    }
    .concept_dna_content {
/*        padding: 140px 0px 0 60px;*/
    }
    .history_legacy_scroll_fixed,
    .great_people_scroll_fixed,
    .half_scroll_fixed {
/*        padding-left: 60px;*/
    }
    /*.global_footprint .glob_image {
        width: 320px;
    }*/
    .flag_table ul li {
        padding: 0 8px;
    }
    .flag_table ul li img {
        margin-right: 10px;
    }
    /*.journey_so_far_slider_area .slick-slide,
    .third_slider .journey_so_far_slider_area .slick-slide {
        padding: 130px 50px 35px 70px;
    }*/
    .slider_area .slick-slide {
        padding: 0 0 35px 70px;
    }

    .sustainability_one .slick-dots, .sustainability_two .slick-dots, .sustainability_three .slick-dots, .heart_slides .slick-dots {
        bottom: 0;
    }
    .journey_so_far_slider_area p br {
        display: none;
    }
    .embracing_section {
        padding-top: 100px;
    }
}




@media (min-width: 320px) and (max-width: 767px) {
    .header {
        padding: 15px 0;
    }
    .contact_us_page {
        background-image: url(../images/global.jpg);

        /*  background: linear-gradient(to right, #fee9cc 50%, #2989d8 50%, #fee9cc 50%, #fc9200 50%);
        background: linear-gradient(to right, #e92f2a 50%, #fc9200 50%, #fc9200 50%);*/
    }
    .contact_bg_color {
        background: linear-gradient(85deg, rgba(26, 44, 121, 0.8) 30%, rgba(232, 5, 102, 0.9) 100%) !important;
    }
    .contact_form_area {
        height: auto;
    }
    .contact_us_page h1 {
        font-size: 35px;
        line-height: 35px;
        -webkit-text-stroke-width: 1px;
        margin: 0 0 10px;
    }
    .contact_us_page h2 {
        font-size: 25px;
        line-height: 25px;
    }
    .contact_us_page p, .contact_us_page p a {
        font-size: 17px;
        line-height: 22px;
    }
    .contact_us_page label {
        font-size: 17px;
        line-height: 17px;
        padding: 0 0 10px;
    }
    .address_box {
        border-bottom: 1px solid #fff;
    }
    .jay_contact_address {
        padding: 50px 0;
    }

    .geographies_color .container .row,
    .supply_chain .container .row,
    .section_innovative .container .row, 
    .products_range .container .row,
    .sustainability_area .container .row,
    .precision_step .container .row,
    .innovation_expertise .container .row {
        display: inherit;
        width: auto;
    }

    .global_footprint {
        background: #222222;
    }

    .footer_menu {
        padding: 25px 0 15px;
        margin: 25px 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .footer_menu ul li {
        margin-bottom: 10px;
    }
    .precision_step_two .container .row {
        display: inherit;
        width: auto;
    }

}
@media (min-width: 1200px) and (max-width: 1365px) {
    .contact_us_page h1 {
        font-size: 45px;
        line-height: 46px;
        margin: 0 0 25px;
    }
    .contact_us_page label {
        font-size: 15px;
        line-height: 15px;
        padding: 0 0 8px;
    }
    .contact_row {
        margin-bottom: 10px;
    }
    .contact_us_page input, .contact_us_page textarea {
        height: 35px;
        font-size: 25px;
        line-height: 30px;
    }
    .contact_us_page textarea {
        height: 100px;
        resize: none;
    }
    .contact_us_page h2 {
        font-size: 45px;
        line-height: 45px;
        margin: 0 0 10px;
    }
    .contact_us_page p, .contact_us_page p a {
        font-size: 17px;
        line-height: 20px;
        padding: 0px 0 10px;
    }
    .geographies_title {
        max-width: 660px;
    }
    .geographies_title h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .geographies_title p {
        font-size: 17px;
        line-height: 22px;
    }
    .supply_chain_content {
        padding-left: 50px;
    }
    .facturing_text {
        width: 700px;
    }
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .header {
        padding: 15px 0;
    }
    .sticky-header {
        padding: 10px 0;
    }
    .sticky-header .logo {
        max-width: 50px;
    }
    .sticky-header .material-btn, .sticky-header .material-hamburger {
        width: 25px;
        height: 25px;
    }
    .sticky-header .material-hamburger {
        padding-top: 7px;
    }
    .sticky-header .material-hamburger .line {
        margin: 3px auto;
        width: 15px;
        height: 2px;
    }
    .sticky-header .material-hamburger.toggle .line:nth-child(1) {
        transform: translateY(3px) rotate(45deg);
    }
    .menu_area.menu_area_open {
        padding-top: 10px;
    }
    .main_menu ul li a {
        font-size: 12px;
        line-height: 12px;
    }
    .main_menu ul li {
        margin: 0 0 5px;
    }
    .menu_text p,
    .copyright p,
    .copyright ul li a {
        font-size: 12px;
        line-height: 14px;
    }
    .menu_text h6 {
        font-size: 12px;
        line-height: 13px;
    }
    /*.glob_image {
        width: 390px;
    }*/
    .logo {
        max-width: 70px;
        transition: all .6s;
    }
    .material-btn, .material-hamburger {
        width: 35px;
        height: 35px;
    }
    .material-hamburger .line {
        width: 15px;
        height: 2px;
        margin: 5px auto;
    }
    /*.chain_img_move {
        max-width: 450px;
    }*/
    
    .supply_chain_content p,
    .supply_chain_content a,
    .supply_chain_content a i,
    .products_range_content p,
    .products_range_content a,
    .products_range_content a i,
    .innovate_content p,
    .innovate_content a,
    .innovate_content a i,
    .sustainability_content p,
    .sustainability_content a,
    .sustainability_content a i,
    .about_introduction p {
        font-size: 15px;
        line-height: 20px;
    }
    
    .xpxpxpxp .jayweb,
    .section_innovative_area .rhino-firstItem.rhino-active .innovative_big_circle,
    .innovate_hand,
    .section_innovative_area .innovative_big_circle {
        /*width: 300px;
        height: 300px;*/
    }
    .section_innovative_area .rhino-firstItem.rhino-active .innovative_small_circle,
    .section_innovative_area .innovative_small_circle {
        /*width: 200px;
        height: 200px;*/
    }
    /*.section_innovative_area .rhino-firstItem.rhino-active .innovative_small_small_circle,
    .section_innovative_area .innovative_small_small_circle {
        width: 70px;
        height: 70px;
    }*/
    .innovate_foot,
    .innovate_hand {
        /*width: 300px;
        height: 325px;*/
    }
    .products_range_content h2,
    .innovate_content h2,
    .sustainability_content h2,
    .about_master h1,
    .supply_chain_content h2,
    .about_introduction h1,
    .about_mission_vission h1,
    .concept_dna h2,
    .assorted_better h1,
    .assorted_better h2,
    .assorted_better h3,
    .history_legacy h2,
    .history_legacy h3,
    .great_people h2,
    .great_people h3,
    .integrated_supply_chain h1,
    .precision_content h2,
    .precision_slider_area h5,
    .precision_slider_area h6,
    .precision_step_two h1,
    .tea_packer h2,
    .innovation_expertise h2,
    .innovation_expertise h2 span,
    .wellness h2,
    .wellness h3,
    .mjil_brings h2, 
    .mjil_brings h3,
    .brands_master h2, 
    .brands_master h2 span,
    .russia_brand_master h2, 
    .russia_brand_master h2 span,
    .africa_brand_master h2, 
    .africa_brand_master h2 span,
    .middle_east h2, 
    .middle_east h2 span,
    .middle_east h3 {
        /*font-size: 35px;
        line-height: 35px;*/
    }
    .about_master h2 {
        /*font-size: 35px;
        line-height: 40px;*/
    }
    .innovate_hand {
/*        top: 100px;*/
    }
    .innovate_hand img {
/*        height: 360px;*/
    }
    /*.sustainability_img .jayweb {
        max-width: 300px;
    }
    .about_master_img .jayweb {
        max-width: 350px;
    }*/
    
    .about_mission_vission_img,
    .concept_dna_img {
        padding: 0;
    }
    /*.about_mission_vission_img .jayweb {
        max-width: 300px;
    }*/
    .about_mission_vission h1 i,
    .mission_text:hover h1 i, .vission_text:hover h1 i {
        font-size: 30px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .concept_dna h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .concept_dna h1 i,
    .concept_dna:hover h1 i {
        font-size: 25px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .mission_text p, .vission_text p {
        font-size: 15px;
        line-height: 20px;
    }
    .mission_text {
        margin-bottom: 90px;
    }
    .concept_dna_content .jayweb {
        padding-left: 35px;
        padding-top: 50px;
    }
    .dna_title p {
        font-size: 12px;
        line-height: 15px;
    }
    .dna_title:hover p {
        top: 30px;
    }
    .dna_title {
        margin-bottom: 50px;
    }
    .concept_dna h2 {
        margin-bottom: 15px;
    }
    .assorted_better_content_area .jayweb {
        padding-left: 50px;
    }
    .assorted_better p,
    .assorted_better .swipe-tab-content p {
        font-size: 16px;
        line-height: 20px;
    }
    .history_legacy h4 {
        font-size: 25px;
        line-height: 35px;
    }
    .history_legacy p {
        font-size: 14px;
        line-height: 20px;
            padding-left: 30px;
    }
    .history_legacy h5 {
        font-size: 18px;
        line-height: 18px;
        padding-left: 30px;
    }
    .history_legacy_scroll_fixed,
    .great_people_scroll_fixed {
/*        padding-top: 100px;*/
    }
    .year_row {
        margin-bottom: 10px;
    }
    .great_people_scroll_fixed {
        width: 30%;
    }
    .great_people_half_scrolling {
        width: 70%;
    }
    .manufacturing_banner h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .six_factories {
        height: 400px !important;
        padding-top: 75px;
        text-align: center;
    }
    .integrated_supply_chain h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .integrated_supply_chain p {
        font-size: 15px;
        line-height: 18px;
    }
    .desiging_row,
    #nav li {
        height: 300px;
    }
    #nav li.active .d_big_circle {
        opacity: 1;
        width: 150px;
        height: 150px;
        margin-left: -75px;
        transition: all .5s ease-out;
    }
    #nav li.active .d_small_circle {
        width: 80px;
        height: 80px;
        transition: all .5s ease-out;
    }
    #nav li.active .d_small_small_circle {
        width: 30px;
        height: 30px;
    }
    .d_big_circle {
        top: -75px;
    }
    /*.precision_img {
        width: 400px;
    }*/
    .precision_step_two .precision_content {
       /* position: absolute;
        bottom: 160%;
        right: 0;*/
    }
    .step_precision p {
        /*font-size: 15px;
        line-height: 20px;*/
    }
    .step_precision:hover p {
        top: 40px;
    }
    .precision_step_two h1 i {
        font-size: 25px;
    }
    .tea_packer {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .tasteBorder,
    .taste {
        font-size: 70px;
    }
    .tasteBorder,
    .taste {
        bottom: -50px;
    }
    .taste.tasteShow, .tasteBorder.tasteBordershow {
        bottom: 20px;
        transition: all 0.6s ease;
    }
    .origin_text {
        font-size: 18px;
        line-height: 30px;
    }
    .origin_text.origin_text_show {
        bottom: 0;
    }
    .innovation_expertise_half_scroll_fixed img {
        width: 80%;
    }
    .innovation_expertise_half_scroll_content ul li {
        padding: 0 0 0 15px;
        margin: 0 0 10px;
        font-size: 15px;
        line-height: 20px;
    }
    .innovation_expertise_half_scroll_content ul li:after {
        width: 10px;
        height: 10px;
        top: 5px;
    }
    .half_scroll_scrolling p {
        font-size: 15px;
        line-height: 25px;
    }
    .half_scroll_fixed {
        padding-top: 100px;
    }
    .verious_tea_formats {
        padding: 80px 0;
        border: 0;
    }
    .dropdown {
        min-width: 320px;
    }
    .dropdown dt a {
        font-size: 25px;
        line-height: 30px;
    }
    .dropdown dt i {
        font-size: 20px;
        line-height: 30px;
    }
    .dropdown dd ul li {
        padding: 10px;
        font-size: 15px;
        line-height: 15px;
    }
    .mjil_brings_left_banner .jayweb {
        max-width: 300px;
    }
    .mjil_brings p {
        font-size: 16px;
        line-height: 20px;
    }
    .brands_master,
    .russia_brand_master,
    .africa_brand_master {
        padding-top: 70px;
/*        height: auto;*/
        padding-bottom: 70px;
    }
    .africa_brand_slider_area {
        min-height: auto;
    }
    .middle_east {
        height: 370px !important;
        padding: 130px 0 0 0;
    }
    .africa_brand_master {
        padding-bottom: 70px;
    }
    .brands_master h2, .brands_master h2 span,
    .russia_brand_master h2, .russia_brand_master h2 span,
    .africa_brand_master h2, .africa_brand_master h2 span {
        padding: 0 0 15px;
    }
    .brands_master p,
    .russia_brand_master p,
    .africa_brand_master p,
    .middle_east p {
        font-size: 13px;
        line-height: 20px;
    }
    .brand_slider_area,
    .russia_brand_slider_area {
        max-width: 1170px;
        margin: 30px auto 0;
    }
    .brand_slider .slick-list,
    .russia_brand_slider .slick-list {
        padding: 0;
    }
    .brand_slider .slick-slide,
    .russia_brand_slider .slick-slide {
        margin: 0 15px;
    }
    .africa_brand_sliderv {
        position: initial;
        top: initial;
        right:initial;
        transition: all 0.5s ease-out;
        width: 100%;
    }
    .global_footprint_black_bg .global_footprint_title {
        position: absolute;
        bottom: 150%;
        left: 14px;
        transition: all .5s ease-out;
        font-size: 35px;
        line-height: 45px;
    }
    .global_footprint_black_bg .bottom_number_title h3,
    .global_footprint_black_bg .bottom_number_title h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .global_footprint .glob_image {
        width: 275px;
    }
    /*.glob_image {
        position: initial;
        margin-top: 50px;
    }*/
    .global_footprint_black_bg.test.current .bottom_number_title h3,
    .global_footprint_black_bg.test.current .bottom_number_title h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .global_footprint_black_bg.test.current .bottom_number_title {
        bottom: 44%;
        transition: all .5s ease-out;
    }
    .flag_table {
        padding-top: 300px;
        /* display: none; */
    }
    .flag_table ul li {
        padding: 0 15px;
    }
    .flag_table ul li {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .bg-green {
        padding: 80px 0 40px 0;
    }
    .jay_clients h2,
    .jay_clients h3,
    .committed_goal_content h2,
    .committed_goal_content h3,
    .mission_slider_area h6,
    .journey_so_far_slider_area h2,
    .journey_so_far_slider_area h2,
    .journey_so_far_slider_area h4,
    .journey_so_far_slider_area h3,
    .better_way_section h2,
    .better_way_section h3,
    .slider_area h2,
    .slider_area h3,
    .embracing_section h2,
    .embracing_section h3,
    .contact_us_page h1,
    .contact_us_page h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .committed_goal_content h3 {
        margin: 0;
    }
    .jay_clients p,
    .committed_goal_content p,
    .journey_so_far_slider_area p,
    .slider_area p {
        font-size: 16px;
        line-height: 25px;
    }
    .committed_goal_img .jayweb {
        max-width: 400px;
    }
    .mission_sustainability_title {
        padding: 80px 0 0 0;
    }
    .mission_slider .slick-list {
        padding: 0;
    }
    .mission_sustainability_img {
        width: 360px;
    }
    .sustainability_page_slider .journey_so_far_left .jayweb {
        max-width: 330px;
    }
    .sustainability_one .slick-dots, 
    .sustainability_two .slick-dots, 
    .sustainability_three .slick-dots, 
    .heart_slides .slick-dots {
        position: inherit;
    }
    .sustainability_page_slider .second_sider .journey_so_far_left .jayweb {
        max-width: 330px;
    }
    .sustainability_page_slider .third_slider .journey_so_far_left .jayweb {
        max-width: 300px;
    }
    .better_way_section {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .half_left .jayweb {
        max-width: 325px;
    }
    .foundation_text.foundation_show {
        bottom: 120px;
        transition: all 0.7s ease;
    }
    .foundation_text {
        font-size: 100px;
    }
    .image_gallery_section {
        padding-top: 15px;
    }
    /*.contact_form_area {
        height: auto;
    }*/
    .contact_us_page h1 {
        margin-bottom: 15px;
    }
    .contact_us_page textarea {
        height: 70px;
    }
    .contact_form {
        padding-top: 50px;
    }
    .teame_single_product_area h2, 
    .tez_single_product_area h2, 
    .lalpan_single_product_area h2, 
    .sphoorti_single_product_area h2, 
    .jaago_single_product_area h2, 
    .victoria_single_product_area h2, 
    .victoriaFlav_single_product_area h2, 
    .jungle_king_single_product_area h2, 
    .goldbondAF_single_product_area h2, 
    .indusAF_single_product_area h2, 
    .victoriaAF_single_product_area h2, 
    .indus_single_product_area h2, 
    .goldbond_single_product_area h2, 
    .bluediamond_single_product_area h2 {
        font-size: 35px;
        line-height: 35px;
    }
    .teame_single_product_area p, 
    .tez_single_product_area p, 
    .lalpan_single_product_area p, 
    .sphoorti_single_product_area p, 
    .victoria_single_product_area p, 
    .victoriaFlav_single_product_area p, 
    .jungle_king_single_product_area p,
    .goldbondAF_single_product_area p, 
    .indusAF_single_product_area p, 
    .victoriaAF_single_product_area p, 
    .indus_single_product_area p, 
    .goldbond_single_product_area p, 
    .bluediamond_single_product_area p {
        font-size: 15px;
        line-height: 20px;
        padding: 0 0 20px;
    }
}

@media (min-width: 1366px) and (max-width: 1399px) {
    .products_range_content h2,
    .innovate_content h2,
    .sustainability_content h2,
    .about_master h1,
    .supply_chain_content h2,
    .about_introduction h1,
    .about_mission_vission h1,
    .concept_dna h2,
    .assorted_better h1,
    .assorted_better h2,
    .assorted_better h3,
    .history_legacy h2,
    .history_legacy h3,
    .great_people h2,
    .great_people h3,
    .integrated_supply_chain h1,
    .precision_content h2,
    .precision_slider_area h5,
    .precision_slider_area h6,
    .precision_step_two h1,
    .tea_packer h2,
    .innovation_expertise h2,
    .innovation_expertise h2 span,
    .wellness h2,
    .wellness h3,
    .mjil_brings h2, 
    .mjil_brings h3,
    .brands_master h2, 
    .brands_master h2 span,
    .russia_brand_master h2, 
    .russia_brand_master h2 span,
    .africa_brand_master h2, 
    .africa_brand_master h2 span,
    .middle_east h2, 
    .middle_east h2 span,
    .middle_east h3 {
        font-size: 50px;
        line-height: 55px;
    }
    .about_master h2 {
        font-size: 50px;
        line-height: 55px;
    }
    .about_mission_vission_img .jayweb,
    .about_introduction .jayweb,
    .concept_dna .jayweb {
        max-width: 400px;
    }

    .dna_title:hover h1 i {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .dna_title p {
        font-size: 15px;
        line-height: 18px;
    }   
   
    .concept_dna h1 {
        font-size: 20px;
        line-height: 30px;
    }
    
    .great_people p {
        font-size: 11px;
        line-height: 20px;
    }
    .manufacturing_banner h2 {
        font-size: 45px;
        line-height: 50px;
    }
    .step_precision {
        margin-bottom: 60px;
    }
    .mjil_brings_left_banner .jayweb {
        max-width: 380px;
    }
    .mission_sustainability .mission_sustainability_img {
        max-width: 500px;
    }
    .sustainability_page_slider .journey_so_far_left .jayweb,
    .sustainability_page_slider .second_sider .journey_so_far_left .jayweb {
        max-width: 400px;
    }
    .sustainability_page_slider .third_slider .journey_so_far_left .jayweb {
        max-width: 400px;
    }
    .half_left .jayweb {
        max-width: 450px;
    }

    .slider_area h2,
    .slider_area h3 {
        font-size: 50px;
        line-height: 55px;
    }
}
@media (min-width: 1600px) and (max-width: 1699px) {
    .main_menu ul li a {
        font-size: 20px;
        line-height: 25px;
    }
    .text_mid {
         margin-top: 80px; 
    }
    .social {
        margin-top: 160px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .material-menu-wrapper.fullMenu {
        overflow: inherit;
        overflow-y: scroll;
        height: 100vh;
    }
    .menu_area.menu_area_open {
        overflow-y: scroll;
        background-image: url(../images/supply_chain.png);
    }
    .copyright {
        position: inherit;
        margin-top: 15px;
        background-color: #223E1B;
    }
    .menu_main_area.menu_main_area_show, .menu_main_area.menu_main_area_show .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu_main_area.menu_main_area_show {
        padding-bottom: 100px;
    }
    .menu_main_area.menu_main_area_show [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .menu_main_area.menu_main_area_show .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .menu_text {
        margin-top: 30px;
    }
    .main_menu ul li a.active, .main_menu ul li a.active sup, .main_menu ul li a:hover, .main_menu ul li a:hover sup {
        letter-spacing: 2px;
    }
    .menu_text p, .menu_text p a {
        color: #fff;
    }
}

.career_page_bg {
/*    background-color: #222222;*/
    background-image: url(../images/supply_chain.png);
}
.career_page_bg h1 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.career_page_bg h2 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 700;
}
.career_page_bg h3 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 700;
}
.career_page_bg p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}
.applyfrom label {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 15px;
    margin: 0;
    color: #fff;
    display: block;
}
.applyfrom label span {
    color: #f00;
}
.career_page_bg input, .career_page_bg textarea {
    width: 100%;
    height: 45px;
    border-radius: 10px;
    border: 0;
    padding: 10px;
    color: #000;
    margin: 0;
    background-color: rgba(255, 255, 255, .5);
    font-size: 18px;
    line-height: 25px;
}

.career_job_title {
    width: 100%;
    /*border-radius: 10px;
    border: 0;*/
    padding: 10px;
    color: #fff;
    margin: 0;
/*    background-color: rgba(255, 255, 255, .5);*/
    font-size: 18px;
    line-height: 25px;
/*    border-left: 1px solid #f7ad00;*/
}
.career_page_bg .career_job_title p{
    padding: 0;
    margin: 0;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
}
.career_page_bg .career_job_title p .fa {
    color: #f7ad00;
}
.career_job_location {
    width: 100%;
    /*border-radius: 10px;
    border: 0;*/
    padding: 10px;
    color: #fff;
    margin: 0;
/*    background-color: rgba(255, 255, 255, .5);*/
    font-size: 18px;
    line-height: 25px;
/*    border-left: 1px solid #f7ad00;*/
}
.career_page_bg .career_job_location p{
    padding: 0;
    margin: 0;
    font-size: 25px;
    line-height: 25px;
    color: #fff;
}
.career_page_bg .career_job_location p .fa {
    color: #f7ad00;
}
.career_job_description {
    width: 100%;
    /*border-radius: 10px;
    border: 0;*/
    padding: 10px;
    color: #fff;
    margin: 0;
/*    background-color: rgba(255, 255, 255, .5);*/
    font-size: 14px;
    line-height: 25px;
    border-left: 1px solid #f7ad00;
}
.career_page_bg .career_job_description p{
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
}


.applyfrom textarea {
    height: 130px;
    resize: none;
}
.career_page_bg input[type="submit"],
.career_page_bg input[type="button"] {
    width: auto;
    background-color: #e92f2a;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 1s;
}
.career_page_bg input[type="submit"]:hover,
.career_page_bg input[type="button"]:hover {
    background-color: #e75e5b;
    transition: all 1s;
}

.career_page_bg input[type="file"] {
    width: auto;
    background-color: rgba(255, 255, 255, .5);
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    cursor: pointer;
    height: 45px;
    border-radius: 10px;
    border: 0;
    padding: 10px;
    color: #000;
    margin: 0 0 5px;
    background-color: rgba(255, 255, 255, .5);
}
.formrow {
    margin-bottom: 25px;
}
.applyfrom {
    padding: 25px;
    margin: 25px 0;
    border-bottom: 1px solid #fff;
    background: #0000001a;
    border-radius: 10px;
}
.career_page_bg ul {
    padding: 0;
    margin: 0 0 0 25px;
}
.career_page_bg ul li {
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.career_page_bg ul li i {
    vertical-align: middle;
}
.career_title_mb {
    display: block;
    padding: 30px 0;
}
.career_title_desk {
    display: none;
}
.loader_icon {
    display: inline-block;
    color: #fff;
    font-size: 25px;
}
.career_page_bg .mail_mgs_content {
    padding: 0;
    margin: 0;
}
.career_page_bg .mail_mgs_content p {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin: 0;
    color: #f7ad00;
}
.career_page_bg .error_mgs {
    color: #f00;
    padding: 0;
    margin: 3px 0 0 0;
}
.career_page_bg .error_mgs span {
    color: #f00;
    padding: 0;
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}
@media (min-width: 1200px) {
    .career_title_mb {
        display: none;
    }
    .career_title_desk {
        display: block;
    }
    .career_page_bg p {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .career_page_bg h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .career_page_bg h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .career_page_bg h3 {
        font-size: 30px;
        line-height: 40px;
    }
    .career_page_scroll_area {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    .career_page_scroll_area .row {
        height: 100%;
    }
    .career_page_half {
        height: 100%;
        height: 100%;
        display: inline-flex;
        justify-content: left;
        align-items: center;
    }
}

@media (min-width: 1700px) {
    .career_page_bg h1 {
        font-size: 85px;
        line-height: 90px;
    }
}


.terms_of_use {
/*    background-color: #222222;*/
    background-image: url(../images/supply_chain.png);
}
.terms_of_use h1 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.terms_of_use h2 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 700;
}
.terms_of_use h3 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 700;
}
.terms_of_use p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}
.terms_of_use p a {
    font-size: 17px;
    line-height: 25px;
    color: #e92f2a;
    font-weight: 400;
    transition: all 0.25s;
    text-decoration: underline;
}
.terms_of_use p a:hover {
    transition: all 0.25s;
    color: #ff0;
}
.terms_of_use_padding {
    padding: 50px 0;
}

@media (min-width: 1200px) {
    
    .terms_of_use p {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .terms_of_use p a {
        font-size: 22px;
        line-height: 35px;
    }
    .terms_of_use h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .terms_of_use h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .terms_of_use h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .terms_of_use_page_scroll {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    .terms_of_use_page_scroll .row {
        height: 100%;
    }
    .terms_of_use_padding {
        padding: 160px 0 50px;
    }
    .terms_conds {
        padding: 25px;
    }
    
}

@media (min-width: 1700px) {
    .terms_of_use h1 {
        font-size: 85px;
        line-height: 90px;
    }
}



.privacy_policy {
/*    background-color: #222222;*/
    background-image: url(../images/supply_chain.png);
}
.privacy_policy h1 {
    font-size: 40px;
    line-height: 50px;
    color: rgb(243 6 6 / 0%);
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.privacy_policy h2 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    margin: 0;
    padding: 0 0 15px;
    font-weight: 700;
}
.privacy_policy h3 {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 700;
}
.privacy_policy p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    margin: 0 0 0;
    padding: 0 0 15px;
    font-weight: 400;
}
.privacy_policy p a {
    font-size: 17px;
    line-height: 25px;
    color: #e92f2a;
    font-weight: 400;
    transition: all 0.25s;
    text-decoration: underline;
}
.privacy_policy p a:hover {
    transition: all 0.25s;
    color: #ff0;
}
.privacy_policy_padding {
    padding: 50px 0;
}
.privacy_policy ul {
    padding: 0;
    margin: 10px 0 10px 25px;
}

.privacy_policy li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.privacy_policy li span{
    font-weight: 800;
}
@media (min-width: 1200px) {
    
    .privacy_policy p {
        font-size: 22px;
        line-height: 35px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .privacy_policy p a {
        font-size: 22px;
        line-height: 35px;
    }
    .privacy_policy h1 {
        font-size: 60px;
        line-height: 60px;
    }
    .privacy_policy h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .privacy_policy h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .privacy_policy_page_scroll {
        height: 100vh;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }
    .privacy_policy_page_scroll .row {
        height: 100%;
    }
    .privacy_policy_padding {
        padding: 160px 0 50px;
    }
    
    
}

@media (min-width: 1700px) {
    .privacy_policy h1 {
        font-size: 85px;
        line-height: 90px;
    }
}