@media only screen and (min-width: 320px) and (max-width: 575px) {

/*------- Common CSS Starts -------*/

body.active { overflow: hidden; }
.container-fluid { padding: 20px 15px; }
.section-heading > div > span { font-size: 1.6rem; margin-bottom: 10px; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 20px; }
.section-heading > h3 { font-size: 2rem; margin-bottom: 20px; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { height: 30px; padding-right: 10px; }
.header-logo-mobile > a > p { color: #000000; font: 1.6rem/1.2 "Inter-Bold"; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; }
.header-logo-mobile > a > p > span { color: #e9081b; display: block; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #de2c2c; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: #00000095; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "Inter-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #ffc107; }
.menu-listing-mobile > li:last-child > a { background-color: #de2c2c; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; display: inline-block; padding: 12px 24px; text-align: center; }
.menu-listing-mobile > li:last-child > a:hover { background-color: #ffc107; color: #000000; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; margin-top: 10px; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "Inter-Regular"; }
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Section Starts -------*/

.bg-header-desktop,
.bg-fixed-header-desktop { display: none; }

  /*------- Desktop Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; padding: 30px 15px; }
.banner-info { padding: 30px; }
.banner-info > div > span { font-size: 1.6rem; }
.banner-info > h1 { font-size: 4rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image > img { margin-bottom: 20px; }
.about-image-2 { position: static; }
.about-image-2 > img { margin-bottom: 20px; width: 100%; }
.about-heading-info { margin-left: 0; }
.about-info > p { text-align: justify; }
.about-us-listing > li > span:last-child { font-size: 2rem; }

  /*------- About Us Section Ends -------*/

  /*------- Core Philosophy Section Starts -------*/

.box-core-philosophy { margin-bottom: 30px; }
.box-core-philosophy-info { padding: 15px; }

  /*------- Core Philosophy Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.box-why-choose-us-form { margin-top: -50px; padding: 20px; }
.box-why-choose-us-form::before { border-right: 20px solid #ffffff; left: -20px; }
.box-why-choose-us-form::after { border-left: 20px solid #ffffff; right: -20px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Advantages Section Starts -------*/

.accordion-advantages > h4 { line-height: 1.4; margin-bottom: 20px; }
.accordion-advantages > div { padding: 0 15px 15px; }
.advantages-info > p { text-align: justify; }

  /*------- Advantages Section Ends -------*/

  /*------- Testimonials Section Starts -------*/

.testimonial-desc > p { margin-bottom: 20px; }
.box-testimonials { padding: 20px; }
.testimonials-slider .slick-dots { bottom: -20px; }

  /*------- Testimonials Section Ends -------*/

  /*------- Counter Section Starts -------*/

.bg-counter > .container { padding: 30px 30px 10px; }
.box-counter-info > div > span { line-height: 1; margin-bottom: 10px; }
.box-counter-info > p { margin-bottom: 30px; }

  /*------- Counter Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 20px; width: 170px; }
.footer-about-desc > p { margin: 0 0 20px 0; }
.footer-heading > h4 { margin-bottom: 15px; }
.footer-social-links-listing,
.quick-links-listing > li:last-child { margin-bottom: 20px; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Inner Banner Section Starts -------*/

.bg-inner-banner-ip { margin-top: 64px; }
.inner-banner-stroke-heading-ip { display: none; }
.section-heading-ip > h1 { font-size: 4rem; }

	/*------- Inner Banner Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission-vision-ap { padding-bottom: 0; }
.mission-vision-info-ap > p { margin-bottom: 20px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Team Section Starts -------*/

.bg-team-ap { padding-bottom: 0; }
.box-team-ap > img { margin-bottom: 20px; }

  /*------- Team Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-ap { padding-bottom: 0; }
.box-gallery-ap { margin-bottom: 20px; }

  /*------- Gallery Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Our Brands Page Starts -------*/

  /*------- Our Brands Section Starts -------*/

.bg-our-brands-bp { padding: 20px 15px 0; }
.our-brands-listing-bp { display: block; margin-bottom: 15px; }
.our-brands-listing-bp > li { font-size: 1.8rem; margin-bottom: 15px; }
.box-our-brands-bp { margin-bottom: 20px; }

	/*------- Our Brands Section Ends -------*/

/*------- Our Brands Page Ends -------*/

/*------- Our Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 20px 15px 0; }
.box-products-pp { margin-bottom: 20px; min-height: auto; }

	/*------- Our Products Section Ends -------*/

/*------- Our Products Page Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Starts -------*/

  /*------- Tea Farm Section Starts -------*/

.tea-farm-info { bottom: 0; padding: 15px; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.tea-farm-info > p { font-size: 2rem; }
.tea-farm-info > p > span { display: inline; }
.tea-farm-info > p sup { font-size: 2.4rem; }
.tea-farm-img > img { height: 300px; object-fit: cover; object-position: left; }
.nestle-logo { left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.nestle-logo > img { width: 100px; }

	/*------- Tea Farm Section Ends -------*/

  /*------- Nestle Information CSS Starts -------*/

.nestle-company-img > img,
.nestle-info > div > h2 { margin-bottom: 20px; }

  /*------- Nestle Information CSS Ends -------*/

  /*------- Timeline CSS Starts -------*/

.timeline-listing > li { margin-bottom: 20px; }
.timeline-listing > li:last-child { margin-bottom: 0; }
.timeline-listing:after,
.timeline-circle { display: none; }
.left-timeline-content,
.right-timeline-content { float: none; width: 100%; }
.left-timeline-content > h3:after { left: 0; right: auto; }
.left-timeline-content > h3,
.left-timeline-content > p { text-align: left; }

  /*------- Timeline CSS Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Ends -------*/

/*------- Certifications Page Starts -------*/

  /*------- Certifications Section Starts -------*/

.bg-certifications-cp { padding: 20px 15px 0; }
.box-certifications-cp { margin-bottom: 20px; }
.box-certifications-img-cp { min-height: auto; }

	/*------- Certifications Section Ends -------*/

/*------- Certifications Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Us Section Starts -------*/

.box-contact-info-cp { margin-bottom: 20px; }
.aec-info-cp { min-height: auto; }
.box-head-office-contact-info-cp,
.box-email-call-contact-info-cp { margin-bottom: 60px; }
.form-control-contact { margin-bottom: 20px; }
.map-section-heading > h3 { margin: 20px 0; }
.map-cp > iframe { border: 4px solid #e7e7e7; height: 350px; padding: 10px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-heading > div > span { font-size: 1.8rem; margin-bottom: 10px; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 30px; }
.section-heading > h3 { font-size: 2.2rem; margin-bottom: 20px; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { height: 30px; padding-right: 10px; }
.header-logo-mobile > a > p { color: #000000; font: 1.6rem/1.2 "Inter-Bold"; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; }
.header-logo-mobile > a > p > span { color: #e9081b; display: block; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #de2c2c; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: #00000095; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 15px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.2 "Inter-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #ffc107; }
.menu-listing-mobile > li:last-child > a { background-color: #de2c2c; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; display: inline-block; padding: 12px 24px; text-align: center; }
.menu-listing-mobile > li:last-child > a:hover { background-color: #ffc107; color: #000000; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; margin-top: 10px; padding: 15px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.6rem/1.4 "Inter-Regular"; }
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Section Starts -------*/

.bg-header-desktop,
.bg-fixed-header-desktop { display: none; }

  /*------- Desktop Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.banner-info { padding: 30px; }
.banner-info > div > span { font-size: 1.6rem; }
.banner-info > h1 { font-size: 4rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image { margin-bottom: 130px; }
.about-image-2 { left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 70%; }
.about-image-2 > img { width: 100%; }
.about-heading-info { margin-left: 0; }
.about-info > p { text-align: justify; }
.about-us-listing > li > span:last-child { font-size: 2rem; }

  /*------- About Us Section Ends -------*/

  /*------- Core Philosophy Section Starts -------*/

.box-core-philosophy { margin-bottom: 30px; }
.box-core-philosophy-info > h4 > span { display: inline; }
.box-core-philosophy-info { padding: 15px; }

  /*------- Core Philosophy Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.box-why-choose-us-form { margin-top: -60px; }
.box-why-choose-us-form::before { border-right: 25px solid #ffffff; left: -25px; }
.box-why-choose-us-form::after { border-left: 25px solid #ffffff; right: -25px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Advantages Section Starts -------*/

.accordion-advantages > h4 { line-height: 1.4; margin-bottom: 20px; }
.accordion-advantages > div { padding: 0 15px 15px; }
.advantages-info > p { text-align: justify; }

  /*------- Advantages Section Ends -------*/

  /*------- Testimonials Section Starts -------*/

.testimonial-desc > p { margin-bottom: 20px; }
.box-testimonials { padding: 20px; }
.testimonials-slider .slick-dots { bottom: -20px; }

  /*------- Testimonials Section Ends -------*/

  /*------- Counter Section Starts -------*/

.bg-counter > .container { padding: 30px; }
.box-counter-info > div > span { line-height: 1; margin-bottom: 10px; }
.box-counter-info > p { line-height: 1.4; }

  /*------- Counter Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 20px; width: 170px; }
.footer-about-desc > p { margin: 0 0 20px 0; }
.footer-heading > h4 { margin-bottom: 15px; }
.footer-social-links-listing,
.quick-links-listing > li:last-child { margin-bottom: 30px; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Inner Banner Section Starts -------*/

.bg-inner-banner-ip { margin-top: 64px; }
.inner-banner-stroke-heading-ip { display: none; }
.section-heading-ip > h1 { font-size: 4rem; }

	/*------- Inner Banner Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.bg-mission-vision-ap { padding-bottom: 0; }
.mission-vision-info-ap > p { margin-bottom: 20px; }
.mission-vision-section-heading-ap > h2 { margin-bottom: 10px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Team Section Starts -------*/

.bg-team-ap { padding-bottom: 0; }

  /*------- Team Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-ap { padding-bottom: 0; }

  /*------- Gallery Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Our Brands Page Starts -------*/

  /*------- Our Brands Section Starts -------*/

.bg-our-brands-bp { padding: 20px 15px 0; }
.our-brands-listing-bp { display: block; margin-bottom: 15px; }
.our-brands-listing-bp > li { font-size: 1.8rem; margin-bottom: 15px; }
.box-our-brands-bp > img { width: 100px; }

	/*------- Our Brands Section Ends -------*/

/*------- Our Brands Page Ends -------*/

/*------- Our Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 0; }
.product-section-heading-pp > h3 { margin-bottom: 30px; }

	/*------- Our Products Section Ends -------*/

/*------- Our Products Page Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Starts -------*/

  /*------- Tea Farm Section Starts -------*/

.tea-farm-info { bottom: 0; padding: 15px; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.tea-farm-info > p { font-size: 3rem; }
.tea-farm-info > p sup { font-size: 3.6rem; }
.tea-farm-img > img { height: 400px; object-fit: cover; object-position: left; }
.nestle-logo { left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.nestle-logo > img { width: 130px; }

	/*------- Tea Farm Section Ends -------*/

  /*------- Nestle Information CSS Starts -------*/

.nestle-company-img > img,
.nestle-info > div > h2 { margin-bottom: 20px; }

  /*------- Nestle Information CSS Ends -------*/

  /*------- Timeline CSS Starts -------*/

.timeline-listing > li { margin-bottom: 20px; }
.timeline-listing > li:last-child { margin-bottom: 0; }
.timeline-listing:after,
.timeline-circle { display: none; }
.left-timeline-content,
.right-timeline-content { float: none; width: 100%; }
.left-timeline-content > h3:after { left: 0; right: auto; }
.left-timeline-content > h3,
.left-timeline-content > p { text-align: left; }

  /*------- Timeline CSS Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Ends -------*/

/*------- Certifications Page Starts -------*/

  /*------- Certifications Section Starts -------*/

.bg-certifications-cp { padding: 30px 15px 0; }
.box-certifications-cp { margin-bottom: 30px; }
.box-certifications-img-cp { min-height: 350px; }

	/*------- Certifications Section Ends -------*/

/*------- Certifications Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Us Section Starts -------*/

.box-contact-info-cp { margin-bottom: 20px; }
.aec-info-cp { min-height: auto; }
.box-head-office-contact-info-cp,
.box-email-call-contact-info-cp { margin-bottom: 70px; }
.box-contact-info-shape-1,
.box-contact-info-shape-2 { bottom: -50px; }
.form-control-contact { margin-bottom: 20px; }
.map-section-heading > h3 { margin: 20px 0; }
.map-cp > iframe { border: 4px solid #e7e7e7; height: 350px; padding: 10px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 30px 15px; }
.section-heading > div > span { font-size: 1.6rem; margin-bottom: 10px; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 30px; }
.section-heading > h3 { font-size: 2.2rem; margin-bottom: 20px; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { height: 30px; padding-right: 10px; }
.header-logo-mobile > a > p { color: #000000; font: 1.6rem/1.2 "Inter-Bold"; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; }
.header-logo-mobile > a > p > span { color: #e9081b; display: block; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #de2c2c; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: #00000095; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 20px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 2rem/1.2 "Inter-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #ffc107; }
.menu-listing-mobile > li:last-child > a { background-color: #de2c2c; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; display: inline-block; padding: 12px 24px; text-align: center; }
.menu-listing-mobile > li:last-child > a:hover { background-color: #ffc107; color: #000000; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; margin-top: 10px; padding: 20px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.4 "Inter-Regular"; }
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Section Starts -------*/

.bg-header-desktop,
.bg-fixed-header-desktop { display: none; }

  /*------- Desktop Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.banner-info { padding: 30px; }
.banner-info > div > span { font-size: 1.6rem; }
.banner-info > h1 { font-size: 4rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image-2 { left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 70%; }
.about-image-2 > img { width: 100%; }
.about-heading-info { margin-left: 0; }
.about-section-heading > h2 { margin-bottom: 20px; }
.about-info > p { text-align: justify; }
.about-us-listing > li > span:last-child { font-size: 2rem; }

  /*------- About Us Section Ends -------*/

  /*------- Core Philosophy Section Starts -------*/

.box-core-philosophy { margin-bottom: 30px; }
.box-core-philosophy-info { padding: 15px; }

  /*------- Core Philosophy Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.box-why-choose-us-form { margin-top: -60px; }
.box-why-choose-us-form::before { border-right: 25px solid #ffffff; left: -25px; }
.box-why-choose-us-form::after { border-left: 25px solid #ffffff; right: -25px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Advantages Section Starts -------*/

.accordion-advantages > h4 { line-height: 1.4; margin-bottom: 20px; }
.accordion-advantages > div { padding: 0 15px 15px; }
.advantages-info > p { text-align: justify; }

  /*------- Advantages Section Ends -------*/

  /*------- Testimonials Section Starts -------*/

.testimonial-desc > p { margin-bottom: 20px; }
.box-testimonials { padding: 20px; }
.testimonials-slider .slick-dots { bottom: -20px; }

  /*------- Testimonials Section Ends -------*/

  /*------- Counter Section Starts -------*/

.bg-counter > .container { padding: 30px; }
.box-counter-info > div > span { line-height: 1; margin-bottom: 10px; }
.box-counter-info > p { line-height: 1.4; }

  /*------- Counter Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 20px; width: 170px; }
.footer-about-desc > p { margin: 0 0 20px 0; }
.footer-heading > h4 { margin-bottom: 15px; }
.footer-social-links-listing,
.quick-links-listing > li:last-child { margin-bottom: 30px; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Inner Banner Section Starts -------*/

.bg-inner-banner-ip { margin-top: 64px; }
.inner-banner-stroke-heading-ip > p { font-size: 10rem; letter-spacing: 4px; }
.section-heading-ip > h1 { font-size: 4rem; }

	/*------- Inner Banner Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-section-heading-ap > h2 { margin-bottom: 10px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Team Section Starts -------*/

.bg-team-ap { padding-bottom: 0; }

  /*------- Team Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-ap { padding-bottom: 0; }

  /*------- Gallery Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Our Brands Page Starts -------*/

  /*------- Our Brands Section Starts -------*/

.bg-our-brands-bp { padding: 30px 15px 0; }
.our-brands-listing-bp { display: block; margin-bottom: 15px; }
.our-brands-listing-bp > li { font-size: 1.8rem; margin-bottom: 15px; }
.box-our-brands-bp > img { width: 100px; }

	/*------- Our Brands Section Ends -------*/

/*------- Our Brands Page Ends -------*/

/*------- Our Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 0; }
.product-section-heading-pp > h3 { margin-bottom: 30px; }

	/*------- Our Products Section Ends -------*/

/*------- Our Products Page Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Starts -------*/

  /*------- Tea Farm Section Starts -------*/

.tea-farm-info { bottom: 20px; padding: 15px; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.tea-farm-info > p { font-size: 3rem; }
.tea-farm-info > p sup { font-size: 3.6rem; }
.tea-farm-img > img { height: 400px; object-fit: cover; object-position: left; }
.nestle-logo { left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.nestle-logo > img { width: 130px; }

	/*------- Tea Farm Section Ends -------*/

  /*------- Nestle Information CSS Starts -------*/

.nestle-company-img > img,
.nestle-info > div > h2 { margin-bottom: 30px; }

  /*------- Nestle Information CSS Ends -------*/

  /*------- Timeline CSS Starts -------*/

.left-timeline-content,
.right-timeline-content { width: 42%; }

  /*------- Timeline CSS Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Ends -------*/

/*------- Certifications Page Starts -------*/

  /*------- Certifications Section Starts -------*/

.bg-certifications-cp { padding: 30px 15px 0; }
.box-certifications-cp { margin-bottom: 30px; }
.box-certifications-img-cp { min-height: 485px; }

	/*------- Certifications Section Ends -------*/

/*------- Certifications Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Us Section Starts -------*/

.box-contact-info-cp { margin-bottom: 30px; }
.aec-info-cp { min-height: auto; }
.box-contact-info-shape-1,
.box-contact-info-shape-2 { display: none; }
.form-control-contact { margin-bottom: 20px; }
.map-section-heading > h3 { margin: 30px 0 15px; }
.map-cp > iframe { border: 4px solid #e7e7e7; height: 350px; padding: 10px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

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

/*------- Common CSS Starts -------*/

.container-fluid { padding: 40px 15px; }
.section-heading > div > span { font-size: 1.8rem; margin-bottom: 10px; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 30px; }
.section-heading > h3 { font-size: 2.2rem; margin-bottom: 20px; }

/*------- Common CSS Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Mobile Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu-mobile { background-color: #ffffff; display: block; left: 0; padding: 15px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; z-index: 10; }
.header-logo-mobile > a { display: inline-block; }
.header-logo-mobile > a > img { height: 30px; padding-right: 10px; }
.header-logo-mobile > a > p { color: #000000; font: 1.6rem/1.2 "Inter-Bold"; letter-spacing: 0.5px; text-align: left; text-transform: uppercase; }
.header-logo-mobile > a > p > span { color: #e9081b; display: block; }

	  /*------- Mobile Hamburger Menu Section Starts -------*/

.burger-menu { background-color: transparent; cursor: pointer; height: 25px; position: relative; width: 25px; }
.burger-menu span { background-color: #000000; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.5s linear 0.5s; -moz-transition: 0.5s linear 0.5s; -ms-transition: 0.5s linear 0.5s; -o-transition: 0.5s linear 0.5s; transition: 0.5s linear 0.5s; width: 25px; }
.burger-menu span::before,
.burger-menu span::after { background-color: #000000; content: ""; height: 2px; position: absolute; top: 10px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 25px; }
.burger-menu span::before { top: -10px; }
.burger-menu.active span { background-color: transparent; -webkit-transition: 0s linear; -moz-transition: 0s linear; -ms-transition: 0s linear; -o-transition: 0s linear; transition: 0s linear; }
.burger-menu.active span::before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.burger-menu.active span::after { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

	  /*------- Mobile Hamburger Menu Section Ends -------*/

  /*------- Mobile Logo and Burger Menu Section Ends -------*/

  /*------- Mobile Navbar Menu Section Starts -------*/

.fixed-navbar-menu-mobile { background: url("../images/banner.jpg") no-repeat top/cover; display: block; height: 100%; left: 0; position: fixed; top: 0; transform: translateY(-100%); -webkit-transition: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; width: 100%; z-index: 10; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
.fixed-navbar-menu-mobile.active { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.fixed-navbar-menu-mobile-close { background-color: #f7f7f7; position: fixed; right: 0; top: 0; z-index: 10; }
.fixed-navbar-menu-mobile-close > i { color: #de2c2c; display: block; font-size: 2.4rem; height: 40px; line-height: 40px; text-align: center; width: 40px; }
.menu-listing-mobile { left: 50%; position: fixed; text-align: center; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 90%; z-index: 11; }
.fixed-navbar-menu-mobile::before { background-color: #00000095; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.menu-listing-mobile > li { display: block; margin-bottom: 20px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #f7f7f7; font: 2rem/1.2 "Inter-Medium"; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #ffc107; }
.menu-listing-mobile > li:last-child > a { background-color: #de2c2c; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; display: inline-block; padding: 12px 24px; text-align: center; }
.menu-listing-mobile > li:last-child > a:hover { background-color: #ffc107; color: #000000; }
.menu-listing-mobile > li > i { color: #f7f7f7; font-size: 1.8rem; padding-left: 10px; }
.sub-menu-listing-mobile { background-color: #00000070; display: none; margin-top: 10px; padding: 20px; }
.sub-menu-listing-mobile > li { display: block; margin-bottom: 10px; }
.sub-menu-listing-mobile > li:last-child { margin-bottom: 0; }
.sub-menu-listing-mobile > li > a { color: #f7f7f7; font: 1.8rem/1.4 "Inter-Regular"; }
.sub-menu-listing-mobile > li > a:hover { color: #ffeb3b; }

  /*------- Mobile Navbar Menu Section Ends -------*/

  /*------- Desktop Header Section Starts -------*/

.bg-header-desktop,
.bg-fixed-header-desktop { display: none; }

  /*------- Desktop Header Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-banner { margin-top: 64px; }
.banner-info { padding: 30px; }
.banner-info > div > span { font-size: 1.6rem; }
.banner-info > h1 { font-size: 4rem; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.about-image-2 { left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 70%; }
.about-image-2 > img { width: 100%; }
.about-heading-info { margin-left: 0; }
.about-section-heading > h2 { margin-bottom: 20px; }
.about-info > p { text-align: justify; }
.about-us-listing > li > span:last-child { font-size: 2rem; }

  /*------- About Us Section Ends -------*/

  /*------- Core Philosophy Section Starts -------*/

.box-core-philosophy { margin-bottom: 30px; }
.box-core-philosophy-info { padding: 15px; }

  /*------- Core Philosophy Section Ends -------*/

  /*------- Why Choose Us Section Starts -------*/

.box-why-choose-us-form { margin-top: -70px; }
.box-why-choose-us-form::before { border-right: 25px solid #ffffff; left: -25px; }
.box-why-choose-us-form::after { border-left: 25px solid #ffffff; right: -25px; }

  /*------- Why Choose Us Section Ends -------*/

  /*------- Advantages Section Starts -------*/

.accordion-advantages > h4 { line-height: 1.4; margin-bottom: 20px; }
.accordion-advantages > div { padding: 0 15px 15px; }
.advantages-info > p { text-align: justify; }

  /*------- Advantages Section Ends -------*/

  /*------- Testimonials Section Starts -------*/

.testimonial-desc > p { margin-bottom: 20px; }
.box-testimonials { padding: 20px; }
.testimonials-slider .slick-dots { bottom: -20px; }

  /*------- Testimonials Section Ends -------*/

  /*------- Counter Section Starts -------*/

.bg-counter > .container { padding: 30px; }
.box-counter-info > div > span { line-height: 1; margin-bottom: 10px; }
.box-counter-info > p { line-height: 1.4; }

  /*------- Counter Section Ends -------*/

  /*------- Footer Section Starts -------*/

.footer-logo > a > img { margin-bottom: 20px; width: 170px; }
.footer-about-desc > p { margin: 0 0 20px 0; }
.footer-heading > h4 { margin-bottom: 15px; }
.footer-social-links-listing,
.quick-links-listing > li:last-child { margin-bottom: 30px; }

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Us Page Starts -------*/

  /*------- Inner Banner Section Starts -------*/

.bg-inner-banner-ip { margin-top: 64px; }

	/*------- Inner Banner Section Ends -------*/

  /*------- Mission and Vision Section Starts -------*/

.mission-vision-section-heading-ap > h2 { margin-bottom: 10px; }

  /*------- Mission and Vision Section Ends -------*/

  /*------- Team Section Starts -------*/

.bg-team-ap { padding-bottom: 0; }

  /*------- Team Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery-ap { padding-bottom: 0; }

  /*------- Gallery Section Ends -------*/

/*------- About Us Page Ends -------*/

/*------- Our Brands Page Starts -------*/

  /*------- Our Brands Section Starts -------*/

.bg-our-brands-bp { padding: 30px 15px 0; }
.our-brands-listing-bp { margin-bottom: 40px; }
.our-brands-listing-bp > li { font-size: 1.8rem; }
.box-our-brands-bp > img { width: 100px; }

	/*------- Our Brands Section Ends -------*/

/*------- Our Brands Page Ends -------*/

/*------- Our Products Page Starts -------*/

  /*------- Our Products Section Starts -------*/

.bg-products-pp { padding: 30px 15px 0; }
.product-section-heading-pp > h3 { margin-bottom: 30px; }

	/*------- Our Products Section Ends -------*/

/*------- Our Products Page Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Starts -------*/

  /*------- Tea Farm Section Starts -------*/

.tea-farm-info { bottom: 20px; padding: 15px; top: auto; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }
.tea-farm-info > p { font-size: 4rem; }
.tea-farm-info > p sup { font-size: 4.6rem; }
.nestle-logo { left: 50%; top: 70px; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); }

	/*------- Tea Farm Section Ends -------*/

/*------- Orthodox Instant Tea from Nestle India Page Ends -------*/

/*------- Certifications Page Starts -------*/

  /*------- Certifications Section Starts -------*/

.bg-certifications-cp { padding: 40px 15px 10px; }
.box-certifications-cp { margin-bottom: 30px; }
.box-certifications-img-cp { min-height: 305px; }

	/*------- Certifications Section Ends -------*/

/*------- Certifications Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Us Section Starts -------*/

.box-contact-info-cp { margin-bottom: 30px; }
.box-head-office-contact-info-cp,
.box-email-call-contact-info-cp { margin-bottom: 80px; }
.aec-info-cp { min-height: 110px; }
.map-section-heading > h3 { margin: 40px 0 15px; }
.map-cp > iframe { border: 4px solid #e7e7e7; height: 400px; padding: 10px; }

	/*------- Contact Us Section Ends -------*/

/*------- Contact Us Page Ends -------*/

}

@media only screen and (min-width: 1300px) {

  /*------- Grid CSS Starts -------*/

.container { max-width: 1280px; }

  /*------- Grid CSS Ends -------*/

}