/*font-family: 'Montserrat', sans-serif;*/



.bannersec{ width: 100%; position: relative;}
.banner_box {width: 100%; position: relative;}
.banner_box img {width: 100%;height: 940px;object-fit: cover;}
.bnrtxt {width: 100%;position: absolute;bottom: 40%;left: 0;}
.bnrtxtinr{width: 100%; text-align: center; }
.bnrtxtinr strong{ display: block;font: 400 46.92px/55px 'Montserrat', sans-serif;color: #fff; text-transform: uppercase; margin-top: 10px;}
.bnrtxtinr b{display: block;font: 400 27px/35px 'Montserrat', sans-serif;color: #fff; text-transform: uppercase;}


/*serving start*/
.servingSec{width: 100%; padding: 80px 0; background-color: #ebebeb}
.servingText{width: 100%; text-align: center;}
.servingText h1{font: 500 67.41px/77px 'Montserrat', sans-serif;color: #25344b;}
.servingText h1 b{position: relative; display: inline-block; padding-bottom: 20px; font-weight: 500;}
.servingText h1 b:after{position: absolute; height: 3px; content: ''; width: 170px; background-color: #96cb41; right: 0%; bottom: 0; left: 0; margin: 0 auto;}

/*serving end*/

/*get started*/
.getStarted{width: 100%; padding: 70px 0; background: url(../images/getStartBg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.getStartedInn{width: 100%; color: #fff; text-align: center;}
.getStartedInn h4{font: 500 35px/40px 'Montserrat', sans-serif;padding-bottom: 20px; position: relative;text-transform: uppercase;}
.getStartedInn h4:after{position: absolute; height: 3px; content: ''; width: 70px; background-color: #96cb41; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.getStartedInn b{font: 400 26px/30px 'Montserrat', sans-serif; color: #d2d2d2; display: block; padding-top: 18px;}
.getBtn{display: inline-block; color: #fff;font: 400 24px/70px 'Montserrat', sans-serif;padding: 0 50px; height: 75px;border-radius: 38px;
 border: 3px solid #fff;margin: 40px auto 0;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
.getBtn:hover{color: #96cb41; border: 3px solid #96cb41;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}
 

/*client say*/
.clientSay{width: 100%; padding: 50px 0;}
.clientHd{width: 100%; text-align: center;}
.clientHd h2{color: #25344b;font: 400 50px/60px 'Montserrat', sans-serif;}
.clientHd h2 b {font-weight: 500; display: inline-block; position: relative; padding-bottom: 15px;}
.clientHd h2 b:after{position: absolute; height: 3px; content: ''; width: 70px; background-color: #96cb41; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.clinetText{width: 100%; text-align: center;}  
.clinetText p{font:italic 400 20px/32px 'Montserrat', sans-serif; margin-top: 40px;}
.clinetText em{font: 400 20px/24px 'Montserrat', sans-serif; margin-top: 25px; font-style: italic; display: inline-block;}
.clientSay  .owl-dots {display: inline-block;width: 100%; text-align: center;margin-top: 55px;}
.clientSay  .owl-dot{display: inline-block; padding: 0 10px;}
.clientSay  .owl-dots span {background-color: #bec0cc;border-radius: 20px;display: inline-block;height: 12px;width: 12px;}
.clientSay  .owl-dot.active span{background-color:#96cb41; }


/*purchase start*/
.purchaseSec{width: 100%; padding-bottom: 90px; background-color: #ebebeb; overflow: hidden;}
.purchaseText{width: 100%; margin-top: 90px; padding-left: 82px;}
.purchaseText strong{color: #96cb41;font: 500 60px/66px 'Montserrat', sans-serif;display: inline-block; position: relative;padding-bottom: 20px;}
.purchaseText strong:after{position: absolute; height: 3px; content: ''; width: 64px; background-color: #96cb41; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.purchaseText p{font: 400 22px/33px 'Montserrat', sans-serif; color: #5f5f5f; margin-top: 35px;}
.purchaseImg{width: 100%; margin-top: 90px;}
.purchaseImg img{width: 100%;}
.purchaseInn .row:nth-of-type(odd){flex-direction: row-reverse;}
.purchaseInn .row:nth-of-type(odd) .purchaseText{text-align: right; padding-right: 60px; padding-left: 0px;}




/*.purchaseInn .row{margin: 0 -42px;}
.purchaseInn .col-md-6{padding: 0 42px;}*/

/*why us*/
.whyUsSec{width: 100%; padding:70px 0; overflow: hidden; }
.whyUsInn{width: 100%; text-align: center;}
.whyBox{width: 100%; padding-top: 80px;}
.whyimg{width: 100%; background-color: #96cb41; width: 215px; height: 215px; border-radius: 50%;margin: 0 auto;}
.whyUsSec .clientHd h2{color: #96cb41;font: 600 50px/60px 'Montserrat', sans-serif; position: relative; padding-bottom: 20px;}
.whyUsSec .clientHd h2:after{position: absolute; height: 3px; content: ''; width: 70px; background-color: #96cb41; right: 0; bottom: 0; left: 0; margin: 0 auto;}
.whyBox h3{font: 600 28px/37px 'Montserrat', sans-serif; padding-top: 15px; text-transform: uppercase; color: #2c2c2c;}
.whyBox h3 a{color: #2c2c2c;}
.whyimg img{max-width: 100%;}


#videoblock{ width:100%; height:575px;}
/*#mobban{ display:none;}*/



#videoblock video {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
}













@media (min-width: 1700px) and (max-width: 1999px) { 


.servingText h1{ font-size: 59px;}
.purchaseText p{ font-size: 19px;}





}

@media (min-width: 1500px) and (max-width: 1699px) { 


.servingText h1{ font-size: 49px; line-height: 50px;}
.purchaseText p{ font-size: 19px;}
.servingSec{ padding: 60px 0;}
.purchaseText{ padding-left: 19px;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText{padding-right: 19px;}
.purchaseText strong{ font-size: 50px; line-height: 60px;}
.clientHd h2{ font-size: 43px; line-height: 55px;}

#videoblock{ width:100%; height:480px;}



}







@media (min-width: 1300px) and (max-width: 1499px) { 
  
.servingText h1{ font-size: 49px; line-height: 50px;}
.purchaseText p{ font-size: 19px;}
.servingSec{ padding: 60px 0;}
.purchaseText{ padding-left: 19px;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText{padding-right: 19px;}
.purchaseText strong{ font-size: 50px; line-height: 60px;}
.clientHd h2{ font-size: 43px; line-height: 55px;}

#videoblock{ width:100%; height:450px;}

 }
 
 @media (min-width: 1200px) and (max-width: 1299px) { 
 	/*banner*/
 	.bnrtxtinr strong{font-size: 40px;}
 	.bnrtxtinr b{font-size: 24px;}

/*serving*/
.servingText h1{font-size: 50px; line-height: 60px;}

/*whyus*/
.whyUsSec .clientHd h2{font-size: 40px;}
.whyBox h3{ font-size: 24px; }
.whyimg{width: 200px; height: 200px;}
/*purchase*/
.purchaseText strong{font-size: 50px; line-height: 60px;}
/*.purchaseInn .col-md-6 {padding: 0 20px;}
.purchaseInn .row{margin: 0 -20px;}*/
.purchaseText p{font-size: 20px;}
/*client*/
.clientHd h2{font-size: 40px; line-height: 50px;}

.servingText h1{ font-size: 49px; line-height: 50px;}
.purchaseText p{ font-size: 17px; line-height: 26px;}
.servingSec{ padding: 60px 0;}
.purchaseText{ padding-left: 19px;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText{padding-right: 19px;}
.purchaseText strong {
    font-size: 41px;
    line-height: 41px;
}
.clientHd h2{ font-size: 36px; line-height: 51px;}
.clinetText p{ font-size: 17px;}






#videoblock{ width:100%; height:480px;}






 }





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

/*banner*/
 	.bnrtxtinr strong{font-size: 40px;}
 	.bnrtxtinr b{font-style: 24px;}
 	.banner_box img{height: 610px;}

/*serving*/
.servingSec{padding: 60px 0;}
.servingText h1{font-size: 40px; line-height: 50px;}

/*whyus*/
.whyUsSec .clientHd h2{font-size: 36px; line-height: 46px;}
.whyBox{padding-top: 60px;}
.whyBox h3{ font-size: 24px; }
.whyimg{width: 180px; height: 180px;}
.whyUsSec{padding: 50px 0;}

/*purchase*/
.purchaseText strong{font-size: 40px; line-height: 50px;}
.purchaseInn .col-md-6 {padding: 0 15px;}
.purchaseInn .row{margin: 0 -15px;}
.purchaseText p{font-size: 17px; line-height: 29px;}
.purchaseImg{margin-top: 60px;}
.purchaseText{margin-top: 60px}
.purchaseSec{padding-bottom: 60px;}
/*client*/
.clientHd h2{font-size: 36px; line-height: 44px;}
.getBtn{font-size: 21px; line-height: 57px; height: 62px; margin-top: 30px;}
.getStartedInn b{font-size: 20px; line-height: 24px;}
.purchaseText{ padding-left: 19px;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText{padding-right: 19px;}

#videoblock{ width:100%; height:450px;}

}


@media only screen and (max-width: 991px) {

/*banner*/
 	.bnrtxtinr strong{font-size: 36px;}
 	.bnrtxtinr b{font-size: 20px;}
 	.banner_box img{height: 593px;}

/*serving*/
.servingSec{padding: 42px 0;}
.servingText h1{font-size: 40px; line-height: 50px;}

/*whyus*/
.whyUsSec .clientHd h2{font-size: 36px; line-height: 46px;}
.whyBox{padding-top: 60px;}
.whyBox h3{ font-size: 24px; }
.whyimg{width: 180px; height: 180px;}
.whyUsSec{padding: 50px 0;}
.whyUsInn .row{ justify-content: center;}
.whyUsInn .row .col-md-4{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.whyBox h3 br{display: none;}
/*purchase*/
.purchaseText strong{font-size: 36px; line-height: 46px; padding-bottom: 15px;}
.purchaseInn .row .col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText {text-align: left;}
.purchaseInn .col-md-6 {padding: 0 15px;}
.purchaseInn .row{margin: 0 -15px;}
.purchaseText p{font-size: 17px; line-height: 29px;margin-top: 25px;}
.purchaseImg{margin-top: 60px;}
.purchaseText{margin-top: 30px}
.purchaseSec{padding-bottom: 60px;}
.purchaseText{ padding: 0px;}
/*client*/
.clientHd h2{font-size: 36px; line-height: 44px;}
.getBtn{font-size: 21px; line-height: 57px; height: 62px; margin-top: 30px;}
.getStartedInn b{font-size: 20px; line-height: 24px;}

/*scorll*/
.scroll{width: 62px; height: 62px;}
.purchaseInn .row:nth-of-type(2n+1) .purchaseText {padding: 0px;}



#videoblock{ width:100%; height:400px;}


} 
 
 
@media (min-width: 768px) and (max-width: 991px) {



}


 
@media only screen and (max-width: 767px){

.bnrtxtinr strong {
    font-size: 28px; line-height: 45px;
}
.banner_box img {
    height: 477px;
}
.servingText h1 {
    font-size: 34px;
    line-height: 39px;
}
.servingText h1 b::after {width: 100px;}
.whyBox h3 {
    font-size: 18px;
}
.whyimg {
    width: 150px;
    height: 150px;
}
.clinetText p{ font-size: 16px; line-height: 27px;}
.clientHd h2 {
    font-size: 22px;
    line-height: 37px;
}
.getStartedInn h4{ font-size: 26px; line-height: 32px;}
.getBtn {
    font-size: 17px;
    line-height: 48px;
    height: 54px;
    margin-top: 30px;
    padding: 0 35px;
}
.whyBox h3 {
    font-size: 14px;
    line-height: 26px;
}

#videoblock{ width:100%; height:350px;}













}

@media only screen and (max-width: 599px){ 


.banner_box img {
    height: inherit;
}
.bnrtxt{bottom: 22%; background: rgba(0,0,0,0.5); padding: 10px 0px;}
.bnrtxtinr strong {
    font-size: 23px;
    line-height: 27px;
}
.bnrtxtinr b {
    font-size: 17px;
}
.servingText h1 {
    font-size: 27px;
    line-height: 29px;
}
.whyUsSec .clientHd h2 {
    font-size: 29px;
    line-height: 34px;
}
.whyimg {
    width: 130px;
    height: 130px;
}

.purchaseText strong {
    font-size: 27px;
    line-height: 38px;
    padding-bottom: 8px;
}
.scroll {
    width: 45px;
    height: 45px;
}


/*#videoblock{ display:none;}
#mobban{ display:block;}*/


} 
 
@media only screen and (max-width: 400px){

.whyUsInn .row .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.bnrtxtinr strong {
    font-size: 18px;
    line-height: 24px;
    margin: 0px;
}
.servingText h1 {
    font-size: 23px;
    line-height: 24px;
}

.clientHd h2 {
    font-size: 22px;
    line-height: 33px;
}





.clientHd h2 {
    font-size: 20px;
    line-height: 33px;
}






}