@font-face {
    font-family: Wreath Half;
    src: url('../fonts/WreathHalftoneMedium.otf');
}

@font-face {
    font-family: Gotham Medium;
    src: url('../fonts/gotham-medium.ttf');
}

@font-face {
    font-family: Gotham Regular;
    src: url('../fonts/gotham-light.otf');
}

@font-face {
    font-family: Gotham Italic;
    src: url('../fonts/Gotham-UltraItalic.ttf');
}

@font-face {
    font-family: gotham italic;
    src: url('../fonts/gotham-italic.ttf');
}

@font-face {
    font-family: gotham bold;
    src: url('../fonts/Gotham-Bold.otf');
}
.capture-btn{
    position:absolute;
    top:0;
    right:0;
}
.capture-btn img{
    cursor:pointer;
    height: 168px;
    float: right;
    margin-right: 24%;
}
.banner {
    width: 100%;
    position: relative;
}

.logo {
    position: absolute;
    top: 10%;
    left: 45%;
    max-width: 20%;
}

.title {
    position: absolute;
    top: 38%;
    left: 34%;
    max-width: 35%;
}

.introduce {
    position: absolute;
    left: 42%;
    font-family: Wreath Half;
    top: 83%;
    font-size: 60px;
    color: #447f28;
}

.section-1, .section-2, .section-3, .section-4, .section-5, .section-6, .section-7 {
    position: relative;
}

.introduce-bg {
    width: 100%;
}

.paneer {
    position: absolute;
    top: -8%;
    left: 23%;
    width: 56%;
}

.about {
    position: absolute;
    left: 38%;
    font-family: Wreath Half;
    bottom: 0%;
    font-size: 60px;
    color: #e0c434;
}

.about-bg {
    width: 100%;
}

.about-para {
    position: absolute;
    width: 35%;
    font-family: Gotham Medium;
    left: 33%;
    top: 0%;
    font-size: 16px;
    text-align: justify;
}

.ingredients {
    position: absolute;
    top: 55%;
    left: 18%;
}

.ingredients img {
    width: 100%;
}

.ingredients-title h3 {
    position: absolute;
    left: 42%;
    font-family: Wreath Half;
    top: 40%;
    font-size: 60px;
    color: #447f28;
}

.ingredients p {
    font-family: Gotham Regular;
    margin-top: -10px;
}

.youtube-img {
    width: 100%;
}

.borderless td, .borderless th {
    border: none !important;
    text-align: left;
}

.borderless {
    margin-left: 22%;
    font-family: Gotham Regular;
    font-size: 16px;
}

.ingredients-table h3 {
    color: #60784f;
    font-family: Wreath Half;
    font-size: 60px;
    margin-left: 23%;
}

.ingredients-table p {
    margin-left: 23%;
    font-family: Gotham Regular;
}

.youtube-sec h3 {
    color: #e9cc4d;
    font-family: Wreath Half;
    font-size: 60px;
}

.youtube-sec p {
    font-family: Gotham Regular;
}

.youtube-bg {
    position: absolute;
    top: 1%;
    left: 0;
}

.social-bg {
    width: 100%;
    height: 790px;
}
.youtube-img{
    height: 550px;
}

.social h3 {
    font-family: Wreath Half;
    font-size: 65px;
    position: absolute;
    top: 1%;
    left: 50% !important;
    transform: translate(-50%, -50%);
    color: #60784f;
}

.social-post {
    position: absolute;
    top: 5%;
    left: 5%;
    right: 0%;
    margin: auto;
    width: 80%;
}

.social-post img {
    width: 100%;
}
.desk-facebook iframe img{
    width: 100%;
}
#facebook img{
    width: 100%;
    max-width: 100% !important;
}
.twitter-line {
    margin-bottom: 4%;
}

.footer h3.title {
    font-family: Wreath Half;
    font-size: 60px;
    position: absolute;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #60784f;
}

.footer .footer-bg {
    width: 100%;
}

.testimonial-desc {
    font-family: gotham italic;
    font-weight: bold;
    margin-top: 2%;
    padding: 3%;
    text-align: left;
}

.testimonials {
    position: absolute;
    left: 18%;
    top: 25%;
}

.list-title {
    font-family: Gotham Medium;
    font-size: 1.7vmax;
    position: absolute;
    top: 50%;
    left: 0%;
    color: #60784f;
    font-weight: 500;
    right:0;
    margin-left: auto;
    margin-right: auto;
}

.list {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.list-ul{
    display: -webkit-inline-box;
}
.list li {
    font-family: Gotham Medium;
    font-size: 3.0vh;
    color: #60784f;
    padding: 20px 40px 40px 0px !important;
    font-weight: 600;
}

.list ul li:first-child {
    list-style: none !important;
}

.numbers {
    font-family: Gotham Medium;
    font-size: 1.7vmax;
    position: absolute;
    top: 58%;
    left: 0%;
    color: #60784f;
    font-weight: 500;
    right:0;
    margin-left: auto;
    margin-right: auto;
}

.phone-list {
    position: absolute;
    top: 64%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0;
}

.place {
    font-family: Gotham Regular;
    font-size: 22px;
    color: #60784f;
    margin-bottom: 0px;
}

.number {
    font-family: gotham bold;
    font-size: 20px;
    color: #60784f;
    line-height: 15px;
}

.footer-address-line {
    position: absolute;
    top: 82%;
    left: 50%;
    color: #007a65;
    text-align: center;
    transform: translate(-50%, -50%);
}
.full-address{
    font-size: 1.9vh;
    font-weight: 900;
    line-height: 25px;
}
.footer-address-line p{
    line-height: 7px;
    font-size: 1.9vh;
}
.footer-link {
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8vh;
    font-weight: 600;
}

.footer-link a , .footer-link-mob a {
    color: #ef7102 !important;
}

.youtube-bg iframe {
    width: 50%;
    height: 315px;
    border-radius: 3%;
}
.desk-instagram iframe{
    height: 430px !important;
}
@media (max-width: 768px) {
    .social h3{
        font-size: 36px;
    }
    .social-post {
        top: 10%;
    }
    .instagram, .you-tube {
        width: 70% !important;
        margin-left: 1%;
    }
    .twitter {
        width: 85% !important;
    }
    .list-title {
        font-size: 2.5vmax;
        top: 43%;
    }
    .numbers{
        font-size: 2.5vmax;
        top: 55%;
    }
    .list{
        top: 56%;
    }
    .list li{
        font-size: 18px;
    }
    .phone-list{
        top: 62%;
        padding-left: 15%;
        padding-right: 15%;
    }
    .footer-bg {
         height: 580px;
     }
    .footer-address-line p{
        line-height: 17px;
    }
    .footer-address-line{
        top: 83%;
    }
    .footer-link {
        top: 93%;
    }
}



/* Medium devices (tablets, less than 768px) */
@media (max-width: 991px) and (min-width: 769px){
    .logo {
        position: absolute;
        top: 7%;
        left: 40%;
        max-width: 15%;
    }

    .title {
        position: absolute;
        top: 35%;
        left: 33%;
        max-width: 30%;
    }

    .introduce {
        left: 34%;
        top: 75%;
        font-size: 60px;
    }

    .about {
        left: 33%;
        top: 76%;
        font-size: 52px;
        color: #557a59;
    }

    .section-2 {
        z-index: 10;
    }

    .about-para {
        width: 48%;
        left: 28%;
        top: 0%;
        font-size: 12px;
        text-align: justify;
    }

    .ingredients-title h3 {
        left: 35%;
        top: 60%;
    }

    .ingredients .col-md-4 {
        width: 33%;
        float: left;
    }

    .ingredients {
        top: 95%;
        left: 0%;
        z-index: 10;
    }

    .section-4 .youtube-img {
        height: 450px !important;
    }

    .youtube-sec h3 {
        color: #e9cc4d;
        font-family: Wreath Half;
        font-size: 35px;
    }

    .youtube-bg {
        top: 30%;
        left: 21%;
    }

    .youtube-bg iframe {
        width: 100%;
        height: 100%;
    }

    .social-bg {
        height: 768px;
    }

    .social-post {
        position: absolute;
        top: 18%;
        left: 7%;
        margin: auto;
    }

    .social-post .col-md-5, .social-post .col-md-7 {
        width: 50%;
        float: left;
        padding-left: 2px;
        padding-right: 2px;
    }

    .footer-bg {
        height: 550px;
    }

    .footer h3.title {
        font-family: Wreath Half;
        font-size: 36px;
        position: absolute;
        top: 0%;
        left: 40%;
        color: #60784f;
    }

    .testimonials {
        position: absolute;
        left: 10%;
        top: 10%;
    }

    .testimonials .col-md-2 {
        width: 25%;
        float: left;
    }

    .testimonials .col-md-8 {
        width: 65%;
        float: left;
        font-size: 16px;
    }

    .testimonials img {
        width: 100%;
    }

    .phone-list .col-md-4 {
        width: 33%;
        float: left;
    }

    .place {
        font-family: Gotham Regular;
        font-size: 14px;
        color: #60784f;
    }
    .number {
        font-family: gotham bold;
        font-size: 10px;
        color: #60784f;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

}

/*mobile css starts here*/
/*mob-section1 starts*/
.mobile-wrapper{
    background-image: url(../img/optibg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.no-pad{
    padding: 0px;
}
.mob-section1{

}
.mob-idLogo{
    width: 30%;
    padding-top: 10%;
    padding-bottom: 5%;
}
.mob-life-img{
    width: 70%;
}

/*mob-section2 starts*/
.mob-introduce{
    font-family: Wreath Half;
    font-size: 32px;
    color: #447f28;
    margin: 0;
    padding-top: 19%;
    padding-bottom: 3%;
}
.mob-panner img{
    width: 100%;
}
.mob-section2{

}
.mob-about-text{
    font-family: Wreath Half;
    top: 83%;
    font-size: 30px;
    color: #e0c434;
}
.mob-panner-img{
    width: 50%;
}
/*mob-section3 stsrts*/
.mob-about-para{
    font-family: Gotham Medium;
    padding-left: 15%;
    padding-right: 15%;
    font-size: 12px;
    text-align: justify;
}
.mob-section3{
    padding-top: 10%;

}

/*mob-section4 starts*/
.mob-ingredients-title{
    font-family: Wreath Half;
    font-size: 36px;
    color: #447f28;
    padding-top: 25%;
}
.mob-ingredient-img img{
    width: 100%;
}
.mob-section4{
    padding-bottom:12%;
}
.mob-youtube-sec h3{
    color: #e9cc4d;
    font-family: Wreath Half;
    font-size: 35px;
    padding-top: 25%;
}
.mob-youtube-sec p {
    font-family: Gotham Regular;
}
.mob-youtube-sec{
    padding-bottom: 15%;
}
/*mob-section5 starts*/
.mob-section5{
}
.mob-social-header{
    font-family: Wreath Half;
    font-size: 36px;
}
.mob-iframe-post{
    padding-bottom: 1%;
}
.mob-twitter img{
    width: 100%;
}
.mob-twitter{
    padding-top: 10%;
}
/*mob-section6 starts*/
.mob-section6{
    padding-top: 12%;
}
.mob-testimonial{
    font-family: Wreath Half;
    font-size: 36px;
    color: #60784f;
}
.mob-section6 h5{
    font-family: gotham italic;
    font-weight: bold;
    padding-left: 3%;
    padding-right: 3%;
}
/*mob-section7 starts*/
.mob-section7{
    padding-top: 15%;
    padding-bottom: 5%;

}
.mob-section7 h4{
    font-family: Gotham Medium;
    font-size: 2.5vmax; 
    color: #60784f;
    font-weight: 500;
}
.mob-section7-cities li:nth-child(1){
    list-style: none !important; 
}
.mob-section7-cities{
    display: -webkit-inline-box;
}
.mob-section7-cities li{
    font-family: Gotham Medium;
    color: #60784f;
    padding: 0px 28px 0px 0px !important;
    font-weight: 600;
}
/*.mob-section7-cities li{
    padding: 0px 25px 14px 4px !important;
    color: #60784f;
    font-weight: 600;
    float: left;

}
.mob-section7-cities ul li {
    list-style: inherit;
}*/
.mob-section7-cities-no li{
    display: inline-block;
    font-family: Gotham Regular;
    font-size: 14px;
    color: #60784f;
    padding: 5px;
}
.mob-section7-cities-no{
    padding-left: 0px;
}
/*mob-section8 starts*/
.mob-section8 h3{
    font-size: 1.9vh;
    font-weight: 900;
 /*   line-height: 25px;*/
    color: #2e936c;
}
.mob-footer-addr1{
    color: #2e936c !important;
}
.mob-footer-addr2{
    color: #e44100;
    padding-bottom: 5%;
}
.mob-youtube iframe{
    width: 100%;
}
.mob-instagram img, .mob-you-tube{
    width: 100%;
}
.mob-instagram{
    padding-bottom: 10%;
}
.mob-fb-iframe iframe{
    width: 100%;
}
.you-tube-iframe{
    width: 100%;
}
.you-tube-iframe iframe{
    width: 100%;
}
.desk-facebook iframe{
    width: 100%;
}
.desk-youtube iframe{
    width: 100%;
}
@media(min-width:768px){
    
.desk-youtube{
    width: 82%;
}
.desk-youtube iframe{
    margin-top: 3%;
}
.desk-instagram iframe{
    width: calc(100% - -15%) !important;
    margin-left: 20px !important;
}
}
@media(min-width: 1480px){
    .social-bg {
    width: 100%;
    height: 835px;
    }
    .twitter-tweet{
        width: 100% !important;
    }
    .EmbeddedTweet{
        max-width: 100% !important;
        width: 100% !important;
    } 
    .desk-instagram iframe{
        height: 435px !important;
    }
    .desk-instagram iframe .efImageLink{
        height: 370px !important;
    }
}
@media (width:320px){
    .footer-link-mob{
        font-size:13px;
    }
    .mob-section7-cities{
        padding-left:0px;
    }
}
@media screen and (max-width: 768px){
   .footer-link-mob{
        padding-bottom: 50px;
   } 
   .capture-btn img {
    height: 125px;
    float: right;
    margin-right: 22%;
}
}
@media screen and (max-width: 767px){
.capture-btn img {
    height: 60px;
    float: right;
    margin-right: 21%;
}
}

   
/* Firefox old*/

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* IE */

@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* Opera and prob css3 final iteration */

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.blink-image {
  -moz-animation: blink normal 1s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 1s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 1s infinite ease-in-out;
  /* IE */
  animation: blink normal 1s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
}