/*
* Theme Name: Netscriperwp
*  Author: Netscriper
*  Author URI: http://www.netscriper.com/
*/


/*@font-face{
    font-family:"Zawgyi_Mobile";
    src:url(/wp-content/themes/samparoo/fonts/Zawgyi_Mobile.ttf);
    }
@font-face{
    font-family:"Zawgyi_Bold";
    src:url(/wp-content/themes/samparoo/fonts/Zawgyi_Bold.ttf);
    }
@font-face{
    font-family:Zawgyi-One;
    src:url(/wp-content/themes/samparoo/fonts/Zawgyi-One.ttf);
    }*/
/****************  Mineral Water Delivery ****************/
.mineral_water{
  background-image: url("../samparoo/img/bg-mineral.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mineral_water .form-control{
    background-color: transparent;
}

.mineral_water .deliproducttitle h5{
    font-size: 22px;
}
.mineral_water .ocean_green,
.mineral_water .crystal_clear,
.mineral_water .sky_blue{
    padding-top: 10px;
    padding-bottom: 10px;
}
/*********************************Delivery Product***********************************/
.townshipselect{
    padding:5px 15px;
    min-height: 40px;
    border: 1px solid #EE5EA2;
    width:100%;
    border-radius: 8px;
}
.navwrapper{ margin-top: 18px; }
.informbox select::-ms-expand {
    display: none !important;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}
.imagegreenbackground{
    margin-bottom: 10px;
    /*border-radius: 5px;*/
    /*width: 100%;
    height: 280px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*background: #d6f1f5;*/
}
.imagegreenbackground .productinfo{
    margin-bottom: 20px;
}
.pi{
    color:#333;
}
.imagegreenbackground label{
    display: block;
}
.imagegreenbackground img{
    margin:0px auto;
    display: block;
    height: 100%;
}
.imagegreenbackground .col-sm-6{
    padding:0px;
}
.deliproducttitle{
    margin:15px 0px 8px 0px;
}
.deliproducttitle h5{
    font-size: 16px;
/*    color:#EE5EA2;
*/    font-weight: bold;
    text-align: center;
}
.productdelivery{
    margin-top:30px;
    margin-bottom: 30px;
}
.price span {
    margin-left: 5px;
}
.price {
    font-size: 14px;
/*    font-weight: bold;
*/    width: 50%;
    display: block;
    margin: 0px auto;
  margin-bottom: 20px;
  text-align: center;
}

.input-group-control{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}
.input-group-control button{
    background-color: transparent;
    border-radius: 50% 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    border: 1px solid #cecece;
}
.input-group-control .form-control{
    min-height: 44px !important;
    padding-left: 16px;
    font-weight: bold;
    width: 45px;
}

.cart-btn{
    border-radius: 24px;
    padding: 12px 26px;
    background-color: #ee5ea2;
    color: #fff;
}

.oceangreenproduct{
    display: flex;
}
.oceangreen .row{
    margin:0px;
    background: #94D1D6;
}
.oceangreen a{
    color:#777676cf;
}
.oceangreen .col-sm-5{
    padding:0px;
}
.oceangreen h4 {
    padding-left: 15px;
    color: green;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}
.productinfo{
    background:#e9e5e5;
    text-transform: uppercase;
    padding:3px 15px;
}
.oceangreen{
    margin:30px 0px;
}
.combineproandprice{
    width:50%;
}
.productcheck{
    padding:0px 15px;
    padding-top:20px;
    min-height: 250px;
    display: block;
    background: #94D1D6;
}
.productcheck label{
    display: block;
}
.productcheck img{
    display: block;
    margin:0px auto;
}
.ti{
    /* width:35px; */
    margin-right: 5px;
/*    text-align: right;
*/    display: inline-block;
}

.estimatewrapper h1{
    margin-top:30px;
    margin-bottom: 45px;
    color:#EE5EA2;
    font-weight: bold;
    font-size: 22px;
}
.estimatewrapper .productdelivery h1 {
    color: #337ab7;
}

.productdelivery .estimatewrapper a{
    color:#EE5EA2;
}

.productdelivery .estimatewrapper a:hover{
    text-decoration: none;
    color: rgb(223, 83, 148);
}


.informbox label{
    color:#EE5EA2;
    margin-bottom: 5px;
    margin-top:15px;
 }
 .informbox .form-control{
    border-radius: 8px;
    border-color: #EE5EA2;
    margin-bottom: 10px;
 }
 .samparoowater .productcheck{
    padding-top:20px;
 }
 .samparoowater .combineproandprice{
    width:33.33%;
 }
 .dplus .combineproandprice{
    width:100%;
 }
/*.price{
    background: white;
}*/
/**********************************************************************************/

.under-con {
    padding: 24px 0px;
}

.theme-bg{
    background-color: #ee5ea2;
}

.modal-dialog-centered {
    top: 15%;

}

@font-face {
    font-family: "PyidaungsuNumbers";
    src: url(/wp-content/themes/samparoo/fonts/PyidaungsuNumbers.ttf);
}

@font-face {
    font-family: "Pyidaungsu-Bold";
    src: url(/wp-content/themes/samparoo/fonts/Pyidaung-Bold.ttf);
}

@font-face {
    font-family: Pyidaungsu;
    src: url(/wp-content/themes/samparoo/fonts/Pyidaungsu.ttf);
}
@font-face{
    font-family:"Tahoma";
    src:url(/wp-content/themes/samparoo/fonts/Tahoma.ttf);
    }
@font-face{
    font-family:"Tahoma-Bold";
     src:url(/wp-content/themes/samparoo/fonts/Tahoma-Bold.ttf);
    }
.mm-font {
    font-family: Pyidaungsu !important;
}
div#n2-ss-2 .n2-ss-button-container a{
    font-family:"Tahoma"!important;
}
body {
    font-family: Pyidaungsu;
    word-wrap: break-word;
}

header {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.title-font {
    font-family: 'Playfair Display', serif;
}

.mm-font {
    font-family: Pyidaungsu;
}

.mm-uni {
    font-family: Pyidaungsu;
}

.mm-no {
    font-family: PyidaungsuNumbers;
}
.backgroundgradient {
    padding-left: 10px;
}
.mltlngg-my_MM .heading h1 {
    font-family: Pyidaungsu;
}

.mltlngg-my_MM .user-data p {
    font-family: Pyidaungsu;
}

.mltlngg-my_MM .dropdown-menu>li>a {
    font-family: Pyidaungsu;
}

.mltlngg-my_MM .aboutbg h3 {
    line-height: 40px;
    padding-bottom: 10px;
    font-family: PYidaungsu;
}

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

h4 {
    line-height: 28px;
    font-size: 20px;
}

a:focus {
    outline: none;
    text-decoration: none;
}

.nopadding {
    padding-left: 0px;
    padding-right: 0px;
}

.businesstop {
    padding-top: 150px;
    padding-bottom: 150px;
}


/******************************** update by MyoT ***************************************************/
.dplus-ban{
    background: url(/wp-content/uploads/2020/02/dplus.jpg)no-repeat;
    background-size: 100%;
    min-height: 500px;
    background-position: 100% 66%; 
    position: relative; 
}
.dplus-content {
    background: linear-gradient(160deg, #a5cd38, #cae07e);
    margin-top: 45px;
    margin-bottom: 70px;
}
.dplus-left h4 {
    font-size: 27px;
    color: #006d4a;
    letter-spacing: 2px;
    line-height: 35px;
    font-weight: 900;
    width: 90%;
    padding-top: 100px;
    padding-left: 50px;
}
.dplus-right {
    padding-right: 0px;
    background: url(/wp-content/uploads/2020/02/Vector-Smart-Object.jpg)no-repeat;
    background-size: 90% 100%;
    background-position: 100% 100%;
    min-height: 475px;
}
.dplus-family{
    position: absolute;
    margin-top: 54px;
    margin-left: -75px;
}
@media (max-width: 1400px){
.dplus-left h4 {
    font-size: 23px;
    line-height: 30px;
}
}
@media (max-width: 1024px){
.dplus-left h4 {
    font-size: 19px;
    line-height: 24px;
    padding-top: 65px;
}
.dplus-right {
    background-size: 90% 100%;
    background-position: 100% 100%;
    min-height: 380px;
}
.dplus-family {
    margin-top: 35px;
}
}
@media (max-width: 767px){
.dplus-left h4 {
    font-size: 17px;
    line-height: 24px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.dplus-right {
    background-size: contain;
    background-position: 100% 100%;
    min-height: 500px;
    padding-right: 15px;
}
.dplus-ban {
    min-height: 300px;
    background-size: cover;
}
.dplus-family {
    margin-top: 55px;
    margin-left: 0px;
}
}
@media (max-width: 425px){
.dplus-content {
    margin-bottom: 10px;
}
.dplus-right {
    min-height: 411px;
}
.dplus-left h4 {
    font-size: 17px;
    line-height: 24px;
    width: 100%;
    transform: translate(0px, 0px);
    margin-bottom: 0px;
    padding: 15px;
}
.dplus-family {
    margin-right: 15px;
}
footer .col-xs-4{
    display: none;
}
footer .col-xs-8{
    width: 100%;
}
}
@media (max-width: 375px){
.dplus-right {
    min-height: 370px;
}
}
@media (max-width: 355px){
.dplus-right {
    min-height: 313px;
}
}
.youtubecss {
    position: absolute;
    display: block;
    top: 45%;
    margin: 0px auto;
    left: 45%;
}

.alldayentry {
    margin-top: 25px;
}

.margintop60 {
    margin-top: 70px;
}

.homeyou {
    position: relative;
}

.distributionbackground {
    background-image: url("img/distributionbackground.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 100px !important;
    padding-bottom: 130px !important;
}

.backgroundgradient {
    background-image: linear-gradient(to right, #ddd, #ffffff1a);
}

.marginbottom30 {
    margin-bottom: 30px;
}

.alldayBanner1 {
    position: relative;
}

.myodrinkbox {
    border: 2px solid #c0c2c2;
    border-top: 4px solid #c0c2c2;
    margin-bottom: 20px;
    border-radius: 14px;
}

.footer-about-widget p {
    font-size: 13px;
}

.logo {
    width: 90px;
}

.softdrinkslide .slick-dots {
    bottom: 1%;
    right: 10%;
}

.softdrinkslide .myjuice-bg .container img {
    float: left !important;
    margin-left: 50px;
}

.softdrinkslide #slick-slide-control02 {
    /*background:red;*/
    background-image: url("../samparoo/img/energy-drink-smchange.png");
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 0.5s;
}

.softdrinkslide #slick-slide-control00:hover,
.softdrinkslide #slick-slide-control01:hover,
.softdrinkslide #slick-slide-control02:hover {
    transform: scale(1.1, 1.1);
}

.softdrinkslide #slick-slide-control00 {
    background-image: url("../samparoo/img/orange-smchange.png");
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 0.5s;
}

.softdrinkslide #slick-slide-control01 {
    background-image: url("../samparoo/img/lychee-smchange.png");
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 0.5s;
}

.softdrinkslide .slick-dots li {
    width: 50px;
    height: 170px;
}

.softdrinkslide .slick-dots li button::before {
    display: none;
}

.softdrinkslide .slick-active button {
    transform: scale(1.1, 1.1);
}

.myodrinkbox img {
    margin: 0px auto;
}

.softdrinkslide #slick-slide-control00,
.softdrinkslide #slick-slide-control01,
.softdrinkslide #slick-slide-control02 {
    width: 50px;
    height: 170px;
}

.softdrinktitle img {
    float: right;
}

.softdrinkslide .myjuice-bg {
    padding-top: 55px;
}

.softdrinkslide .slide-body .content {
    min-height: 900px;
    padding-top: 30px !important;
}

.youtubeborder {
    /*   border:2px solid #EE5EA2; */
    margin-bottom: 30px;
}

.ytp-chrome-top,
.ytp-chrome-bottom {
    display: none !important;
}

.margintop30 {
    margin-top: 20px;
}

.alldayenrgydrink .slick-dots {
    display: none;
}

.juicetitle {
    margin-top: -50px;
}

.btnpromyo {
    margin-top: 20px;
    background: #ee5ea2;
    color: white;
    float: right;
    padding: 10px;
    border-radius: 10px;
}

.myjuice-bg {
    position: relative;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    min-height: 100% !important;
    padding-bottom: 25px;
    z-index: -1;
}

.alldayenrgydrink .slide-body .content {
    min-height: 900px !important;
}

.slide-body .content {
    min-height: 950px;
    padding-top: 100px !important;
}

.myjuice-bg img {
    float: right !important;
}


/*.content {

    padding-top: 200px;
    padding-top: 118px;

}*/

.myjuice-bg .container img {
    float: left !important;
    margin-left: 100px;
}

.alldayenrgydrink .myjuice-bg .container img {
    float: left !important;
    margin-left: 0px;
}

.myjuice {
    top: 100px !important;
}

.margintop50 {
    margin-top: 50px;
}

.div133 {
    height: 108px;
}

.wobble-hor-bottom {
    -webkit-animation: wobble-hor-bottom 1.5s infinite both;
    animation: wobble-hor-bottom 1.5s infinite both;
}


/* ----------------------------------------------
 * Generated by Animista on 2019-8-29 11:58:3
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */


/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */

@-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}

@keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg);
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg);
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg);
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg);
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg);
    }
}


/***************************************************************************************************/


/**********About Us Milestones************/

.aboutus p {
    line-height: 2rem;
}

.ptop_about1 {
    margin-top: 50px;
}

.ptop_about2 {
    margin-top: 50px;
}

.aboutus h2 {
    color: #3d7fba;
    font-weight: 300;
    padding-bottom: 30px;
}

.aboutus .slogan {
    color: #a70d56;
    padding-top: 60px;
    text-align: center;
    font-family: 'Montserrat', sans-serif !important;
}

.aboutus .slogan .feeldiff {
    font-size: 46px;
    margin-left: 30px;
}

.logo_about {
    margin: 0 auto;
}

.text_about {
    color: #ee5ea2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}

.about {
    background-color: #F5F5F5;
}

.cd-container {
    width: 100%;
    margin: 0 auto;
}

.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

.cd-timeline-img:nth-of-type(even) {
    margin-left: -140px;
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    /*margin-top: 2em;*/
    margin-bottom: 2em;
}

#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 4px;
    background: #ee5ea2;
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block .mleft {
    display: inline-block;
}

.cd-timeline-block:nth-child(even) .mleft img {
    float: left;
    margin-right: 20px;
}

.cd-timeline-block:nth-child(odd) .mleft img {
    float: right;
    margin-left: 20px;
}

.cd-timeline-block:nth-child(odd) .mleft h4:before {
    background-color: #ee5ea2;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 7%;
    right: 0.5em;
    margin-right: 15px;
}

.cd-timeline-block:nth-child(even) .mleft {
    float: right;
}

.cd-timeline-block:nth-child(even) .mleft h4:after {
    background-color: #ee5ea2;
    content: "";
    display: inline-block;
    height: 3px;
    position: relative;
    vertical-align: middle;
    width: 7%;
    left: 0.5em;
    margin-left: 15px;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

.cd-timeline-block:nth-child(even) .cd-timeline-img {
    margin-left: -40px;
    background-color: #ee5ea2;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content {
    text-align: right;
}

.cd-timeline-block:nth-child(odd) .cd-timeline-img {
    /*margin-left: calc(50% - 321px);*/
    background-color: #ee5ea2;
}

.cd-timeline-img {
    content: "";
    position: absolute;
    display: inline-block;
    top: calc(50% - 8px);
    left: 50%;
    width: 40px;
    height: 3px;
    /*border-radius: 50%;*/
    background-color: #c2c2c2;
    box-shadow: 0 4px 20px -4px rgba(64, 64, 64, 0.8);
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 4px 0 #ee5ea2;
    margin-left: 0;
    padding: 1.6em;
    width: 46%;
    border-radius: 28px;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h4 {
    color: #ee5ea2;
    font-weight: bold;
    font-family: Pyidaungsu;
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
    font-size: 14px;
    font-family: Pyidaungsu;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
    display: none;
}

.cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: right;
}

.cd-timeline-block:nth-child(odd) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
}


/*******added new allday design******/

.newallday .pzero {
    padding-right: 0px;
}

.newallday .allday-txt {
    position: relative;
    height: 1200px;
}

.newallday .allday-drink {
    margin-top: 170px;
}

.newallday h2 {
    color: #3d7fba;
    /*font-size: 41px;*/
    font-weight: 300;
    padding-bottom: 30px;
}

p {
    line-height: 2em;
}

.vitamin {
    padding-top: 30px;
}

.vitamin .vtop {
    padding-top: 10px;
}

.vitamin h3 {
    color: #ffc400;
    font-size: 38px;
    font-weight: 900;
}

.vitamin h4 {
    color: #a60c55;
    font-weight: 500;
    /*font-size: 22px;*/
}

.vitamin p {
    margin-top: 10px;
    margin-left: -15px;
}


/*******added new home design******/

.homedesign {
    /*font-family: 'Roboto', sans-serif !important;*/
}

.homedesign .slide-items img {
    margin: auto;
}

.homedesign .slide-items .slick-dots li button:before {
    font-size: 17px;
}

.homedesign .slide-items .slick-dots {
    left: 0;
    bottom: -25px;
}

.homedesign .slick-dots li.slick-active button:before {
    color: #198bf6;
}

.homedesign .slick-dots li {
    margin: 0 3px;
}

.homedesign .jumbotron {
    background: unset;
}

.homedesign .slick-next {
    right: 25px;
}

.homedesign .slick-prev {
    left: 25px;
    z-index: 500;
}

.slick-prev:before,
.slick-next:before {
    color: #198bf6 !important;
}

.taste {
    background-color: #fff;
    padding-top: 64px;
    padding-bottom: 62px;
}

.taste h2 {
    color: #3d7fba;
    font-size: 41px;
    font-weight: 300;
    padding-bottom: 10px;
}

.taste .taste-title {
    padding-bottom: 20px;
}

.taste .upper_border {
    /*border-top: 1px solid #ddd;*/
    /* padding-top: 35px;*/
    /*padding-bottom: 40px;*/
}

.taste .upper_border img {
    margin: 0 auto;
}

.hproduct {
    padding-top: 80px;
    padding-bottom: 70px;
}

.hproduct img {
    margin: 0 auto;
    /*border: 1px solid #f00;*/
}

.hproduct .cap_text {
    text-align: center;
    padding-top: 15px;
}

.imgheight {
    height: auto;
}

.hproduct .cap_text h4 {
    color: #3d7fba;
    font-size: 22px;
}

.hproduct .btndetail {
    margin-top: 20px;
    color: white;
    font-weight: bold;
    padding: 10px 25px;
    background-color: #ee5ea2;
}

.follow {
    /* background-color: #ffc1d7;*/
    background: #fcdfed;
    padding-top: 35px;
    padding-bottom: 25px;
}

.follow h3 {
    color: #ee5ea2;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 10px;
}

.social {
    margin-top: 15px;
}

.follow {
    color: black;
    font-weight: 500;
}

.follow a {
    color: black;
    font-weight: 500;
}

.social img {
    display: inline-block;
    margin-right: 30px;
}


/***************************/

#go-top {
    bottom: 10px;
    cursor: pointer;
    opacity: 0.7;
    position: fixed;
    right: 5px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    color: #ed1b24;
    border: 2px solid #ed1b24;
    border-radius: 20px;
    border-top-right-radius: 0;
}

.border {
    border: 1px solid #000;
}

.spacer-10px {
    height: 10px;
}

.spacer-20px {
    height: 20px;
}

.spacer-30px {
    height: 30px;
}

.spacer-40px {
    height: 40px;
}

.spacer-50px {
    height: 50px;
}

.spacer-100px {
    height: 100px;
}

.uppercase {
    text-transform: uppercase;
}


/******************* Header ***************/

#header {
    background: #fff;
    padding: 15px 0;
}

#social-icon {
    float: right;
}

#social-icon a {
    display: inline-block;
    background: #fff;
    padding: 10px 12px;
    border-radius: 20px;
    border-top-right-radius: 0;
}

#main-menu {
    float: right;
}

#des-menu .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0;
    margin-top: 25px;
}

#header.affix {
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 9999;
    padding-top: 8px;
    padding-bottom: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#header.affix+.container {
    padding-top: 70px;
}

#header.affix #social-icon {
    /*display: none;*/
}

#header.affix .logo {
    margin-top: 7px;
    width: 90px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#header.affix #des-menu .navbar-default .navbar-nav>li {
    margin-left: -3px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ee5ea2;
    background-color: transparent ! important;
}

#header.affix .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#header.affix .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
#header.affix .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ee5ea2;
    background-color: transparent ! important;
}

.navbar {
    margin-top: 10px;
    margin-bottom: 0;
    border: none;
    background: none;
}

.navbar-default .navbar-nav>li a {
    color: #333 !important;
    text-transform: uppercase;
    /*padding:10px 10px;*/
}

.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.dropdown-menu a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #ee5ea2;
}

.dropdown-menu a:hover,
.dropdown-menu>.active>a {
    background: none !important;
    color: #ee5ea2 !important;
}

.lang {
    /*float: right;*/
    margin-top: 26px;
}

.lang .mltlngg-current-lang {
    border-color: #FFFFFF !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.lang .mltlngg-lang-button-icons {
    margin-left: 11px !important;
}


/******************* Home Page ***************/

.home-slide {
    margin: 0px auto;
}

.product {
    background: url('img/bg-01.jpg') no-repeat #ee5ea2 center;
    padding: 60px 0px 50px;
}

.product h2 {
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.product .list {
    display: block;
    background: #f5f5f5;
    border-radius: 20px;
    border-top-right-radius: 0;
    padding: 20px;
    margin-bottom: 20px;
}

.product .list:hover {
    text-decoration: none;
}

.product .list img {
    margin: 0 auto 20px;
}

.product .list h4 {
    color: #333;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.product .list h4:hover {
    color: red;
}

.product .text {
    color: #fff;
    font-size: 16px;
}

.product .text a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.product .text a:hover {
    text-decoration: none;
}

.brand {
    background-color: #f2f4f7;
    padding: 50px 0 40px;
}

.brand h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
}

.brand .img-responsive {
    margin: 0px auto;
}

.brand .text {
    color: #666;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
}

.slick-prev:before,
.slick-next:before {
    font-size: 30px;
    color: #FFF;
    text-shadow: 1px 1px #434343;
}


/******************* Footer ***************/

footer{
    font-size: 13px;
    font-weight: 500;
}
footer .footer-top {
    background: #ffaad3;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 500;
}
footer .social-media-icon a {
    margin-right: 3px;
}
footer .modal {
    z-index: 10000;
}
footer .modal .close {
    font-size: 25px;
}

footer .button a {
    border: 1px solid #ee5ea2;
    display: inline-block;
    padding: 10px 20px 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    margin: 5px 15px 5px 0;
    transition: all .3s;
}
footer .button a i {
    margin-right: 3px;
}
footer .button a:last-child {
    background: #ee5ea2;
    color: #fff;
}
footer .button a:hover {
    background: #ffaad3;
    text-decoration: unset;
    border-color: #ffaad3;
    color: #555;
}
.footer-top h4 {
    float: left;
    margin-right: 15px;
    margin-top: 4px;
    margin-bottom: unset;
}
.footer-body h4 {
    font-size: 18px;
}
.footer-body .pages a {
    display: inline-block;
    width: 100%;
    color: #333;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 15px;
    transition: all .2s;
}
.footer-body .pages a:hover {
    color: #ee5ea2;
    text-decoration: unset;
}
footer .container .row{
    display: flex;
    align-items: center;
}
/* .footer {
    background: #ee5ea2;
    padding: 30px 0;
} */
.footer-body {
    padding: 25px 0;
}
footer .img-responsive.playicon{
    top: 50%;
    transform: translateY(-50%);
}
footer .youtubeborder{
    border: 2px solid #EE5EA2;
    margin: 10px 0;
}

.footer p {
    color: #FFF;
    line-height: 2.2em;
}

.footer a {
    color: #f6f6f6;
}

.footer a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #f6f6f6;
}

.copyright {
    padding: 10px 0;
    background: #ee5ea2;
    border-top: 1px solid #f971b3;
}

.copyright p {
    text-align: center;
    margin-bottom: 0;
    color: #f7d8e7;
    font-size: 0.9em;
}

.copyright a {
    color: #f7d8e7;
}

.copyright a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #f7d8e7;
    color: #de1373;
}

.inside-header {
    background: linear-gradient(to bottom, rgba(5, 36, 212, 0.3), rgba(37, 37, 49, 0.7)), url('img/inside-header.jpg');
    min-height: 280px;
}


/******************* Breadcrumbs ***************/

.heading {
    background: #f5f5f5;
    padding: 40px 0;
}

.heading h1 {
    font-size: 26px;
}

ul.breadcrumbs {
    padding-left: 0;
    margin-bottom: 0;
    float: right;
}

ul.breadcrumbs li {
    list-style: none;
    display: inline;
    line-height: 2em;
}

ul.breadcrumbs li a {
    color: #ee5ea2;
}

ul.breadcrumbs li a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #ee5ea2;
}

ul.breadcrumbs .item-current {
    color: #666;
}

ul.breadcrumbs .item-current strong {
    font-weight: 500;
}


/******************* Inside Pages ***************/

.headbg {
    min-height: 290px;
}

.page {
    /* 	background-image: url('img/bg_fruits.png'); 
    background-repeat: no-repeat;   */
    background: #FFF;
}

.user-data {
    padding: 0px 0px;
}

.user-data p {
    line-height: 2em;
    text-align: justify;
    font-family: Pyidaungsu;
}

.user-data ul {
    padding-left: 18px;
    padding-top: 10px;
}

.user-data li {
    line-height: 1.8em;
    text-align: left;
}

.user-data li {
    margin-bottom: 10px;
}

.user-data img {
    display: block;
    max-width: 100%;
    height: auto;
}

.user-data a {
    color: #ee5ea2;
}

.user-data a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #ee5ea2;
}

.user-data h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

blockquote {
    border-left: 5px solid #ee5ea2;
    padding: 0px 20px;
}


/******************* About ***************/

.aboutbg {
    background-color: #f3f4f4;
    /*padding: 50px 0px;*/
    position: relative;
}

.aboutbg h3 {
    line-height: 40px;
    padding-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.aboutbg h3 {
    position: absolute;
    left: 0;
    top: 45px;
}

.aboutbg h3::after {
    content: '';
    border-style: solid;
    position: absolute;
    bottom: 7px;
    left: 0;
    width: 169px;
    border-width: 2px;
    border-color: #ee5ea2;
}

.aboutbg .slick-list .item {
    margin-top: 15px;
    padding: 0 10px 10px 10px;
    border-top: 3px solid #ee5ea2;
}

.aboutbg .item .gutter {
    background-color: #fff;
    padding: 0 25px 25px 25px;
    line-height: 24px;
    min-height: 300px;
}

.mltlngg-my_MM .gutter p {
    font-family: Pyidaungsu;
    line-height: 26px;
}

.aboutbg .gutter .circle {
    text-align: center;
    position: relative;
    top: -13px;
    font-size: 13px;
    color: #ee5ea2;
}

#milestones-slider {
    background-color: #FFF;
    padding: 38px 38px;
    height: 310px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

#milestones-slider .left.carousel-control {
    background-image: none;
    left: inherit !important;
    right: 24px;
}

#milestones-slider .right.carousel-control {
    background-image: none;
}

#milestones-slider .fa {
    color: #000;
}

#milestones-slider .carousel-inner {
    margin-top: 38px;
}

#milestones-slider .carousel-inner>.item {
    line-height: 26px;
}

.panel-body {
    padding: 15px 0px;
}

.panel-body ul li {
    line-height: 28px;
}

.panel-default>.panel-heading {
    /*     background-color: #e2e4e4; */
    background-color: #e95199;
    border-color: #ddd;
    color: #FFF;
}

.panel-title a {
    text-transform: uppercase;
}


/******************* Product Drinking Water & Softdrink ***************/

.productbg {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/wp-content/uploads/2018/06/page-bg.jpg');
    background-position: 50% 32%;
}

.mingalarbarbg {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)), url('/wp-content/uploads/2018/06/mingalarbar-bg.jpg');
    background-position: 50% 32%;
    background-size: cover;
}

.softdrinkbg {
    background-image: url('/wp-content/uploads/2018/06/softdrinkbg.jpg');
    /* 	background-position: top center; */
    background-size: cover;
    background-position: 51% 58%;
}

.product-water-frame {
    border-radius: 30px;
    border-top-right-radius: 0;
    padding: 30px;
    color: #FFF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #e3e3e3;
}

.product-water-frame p {
    text-align: left;
}

.product-water-frame.samparoo {
    background-color: #ee5ea2;
}

.product-water-frame.mingalarbar {
    background-color: #0095d2;
}

.product-water-frame.samparoo-550 {
    background-color: #ee5ea2;
}

.product-water-frame.samparoo-330 {
    background-color: #ee5ea2;
}

.product-water-frame.mingalarbar-550 {
    background-color: #0095d2;
}

.product-water-frame.orange {
    background-color: #f1852f;
    min-height: 390px;
}

.product-water-frame.lychee {
    background-color: #c82428;
    min-height: 390px;
}

.product-water-frame.energy-drink {
    background-color: #ddbb26;
    min-height: 390px;
}

.product-samparoo {
    padding-top: 90px;
}

.product-samparoo h4 {
    text-align: center;
    color: #ffffff;
    background-color: #EE5EA2;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding: 8px 9px;
}

.mltlngg-my_MM .product-samparoo h4 {
    font-size: 16px;
    font-family: Pyidaungsu;
}

.mltlngg-en_US .product-samparoo h4 {
    font-size: 17px;
}


/******************* Product MyJuice & Allday ***************/

.slideshow {
    position: relative;
    z-index: 1;
    height: 100%;
    margin: 0px auto;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    bottom: 40%;
    right: 20%;
}

.slick-dots li button:before {
    font-size: 25px;
}

.juice-title {
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 20px;
    font-size: 28px;
}

.juice-description {
    line-height: 2em;
}

.slide-body {
    display: none;
    padding-top: 0px;
}

.slide-button {
    position: absolute;
    top: 870px;
    left: 390px;
}

.c-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: Pyidaungsu;
}


/*.layer1 {
	background: url('img/bg-03.png') no-repeat center;
	min-height: 252px;
}*/

.btn-samparoo,
.btn-mingalarbar,
.btn-orange,
.btn-lychee,
.btn-energy-drink,
.btn-samparoo-550,
.btn-samparoo-330,
.btn-mingalarbar-550 {
    cursor: pointer;
}

.block {
    background: red;
    height: 600px;
}

.img-responsive.pro-img {
    margin: 0px auto;
}


/******************* Product MyJuice ***************/

.myjuice-img {
    z-index: 5;
    /* 	top: 200px;  */
    top: 153px;
    position: relative;
}

.myjuice-para {
    z-index: 5;
    top: 90px;
    position: relative;
}

.myjuice-bg {
    /*position: relative;*/
    width: 100%;
    z-index: -1;
}

.myjuice {
    position: absolute;
    /*     top: 500px; */
    top: 386px;
    right: 0px;
    z-index: 3;
}

.myjuice-text {
    background: none;
    top: 58%;
    right: 100%;
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: right;
}

.myjuice-text h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    line-height: 28px;
    font-size: 62px;
    color: #FFF;
}

.myjuice-text h5 {
    color: #FFF;
    font-size: 36px;
    line-height: 42px;
    padding-top: 4px;
}

.myjuice-text h6 {
    font-size: 30px;
    color: #FFF;
    font-family: 'Playfair Display', serif;
}

.fabtn .fa {
    border: 1px solid #3A559F;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 17px;
    color: #FFFFFF;
    background-color: #3A559F;
}

.fabtn {
    font-size: 21px;
    font-weight: 500;
    color: #3A559F;
    position: absolute;
    bottom: -34%;
}

.fabtn:hover {
    color: #3A559F;
    text-decoration: none;
}


/* .samparoo_social_linke_fb {margin-top:50px;} */


/******************* Product Allday ***************/

.allday-img {
    z-index: 5;
    top: 170px;
    position: relative;
}

.allday-para {
    z-index: 5;
    top: 70px;
    position: relative;
}

.allday-bg {
    position: relative;
    width: 100%;
    z-index: 2;
}

.allday {
    position: absolute;
    top: -22px;
    right: 290px;
    z-index: 3;
}

.allday-text {
    background: none;
    top: 50%;
    right: 50%;
    position: absolute;
    z-index: 1;
    text-align: right;
}

.allday-text h2 {
    font-weight: 900;
    line-height: 38px;
    font-size: 62px;
    color: #FFF;
    text-transform: uppercase;
}

.allday img {
    display: block;
    max-width: 100%;
    height: auto;
    float: right;
}

.allday-text h5 {
    color: #000;
    font-size: 36px;
    line-height: 32px;
}

.allday-text h6 {
    font-size: 30px;
    color: #fe0009;
    font-family: 'Playfair Display', serif;
}

#axis {
    position: relative;
}

.object {
    transform: scale(.9);
    transition: all .5s;
    /* Currently IE doesn't support for transition property http://www.w3schools.com/cssref/css3_pr_transition.asp */
}

#axis:hover .scale {
    /*-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);*/
    transform: scale(1);
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.6));
}


/******************* Career Page ***************/

.career-data {
    margin-top: 10px;
    margin-bottom: 100px;
}

.career-data h3 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    line-height: 28px;
}

.career-img {
    float: right;
}

.table.table-bordered.career-table tbody tr th {
    background-color: #e64f96;
    color: #FFFFFF;
    padding: 20px 10px;
}

.table>tbody>tr>td {
    padding: 15px;
}

.career-post {
    color: #e82a84;
}

.career-post:hover {
    color: #0368af;
    text-decoration: none;
}

.job-detail-list {
    margin: 10px 0px 20px 0px;
    display: inline-block;
    background-color: #e64f96;
    padding: 13px 13px 10px;
}

.job-detail-list li {
    display: inline-block;
    margin-right: 12px;
    color: #FFFFFF;
}

figure {
    margin: 0 0 1rem;
}

.google-map {
    background: #f5f5f5;
}

.google-map iframe {
    display: block;
}

.form-control {
    min-height: 40px;
    border-radius: 0;
}

.form-control:focus {
    border: 1px solid #ee5ea2;
    box-shadow: none;
}

.alert {
    border-radius: 0;
}


/******************* Contact Us Page ***************/

.contactbg {
    background-color: #f3f4f4;
    padding: 50px 0px;
}

.contactbg h3 {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 28px;
}

.sc_icons_item {
    text-align: left;
    padding-top: 25px;
}

.sc_icons .sc_icons_icon>span {
    display: inline-block;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: auto;
}

.sc_icons_icon {
    float: left;
    color: #ee5ea2;
    border-color: #5e4ac5;
    font-size: 20px;
}

.sc_icons_item_title {
    font-size: 16px;
    color: #393a4e;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0px 22px;
    display: inline-block;
    width: calc(100% - 50px);
}

.sc_icons_item_description {
    color: #666;
    width: 100%;
    margin-top: 11px;
    letter-spacing: 0;
    line-height: 26px;
}


/* SamPar Oo Mineral Water Page */

.spo-mineral-page {
    font-family: Montserrat, serif;
}

.spo-mineral-page .more {
    background: #2d96cf;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    margin: 10px 0;
}

.spo-mineral-page .more i {
    margin-left: 5px;
}

.spo-mineral-page .section1 {
    background: url(/wp-content/uploads/2020/01/mineral-water-bg.jpg);
    background-size: cover;
    padding: 60px 0;
}

.spo-mineral-page .section1 h4 {
    font-weight: 700;
    color: #6d6e71;
    font-family: Montserrat, serif;
    margin: 35px 0;
    font-size: 18px;
}

.spo-mineral-page .section1 .row {
    display: flex;
    align-items: center;
}

.spo-mineral-page .section2 {
    background: url(/wp-content/uploads/2020/01/our-mineral-section-bg.jpg);
    padding: 60px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.spo-mineral-page .section2 h3,
.spo-mineral-page .section3 h3 {
    font-weight: 700;
    color: #6d6e71;
    font-size: 21px;
    margin-bottom: 30px;
}

.spo-mineral-page .section2 h4,
.spo-mineral-page .section3 h4 {
    font-size: 18px;
    font-weight: 700;
    color: #6d6e71;
    word-spacing: 5px;
    line-height: 1.7;
}

.spo-mineral-page .section3 .row {
    display: flex;
    align-items: center;
}

.spo-mineral-page .section3 img {
    margin: 40px auto;
}

.section4 .details {
    padding: 40px 0;
}

.section4 .details .row {
    display: flex;
    align-items: center;
}

.section4 .details .row h2 {
    text-transform: uppercase;
    font-weight: 600;
}

.section4 .details .row h3 {
    font-size: 31px;
    font-weight: 600;
    margin-bottom: 25px;
}

.section4 .details .row h3 {
    font-size: 39px;
    font-weight: 600;
}

.section4 .details.sky-blue h3 {
    color: #76a7d0;
}

.section4 .details.crystal-clear h3 {
    color: #9e9fa1;
}

.section4 .details.ocean-green h3 {
    color: #69b9bb;
}

.section4 .details .row h2 {
    text-transform: uppercase;
    font-weight: 600;
}

.section4 .details h4 {
    font-weight: 400;
}

.section4 .details .fb-link {
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
}

.section4 .details .fb-link i {
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-right: 2px;
}

.section4 .sky-blue .fb-link i {
    background: #3399ff;
}

.section4 .sky-blue .fb-link {
    color: #3399ff;
}

.section4 .crystal-clear .fb-link i {
    background: #9e9fa1;
}

.section4 .crystal-clear .fb-link {
    color: #9e9fa1;
}

.section4 .ocean-green .fb-link i {
    background: #69b9bb;
}

.section4 .ocean-green .fb-link {
    color: #69b9bb;
}

.section4 table {
    margin-top: 25px;
}

.section4 table td,
.section4 table th {
    min-width: 140px;
    padding: 3px 5px;
    font-size: 15px;
}

.section4 .sky-blue table {
    color: #3399ff;
    font-weight: 500;
}

.section4 .crystal-clear table {
    color: #9e9fa1;
    font-weight: 500;
}

.section4 .ocean-green table {
    color: #69b9bb;
    font-weight: 500;
}


/* HEALTH BENEFITS PAGE START */

.health-benefits .wrap {
    display: flex;
    align-items: center;
    padding: 40px 0;
    position: relative;
}
.health-benefits img {
    max-width: 480px;
}
.health-benefits .text-wrap {
    position: sticky !important;
    margin-right: -70px;
    margin-left: 70px;
    background: #fff;
    padding: 40px 25px;
    font-size: 16px;
    z-index: 100;
    top: 100px;
}
.health-benefits .section2 .text-wrap, .health-benefits .section4 .text-wrap {
    margin-left: -70px !important;
    margin-right: 70px;
}
.health-benefits h4 {
    font-weight: 600;
    margin-bottom: 20px;
    font-family: montserrat, serif;
    font-size: 17px;
}
.health-benefits p {
    line-height: 1.7em;
}
.health-benefits h2{
    font-weight: 600;
    margin: 40px 0 20px;
    font-size: 30px;
}

.h-benefits .section1,
.h-benefits .section2,
.h-benefits .section3,
.h-benefits .section4,
.h-benefits .section5 {
    padding: 10px 0;
}

.h-benefits .wrap {
    padding: 40px 30px;
    position: relative;
}

.h-benefits .section1 .wrap {
    background-image: url(/wp-content/uploads/2020/01/benefits-section1.png), linear-gradient(to right, #fafafa 20%, #a9917c 80%);
    background-repeat: no-repeat;
    background-position: top right;
    background-position-x: 110%;
}

.h-benefits .section2 .wrap {
    background-image: url(/wp-content/uploads/2020/02/benefits-section2.1.png), linear-gradient(to right, rgba(78, 78, 78, 0.7) 100%, rgba(99, 99, 99, 0.73) 100%);
    background-repeat: no-repeat;
    background-position: top left;
    background-position-x: -33%;
}

.h-benefits .section3 .wrap {
    background: url(/wp-content/uploads/2020/01/benefits-section3.png), linear-gradient(45deg, #fbfbfb, #3535353d);
    background-repeat: no-repeat;
    background-position: top right;
}

.h-benefits .section4 .wrap {
    background-image: url(/wp-content/uploads/2020/01/benefits-section4.png), linear-gradient(to right, rgba(78, 78, 78, 0.7) 100%, rgba(99, 99, 99, 0.73) 100%);
    background-repeat: no-repeat;
    background-position: center left;
    background-position-x: -20%;
}

.h-benefits .section5 .wrap {
    background: url(/wp-content/uploads/2020/02/benefits-section5.jpg), #fafaf8;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 50%;
    background-position-x: 105%;
}

.h-benefits .main-title {
    color: #888;
    font-weight: 700;
    font-size: 50px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.h-benefits h3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #8c8d8f;
    font-size: 22px;
    margin-bottom: 25px;
    max-width: 300px;
    line-height: 1.2;
}

.h-benefits h4 {
    font-size: 18px;
    font-weight: 700;
    color: #6d6e71;
    word-spacing: 5px;
    line-height: 1.5;
}

.indexProducts .item-wrap {
    background: #f1f1f1;
}

.h-benefits .section2 h3,
.h-benefits .section2 h4,
.h-benefits .section4 h3,
.h-benefits .section4 h4 {
    color: #ddd;
}


/*xs*/

@media (max-width: 991px) {
    .h-benefits h4 {
        color: #afafaf;
        font-size: 17px;
    }
    .h-benefits h3 {
        color: #e9e9e9;
        font-size: 20px;
    }
    .h-benefits .main-title {
        font-size: 40px;
        color: #fff;
    }
    .h-benefits .wrap::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000;
        top: 0;
        left: 0;
        opacity: .8;
    }
    .health-benefits img {
        max-width: 300px;
    }
    .health-benefits .text-wrap{
        margin: unset;
        box-shadow: 0px 0px 7px -3px;
    }
    .health-benefits .section2 .text-wrap, .health-benefits .section4 .text-wrap{
        margin: unset !important;
    }
    .health-benefits .text-wrap{
        padding: 25px;
    }
}

@media (max-width: 767px) {
    #address .col-xs-2 {
        padding-right: 0px;
        width: 10% !important;
    }
    .spo-mineral-page .section1 .row,
    .spo-mineral-page .section3 .row {
        display: block;
    }
    .mobile-hidden {
        display: none;
    }
    .h-benefits .wrap {
        background-size: cover !important;
        background-position: center !important;
    }
    .homedesign .slick-dots {
        bottom: -40px !important;
    }
    .xs #des-menu::after {
        content: '';
        position: static;
        border-width: initial;
        border-style: initial;
        right: 47px;
        height: 47px;
        top: 16px;
        border-color: transparent;
    }
    #vision,
    #mission,
    #sologan {
        margin-bottom: 5px;
    }
    footer .col-xs-2 {
        width: 6%;
    }
    .taste td {
        margin-top: 15px;
    }
    .connect-with-us {
        margin-bottom: 15px;
    }
    .alldayShadexs .shadexs {
        position: relative;
    }
    .alldayPage.xs .alldayentry {
        padding-top: 30px;
    }
    .xs .alldayBanner1 .caption {
        position: static;
        width: 100%;
        margin-top: 18px;
    }
    .xs .alldayBanner2 .caption {
        position: static;
        width: 100%;
        margin-top: 27px;
    }
    .xs .alldayBanner2 .table>tbody>tr>td {
        line-height: 18px;
    }
    .xs .alldaythumb-wrap {
        margin-bottom: 25px;
    }
    .alldayShadexs .pgxs {
        position: absolute;
        top: 148px;
        width: 183px;
    }
    .xs .youtube {
        margin-top: 54px;
    }
    .xs .aboutbg h3 {
        position: static;
    }
    .milestones-title {
        position: relative !important;
    }
    .xs #cd-timeline {
        margin-top: 8em;
    }
    .xs .home-grid-img {
        display: inline-block;
        width: 98px;
    }
    .xs .width50 {
        width: 181px;
        display: inline-block;
    }
    .health-benefits img {
        max-width: 250px;
    }
}

.mm-navbar.mm-navbar_has-btns .mm-btn_close {
    left: auto;
    right: 0;
}

.mm-navbar.mm-navbar_has-btns {
    float: right;
}

.xs-lang {
    padding: 2px 0;
}

.businesstop {
    padding-top: 24px;
    padding-bottom: 0px;
}

.myjuice-bg {
    position: relative;
}

.margintop50 {
    margin-top: 20px;
}

.vitamin p {
    margin-top: 10px;
    margin-left: 16px;
}

.slide-body .content {
    padding-top: 15px !important;
}

.alldayenrgydrink .slide-body .content {
    min-height: auto !important;
    padding-top: 0px !important;
}

.myjuice {
    position: relative;
    top: 0px !important;
}

.myjuice img {
    margin-left: 0px;
}

.ptop_about1 {
    margin-top: 0px;
}

.ptop_about2 {
    margin-top: 0px;
}

.aboutus .slogan .feeldiff {
    font-size: 24px;
    margin-left: 10px;
}

.aboutus .slogan {
    padding-top: 30px;
}

.aboutus .slogan .feeldiff {
    font-size: 36px;
    margin-left: 10px;
}

#des-menu .navbar-default {
    margin-top: 0px;
}

.imgheight {
    height: auto;
}

.product_box {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hproduct .btndetail {
    margin-top: 10px;
}

.hproduct .cap_text {
    padding-top: 15px;
}

.slider-mleft {
    display: none;
}

.taste {
    padding-top: 40px;
    padding-bottom: 40px;
}

.taste h2 {
    font-size: 30px;
}

.partner_mobile img {
    margin: 0 auto;
}

.hproduct {
    padding-top: 30px;
    padding-bottom: 30px;
}

.social {
    margin-top: 20px;
}

.follow {
    padding-top: 40px;
    padding-bottom: 10px;
}

.follow h3 {
    font-size: 32px;
}

.newallday .imgenergy {
    margin-bottom: 40px;
}

.newallday .social_fb {
    padding-top: 20px;
}

.newallday #energy {
    position: relative;
    right: 0px;
}

.newallday .allday-txt {
    position: relative;
    height: auto;
}

.newallday .vitamin {
    padding-top: 40px;
    padding-bottom: 30px;
}

.newallday .vitamin p {
    margin-top: 10px;
    margin-left: 0px;
}

.newallday .vitamin h3 {
    font-size: 40px;
}

.fabtn {
    right: 26px;
    bottom: 5px;
}

.cart-img-wrapper{
    width: 70px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.cart-table td{ vertical-align: middle !important; }

label.error{ color: red; }
input.error{ border: 1px solid red; }


.input-group-control .minus:focus, .input-group-control .plus:focus{
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-group-control .plus{
    border-radius: 0 50%  50% 0;
}

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

/*	.samparoo_water_img {
		margin-top:171% !important;
	}*/

#xs .c-title {
    font-size: 16px;
}

#xs .product-water-frame {
    padding-left: 6px;
    padding-right: 6px;
}

#xs .product-water-frame p {
    line-height: 1.7em;
    font-size: 13px;
}
.theme-link{ color: #ee5ea2;}
.theme-link:hover{ text-decoration: none;color: #333333; }   
.order-success{
    background-color: #ee5ea2;
    color: #fff !important;
    padding: 16px;
    border-radius: 8px;
}
#header.affix .navbar-default .navbar-toggle,
#header.affix-top .navbar-default .navbar-toggle {
    background: #ee5ea2 !important;
    border: 1px solid #ee5ea2;
}

#header.affix-top .navbar-default .navbar-toggle {
    border: 1px solid #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background: #ddd;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    background: transparent;
}

#header.affix-top .navbar-default .navbar-nav>li>a:hover {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix .navbar-default .navbar-nav>li>a:hover {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix-top .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix-top .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix-top .navbar-nav .open .dropdown-menu {
    margin: 0px;
    /*background: transparent;*/
}

#header.affix .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix .navbar-nav .open .dropdown-menu {
    margin: 0px;
    background: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #000;
}

#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
#header.affix-top .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ee5ea2;
    background-color: transparent ! important;
}

#header.affix .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
#header.affix .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    background: transparent;
    color: #ee5ea2 !important;
}

#header.affix .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
#header.affix .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ee5ea2;
    background-color: transparent ! important;
}

.navbar-nav .open .dropdown-menu>li>a {
    line-height: 24px;
}

#des-menu .nav>li>a {
    padding-left: 13px;
    padding-right: 13px;
}

.container-fluid>.navbar-collapse {
    margin-top: 20px;
}

.text-right {
    text-align: left;
}

.business-img {
    padding-bottom: 20px;
}

.user-data img {
    display: block;
    margin: 0px auto;
}

.product-samparoo {
    padding-top: 20px;
}

.product-water-frame.orange {
    min-height: 0px;
}

.product-water-frame.lychee {
    min-height: 0px;
}

.product-water-frame.energy-drink {
    min-height: 0px;
}

.job-view-all-btn .btn {
    background-color: #e64f96;
    color: #FFFFFF;
    border-radius: 0;
    border-color: transparent;
}

.career-view-xs {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
}

.career-view-xs h3 {
    font-size: 18px !important;
    font-weight: 600;
    padding: 20px 0px;
    color: #e64f96;
}

#main-menu {
    float: left !important;
}


/*#des-menu img {
	    width: 248px;
	}*/

#header .logo {
    padding-bottom: -10px;
}


/*sm md lg*/

@media (min-width: 768px) {
    /*	.navbar-default .navbar-nav > li {
		margin-left: -2px;
	}*/
    .navbar-default .navbar-nav>.active>a:focus {
        background: #fff;
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover {
        background: transparent;
        color: #ee5ea2 !important;
        border-radius: 0;
    }
    #header.affix .navbar-default .navbar-nav>li>a:hover,
    #header.affix .navbar-default .navbar-nav>.active>a,
    #header.affix .navbar-default .navbar-nav>.active>a:hover {
        background: transparent !important;
        color: #ee5ea2 !important;
        border-radius: 0;
    }
    #header.affix .navbar-default .navbar-nav .open>.dropdown-toggle {
        color: #ee5ea2 !important;
        background: transparent !important;
        border-radius: 20px;
        border-top-right-radius: 0;
    }
    #header.affix-top .navbar-default .navbar-nav .open>.dropdown-toggle {
        color: #ee5ea2 !important;
        background: transparent !important;
        border-radius: 20px;
        border-top-right-radius: 0;
    }
    #header.affix-top .navbar-default .navbar-nav>.open>a,
    #header.affix-top .navbar-default .navbar-nav>.open>a:focus,
    #header.affix-top .navbar-default .navbar-nav>.open>a:hover {
        color: #ee5ea2;
        background-color: transparent;
    }
    .dropdown-menu a {
        color: #333 !important;
    }
    .dropdown-menu a:hover,
    .dropdown-menu>.active>a {
        color: #ee5ea2 !important;
    }
    .dropdown-menu a:focus,
    .dropdown-menu>.active>a:focus {
        background: none !important;
    }
    .header-wrapper {
        width: 100%;
        position: fixed;
        z-index: 9999;
    }
    .content {
        /* 		padding-top: 200px;  */
        padding-top: 118px;
    }
    .product-water-frame {
        min-height: 370px;
    }
    .product-water-frame.orange {
        min-height: 370px;
    }
    .float-right {
        float: right;
    }
}

@media (max-width: 425px) {
    .h-benefits .main-title {
        font-size: 33px;
    }
    .h-benefits h3 {
        font-size: 18px;
    }
    .h-benefits h4 {
        font-size: 17px;
        font-weight: unset;
        line-height: unset;
        word-spacing: 3px;
    }
    .modal-dialog-centered {
        top: 10%;
    }
}


/*big screen only*/

@media (min-width: 1300px) {
    .brand {
        background: url('img/bg-fruit1.png') left bottom no-repeat, url('img/bg-fruit2.png') right center no-repeat;
    }
}

@media (min-width: 1200px) {
    .allday-img img {
        width: 486px;
    }
    .allday-img {
        top: 209px;
    }
    /*.allday-img {		 
		top: 100px;		
	}*/
    /*.allday img {
	    width: 200px;
	}*/
    .allday {
        top: -85px;
        right: 186px;
    }
    .allday-text {
        top: 50%;
        right: 58%;
    }
    .myjuice {
        /* 	    top: 500px; */
        top: 398px;
        right: 0px;
    }
    .slide-body {
        display: none;
        padding-top: 0px;
    }
    .slide-button {
        top: 870px;
        left: 290px;
    }
    .slick-dots {
        bottom: 5%;
        right: 40%;
    }
    /*.slick-dots {
		bottom: 30%;
		right: 25%;
	}*/
}


/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media(max-width: 991px){
    footer .container .row{
        display:unset;
    }
    .footer-body .pages {
        margin: 25px 0;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive-mdsmxs{
    display: block;
    max-width: 100%;
    height: auto;
    padding-left: 40px;
  }
    .businesstop {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .nav>li>a {
        font-size: 14px;
        padding: 10px 8px;
    }
    .juicetitle {
        display: none;
    }
    .myjuice-bg .container img {
        margin-left: 0px;
    }
    .ptop_about1 {
        margin-top: 20px;
    }
    .ptop_about2 {
        margin-top: 20px;
    }
    .imgheight {
        height: 310px;
    }
    .slider-mleft {
        margin-left: 300px !important;
    }
    .newallday #energy img {
        width: auto;
        height: 850px;
    }
    .newallday .allday-txt {
        position: relative;
        height: 850px;
    }
    .newallday h2 {
        padding-bottom: 20px;
    }
    .newallday p {
        line-height: 1.8;
    }
    .newallday .social_fb {
        padding-top: 20px;
    }
    .newallday .vitamin {
        padding-top: 70px;
    }
    .newallday .vitamin h3 {
        font-size: 40px;
    }
    .newallday .vitamin h4 {
        font-size: 18px;
    }
    .newallday .allday-drink {
        margin-top: 80px;
    }
    .allday {
        top: -120px;
        right: 70px;
    }
    .allday-text {
        top: 50%;
        right: 58%;
    }
    .allday img {
        max-width: 60%;
    }
    .myjuice {
        top: 470px;
        right: 0px;
    }
    .myjuice img {
        /*  max-width: 51%;*/
        max-width: 100%;
    }
    .myjuice-text,
    .allday-text h2 {
        line-height: 28px;
        font-size: 48px;
    }
    .myjuice-text,
    .allday-text h6 {
        font-size: 20px;
    }
    .myjuice-text,
    .allday-text h5 {
        font-size: 28px;
        line-height: 22px;
    }
    .slide-button {
        top: 810px;
        left: 70px;
    }
    .product-samparoo {
        padding-top: 90px;
    }
    #milestones-slider {
        min-height: 368px;
    }
    .slick-dots {
        bottom: 22%;
        right: 32%;
    }
    .slick-prev {
        left: -15px;
    }
    .slick-next {
        right: -8px;
    }
    .aboutbg .item .gutter {
        min-height: 370px;
    }
}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) {
  .responsive-mdsmxs{
    display: block;
    max-width: 100%;
    height: auto;
    margin:0 auto;
  }
  .mineral_water .ocean_green, .mineral_water .crystal_clear, .mineral_water .sky_blue {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .sm #des-menu::after {
        content: '';
        position: static;
        border-width: initial;
        border-style: initial;
        right: 47px;
        height: 47px;
        top: 16px;
        border-color: transparent;
    }
    .businesstop {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    #des-menu .nav>li>a {
        padding: 10px 12px;
        font-size: 13px;
    }
    .sm #des-menu {
        border-right-color: transparent;
        margin-top: 18px;
    }
    .sm #header.affix .img-responsive.logo {
        width: 75px;
        margin-top: 0;
    }
    .sm .alldayShade .pg {
        width: 239px;
        left: 24px;
    }
    .sm .alldayBanner2 .caption h4 span {
        font-size: 19px;
    }
    .sm .alldayBanner2 .caption table {
        font-size: 13px;
    }
    .sm .alldayBanner2 .caption {
        top: 43px;
        right: 15px;
        padding: 0 15px;
        width: 380px;
    }
    .sm .alldayBanner1 .caption {
        position: absolute;
        top: 25px;
        background-color: #ffca05;
        left: 15px;
        padding: 4px 15px;
        width: 260px;
    }
    .sm .alldaythumb-wrap .caption p {
        font-size: 12px;
        line-height: 16px;
    }
    .sm .alldayBanner1 .caption p {
        font-size: 13px;
    }
    #header.affix .mltlngg-lang-button-icons img {
        width: 25px;
    }
    #header.affix #des-menu {
        margin-top: 0;
    }
    .sm #header.affix {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .lang .mltlngg-current-lang {
        border-color: transparent !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .header-wrapper {
        position: relative;
    }
    .lang {
        margin-top: 0px;
    }
    .sm .lang {
        position: absolute;
        bottom: 30px;
        right: 60px;
    }
    #des-menu .navbar-default {
        margin-top: 0px;
    }
    .ptop_about1 {
        margin-top: 0px;
    }
    .ptop_about2 {
        margin-top: 0px;
    }
    .aboutus .slogan .feeldiff {
        font-size: 34px;
        margin-left: 30px;
    }
    .imgheight {
        height: 255px;
    }
    .slider-mleft {
        margin-left: 250px !important;
    }
    .newallday #energy {
        position: relative;
        right: 0px;
    }
    .newallday #energy img {
        width: auto;
        height: auto;
    }
    .newallday .allday-txt {
        position: relative;
        height: auto !important;
    }
    .newallday h2 {
        padding-bottom: 20px;
        font-size: 26px;
    }
    .newallday p {
        line-height: 1.8;
    }
    .newallday .social_fb {
        padding-top: 20px;
    }
    .newallday .vitamin {
        padding-top: 80px;
        padding-bottom: 30px;
    }
    .newallday .vitamin h3 {
        font-size: 30px;
    }
    .newallday .vitamin h4 {
        font-size: 18px;
    }
    .newallday .allday-drink {
        margin-top: 40px;
    }
    .allday-para {
        top: 130px;
        padding-bottom: 85px;
    }
    .allday {
        top: 10px;
        right: 40px;
    }
    .allday img {
        max-width: 50%;
    }
    .allday-text {
        top: 42%;
        right: 50%;
    }
    .allday-text h2 {
        line-height: 28px;
        font-size: 48px;
    }
    .allday-text h6 {
        font-size: 20px;
    }
    .allday-text h5 {
        font-size: 28px;
        line-height: 22px;
    }
    .myjuice {
        top: 450px;
        right: 0px;
    }
    .myjuice-text {
        top: 56%;
        right: 100%;
    }
    .myjuice img {
        max-width: 50%;
    }
    .myjuice-text h2 {
        line-height: 28px;
        font-size: 48px;
    }
    .myjuice-text h6 {
        font-size: 20px;
    }
    .myjuice-text h5 {
        font-size: 28px;
        line-height: 22px;
    }
    .slide-button {
        top: 650px;
        left: 70px;
    }
    .product-samparoo {
        padding-top: 30px;
    }
    .product .list h4 {
        font-size: 14px;
    }
    #milestones-slider {
        min-height: 395px;
    }
    .slick-dots {
        bottom: 26%;
        right: 32%;
    }
    .aboutbg .item .gutter {
        min-height: 470px;
    }
    /********** Footer *********/
    .sm .footer-about-widget p {
        font-size: 12px;
    }
    .sm .footer-menu-widget {
        margin-top: 41px;
    }
    .sm .distribution-wrap-box {
        height: 230px;
    }
    .sm .purfied-drinking-water-mingalarpar-wrapper h5 {
        color: #ED1D24;
    }
    .sm .youtube {
        padding-top: 89px;
    }
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 0px) and (max-width: 767px) {
  .responsive-mdsmxs{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .mineral_water .ocean_green, .mineral_water .crystal_clear, .mineral_water .sky_blue {
    padding-top: 20px;
    padding-bottom: 20px;
}
    .myodrinkbox {
        width: 80%;
        margin: 0px auto;
        margin-bottom: 20px;
        min-height: 300px;
    }
    .softdrinkslide .slide-body .content {
        min-height: auto;
    }
    .softdrinkslide .slick-dots {
        position: relative;
    }
    .myjuice-bg .container img {
        float: left !important;
        margin-left: 20px;
    }
    .juicetitle {
        margin-top: -20px;
        margin-bottom: 15px;
    }
    .myjuice-bg {
        min-height: auto !important;
    }
    .juicetitle img {
        width: 80% !important;
        height: auto !important;
    }
    /*.width50{
  width: 50%;
  display: inline-block;
}*/
    .imageborder {
        margin-bottom: 10px;
    }
    .imageborder img {
        border: 1px dotted #c0c2c2;
        border-radius: 15px;
    }
    .lang {
        float: right;
        margin-top: 0px !important;
    }
    .navbar-toggle {
        border: 1px solid #fff;
        position: absolute;
        top: -55px;
        float: right;
        right: 0%;
    }
    .navbar {
        position: relative;
        min-height: 0px;
        margin-bottom: 20px;
        border: 1px solid transparent;
    }
    /*.div133{
  height: 40px;
}*/
    .div133 {
        height: auto;
    }
    element {
        display: block;
    }
    .slick-dots {
        bottom: 0% !important;
        right: 0%;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .slide-body .content {
        min-height: auto;
    }
    .juice-description {
        min-height: auto !important;
    }
    .fabtn {
        float: right;
        bottom: 5px;
        position: relative;
        float: right;
    }
    .purfied-drinking-water-logo-mglp img {
        float: none !important;
    }
    .purfied-drinking-water-mingalarpar-wrapper {
        padding-top: 39px !important;
    }
    .purfied-drinking-water-mingalarpar-wrapper h5 {
        color: #027FF5 !important;
    }
    .footer-menu-widget {
        padding-left: 0;
        column-count: 2;
        padding-top: 20px;
        padding-bottom: 22px;
    }
    .connect-with-us {
        text-align: left !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .slider-mleft {
        margin-left: 20px !important;
    }
    #address .col-xs-2 {
        padding-right: 0px;
        width: 5% !important;
    }
    .cd-timeline-block:nth-child(2n+1) .mleft h4::before {
        display: none;
    }
    .cd-timeline-block:nth-child(2n) .mleft h4::before {
        display: none;
    }
    .content {
        margin-top: 0px;
    }
    .allday-img {
        top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .allday-para {
        top: 0px;
    }
    .allday {
        top: 0px;
        left: 0px;
    }
    .allday img {
        max-width: 100%;
        height: auto;
        float: left;
    }
    .allday-text {
        top: 40%;
        right: 20%;
    }
    .allday-text h2 {
        font-size: 54px;
        line-height: 38px;
    }
    .allday-text h6 {
        font-size: 32px;
    }
    .allday-text h5 {
        font-size: 32px;
        line-height: 28px;
    }
    .myjuice {
        top: 620px;
        left: 0px;
    }
    .myjuice-img {
        bottom: 10%;
        top: 0px;
    }
    .slide-body img {
        margin: 0px auto;
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: 0;
    }
    .brand .text {
        line-height: 28px;
    }
    /*.layer1 {
	    background: url('img/wave-mobile-bg.png') no-repeat center;	   
	    min-height: 200px;
	}*/
    .juice-description {
        min-height: 150px;
    }
    .slick-dots {
        bottom: 42%;
        right: 0%;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0px;
    }
    .slick-prev {
        left: 20px;
        z-index: 999;
    }
    .slick-next {
        right: 30px;
    }
    .aboutbg .item .gutter {
        min-height: 0px;
    }
    .productbg {
        background-size: cover;
    }
}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (max-width: 480px) {
    .cd-timeline-block:nth-child(2n+1) .mleft h4::before {
        display: none;
    }
    #address .col-xs-2 {
        padding-right: 0px;
        width: 5% !important;
    }
    .cd-timeline-block:nth-child(2n) .mleft h4::before {
        display: none;
    }
    #cd-timeline::before {
        left: 0%;
    }
    .cd-timeline-img {
        left: 0%;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-img {
        margin-left: 0px;
    }
    .cd-timeline-block:nth-child(odd) .cd-timeline-content {
        float: left;
    }
    .cd-timeline-content {
        position: relative;
        margin-left: 60px;
        width: 80%;
    }
    .cd-timeline-block:nth-child(even) .mleft {
        float: left;
        text-align: left;
        width: 100%;
    }
    .cd-timeline-block:nth-child(even) .mleft h4:after {
        display: none;
    }
    .cd-timeline-block:nth-child(even) .mleft h4:before {
        background-color: #ee5ea2;
        content: "";
        display: inline-block;
        height: 3px;
        position: relative;
        vertical-align: middle;
        width: 7%;
        right: 0.5em;
        margin-right: 15px;
    }
    .cd-timeline-content h4 {
        text-align: left;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .our-business {
        margin-top: 20px;
    }
    .content {
        margin-top: 0px;
    }
    .allday-img {
        top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .allday-para {
        top: 0px;
    }
    .allday {
        top: 0px;
        left: 0px;
    }
    .allday img {
        max-width: 100%;
        height: auto;
        float: left;
    }
    .allday-text {
        top: 40%;
        right: 20%;
    }
    .allday-text h2 {
        font-size: 34px;
        line-height: 18px;
    }
    .allday-text h6 {
        font-size: 22px;
    }
    .allday-text h5 {
        font-size: 22px;
        line-height: 18px;
    }
    .myjuice {
        top: 600px;
        left: 0px;
    }
    .allday img {
        max-width: 100%;
        height: auto;
        float: left;
    }
    .myjuice-img {
        bottom: 10%;
        top: 0px;
    }
    /*.layer1 {
	    background: url('img/wave-mobile-bg.png') no-repeat center;	   
	    min-height: 200px;
	}*/
    .juice-description {
        /* 		min-height: 270px;			 */
        min-height: 327px;
    }
    .slide-body img {
        margin: 0px auto;
    }
    .slide-button {
        top: 970px;
        left: 180px;
    }
    .carousel-control .glyphicon-chevron-right {
        margin-right: 0;
    }
    .brand .text {
        line-height: 28px;
    }
    .slick-dots {
        bottom: 38%;
        right: 0%;
    }
    .slick-prev {
        left: 20px;
        z-index: 999;
    }
    .slick-next {
        right: 30px;
    }
    .aboutbg .item .gutter {
        min-height: 0px;
    }
    .productbg {
        background-size: cover;
    }
}

@media (min-width: 1650px) {
    .myjuice-bg .container img {
        float: left !important;
        margin-left: 45%;
    }
    .softdrinkslide .myjuice-bg .container img {
        float: left !important;
        margin-left: 40%;
    }
    .juicetitle {
        width: 100% !important;
        margin-top: -50px;
    }
    .juicetitle img {
        float: right !important;
    }
    .alldayenrgydrink .myjuice-bg .container img {
        float: left !important;
        margin-left: 50px;
    }
    .alldaytitle {
        width: 100%;
    }
}

@media(min-width: 1199px) and (max-width: 1649px) {
    .widthscale {
        width: 62%;
    }
}


/********** oct 8 2019 update *********/

.home-grid-img {
    width: 400px;
}

.home-grid-img img {
    margin: 0 auto;
}

.who-we-are-wrap {
    padding-top: 65px;
}

.who-we-are-box h3 {
    margin-bottom: 20px;
}

.who-we-are-read-more-btn .btn {
    border-color: #f49ac1;
    background-color: transparent;
}

.who-we-are-box {
    display: table;
    height: 325px;
}

.who-we-are-text {
    display: table-cell;
    vertical-align: middle;
}

.gradient-box {
    height: 211px;
    display: table;
    width: 100%;
}

.gradient-box .gradient-middle-box {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFF;
    text-align: center;
}

.vision-mission-slogan-wrap {
    padding-top: 30px;
    padding-bottom: 60px;
}

#vision {
    background: linear-gradient(66deg, rgb(59, 95, 236) 00%, rgb(36, 153, 209) 35%, rgb(18, 196, 189) 100%);
}

#mission {
    background: linear-gradient(151deg, rgba(19, 83, 138, 1) 0%, rgba(102, 93, 163, 1) 35%, rgba(221, 106, 200, 1) 100%);
}

#slogan {
    background: linear-gradient(151deg, rgba(195, 49, 133, 1) 0%, rgba(219, 111, 127, 1) 35%, rgba(250, 193, 118, 1) 100%);
}

.connect-with-us {
    text-align: right;
}

.social-media-icon .fa {
    background-color: #ee5ea2;
    color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

.footer-menu-widget li {
    padding-top: 3px;
    padding-bottom: 5px;
}

#des-menu::after {
    content: '';
    position: absolute;
    border-width: 1px;
    border-style: solid;
    right: 10px;
    height: 47px;
    top: 20px;
}

#des-menu {
    position: relative;
}

#address .fa {
    color: #ee5ea2;
}

.contact-us-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}

#contact-us-form-wrap {
    padding-top: 30px;
    padding-bottom: 20px;
}

.career-table {
    margin-top: 30px;
}

.contact-us-wrap p {
    text-align: center;
}

.mltlngg-my_MM .career-data h3 {
    font-family: Pyidaungsu;
}

#slogan .gradient-middle-box {
    display: inherit;
    margin-top: 31px;
    width: 100%;
}

#contact-us-form-wrap address {
    line-height: 2em;
}

.youtube {
    padding-top: 30px;
    padding-bottom: 30px;
}

.distribution-wrap {
    /*background-color: #e6d9b9;*/
    padding-top: 30px;
    padding-bottom: 33px;
}

.distribution-wrap-box {
    /*background-color: rgba(135,201,228,.8);*/
    background-image: linear-gradient(#ddd, #fff6);
    padding: 20px 15px;
    margin-top: 19px;
    height: 217px;
}

.distribution-wrap-box h3 {
    text-align: center;
    margin-bottom: 12px;
}


/*.distribution-wrap h1 {

    background-color: #9accdb;
    display: inline;
    padding: 0px 25px 0px 2px;

}*/

.distribution-wrap-box .fa {
    color: #f073ac;
    font-size: 17px;
}


/************* Oct - 17 - 2019 **************/


/*************** Purfied Drinking Water **********/

.samparoo-water-img img {
    margin: 0 auto;
}

.samparoo-size-large img {
    margin: 0 auto;
}

.samparoo-water-img {
    text-align: center;
}

.samparoo-fb .fa {
    background-color: #027ff5;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #FFF;
    line-height: 26px;
    text-align: center;
}

.samparoo-fb a {
    color: #027ff5;
    text-decoration: none;
    font-weight: 900;
}

.samparoo-fb a:hover,
.samparoo-fb a:focus {
    color: #027ff5;
    text-decoration: none;
    font-weight: 900;
}

.samparoo-water-img h5 {
    color: #027ff5;
    font-weight: bold;
    font-family: Pyidaungsu;
    font-size: 17px;
}

.btn-samparoo-330 {
    float: right;
}

.btn-samparoo {
    float: left;
}

.spo-size {
    text-align: justify;
}

.samparoo-water-text {
    margin-top: 13px;
}

.purfied-drinking-water-logo-spo img {
    width: 200px;
}

.purfied-drinking-water-logo-mglp img {
    float: right;
    width: 200px;
}

.samparoo-size-large {
    margin-top: 43px;
}

.purfied-drinking-water-samparoo-wrapper {
    padding-top: 20px;
}

.purfied-drinking-water-mingalarpar-wrapper {
    padding-top: 20px;
    padding-bottom: 24px;
}

.purfied-drinking-water-mingalarpar-wrapper h5 {
    color: #027FF5;
}

.purfied-drinking-water {
    background-image: url('img/purfied-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.about-us-wrap h3::after {
    content: '';
    position: absolute;
    border-style: solid;
    bottom: -2px;
    left: 0;
    width: 92px;
    right: 0;
    border-color: #ee5ea2;
    border-width: 2px;
}

.about-us-wrap h3 {
    position: relative;
    margin-bottom: 12px;
}

.youtubeborder .caption {
    background-color: #EE5EA2;
    padding-left: 15px;
    padding-right: 15px;
    display: table;
    height: 70px;
    width: 100%;
}

.youtubeborder .caption h4 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}

.youtubeborder .caption h4 a {
    color: #FFFFFF;
}

.youtubeborder .caption h4 a:hover,
.youtubeborder .caption h4 a:focus {
    color: #FFFFFF;
    text-decoration: none;
}

.video {
    margin-top: 28px;
    background-image: linear-gradient(to right, rgb(238, 94, 162), rgba(238, 94, 162, 0));
    display: inline-block;
}

.alldayLogo img {
    width: 278px;
}

.alldayentry p {
    text-align: justify;
}

.alldayShade .shade {
    position: absolute;
    top: 0;
    right: 0;
    width: 334px;
}

.alldayPage {
    position: relative;
}

.alldayLogo {
    margin-top: 13px;
    margin-bottom: 13px;
}

.mltlngg-en_US p {
    font-family: 'Montserrat', serif;
}

.mltlngg-en_US .alldayentry p {
    font-family: 'Montserrat', serif;
}

.alldaySocial .fa {
    background-color: #0080f6;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
}

.alldaySocial p a,
.alldaySocial p a:hover,
.alldaySocial p a:focus {
    color: #0080f6;
    text-decoration: none;
}

.alldayShade .pg {
    position: absolute;
    z-index: 999;
    width: 245px;
    left: 186px;
    top: 32px;
}

.alldayBanner1 .caption p {
    font-family: 'Playfair Display', serif;
}

.alldayBanner1 .caption p span {
    color: #ec1c24;
}

.alldayBanner1 img {
    position: relative;
}

.alldayBanner1 .caption {
    position: absolute;
    top: 70px;
    background-color: #ffca05;
    left: 15px;
    padding: 15px 15px;
    width: 342px;
}

.alldayBanner1 .caption p {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    letter-spacing: 1px;
}

.banner1-caption {
    padding-top: 35px;
    padding-bottom: 30px;
}

.alldaybanner {
    padding-top: 36px;
}

.alldayBanner2 .table>tbody>tr>td,
.alldayBanner2 .table>tbody>tr>th,
.alldayBanner2 .table>tfoot>tr>td,
.alldayBanner2 .table>tfoot>tr>th,
.alldayBanner2 .table>thead>tr>td,
.alldayBanner2 .table>thead>tr>th {
    border-top-color: transparent;
}

.alldayBanner2 .table>tbody>tr>th {
    vertical-align: middle;
    line-height: 4px;
    color: #ec1c24;
}

.alldayBanner2 .table>tbody>tr>td {
    line-height: 4px;
}

.alldayBanner2 img {
    position: relative;
}

.alldayBanner2 .caption {
    position: absolute;
    top: 81px;
    background-color: #ffca05;
    right: 15px;
    padding: 15px 15px;
    width: 456px;
}

.alldayBanner2 .caption table {
    font-family: 'Playfair Display', serif;
    font-size: 17px;
    letter-spacing: 1px;
}

.banner1-caption {
    padding-top: 35px;
    padding-bottom: 30px;
}

.alldayBanner2 .caption h4 span {
    color: #ec1c24;
    font-size: 32px;
    font-weight: 600;
}

.alldaythumb-wrap .caption {
    background-color: #9adcf9;
    display: table;
    height: 60px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    white-space: pre-line;
}

.alldaythumb-wrap .caption p {
    display: table-cell;
    vertical-align: middle;
    color: #000;
    font-size: 15px;
    line-height: 1.2em;
}

.alldaythumbnail {
    padding-top: 50px;
    padding-bottom: 55px;
}


/*************** Samparoo Soft Drink & My juice **************/

.spo-thumb {
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.spo-soft-drink-thumb {
    padding: 20px 20px;
}

.spo-soft-drink-wrap {
    padding-top: 25px;
}

.img-resposive.spo-softDlogo {
    margin-bottom: 30px;
}

.spo-thumb a {
    text-decoration: none;
    color: #0080f6;
    font-size: 18px;
    font-family: 'Montserrat', serif;
    font-weight: 600;
}

.spo-thumb .caption {
    color: #027ff5;
    font-size: 17px;
    font-family: 'Montserrat', serif;
    font-weight: 600;
}

.spo-soft-drink-lsize-img {
    padding-top: 40px;
}

.myjuicelogo img {
    float: right;
}

.myjuice h4 {
    font-size: 27px;
    color: #20522e;
    font-family: 'Montserrat', serif;
    font-weight: 300;
}

.myJuicewrap {
    padding-top: 52px;
    padding-bottom: 21px;
}

.aboutmyjuicetext {
    padding-top: 36px;
    padding-bottom: 20px;
}

.myjuiceslide .slick-dots li.slick-active button::before {
    color: #2c713f;
    opacity: 1;
}

.myjuiceslide .slick-dots li button::before {
    color: #198bf6;
    opacity: 1;
}

.myjuiceslide .slick-dots {
    width: 100%;
    left: 56px;
    right: 0;
}

.mltlngg-my_MM .user-data {
    padding-top: 25px;
}

@media (min-width:1200px) {
  .responsive-mdsmxs{
    margin-left: 60px;
  }
}

@media(max-width: 1199px) {
    .h-benefits .section2 .wrap {
        background-position-x: -70%;
    }
    .h-benefits .section3 .wrap {
        background-position: center right;
        background-position-x: 160%;
    }
    .h-benefits .section4 .wrap {
        background-position-x: -60%;
    }
    .section4 .myjuiceslide .slick-dots {
        bottom: 25px;
    }
    .health-benefits p {
        line-height: 1.5em;
        font-size: 15px;
    }
    .health-benefits h4{
        font-size: 18px;
    }
}

@media (min-width:992px) and (max-width: 1199px) {}

@media (min-width:768px) and (max-width: 991px) {
  .div133 {
    height: 0;
}
    .sm .spo-soft-drink-lsize-img {
        padding-top: 147px;
    }
    .sm .gradient-box {
        height: 318px;
    }
}

@media (max-width: 768px) {
    .deliproducttitle{
        min-height: 35px;
    }
    .cart-btn{
        margin-left: -4px;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        top: -20px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}


@media (max-width: 767px) {
    .myjuiceslide .slick-dots {
        bottom: 22% !important;
        width: 27%;
        right: 0;
        left: 1px;
    }
    .xs .myjuicelogo img {
        float: none;
        width: 199px;
    }
    .xs .img-resposive.spo-softDlogo {
        margin-bottom: 30px;
        width: 170px;
    }
    .xs .distribution-wrap-box {
        height: 247px;
    }
    .section4 .myjuiceslide .slick-dots {
        bottom: 0px !important;
    }
}

@media (max-width: 575px) {
    .section4 .details .row {
        display: block;
    }
    .health-benefits .wrap{
        display: block;
    }
    .health-benefits img{
        margin: 0 auto;
        display: block;
        max-width: 300px;
    }
    .health-benefits .text-wrap{
        position: unset !important;
    }
    .cart-btn{
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .mobile-visible {
        display: none !important;
    }
}


/**************** Update **********/

.job-note {
    border-top: 1px solid #fcdfed;
    padding-top: 20px;
    margin-top: 20px;
}

.img-responsive.playicon {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 92px;
}

.taste-item img {
    margin: 0 auto;
}