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

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

body.active { overflow: hidden; }
.container-fluid { padding: 20px 15px; }
.d-block-mob { display: block; }
.section-heading > h2 { font-size: 2.4rem; margin-bottom: 20px; }
.section-heading > h3 { font-size: 2rem; }
.section-heading > h4 { font-size: 1.8rem; }
.section-heading-ip > h1 { font-size: 3rem; }
p { text-align: justify; }
p,
a { font-size: 1.6rem; }
.table-cosara {
  border: 0;
  margin-bottom: 15px;
}
.table-cosara thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.table-cosara tr {
  border: 1px solid #ddd;
  border-top: 0;
  display: block;
}
.table-cosara td {
  display: block;
  font-size: .8em;
  text-align: right;
}
.table-cosara td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.table-cosara td:last-child {
  border-bottom: 0;
}

/*------- 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: 5px 15px; position: -webkit-sticky; position: sticky; 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; }
.header-logo-mobile > a > img { height: 40px; }

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

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.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-color: #ffffff; bottom: 0; display: block; height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); transform-origin: top; -webkit-transition: 1s ease 0.5s; -moz-transition: 1s ease 0.5s; -ms-transition: 1s ease 0.5s; -o-transition: 1s ease 0.5s; transition: 1s ease 0.5s; width: 100%; z-index: 9; }
.fixed-navbar-menu-mobile.active { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -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: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.5s; -moz-transition: 1s ease 0.5s; -ms-transition: 1s ease 0.5s; -o-transition: 1s ease 0.5s; transition: 1s ease 0.5s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 30px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; display: block; font: 1.8rem/1 "GoogleSans-Regular"; text-align: center; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #c7151b; }

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

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-desktop-header-menu,
.bg-logo-navbar-menu-desktop { display: none; }

	/*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Slider Section Starts -------*/

.bg-slider-home { padding: 0; }
.slider-info-home > h1 { font-size: 3rem; }
.banner-slick-slider-home .slick-prev,
.banner-slick-slider-home .slick-next { height: 35px; width: 35px; }
.banner-slick-slider-home .slick-prev::before,
.banner-slick-slider-home .slick-next::before { font-size: 1.6rem; }

	/*------- Slider Section Ends -------*/

  /*------- Download Section Starts -------*/

.bg-download-home { margin: 30px auto 0px; padding: 30px 15px; }
.download-cb-home { display: block; }
.download-cb-home > p > a { display: block; }

	/*------- Download Section Ends -------*/

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

.bg-product-home { padding: 20px 15px 0; }
.about-img-home > img,
.about-desc-home > p:last-of-type { margin-bottom: 20px; }
.about-desc-home { padding: 0; }

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

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

.box-product-img-info-home { margin-bottom: 20px; }
.box-product-info-home > h4 { font-size: 2rem; }

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

  /*------- Blog Section Starts -------*/

.box-blog-img-info-home { margin-bottom: 20px; }
.box-blog-info-home { padding: 65px 20px 30px; }

	/*------- Blog Section Ends -------*/

  /*------- Testimonial Slider Section Starts -------*/

.testimonials-slick-slider-home .slick-slide { padding: 0 15px; }
.box-testimonial-desc-home > p { padding: 20px 0 20px 20px; }
.box-testimonial-profile-info-home > p { text-align: center; }

	/*------- Testimonial Slider Section Ends -------*/

  /*------- Inquiry Form Section Starts -------*/

.box-inquiry-form { padding: 0; }
  
	/*------- Inquiry Form Section Ends -------*/

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

.footer-logo > a > img { margin-bottom: 15px; }
.footer-about-desc > p { margin-bottom: 15px; }
.footer-about-desc > p:not(:first-child) { margin-bottom: 5px; }
.footer-about-desc > p:last-child { margin-bottom: 15px; }
.footer-about-desc > p > a { color: #a7a7a7; }
.footer-heading > h3 { font-size: 2rem; margin-bottom: 15px; }
.footer-listing > li:last-child { margin-bottom: 15px; }
.footer-contact-listing { margin-bottom: 0; }
.footer-contact-listing > li:last-child { margin-bottom: 0; }
.footer-regd-add { margin-bottom: 15px; }

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

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

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

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

.inner-banner-stroke-heading-ip { display: none; }

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

  /*------- Partnership Section Starts -------*/

.exc-partne-ap > h3 { font-size: 1.8rem; margin-bottom: 15px; }

	/*------- Partnership Section Ends -------*/

  /*------- Our Story Section Starts -------*/

.bg-our-story-ap { padding: 0 15px; }

	/*------- Our Story Section Ends -------*/

  /*------- History Section Starts -------*/

.bg-history-ap { padding: 0 15px; }
.bg-mission-ap { padding-bottom: 0; }
.hmv-img-ap > img { margin-bottom: 20px; width: 100%; }
.history-heading-ap > h2 > span { font-size: 2rem; }

	/*------- History Section Ends -------*/

  /*------- Why Info Section Starts -------*/

.why-info-ap > img { margin-bottom: 20px; }
.why-info-ap > p { margin-bottom: 20px; text-align: justify; }

	/*------- Why Info Section Ends -------*/

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

.bg-management-ap { padding-bottom: 0; }
.bg-team-ap { background-color: #f7f7f7; padding-bottom: 0; }
.box-team-img-info-ap { margin-bottom: 20px; }
.box-team-img-ap > img { height: 150px; }
.box-team-info-ap > p { text-align: center; }

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

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

/*------- Our Technology Page Starts -------*/

	/*------- Co-Primers Section Starts -------*/

.bg-coprimers-tech { padding-bottom: 0; }
.co-primers-info-tech > h2 { margin-bottom: 15px; }

	/*------- Co-Primers Section Ends -------*/

	/*------- Advanced Detection Section Starts -------*/

.bg-adv-dete-tech { padding: 20px 15px 0; }
.adv-dete-acc-dia-info-tech { padding: 20px 0 0; }
.adv-dete-acc-dia-info-tech > p { margin-bottom: 20px; }

	/*------- Advanced Detection Section Ends -------*/

	/*------- CoPrimer Binding Process Section Starts -------*/

.bg-coprimer-bin-pro-tech { padding-top: 0; }
.coprimer-bin-pro-section-heading > p { font-size: 2.4rem; margin-bottom: 30px; padding: 20px; }
.coprimer-bin-pro-ii-tech > img { margin-bottom: 20px; }
.coprimer-bin-pro-listing { padding-left: 20px; }
.coprimer-bin-pro-listing > li { font-size: 1.6rem; text-align: justify; }

	/*------- CoPrimer Binding Process Section Ends -------*/

	/*------- End Result Section Starts -------*/

.end-result-listing-tech > li { font-size: 1.6rem; }

	/*------- End Result Section Ends -------*/

/*------- Our Technology Page Ends -------*/

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

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

.you-video-pro-pp { margin: 5px 0 0; height: 250px; }

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

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

.bg-testimonials-pp { padding-top: 0; }
.box-testimonials-pp { margin: 0; }
.box-testimonials-pp > h4 { font: 1.8rem/1.4 "GoogleSans-Medium"; }
.box-testimonials-pp > p { text-align: center; }

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

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

/*------- Molecular Diagnostics Page Starts -------*/

	/*-------  Molecular Diagnostics Products Section Starts -------*/

.bg-products-info-saraq-mdp { padding-bottom: 0; }
.bg-products-info-saraplex-mdp { background-color: #f7f7f7; }
.mole-diag-img-mdp > img { margin-bottom: 30px; }
.mole-diag-heading-mdp > h2 { font-size: 2.4rem; margin-bottom: 20px; }
.mole-diag-heading-mdp > h2 > sup { font-size: 150%; top: -0.15em; }
.box-mole-diag-instru-listing-mdp { margin-bottom: 20px; }
.box-mole-diag-instru-listing-mdp > p { text-align: center; }
.cosara-logo-mdp > img { margin: 20px 0 auto; width: 150px; }

	/*-------  Molecular Diagnostics Products Section Ends -------*/

/*------- Molecular Diagnostics Page Ends -------*/

/*------- Instruments Page Starts -------*/

	/*------- Instruments Products and Product Specification Section Starts -------*/

.bg-products-info-instruments-inp { padding-bottom: 0; }
.table-cosara caption { font-size: 2rem; }
.table-cosara > tbody > tr > td { font-size: 1.6rem; }
.table-elec-cosara { margin-bottom: 0; }
.elec-info-ins-mob { display: block; margin-bottom: 15px; }
.req-on-listing { margin-bottom: 15px; }
.you-video-ins { height: 250px; }

	/*------- Instruments Products and Product Specification Section Ends -------*/

/*------- Instruments Page Ends -------*/

/*------- Saragene Real Time PCR Kits Page Starts -------*/

	/*------- Saragene Real Time PCR Kits Section Starts -------*/

.bg-products-info-saragene-pp,
.bg-products-info-saraplex-pp { padding-bottom: 0; }
.codx-logo-mdp > img { margin: 20px auto 0; width: 250px; }
.bg-seregene-info-pp,
.bg-saraplex-info-pp { padding: 0 15px; }
.box-seregene-info-pp { margin-bottom: 20px; }
.box-seregene-info-pp > h3 { font-size: 2.4rem; }

	/*------- Saragene Real Time PCR Kits Section Ends -------*/

	/*------- Product Information Section Starts -------*/

.bg-saragene-product-info-pp,
.bg-saraplex-product-info-pp { padding-top: 0; }
.bg-saragene-product-info-pp > .row > .container > .row,
.bg-saraplex-product-info-pp > .row > .container > .row { margin-bottom: 20px; }
.bg-saraplex-product-info-pp > .row > .container > .row:last-child { margin-bottom: 0; }
.seregene-product-img-pp > img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border-left: 0; }
.seregene-product-img-pp::after { right: -7px; top: 7px; }
.seregene-product-img-pp { margin-bottom: 25px; }
.seregene-product-img-info-pp { margin-left: 0; }
.seregene-product-img-info-pp > h3 { font-size: 2.4rem; }
.seregene-product-img-info-pp > h4 { margin-bottom: 20px; padding-bottom: 20px; }
.seregene-product-img-info-pp > p { margin-bottom: 20px; }

	/*------- Product Information Section Ends -------*/

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

.contact-saragene-info-pp > h2 { font-size: 2.4rem; }
.contact-saragene-info-op-pp { margin-top: 15px; }

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

/*------- Saragene Real Time PCR Kits Page Ends -------*/

/*------- Download Page Starts -------*/

	/*------- Download Section Starts -------*/

.bg-brochures-bd { padding-bottom: 0; }
.box-brochures-brp { margin-bottom: 20px; }

	/*------- Download Section Ends -------*/

/*------- Download Page Ends -------*/

/*------- Troubleshooting Page Section Starts -------*/

	/*------- Troubleshooting Section Starts -------*/

.accordion-default > .accordion-heading { font-size: 1.8rem; padding: 15px 45px 15px 15px; }
.accordion-listing > li { font-size: 1.6rem; }

	/*------- Troubleshooting Section Ends -------*/

/*------- Troubleshooting Page Section Ends -------*/

/*------- Instructional Videos Page Starts -------*/

	/*------- Instructional Videos Section Starts -------*/

.bg-instruc-videos-ivp { padding: 20px 15px 0; }
.you-video-ivp { height: 300px; margin-bottom: 20px; }

	/*------- Instructional Videos Section Ends -------*/

/*------- Instructional Videos Page Ends -------*/

/*------- Vertical Tab CSS Starts -------*/

.resp-vtabs .resp-tabs-container { margin-top: 0; }
h2.resp-accordion { font: 1.6rem/1 "GoogleSans-Medium"; }
h2.resp-tab-active { box-shadow: inset 4px 0 0 0 #da251c; }
.product-detail-info-tab > p { margin-bottom: 15px; }
.product-detail-info-tab > h4 { font-size: 1.8rem; }
.product-detail-image-info-tab > img { margin: 20px 0 0; }

/*------- Vertical Tab CSS Ends -------*/

/*------- Media Page Starts -------*/

.bg-media-mp { padding: 20px 15px; }
.youtube-video-media-mp,
.fb-video-media-mp,
.img-gallery { margin-bottom: 20px; }
.youtube-video-media-mp-mb-0,
.fb-video-media-mp-mb-0,
.img-gallery-mb-0 { margin-bottom: 0; }
.fb-video-media-mp { height: auto; }

/*------- Media Page Ends -------*/

/*------- Career Page Starts -------*/

.career-image-cp > img { margin-bottom: 20px; }
.file-input > .button { padding: 4px 10px; }
.form-control-inq-career { height: 65px; }
.file-input > .label { display: block; padding: 8px 0; text-align: left; }
.box-career-cap { margin-bottom: 20px; }
.box-career-cap > h3 { font-size: 2rem; }
.box-career-info-cap { padding: 15px; }
.job-post-info-cp > h3 { font-size: 2rem; }
.jpb-post-cp > img { margin: 0 auto 20px; }

/*------- Career Page Ends -------*/

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

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

.box-contact-info-cp { margin-bottom: 20px; padding: 20px; }
.box-contact-info-cp-3 { margin-bottom: 20px; }
.box-contact-info-cp > img { margin-bottom: 20px; width: 40px; }
.box-contact-info-cp > h3 { font-size: 2rem; margin-bottom: 10px; }
.aec-info-cp { min-height: auto; }
.get-in-touch-heading-cp > h3 { margin-bottom: 20px; padding-top: 20px; }
.form-group-inq { margin-bottom: 20px; }
.map-cp > iframe { height: 250px; margin-top: 20px; }

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

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

}

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

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

.container-fluid { padding: 30px 15px; }
.d-block-tab { display: block; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 30px; }
.section-heading > h3 { font-size: 2.4rem; }
.section-heading > h4 { font-size: 1.8rem; }
.section-heading-ip > h1 { font-size: 3rem; }
.table-cosara {
  border: 0;
  margin-bottom: 15px;
}
.table-cosara thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.table-cosara tr {
  border: 1px solid #ddd;
  border-top: 0;
  display: block;
}
.table-cosara td {
  display: block;
  font-size: .8em;
  text-align: right;
}
.table-cosara td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.table-cosara td:last-child {
  border-bottom: 0;
}

/*------- 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: 5px 15px; position: -webkit-sticky; position: sticky; 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; }
.header-logo-mobile > a > img { height: 40px; }

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

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.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-color: #ffffff; bottom: 0; display: block; height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); transform-origin: top; -webkit-transition: 1s ease 0.5s; -moz-transition: 1s ease 0.5s; -ms-transition: 1s ease 0.5s; -o-transition: 1s ease 0.5s; transition: 1s ease 0.5s; width: 100%; z-index: 9; }
.fixed-navbar-menu-mobile.active { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -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: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 30px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; display: block; font: 1.8rem/1 "GoogleSans-Regular"; text-align: center; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #c7151b; }

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

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-desktop-header-menu,
.bg-logo-navbar-menu-desktop { display: none; }

	/*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Slider Section Starts -------*/

.bg-slider-home { padding: 0; }
.slider-info-home > h1 { font-size: 4rem; }

	/*------- Slider Section Ends -------*/

  /*------- Download Section Starts -------*/

.bg-download-home { margin: 30px auto 0; padding: 30px; }

	/*------- Download Section Ends -------*/

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

.about-img-home > img { margin: 0 auto 30px; width: 50%; }

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

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

.box-product-info-home { padding: 15px 10px; }
.box-product-info-home > h4 { font-size: 2rem; }

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

  /*------- Blog Section Starts -------*/

.box-blog-img-info-home { margin-bottom: 30px; }
.box-blog-info-home > p:first-child { font-size: 2.4rem; }
.box-blog-info-home { padding: 55px 15px 25px; }
.blogger-name-design-home > p > span { padding: 0 5px; }

	/*------- Blog Section Ends -------*/

  /*------- News Section Starts -------*/

.bg-news-home { padding-top: 0; }

	/*------- News Section Ends -------*/

  /*------- Inquiry Form Section Starts -------*/

.box-inquiry-form { padding: 0; }
  
	/*------- Inquiry Form Section Ends -------*/

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

.footer-about-desc > p { margin-bottom: 30px; padding-right: 0; }
.footer-heading > h3 { font-size: 2rem; }

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

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

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

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

.inner-banner-stroke-heading-ip > p { font-size: 6rem; -webkit-text-stroke: 0.25px rgb(255 255 255 / 18%); }

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

  /*------- Partnership Section Starts -------*/

.exc-partne-ap > h3 { font-size: 2rem; }

	/*------- Partnership Section Ends -------*/

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

.box-team-img-ap > img { height: 150px; }
.box-team-info-ap > h4 { font-size: 2rem; }

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

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

/*------- Our Technology Page Starts -------*/

	/*------- Co-Primers Section Starts -------*/

.co-primers-info-tech > h2,
.adv-dete-acc-dia-info-tech > h2 { margin-bottom: 20px; }

	/*------- Co-Primers Section Ends -------*/

	/*------- Advanced Detection Section Starts -------*/

.bg-adv-dete-tech { padding: 0; }
.adv-dete-acc-dia-info-tech { padding: 30px; }
.adv-dete-acc-dia-info-tech > p { text-align: justify; }

	/*------- Advanced Detection Section Ends -------*/

	/*------- CoPrimer Binding Process Section Starts -------*/

.bg-coprimer-bin-pro-tech { padding-top: 0; }
.coprimer-bin-pro-section-heading > p { font-size: 2.4rem; }
.coprimer-bin-pro-ii-tech > img { width: 400px; }

	/*------- CoPrimer Binding Process Section Ends -------*/

/*------- Our Technology Page Ends -------*/

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

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

.you-video-pro-pp { margin: 30px 0 0; height: 400px; }

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

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

.bg-testimonials-pp { padding-top: 0; }
.box-testimonials-pp { margin: 0; }
.box-testimonials-pp > h4 { font: 2rem/1.4 "GoogleSans-Medium"; }

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

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

/*------- Molecular Diagnostics Page Starts -------*/

	/*-------  Molecular Diagnostics Products Section Starts -------*/

.mole-diag-img-mdp > img { margin-bottom: 30px; }
.mole-diag-heading-mdp > h2 { font-size: 3rem; }
.codx-logo-mdp > img { margin-top: 30px; }
.bg-products-info-saraplex-mdp,
.bg-products-info-saraq-mdp { padding-top: 0; }
.cosara-logo-mdp > img { width: 150px; }

	/*-------  Molecular Diagnostics Products Section Ends -------*/

/*------- Molecular Diagnostics Page Ends -------*/

/*------- Instruments Page Starts -------*/

	/*------- Instruments Products and Product Specification Section Starts -------*/

.bg-products-info-instruments-inp { padding-bottom: 0; }
.instruments-info-inp > p { text-align: justify; }
.table-cosara caption { font-size: 2rem; }
.table-elec-cosara { margin-bottom: 0; }
.elec-info-ins-mob { display: block; margin-bottom: 15px; }
.table-cosara > tbody > tr > td { font-size: 1.6rem; }
.req-on-listing { margin: 15px 0 30px; }
.you-video-ins { height: 400px; }

	/*------- Instruments Products and Product Specification Section Ends -------*/

/*------- Instruments Page Ends -------*/

/*------- Saragene Real Time PCR Kits Page Starts -------*/

	/*------- Saragene Real Time PCR Kits Section Starts -------*/

.bg-seregene-info-pp { padding: 0 15px; }
.box-seregene-info-pp { margin-bottom: 30px; }

	/*------- Saragene Real Time PCR Kits Section Ends -------*/

	/*------- Product Information Section Starts -------*/

.bg-saragene-product-info-pp,
.bg-saraplex-info-pp { padding: 0 15px; }
.bg-saragene-product-info-pp > .row > .container > .row,
.bg-saraplex-product-info-pp > .row > .container > .row { margin-bottom: 50px; }
.seregene-product-img-info-pp > h3 { font-size: 2.4rem; }
.seregene-product-img-info-pp > h4 { margin-bottom: 20px; padding-bottom: 20px; }
.box-seregene-info-pp > h3 { font-size: 2.2rem; }

	/*------- Product Information Section Ends -------*/

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

.contact-saragene-info-pp > h2 { font-size: 3rem; }
.contact-saragene-info-pp > p { margin-bottom: 20px; }

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

/*------- Saragene Real Time PCR Kits Page Ends -------*/

/*------- SaraplexTM Real Time PCR Multiplex Kits Page Starts -------*/

	/*------- SaraplexTM Real Time PCR Multiplex Kits Section Starts -------*/

.bg-products-info-saraplex-pp { padding-bottom: 0; }
.bg-saraplex-product-info-pp { padding: 0 15px; }

	/*------- SaraplexTM Real Time PCR Multiplex Kits Section Ends -------*/

/*------- SaraplexTM Real Time PCR Multiplex Kits Page Ends -------*/

/*------- Download Page Starts -------*/

  /*------- Download Section Starts -------*/

.bg-brochures-bd { padding-bottom: 0; }

  /*------- Download Section Ends -------*/

/*------- Download Page Ends -------*/

/*------- Instructional Videos Page Starts -------*/

	/*------- Instructional Videos Section Starts -------*/

.you-video-ivp { height: 300px; }

	/*------- Instructional Videos Section Ends -------*/

/*------- Instructional Videos Page Ends -------*/

/*------- Vertical Tab CSS Starts -------*/

.resp-vtabs ul.resp-tabs-list { width: 32%; }
.resp-vtabs .resp-tabs-container { width: 68%; }
h2.resp-accordion { font: 1.6rem/1 "GoogleSans-Medium"; }
h2.resp-tab-active { box-shadow: inset 4px 0 0 0 #da251c; }
.resp-vtabs .resp-tabs-list li { line-height: 1.4; }
.product-detail-info-tab > h4 { font-size: 2rem; }
.product-detail-image-info-tab > img { margin: 20px 0 0; width: 75%; }

/*------- Vertical Tab CSS Ends -------*/

/*------- Media Page Starts -------*/

.bg-media-mp { padding: 30px 15px; }
.youtube-video-media-mp { height: 300px; }
.fb-video-media-mp { height: 200px; }

/*------- Media Page Ends -------*/

/*------- Career Page Starts -------*/

.career-image-cp > img { margin-bottom: 30px; }
.job-post-info-cp > p:last-child { margin-bottom: 30px; }
.jpb-post-cp > img { margin: 0 auto 30px; }

/*------- Career Page Ends -------*/

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

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

.box-contact-info-cp { margin-bottom: 20px; padding: 20px; }
.box-contact-info-cp-3 { margin-bottom: 30px; }
.box-contact-info-cp > img { margin-bottom: 20px; width: 50px; }
.box-contact-info-cp > h3 { font-size: 2.2rem; margin-bottom: 10px; }
.aec-info-cp { min-height: auto; }
.get-in-touch-heading-cp > h3 { margin-bottom: 20px; padding-top: 20px; }
.map-cp > iframe { height: 400px; }

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

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

}

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

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

.container-fluid { padding: 30px 15px; }
.d-block-tab { display: block; }
.section-heading > h2 { font-size: 3rem; margin-bottom: 30px; }
.section-heading > h3 { font-size: 2.4rem; }
.section-heading > h4 { font-size: 1.8rem; }
.section-heading-ip > h1 { font-size: 3rem; }
.table-cosara {
  border: 0;
  margin-bottom: 15px;
}
.table-cosara thead {
  border: none;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.table-cosara tr {
  border: 1px solid #ddd;
  border-top: 0;
  display: block;
}
.table-cosara td {
  display: block;
  font-size: .8em;
  text-align: right;
}
.table-cosara td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.table-cosara td:last-child {
  border-bottom: 0;
}

/*------- 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: 5px 15px; position: -webkit-sticky; position: sticky; 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; }
.header-logo-mobile > a > img { height: 40px; }

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

.burger-menu { background-color: transparent; cursor: pointer; height: 50px; position: relative; width: 50px; }
.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-color: #ffffff; bottom: 0; display: block; height: 100%; left: 0; position: fixed; right: 0; top: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); transform-origin: top; -webkit-transition: 1s ease 0.5s; -moz-transition: 1s ease 0.5s; -ms-transition: 1s ease 0.5s; -o-transition: 1s ease 0.5s; transition: 1s ease 0.5s; width: 100%; z-index: 9; }
.fixed-navbar-menu-mobile.active { -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); transition: 1s ease 0s; -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; }
.menu-listing-mobile { left: 50%; opacity: 0; position: absolute; top: 40%; -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: 1s ease; -moz-transition: 1s ease; -ms-transition: 1s ease; -o-transition: 1s ease; transition: 1s ease; visibility: hidden; width: 100%; z-index: 10; }
.menu-listing-mobile.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 0.25s; -moz-transition: 1s ease 0.25s; -ms-transition: 1s ease 0.25s; -o-transition: 1s ease 0.25s; transition: 1s ease 0.25s; visibility: visible; }
.menu-listing-mobile > li { display: block; margin-bottom: 30px; }
.menu-listing-mobile > li:last-child { margin-bottom: 0; }
.menu-listing-mobile > li > a { color: #000000; display: block; font: 1.8rem/1 "GoogleSans-Regular"; text-align: center; }
.menu-listing-mobile > li.active > a,
.menu-listing-mobile > li > a:hover { color: #c7151b; }

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

  /*------- Desktop Logo and Navbar Menu Section Starts -------*/

.bg-desktop-header-menu,
.bg-logo-navbar-menu-desktop { display: none; }

	/*------- Desktop Logo and Navbar Menu Section Ends -------*/

  /*------- Slider Section Starts -------*/

.bg-slider-home { padding: 0; }
.slider-info-home > h1 { font-size: 4rem; }

	/*------- Slider Section Ends -------*/

  /*------- Download Section Starts -------*/

.bg-download-home { margin: 30px auto 0; }

	/*------- Download Section Ends -------*/

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

.box-product-info-home { padding: 15px 10px; }
.box-product-info-home > h4 { font-size: 2.2rem; }

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

  /*------- Blog Section Starts -------*/

.box-blog-img-info-home { margin-bottom: 30px; }
.box-blog-info-home > p:first-child { font-size: 2.4rem; }
.box-blog-info-home { padding: 55px 15px 25px; }
.blogger-name-design-home > p > span { padding: 0 5px; }

	/*------- Blog Section Ends -------*/

  /*------- News Section Starts -------*/

.bg-news-home { padding-top: 0; }

	/*------- News Section Ends -------*/

  /*------- Inquiry Form Section Starts -------*/

.box-inquiry-form { padding: 0; }
  
	/*------- Inquiry Form Section Ends -------*/

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

.footer-about-desc > p { margin-bottom: 30px; padding-right: 0; }
.footer-heading > h3 { font-size: 2rem; }

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

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

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

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

.inner-banner-stroke-heading-ip > p { font-size: 6rem; -webkit-text-stroke: 0.25px rgb(255 255 255 / 18%); }

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

  /*------- Partnership Section Starts -------*/

.exc-partne-ap > h3 { font-size: 2rem; }

	/*------- Partnership Section Ends -------*/

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

.box-team-img-ap > img { height: 150px; }
.box-team-info-ap > h4 { font-size: 2rem; }

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

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

/*------- Our Technology Page Starts -------*/

	/*------- Co-Primers Section Starts -------*/

.co-primers-info-tech > h2,
.adv-dete-acc-dia-info-tech > h2 { margin-bottom: 20px; }

	/*------- Co-Primers Section Ends -------*/

	/*------- Advanced Detection Section Starts -------*/

.bg-adv-dete-tech { padding: 0; }
.adv-dete-acc-dia-info-tech { padding: 30px; }
.adv-dete-acc-dia-info-tech > p { text-align: justify; }

	/*------- Advanced Detection Section Ends -------*/

	/*------- CoPrimer Binding Process Section Starts -------*/

.bg-coprimer-bin-pro-tech { padding-top: 0; }
.coprimer-bin-pro-section-heading > p { font-size: 3rem; }
.coprimer-bin-pro-ii-tech > img { width: 400px; }

	/*------- CoPrimer Binding Process Section Ends -------*/

/*------- Our Technology Page Ends -------*/

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

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

.you-video-pro-pp { margin: 30px 0 0; height: 400px; }

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

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

.bg-testimonials-pp { padding-top: 0; }
.box-testimonials-pp { margin: 0; }
.box-testimonials-pp > h4 { font: 2rem/1.4 "GoogleSans-Medium"; }

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

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

/*------- Molecular Diagnostics Page Starts -------*/

	/*-------  Molecular Diagnostics Products Section Starts -------*/

.mole-diag-img-mdp > img { margin-bottom: 30px; }
.mole-diag-heading-mdp > h2 { font-size: 3rem; }
.codx-logo-mdp > img { margin-top: 30px; }
.bg-products-info-saraplex-mdp,
.bg-products-info-saraq-mdp { padding-top: 0; }
.cosara-logo-mdp > img { width: 150px; }

	/*-------  Molecular Diagnostics Products Section Ends -------*/

/*------- Molecular Diagnostics Page Ends -------*/

/*------- Instruments Page Starts -------*/

	/*------- Instruments Products and Product Specification Section Starts -------*/

.bg-products-info-instruments-inp { padding-bottom: 0; }
.instruments-info-inp > p { text-align: justify; }
.table-cosara caption { font-size: 2.2rem; }
.table-elec-cosara { margin-bottom: 0; }
.elec-info-ins-mob { display: block; margin-bottom: 15px; }
.table-cosara > tbody > tr > td { font-size: 1.6rem; }
.req-on-listing { margin: 15px 0 30px; }
.you-video-ins { height: 400px; }

	/*------- Instruments Products and Product Specification Section Ends -------*/

/*------- Instruments Page Ends -------*/

/*------- Saragene Real Time PCR Kits Page Starts -------*/

	/*------- Saragene Real Time PCR Kits Section Starts -------*/

.bg-seregene-info-pp { padding: 0 15px; }
.box-seregene-info-pp { margin-bottom: 30px; }

	/*------- Saragene Real Time PCR Kits Section Ends -------*/

	/*------- Product Information Section Starts -------*/

.bg-saragene-product-info-pp,
.bg-saraplex-info-pp { padding: 0 15px; }
.bg-saragene-product-info-pp > .row > .container > .row,
.bg-saraplex-product-info-pp > .row > .container > .row { margin-bottom: 50px; }
.seregene-product-img-info-pp > h3 { font-size: 2.4rem; }
.seregene-product-img-info-pp > h4 { margin-bottom: 20px; padding-bottom: 20px; }
.box-seregene-info-pp > h3 { font-size: 2.2rem; }

	/*------- Product Information Section Ends -------*/

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

.contact-saragene-info-pp > h2 { font-size: 3rem; }
.contact-saragene-info-pp > p { margin-bottom: 20px; }

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

/*------- Saragene Real Time PCR Kits Page Ends -------*/

/*------- SaraplexTM Real Time PCR Multiplex Kits Page Starts -------*/

	/*------- SaraplexTM Real Time PCR Multiplex Kits Section Starts -------*/

.bg-products-info-saraplex-pp { padding-bottom: 0; }
.bg-saraplex-product-info-pp { padding: 0 15px; }

	/*------- SaraplexTM Real Time PCR Multiplex Kits Section Ends -------*/

/*------- SaraplexTM Real Time PCR Multiplex Kits Page Ends -------*/

/*------- Download Page Starts -------*/

  /*------- Download Section Starts -------*/

.bg-brochures-bd { padding-bottom: 0; }

  /*------- Download Section Ends -------*/

/*------- Download Page Ends -------*/

/*------- Vertical Tab CSS Starts -------*/

.resp-vtabs .resp-tabs-list li { line-height: 1.4; }
.product-detail-info-tab > h4 { font-size: 2.1rem; }

/*------- Vertical Tab CSS Ends -------*/

/*------- Media Page Starts -------*/

.bg-media-mp { padding: 30px 15px; }
.youtube-video-media-mp { height: 300px; }
.fb-video-media-mp { height: 271px; }

/*------- Media Page Ends -------*/

/*------- Career Page Starts -------*/

.job-post-info-cp > p:last-child { margin-bottom: 30px; }
.jpb-post-cp > img { margin: 0 auto 30px; }

/*------- Career Page Ends -------*/

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

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

.box-contact-info-cp { margin-bottom: 20px; padding: 20px; }
.box-contact-info-cp-3 { margin-bottom: 30px; }
.box-contact-info-cp > img { margin-bottom: 20px; width: 50px; }
.box-contact-info-cp > h3 { font-size: 2.2rem; margin-bottom: 10px; }
.aec-info-cp { min-height: auto; }
.get-in-touch-heading-cp > h3 { margin-bottom: 20px; padding-top: 20px; }
.map-cp > iframe { height: 400px; }

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

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

}