/*woohoo landing pageurl:www.woohoodoodh.com/schedule-a-trialdate:16/6/2016*/


/*=Global*/

body {
    font-family: 'Montserrat', sans-serif;
    position: relative
}

hr {
    border: 1px solid #1B303E;
    opacity: 0.8;
}


/*=header*/

.menu-bar {
    padding-top: 20px;
    padding-bottom: 0px;
}

.menu-bar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.menu-bar li {
    float: left;
}

.menu-bar li a {
    text-decoration: none;
    font-weight: 700;
    color: #FFF;
}

.logo-text {
    padding-top: 10px;
    padding-left: 30px;
    font-weight: 700;
}


/*=Intro Section*/

.intro {
    margin-top: 0px;
    padding: 0px 0px;
}

.intro h2 {
    font-weight: 700;
    font-size: 24px;
}

.intro p {
    font-size: 16px;
}


/*=Trial Section*/

.trial {
    background-color: #fbeb7c;
    padding: 25px 0px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.trial img {
    padding-left: 50px;
}

.trial h3 {
    font-weight: 700;

}

.btn-text {
    font-size: 16px;
}


/*=why section*/

.why h2 {
    margin-bottom: 40px;
    font-weight: 700;
}

.why h3 {
    font-weight: 700;
    font-size: 18px;
}

.why {
    padding-bottom: 8px;
}


/*=Testimonials section*/

.testimonials {
    /*padding-bottom: 50px;*/
}

.testimonials h3 {
    font-weight: 700;
}

.caption {
    font-size: 18px;
    margin-top: -10px;
    margin-bottom: 40px;
}

.test_name {
    font-weight: 700;
    margin-top: 10px;
}

.test_cred {
    margin-top: -10px;
}

.disha {
    padding-top: 40px;
}

.baisakhi {
    padding-top: 20px;
}


/*=Edits*/

.input-group-addon {
    /*border-radius: 0px;*/
    background-color: #FFF;
    /*border: 1px solid #beb688;*/
    border: 1.2px solid #beb688;
    border-radius: 5px;
    height: 40px;
}

.form-control {
    border: 1.2px solid #beb688;
    border-radius: 5px;
    height: 40px;
}
.form-control::placeholder {
    font-style: italic;
}
.btn {
    padding: 5px 20px;
}

.btn-default:hover {
    color: #1B303E;
    background-color: #FFF;
    border-color: #FFF;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.btn-default {
    color: #FFF;
    background-color: #0c4489;
    border-color: #0c4489;
}

.form-control:focus {
    border-color: #1B303E;
}

.btn-primary {
    color: #FFF;
    background-color: #fd9852;
    border-color: #fd9852;
}

.btn-primary:hover {
    background-color: #1B303E;
    border-color: #1B303E;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.main_menu .btn {
    margin: 20px 20px;
}


/*=thankyou page*/

.social {
    background: #fbeb7c none repeat scroll 0 0;
    padding: 30px 30px;
    margin-top: 50px;
    border: 1px solid #1B303E;
}

.social img {
    margin: 0 auto;
}

.social h2 {
    font-size: 20px;
    font-weight: 700;
}

.social p {
    font-size: 18px;
}










.schedule{
    background: url(../images/Pre-campaign-banner-new.jpg) center top no-repeat;
    background-size: cover;
     background-repeat: no-repeat;
    background-position: top;
  
    width: 100%;
    
    

}
.schedule h2{
    font-size:40px;
    font-weight:700;
}
.schedule h2 span{
    font-weight:200;
}
.padd-v{
    padding:20px 0;
}
.schedule-left{
    margin-top:90px;
}
.thumnail-title{
    font-size:22px;
    color: #0c4489;
    /*font-weight:700;*/
    line-height:26px;
    margin-top:15px;
}
.mrg-bt{
    margin-bottom:40px;
}
.mrg-tp{
    margin-top:40px;
}
.schedule-menu{
    margin-top:15px !important;
}
.schedule-menu li{
    float:none;
}
.schedule-menu li a{
    font-size:16px;
    color:#ffffff;
    font-weight: 700;
}
.web-icon, .contact-icon{
    background-image:url(../images/sprite.png);
    width:22px;
    height:20px;
    overflow:hidden;
    background-position: 0px 0px;
    background-repeat:no-repeat;
    background-position: -10px -9px;
    background-repeat: no-repeat;
    /* background: red; */
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 10px;
}
.contact-icon{
    background-position: -10px -35px;
}
.schedule-bg{
    background:#ffe9cd;
}

/*=Responsive*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .trial img {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .trial img {
        padding-left: 0px;
    }
    .thumnail-title{
        font-size:18px;
        margin-bottom:20px;
    }
    .schedule{
        padding-bottom:20px;
        background-size: 100% 100%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .trial .pad {
        padding-bottom: 50px;
    }
    .why {
        font-size: 14px;
    }
    .why img {
        margin: 0 auto;
    }
    
    .sample {
        padding-bottom: 50px;
    }
    .bottom {
        background-color: #fbeb7c;
        padding-top: 50px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .thumnail-title{
        font-size:18px;
        margin-bottom:20px;
    }
    .schedule h2 {
        font-size: 24px;
        font-weight: 700;
    }
    .schedule{
        height:auto;
        padding-bottom:20px;
        background-size: 100% 100%;
    }
    .menu-bar{
        margin-bottom:20px;
    }
}

@media (min-width: 100px) and (max-width: 479px) {

    .trial img {
        padding-left: 0px;
    }
    .trial .pad {
        padding-bottom: 50px;
    }
    
    .test {
        padding-bottom: 30px;
    }
    .disha {
        padding: 0 0;
    }
    .sample {
        padding-bottom: 50px;
    }
    .bottom {
        background-color: #fbeb7c;
        padding-top: 50px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .thumnail-title{
        font-size:18px;
        margin-bottom:20px;
    }
    .schedule h2 {
        font-size: 24px;
    }
    .schedule{
        height:auto;
        padding-bottom:20px;
        background-size: 100% 100%;
    }
    .nav_logo img{
        width:180px;
        height:auto;
    }
    .schedule-menu li a{
        font-size:14px;
    }
    .schedule-menu{
        margin-bottom:10px;
    }
    .menu-bar{
        margin-bottom:40px;
    }
    .schedule-left{
        margin-top:0;
    }
}

.sliderinnerp{
    font-size: 22px;
    color: #0c4489;
    line-height: 26px;
    margin: auto;
    margin-top: 10px
}
.sliderinnercircle{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: #0c4489;
    margin: auto;
    /*      height: 25px;
      width: 25px;
      background-color: #0c4489;
      color:#ffffff;
      border-radius: 50%;
      display: inline-block;*/
}

 h2,h3{
                color:#0c4489;
            }
            .logomrmilk{
                width: 90px;
            }

            .carousel-caption {
                left: 0%;
                width: 100%;
                height: 100%;
                background: rgb(255,238,2);
                background: linear-gradient(90deg, rgba(255,238,2,1) 11%, rgba(240,201,2,1) 100%);
                bottom:0;
                right:0;
            }
            #carouselButtons {
                margin-left: 100px;
                position: absolute;
                bottom: 0px;
            }
            .carousel-indicators{
                bottom: 0;
                text-align: center;
                width: 100%;
            }
            .sliderfullraw{
                display: table;
                width: 100%
            }
            .sliderhalf{
                float: none;
                display: table-cell;
                vertical-align: top;
                background-color: coral;

                padding: 0px;
            }
            .sliderhalfimg{
                width: 100%;
            }
            @media screen and (min-width: 768px){
                .carousel-caption{
                    left: 0%;
                    padding-bottom: 0px; 
                }
            }
            .sliderfullraw{
                margin-left: 0px;
                margin-right: 0px;
            }
            .thumbnailfortestimoneal {
                position: relative;
            }

            .captionfortestimoneal {
                position: absolute;
                margin-top: 0%;
                left: 0;
                width: 100%;
            }
            .badge {
                display: inline-block;
                min-width: 16px; /* pixel unit */
                padding: 35px 45px; /* pixel unit */
                border-radius: 50%;
                font-size: 40px;
                text-align: center;
                background: #0c4489;
                color: #ffffff;
            }
            .leftarrow {
                vertical-align: middle;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
            }
            /*            i {
                            border: solid #fff;
                            border-width: 0 3px 3px 0;
                            display: inline-block;
                            padding: 3px;
                        }*/
            .dot {

                height: 8px;
                width: 8px;
                background-color: #fff;
                border-radius: 50%;
                vertical-align: middle;
                display: inline-block;
            }
            .sliderstrip{
                font-size: 22px;
                color: #fff;
                background: url(images/band.png) center center no-repeat;
                padding: 10px;
                margin-bottom: 23px;
            }
            .row{
                margin-left: 0px;
                margin-right: 0px;
            }
            .milkcontainera2{
                object-fit: contain;
                height: 100%;
                width: 100%;
            }
            .homescreenmain{
                float: none;
                display: table-cell;
                vertical-align: bottom;
            }


            .overlay{position: absolute;
                     display: flex;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     right: 0;
                     align-items: center;
                     justify-content: center;
                     flex-direction: column;
                     color: white;
                     text-align: center;
            }
            .overlay .videoButtonWrapper{
                flex-direction: row;
                margin-bottom: 10px;
            }
            .videoBackgroundWrapper{position: relative; width: 100%;}
            .videoBackground{width: 100%;}
            .tooltip:hover .tooltiptext {
                visibility: visible;
            }


            @media screen and (max-width: 768px){
                .sliderfullraw{
                    display: contents!important;

                }
                .righcarousel{
                    height: 50%;
                    width: 100%;
                }
                .sliderhalf{
                    float: left;
                }
                .carousel-indicators{
                    bottom: 0;
                    text-align: center;
                    right: unset;
                }
                .carousel-caption{
                    position: unset;
                }
                .milkcontainera2{
                    height: auto!important;
                    width:80%;
                }
                .homescreenmain{
                    float: left;
                }
                .menu-bar{
                    position: unset!important;
                }
                .footertextalign{
                    text-align: center!important;
                }
                .borderimagefooter{
                    border-left: none;
                    border-top: white 1px solid;
                }
                .schedule{
                    background-color:#f0c903;
                    background:#f0c903;
                }
                .nav_logo img{
                    width:80%;
                }
            }
            .success{
                display:none;
            }

            @media (min-width: 1200px){
                .visible-lg {
                    display: block!important;
                }
            }
            .schedule-wrapper{
                padding-bottom: 200px;
            }

            @media screen and (min-width: 1600px){
                .schedule-wrapper{
                    padding-bottom: 300px;
                }

            }

            .schedule-left {
                margin-top: 0px;
            }
            @media screen and (min-width: 1850px){
                .schedule-wrapper{
                    padding-bottom: 400px;
                }

            }
            @media screen and (max-width: 768px){
                .schedule-wrapper{
                    padding-bottom: 50px;
                }

            }

            option{
                font-size:18px;

            }

            #area {
                box-sizing: border-box;
                background-image: url('searchicon.png');
                background-position: right 5px center;
                background-repeat: no-repeat;
                font-size: 16px;
                padding: 14px 20px 12px 15px;
                border: 1px solid #979797;
            }

            .feedourcowsp{
                padding-top:20px;
                padding-bottom:20px;
                font-size: 14px;
                line-height: 1.42857143;

            }
            .whymrmilkimage{
                width:70px;
            }
            .promisebox .row{
                display:flex;

            }
            .promisebox-8,.promisebox-4{
                margin:auto;
            }
            @media screen and (max-width: 768px) {
                .promisebox .row{
                   

                }
            }
            .sectioncowmulti {
                font-size: 30px;
                line-height: 25px;
                letter-spacing: 0;
                font-family: Montserrat;
                color: #04488a;
                padding-bottom: 0px;
                margin-bottom: 0px;
            }
            @media (min-width: 100px) and (max-width: 768px){
                .schedule-menu {
                    margin-top: 0px!important;
                }
                .schedule-menu li a{
                    font-size: 12px!important;
                }    
            }

            .myform {
                position: absolute;
                background: rgba(255,255,255,0.9);
                height: auto;
                width: 25%;
                top: 172px;
                border-radius: 12px;
                right: 1%;
                padding-top: 15px;
                padding-bottom: 15px;
                /*                width: 70%;
                                top: 30px;
                                left: 15%;*/
            }
            .mainlogo{
                background-color: transparent !important;
                position: absolute;
                top: 15px;
                z-index: 9999;
                right: 1%;
            }
            #dairyform{
                padding-left: 15px;
                padding-right: 15px;
            }
            .sectionhead1{
                font-size: 16px;
                font-weight: 800;
            }
            .tabbable-panel {
                padding: 10px;
            }

            /* Default mode */
            .tabbable-line > .nav-tabs {
                border: none;
                margin: 4px;
            }
            .tabbable-line > .nav-tabs > li {
                margin-right: 2px;
            }
            .tabbable-line > .nav-tabs > li > a {
                border: 0;
                margin-right: 0;
                color: #737373;
            }
            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background-color: #0033cc;
            }
            .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
                color: #fff
            }
            .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                color: #a6a6a6;
            }
            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }
            .tabbable-line > .nav-tabs > li.active {
                position: relative;
            }
            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;

            }
            .tabbable-line > .nav-tabs > li.active > a > i {
                color: #404040;
            }
            .tabbable-line > .tab-content {
                margin-top: -3px;
                background-color: #fff;
                border: 0;
                border-top: 1px solid #eee;
                padding: 15px 0;
            }
            .portlet .tabbable-line > .tab-content {
                padding-bottom: 0;
            }

            /* Below tabs mode */

            .tabbable-line.tabs-below > .nav-tabs > li {
                border-top: 4px solid transparent;
            }
            .tabbable-line.tabs-below > .nav-tabs > li > a {
                margin-top: 0;
            }
            .tabbable-line.tabs-below > .nav-tabs > li:hover {
                border-bottom: 0;
                border-top: 4px solid #fbcdcf;
            }
            .tabbable-line.tabs-below > .nav-tabs > li.active {
                margin-bottom: -2px;
                border-bottom: 0;
                border-top: 4px solid #f3565d;
            }
            .tabbable-line.tabs-below > .tab-content {
                margin-top: -10px;
                border-top: 0;
                border-bottom: 1px solid #eee;
                padding-bottom: 15px;
            }
            .nav-tabs > li, .nav-pills > li {
                float:none;
                display:inline-block;
                *display:inline;
                zoom:1;
            }

            .nav-tabs, .nav-pills {
                text-align:center;
            }


            .productlimrmilk{
                padding-left: 15px;
            }
            .productnamesfirsr{
                font-size: 18px;
                font-weight: 700;
                color: #0b4489;
                margin-bottom: 0px;
            }
            .productnames{
                font-size: 24px;
                font-weight: 700;
                color: #0b4489;
                margin-top: 0px;
            }
            .productsubline{
                font-size: 18px;
                font-style: italic;
                color: #767575;
                font-weight: 700;
            }
            .tabbable-line > .nav-tabs > li.active{

            }

            .tabbable-line > .nav-tabs > li > a{
                background-color: #b2b4b3;
                border-radius: 5%;
                color: #fff;
            }
            .tabbable-line > .nav-tabs > li.active > a{
                background-color: #0a4386;
            }
            @media screen and (max-width: 768px){
                .myform{
                    width: 100%;
                    right: unset;
                    background: none;
                    position: static;
                    padding: 25px;
                    
                }
                .myform #dairyform{
                    background: rgb(186 182 182 / 90%);
                    padding: 25px;
                    border-radius: 12px;

                }
                .promiseimg{
                    margin: auto;
                }
                .promisebox-4{
                    text-align: center;
                }
                .social-icons{
                    padding-top: 25px;
                    padding-bottom: 25px;
                }
                .logomrmilk{
                    width: 50px;
                }
            }

            .orderbutton {
                display: block;
                width: 115px;
                background: #f2ca09;
                padding: 10px;
                text-align: center;
                border-radius: 5px;
                color: #16497d;
                font-weight: bold;
                line-height: 25px;
            }
            .social-icons {
                text-align: center;
            }
            .social-icons {
                padding-left: 0;
                margin-bottom: 0;
                list-style: none;
            }

            .social-icons li {
                display: inline-block;
                margin-bottom: 4px;
            }
            .social-icons a {
                width: 40px;
                height: 40px;
                line-height: 40px;
                margin-left: 6px;
                margin-right: 0;
                border-radius: 100%;
                background-color: #33353d;
                color: #fff;
                font-size: 16px;
                display: inline-block;
                text-align: center;
            }
            .fa{
                padding-top: 12px;
            }
            .panel-heading [data-toggle="collapse"].collapsed:after {
                -webkit-transform: rotate(
                    90deg
                    );
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(
                    90deg
                    );
                color: #454444;
            }
            .panel-heading [data-toggle="collapse"]:after {
                font-family: 'Glyphicons Halflings';
                content: "\e072";
                float: right;
                color: #0b4489;
                font-size: 18px;
                line-height: 22px;
                -webkit-transform: rotate(
                    -90deg
                    );
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(
                    -90deg
                    );
            }
            .panel-default>.panel-heading{
                color: #0b4489;
            }
            .panel-title{
                text-align: center;
                font-weight: 600;
            }

            #hp-ctn-howItWorks img {
                vertical-align:middle;
            }
            #hp-ctn-howItWorks {
                padding:0px 0px 0px 0px;
                text-align: center;
                margin:0px;
                width: 160px;
                height:40px;
                background:#FF931E;
                z-index:15;
                border-radius: 5px 5px 0px 0px;
                -moz-transform:rotate(-90deg);
                -ms-transform:rotate(-90deg);
                -o-transform:rotate(-90deg);
                -webkit-transform:rotate(-90deg);
                transform-origin: bottom right;
                position: fixed;
                right: 0px;
            }
            .tab-pane{
                padding-top: 20px;
            }
            .feedourcowspwh{
                font-size: 15px;
            }
            
            @media only screen and (max-width: 768px) {
            .rowswap{
                display: -webkit-box!important;
                display: -moz-box!important;
                display: -ms-flexbox!important;
                display: -webkit-flex!important;
                display: flex!important;
                -webkit-box-orient: vertical!important;
                -moz-box-orient: vertical!important;
                -webkit-flex-direction: column!important;
                -ms-flex-direction: column!important;
                flex-direction: column!important;
                /* optional */
                -webkit-box-align: start!important;
                -moz-box-align: start!important;
                -ms-flex-align: start!important;
                -webkit-align-items: flex-start!important;
                align-items: flex-start!important;
            }
            #first {
                order: 2;
            }
            #second {
                order: 1;
            }

        }
        h2,h3{
            color:#0c4489;
        }
        .logomrmilk{
            width: 90px;
        }

        .carousel-caption {
            left: 0%;
            width: 100%;
            height: 100%;
            background: rgb(255,238,2);
            background: linear-gradient(90deg, rgba(255,238,2,1) 11%, rgba(240,201,2,1) 100%);
            bottom:0;
            right:0;
        }
        #carouselButtons {
            margin-left: 100px;
            position: absolute;
            bottom: 0px;
        }
        .carousel-indicators{
            bottom: 0;
            text-align: center;
            width: 100%;
        }
        .sliderfullraw{
            display: table;
            width: 100%
        }
        .sliderhalf{
            float: none;
            display: table-cell;
            vertical-align: top;
            background-color: coral;

            padding: 0px;
        }
        .sliderhalfimg{
            width: 100%;
        }
        @media screen and (min-width: 768px){
            .carousel-caption{
                left: 0%;
                padding-bottom: 0px;
            }
        }
        .sliderfullraw{
            margin-left: 0px;
            margin-right: 0px;
        }
        .thumbnailfortestimoneal {
            position: relative;
        }

        .captionfortestimoneal {
            position: absolute;
            margin-top: 0%;
            left: 0;
            width: 100%;
        }
        .badge {
            display: inline-block;
            min-width: 16px; /* pixel unit */
            padding: 35px 45px; /* pixel unit */
            border-radius: 50%;
            font-size: 40px;
            text-align: center;
            background: #0c4489;
            color: #ffffff;
        }
        .leftarrow {
            vertical-align: middle;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }
        /*            i {
                        border: solid #fff;
                        border-width: 0 3px 3px 0;
                        display: inline-block;
                        padding: 3px;
                    }*/
        .dot {

            height: 8px;
            width: 8px;
            background-color: #fff;
            border-radius: 50%;
            vertical-align: middle;
            display: inline-block;
        }
        .sliderstrip{
            font-size: 22px;
            color: #fff;
            background: url(images/band.png) center center no-repeat;
            padding: 10px;
            margin-bottom: 23px;
        }
        .row{
            margin-left: 0px;
            margin-right: 0px;
        }
        .milkcontainera2{
            object-fit: contain;
            height: 100%;
            width: 100%;
        }
        .homescreenmain{
            float: none;
            display: table-cell;
            vertical-align: bottom;
        }


        .overlay{
            position: absolute;
            display: flex;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: white;
            text-align: center;
        }
        .overlay .videoButtonWrapper{
            flex-direction: row;
            margin-bottom: 10px;
        }
        .videoBackgroundWrapper{
            position: relative;
            width: 100%;
            padding-top:50px;
        }
        .videoBackground{
            width: 100%;
        }
        .tooltip:hover .tooltiptext {
            visibility: visible;
        }


        @media screen and (max-width: 768px){
             .videoBackgroundWrapper{
           
            padding-top:10px;
        }
            .sliderfullraw{
                display: contents!important;

            }
            .righcarousel{
                height: 50%;
                width: 100%;
            }
            .sliderhalf{
                float: left;
            }
            .carousel-indicators{
                bottom: 0;
                text-align: center;
                right: unset;
            }
            .carousel-caption{
                position: unset;
            }
            .milkcontainera2{
                height: auto!important;
                width:80%;
            }
            .homescreenmain{
                float: left;
            }
            .menu-bar{
                position: unset!important;
            }
            .footertextalign{
                text-align: center!important;
            }
            .borderimagefooter{
                border-left: none;
                border-top: white 1px solid;
            }
            .schedule{
                background-color:#f0c903;
                background:#f0c903;
            }
            .nav_logo img{
                width:80%;
            }
        }
        .success{
            display:none;
        }

        @media (min-width: 1200px){
            .visible-lg {
                display: block!important;
            }
        }
        .schedule-wrapper{
            padding-bottom: 200px;
        }

        @media screen and (min-width: 1600px){
            .schedule-wrapper{
                padding-bottom: 300px;
            }

        }

        .schedule-left {
            margin-top: 0px;
        }
        @media screen and (min-width: 1850px){
            .schedule-wrapper{
                padding-bottom: 400px;
            }

        }
        @media screen and (max-width: 768px){
            .schedule-wrapper{
                padding-bottom: 50px;
            }

        }

        option{
            font-size:18px;

        }

        #area {
            box-sizing: border-box;
            background-image: url('searchicon.png');
            background-position: right 5px center;
            background-repeat: no-repeat;
            font-size: 16px;
            padding: 14px 20px 12px 15px;
            border: 1px solid #979797;
        }

        .feedourcowsp{
            padding-top:20px;
            padding-bottom:20px;
            font-size: 14px;
            line-height: 1.42857143;

        }
        .whymrmilkimage{
            width:70px;
        }
        .promisebox .row{
            display:flex;

        }
        .promisebox-8,.promisebox-4{
            margin:auto;
        }
        @media screen and (max-width: 768px) {

        }
        .sectioncowmulti {
            font-size: 30px;
            line-height: 25px;
            letter-spacing: 0;
            font-family: Montserrat;
            color: #04488a;
            padding-bottom: 0px;
            margin-bottom: 0px;
        }
        @media (min-width: 100px) and (max-width: 768px){
            .schedule-menu {
                margin-top: 0px!important;
            }
            .schedule-menu li a{
                font-size: 12px!important;
            }
        }

        .myform {
            position: absolute;
            background: rgba(255,255,255,0.9);
            height: auto;
            width: 25%;
           
            border-radius: 12px;
            right: 1%;
            padding-top: 15px;
            padding-bottom: 15px;
            /*                width: 70%;
                            top: 30px;
                            left: 15%;*/
        }
        .mainlogo{
            background-color: transparent !important;
            position: absolute;
            top: 15px;
            z-index: 9999;
            right: 1%;
        }
        #dairyform{
            padding-left: 15px;
            padding-right: 15px;
        }
        .sectionhead1{
            font-size: 16px;
            font-weight: 800;
        }
        .tabbable-panel {
            padding: 10px;
        }

        /* Default mode */
        .tabbable-line > .nav-tabs {
            border: none;
            margin: 4px;
        }
        .tabbable-line > .nav-tabs > li {
            margin-right: 2px;
        }
        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
        }
        .tabbable-line > .nav-tabs > li > a > i {
            color: #a6a6a6;
        }

        .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
            border: 0;
            background-color: #0033cc;
        }
        .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
            color: #fff
        }
        .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
            color: #a6a6a6;
        }
        .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
            margin-top: 0px;
        }
        .tabbable-line > .nav-tabs > li.active {
            position: relative;
        }
        .tabbable-line > .nav-tabs > li.active > a {
            border: 0;

        }
        .tabbable-line > .nav-tabs > li.active > a > i {
            color: #404040;
        }
        .tabbable-line > .tab-content {
            margin-top: -3px;
            background-color: #fff;
            border: 0;
            border-top: 1px solid #eee;
            padding: 15px 0;
        }
        .portlet .tabbable-line > .tab-content {
            padding-bottom: 0;
        }

        /* Below tabs mode */

        .tabbable-line.tabs-below > .nav-tabs > li {
            border-top: 4px solid transparent;
        }
        .tabbable-line.tabs-below > .nav-tabs > li > a {
            margin-top: 0;
        }
        .tabbable-line.tabs-below > .nav-tabs > li:hover {
            border-bottom: 0;
            border-top: 4px solid #fbcdcf;
        }
        .tabbable-line.tabs-below > .nav-tabs > li.active {
            margin-bottom: -2px;
            border-bottom: 0;
            border-top: 4px solid #f3565d;
        }
        .tabbable-line.tabs-below > .tab-content {
            margin-top: -10px;
            border-top: 0;
            border-bottom: 1px solid #eee;
            padding-bottom: 15px;
        }
        .nav-tabs > li, .nav-pills > li {
            float:none;
            display:inline-block;
            *display:inline;
            zoom:1;
        }

        .nav-tabs, .nav-pills {
            text-align:center;
        }


        .productlimrmilk{
            padding-left: 15px;
        }
        .productnamesfirsr{
            font-size: 18px;
            font-weight: 700;
            color: #0b4489;
            margin-bottom: 0px;
        }
        .productnames{
            font-size: 24px;
            font-weight: 700;
            color: #0b4489;
            margin-top: 0px;
        }
        .productsubline{
            font-size: 18px;
            font-style: italic;
            color: #767575;
            font-weight: 700;
        }
        .tabbable-line > .nav-tabs > li.active{

        }

        .tabbable-line > .nav-tabs > li > a{
            background-color: #b2b4b3;
            border-radius: 5%;
            color: #fff;
        }
        .tabbable-line > .nav-tabs > li.active > a{
            background-color: #0a4386;
        }
         .paddingbfooter{
            padding:20px;
        }
        @media screen and (max-width: 768px){
            .myform{
                width: 100%;
                right: unset;
                background: none;
                position: static;
                padding: 25px;
               
            }
            .myform #dairyform,.myform #popupform{
                background: rgb(186 182 182 / 90%);
                padding: 25px;
                padding-top: 40px;
                border-radius: 12px;

            }
            .promiseimg{
                margin: auto;
            }
            .promisebox-4{
                text-align: center;
            }
            .social-icons{
                padding-top: 25px;
                padding-bottom: 25px;
            }
            .logomrmilk{
                width: 50px;
            }
            .paddingbfooter{
                padding-bottom:60px;
            }
            .awardtag{
                margin-top:15px;
            }
        }
       
        .orderbutton {
            display: block;
            width: 115px;
            background: #f2ca09;
            padding: 10px;
            text-align: center;
            border-radius: 5px;
            color: #16497d;
            font-weight: bold;
            line-height: 25px;
        }
        .social-icons {
            text-align: center;
        }
        .social-icons {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none;
        }

        .social-icons li {
            display: inline-block;
            margin-bottom: 4px;
        }
        .social-icons a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin-left: 6px;
            margin-right: 0;
            border-radius: 100%;
            background-color: #33353d;
            color: #fff;
            font-size: 16px;
            display: inline-block;
            text-align: center;
        }
        .fa{
            padding-top: 12px;
        }
        .panel-heading [data-toggle="collapse"].collapsed:after {
            -webkit-transform: rotate(
                90deg
                );
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(
                90deg
                );
            color: #454444;
        }
        .panel-heading [data-toggle="collapse"]:after {
            font-family: 'Glyphicons Halflings';
            content: "\e072";
            float: right;
            color: #0b4489;
            font-size: 18px;
            line-height: 22px;
            -webkit-transform: rotate(
                -90deg
                );
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(
                -90deg
                );
        }
        .panel-default>.panel-heading{
            color: #0b4489;
        }
        .panel-title{
            text-align: center;
            font-weight: 600;
        }

        #hp-ctn-howItWorks img {
            vertical-align:middle;
        }
        #hp-ctn-howItWorks {
            padding:0px 0px 0px 0px;
            text-align: center;
            margin:0px;
            width: 160px;
            height:40px;
            background:#FF931E;
            z-index:15;
            border-radius: 5px 5px 0px 0px;
            -moz-transform:rotate(-90deg);
            -ms-transform:rotate(-90deg);
            -o-transform:rotate(-90deg);
            -webkit-transform:rotate(-90deg);
            transform-origin: bottom right;
            position: fixed;
            right: 0px;
        }
        .tab-pane{
            padding-top: 20px;
        }
        .feedourcowspwh{
            font-size: 15px;
        }
        .btn-primary:hover {
            background-color: #0b4489;
            border-color: #becddf;
        }
        .btn-default:hover {
            color: #ffffff;
            background-color: #edc50b;
        }
        .btn-primary {
            color: #0b4489;
            background-color: #edc50b;
            border-color: #f2e298;
            font-weight: 700;
        }
        .items {
            width: 100%;
            margin: 0px auto;
            margin-top: 0px
        }

        .slick-slide {
            margin: 10px;
            height:auto!important;
        }

        .slick-slide img {
            width: 100%;
            border: 0px solid #fff
        }
        .slick-prev:before, .slick-next:before{
            color: #0b4489!important
        }


        .floater {
            margin-right: 1rem;
            width: 100%;
            overflow-y: visible;
             padding-bottom: 0 !important;
        }
        .floater__list {
            margin: 0 0 0;
            padding: 0 0 0 0;
            list-style: none;
            position: fixed;
            bottom: 0;
            left: 3%;
            top: 30%;
            text-align: center;
            left:0;
            right:0;
            margin-left:auto;
            margin-right:auto;
            display:none;
            overflow-y: visible;
             padding-bottom: 0 !important;
        }

        .hidedivpopup{
            display:block;
        }
        .floater__list .close {
            position: absolute;
            top:38px;
            right: 32px;
            z-index: 9;
            opacity: 1;
        }
        .floater__list-item {
            opacity: 0;
            position: relative;
            width: auto;
            height: auto;
            margin: 0.5rem 0;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;

            border-radius: 50%;
            box-shadow: 0 4px 8px rgba(0,0,0,.25);
        }
        .floater.is-active .floater__list-item:nth-child(1){
            animation: fadeIn 0.25s ease-out 0.1s forwards, moveUp 0.25s ease-out 0.1s forwards;
        }
        .floater.is-active .floater__list-item:nth-child(2){
            animation: fadeIn 0.25s ease-out 0.05s forwards, moveUp 0.25s ease-out 0.05s forwards;
        }
        .floater.is-active .floater__list-item:nth-child(3){
            animation: fadeIn 0.25s ease-out forwards, moveUp 0.25s ease-out forwards;
        }
        @-webkit-keyframes fadeIn {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
            }
        }
        @-webkit-keyframes moveUp {
            0% {
            }
            100% {
                transform: translate3d(0,-5rem,0);
            }
        }
        .floater__list-item-label {
            position: absolute;
            right: 110%;
            padding: 0.5rem;
            font-size: 0.75rem;
            color: #fff;
            background-color: rgba(0,0,0,0.3);

            opacity: 1;
            white-space: nowrap;
            pointer-events: none;
            align-self: center;
        }
        .floater__list-item-label::selection {
            background-color: transparent;
        }

        @media (min-width: 32rem) {
            .floater__list-item-label {
                opacity: 0;
            }
        }
        .floater__btn {
            position: fixed;
            bottom: 0;
            width: 100%;
            height: 50px;
            color: #fffF;
            cursor: pointer;
            background-color: #CD001A;
            display: flex;
            z-index:9999;
            justify-content: center;
            align-items: center;
            box-shadow: -3px -10px 21px -11px rgba(0,0,0,0.71);
-webkit-box-shadow: -3px -10px 21px -11px rgba(0,0,0,0.71);
-moz-box-shadow: -3px -10px 21px -11px rgba(0,0,0,0.71);
            transition: all 0.2s ease-in-out;
        }
        .floater__btn:hover {
            transform: scale(1.1);
        }

        .floater.is-active .floater__btn {
            background: #f0c909;
        }
        .floater.is-active .floater__btn:hover {
            transform: scale(1);
        }
        .floater__list-item:hover .floater__list-item-label {
            opacity: 1;
        }
        .floater__btn-icon {
            transition: all .5s;
        }
        .floater__btn-icon-plus {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }
        .floater.is-active .floater__btn-icon-plus {
            opacity: 1;
            -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
        }
        .is-active{
            position: relative;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0,0,0,.8);
        }

        .noscroll {
            overflow: hidden;
        }

        .is-active {
            position: fixed;
            overflow-y: scroll;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        body .noscroll{
            position:relative;
            overflow:hidden;
        }
        .videoBackground{
                object-fit: initial;
    height: 200px!important;
    overflow: hidden;
    position: relative;
  
        }
        .whatsapp{float:right;position:fixed;bottom:70px;right:15px;z-index:100}
        .btn-default:hover,.btn-default:focus {
        color: #0c4489!important;
    background-color: #f8dc02!important;
    border-color: #0c4489!important;
    outline: none;
}
.btn-default:active{
        color: #fff;
    background-color: #f8dc02!important;
    border-color: #0c4489!important;
    
}

.close1{
    margin-top: -30px!important;
    opacity: 1;
}

.input-group .form-control{
    z-index:0;
}

.farmtextindiv{
    padding:0px;
}
.firstword{
    font-size: 50px;
    color: #edc50b;
    font-weight: 700;
    line-height: normal;
}
.secondword{
    font-size: 50px;
   line-height: 40px;
    font-weight: 700;
    color: #fff;
}
.itemsparesh .slick-dots li button:before{
     color: #878686;
    font-size: 10px;
}
.itemsparesh .slick-dots li.slick-active button:before{
    color: white;
    font-size: 10px;
}
.itemsparesh iframe{
    border: 5px solid #fff;
        border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-radius:10px;
}
.tesmoneyptag{
    font-weight: 600;
    color: #fff;
}
@media screen and (max-width: 768px){
.mrmilkqolo1{
    width:60px!important;
    top: -50px!important;
    left: 15px!important;
}
.mrmilkqolo2{
    width:60px!important;
    top: 10px!important;
    right: 15px!important;
}
.mosttrustedbrandmrmilk{
    bottom:6px!important;
}
.firstword{
     font-size: 35px;
    line-height: 35px;
    padding-top: 50px;
}
.secondword{
    font-size: 40px;
     line-height: 40px;
}
.itemsparesh iframe{
    width:100%;
}
.mrmilktestinew,.mrmilktestinewin1,.mrmilktestinewin2,.mrmilktestinewin3{
    padding-left:0px;
    padding-right:0px;
}

}
.itemsparesh .slick-slide iframe{
transition: all .3s ease;
height: 230px;
}
.itemsparesh .slick-slide iframe:hover {
  transform: scale(1.03);
}
.mrmilktestinewin1 .slick-arrow {
	z-index: 1;
	width: 40px;
	height: 40px;
}

.mrmilktestinewin1 .slick-arrow:before {
	font-size: 30px;
}
.mrmilktestinewin1 .slick-next {
	right: 0;
	    margin-top: -20px;
}
.mrmilktestinewin1 .slick-prev {
	left: -30px;
	margin-top:-20px;
}

.mrmilktestinewin1 .btn-wrap {
	text-align: center;
	width: 100%;
}
.mrmilktestinewin1 button {

	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 10px;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.5s;
}
.mrmilktestinewin1 .slick-disabled {
	opacity: 0.6;
}

.mrmilktestinewin1 .slick-prev:before, .mrmilktestinewin1 .slick-next:before {
    color: #ffffff!important;
}