/* //please type here// */

@font-face {
  font-family: "Canaro W00 SemiBold";
  src: url("../fonts/f78bcde21d874130c88de04c43f1cda4.eot"); /* IE9*/
  src: url("../fonts/f78bcde21d874130c88de04c43f1cda4.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("../fonts/f78bcde21d874130c88de04c43f1cda4.woff2")
      format("woff2"),
    /* chrome、firefox */ url("../fonts/f78bcde21d874130c88de04c43f1cda4.woff")
      format("woff"),
    /* chrome、firefox */ url("../fonts/f78bcde21d874130c88de04c43f1cda4.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("../fonts/f78bcde21d874130c88de04c43f1cda4.svg#Canaro W00 SemiBold")
      format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: "Canaro W00 Light";
  src: url("9ecf943eacd910490a17d5ca5af92641.eot"); /* IE9*/
  src: url("9ecf943eacd910490a17d5ca5af92641.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("9ecf943eacd910490a17d5ca5af92641.woff2") format("woff2"),
    /* chrome、firefox */ url("9ecf943eacd910490a17d5ca5af92641.woff")
      format("woff"),
    /* chrome、firefox */ url("9ecf943eacd910490a17d5ca5af92641.ttf")
      format("truetype"),
    /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
      url("9ecf943eacd910490a17d5ca5af92641.svg#Canaro W00 Light") format("svg"); /* iOS 4.1- */
}

.canaro-light {
  font-family: "Canaro W00 Light" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.canaro-semibold {
  font-family: "Canaro W00 SemiBold" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.inter {
  font-family: "Inter", sans-serif;
}

/*======================== FONT FAMILY ============================*/

h1 {
  font-family: "Canaro W00 SemiBold";
}

p {
  color: #5d6872;
  font-size: 18px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

h4 {
  font-family: CanaroSemiBold, sans-serif;
  color: #174677;
}

a {
  font-family: "Inter", sans-serif;
}

/* Header css start */
.wrapper-container {
  max-width: 1434px;
  margin: auto;
}

.nav-bg {
  position: relative;
}

.nav-bg:after {
  position: absolute;
  content: "";
  max-width: 992px;
  width: 100%;
  height: 102px;
  background-color: #42b9eb;
  top: 0;
  right: 0;
  z-index: -1;
  border-radius: 0 0 0 55px;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0;
  content: "";
  content: "\f107";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 22px;
  border-top: none;
  border-right: none;
  border-bottom: 0;
  border-left: none;
  font-weight: 500;
  color: #fff;
}

.main-head-navbar .nav-link {
  color: #174677 !important;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  font-weight: bold;
}

.main-head-navbar .nav-item .nav-link.active {
  color: #fff !important;
}

/* Header css end */

/* Page banner css start */
.page-banner-content {
  padding-top: 60px;
}

.page-banner-content h1 {
  color: #174677;
  font-size: 70px;
  line-height: 80px;
  margin-bottom: 32px;
}

.page-banner-content h6 {
  color: #5d6872;
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
}

.page-banner-section {
  background-image: url("../images/physicians/banner-bg.png");
  background-repeat: no-repeat;
  min-height: 370px;
}

/* Page banner css end */

/* A Better Tool for Physicians css start */
.section-content p {
  margin-bottom: 15px;
}

.section-content h2 {
  color: #174677;
  font-size: 46px;
  line-height: 58px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 30px;
  /*font-family: "Canaro W00 SemiBold";*/
  font-family: CanaroSemiBold, sans-serif;
}

.section-content h3 {
  color: #174677;
  font-size: 40px;
  line-height: 50px;
  font-family: CanaroSemiBold, sans-serif;
  margin-bottom: 14px;
  letter-spacing: 5px;
}

.section-content h3 small {
  color: #3678f2;
  font-size: 40px;
  font-family: Canarolight, sans-serif;
  display: block;
  font-weight: 300;
  margin-top: -8px;
}

.section-content p:last-child {
  margin-bottom: 0;
}

.section-container {
  padding-top: 4em;
  padding-bottom: 4em;
}

/* A Better Tool for Physicians css start */

/* Advantages section start */
.bg-gray-light h2 {
}

.bg-gray-light {
  background-color: #f7f7f7;
}

.left-aarow {
  position: relative;
  padding-left: 18px;
}

.left-aarow:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 20px;
  background-image: url("https://btrees.in/sonic/wordpress/wp-content/themes/sonic/img/para-icon.png");
  background-repeat: no-repeat;
  left: 0;
  top: 8px;
}

/* Advantages container css end */

/* EARLY ACCESS PROGRAM */
.program-section {
  padding-top: 100px;
}

/* EARLY ACCESS PROGRAM */

.patient-section-col {
}

.patient-section-col img {
}

.patient-section-col h3 {
  color: #fff;
}

.patient-section-col p {
  color: #42b9eb;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 16px;
  font-weight: bold;
}

.patient-section-col {
  background-color: #42b8eb50;
  border-radius: 30px;
  padding: 0;
  height: 440px;
  display: flex;
}

.patient-section {
  margin-top: 100px;
}

.patient-section-col .section-content h3 {
  margin-bottom: 18px;
}

.patient-section-col .section-content {
  /* padding-top: 40px; */
}

.poster-thumbnail {
  text-align: center;
  padding: 46px 50px 60px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background-color: #f4f7f8;
  margin-top: 24px;
}

.btn-colored {
  font-family: "Inter", sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  width: 262px;
  padding: 18px 0;
  border-radius: 5px;
  margin-top: 20px;
}

.mt-100 {
  margin-top: 100px;
}

/* Posters and Publications */

/* footer css start */
.footer-bg {
  background-color: #174677;
  /* padding: 50px 68px; */
}

.footer-nav h5 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer-nav ul {
  list-style: none;
  padding-left: 0;
}

.footer-nav ul li {
  margin-bottom: 22px;
}

.footer-nav ul li a {
  text-decoration: none;
  color: #e6e6e6;
  font-size: 14px;
  line-height: 22px;
}

.social-links {
  margin-top: 86px;
}

.social-links a {
  display: inline-block;
  margin-right: 20px;
}

/* HOW THE PROCEDURE WORKS */
.video-section {
  position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,f6f6f7+100&0+0,1+100,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(125, 185, 232, 0) 0%,
    rgba(246, 246, 247, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#f6f6f7', GradientType=0); /* IE6-9 */
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.video-js {
  font-size: 10px;
  color: #fff;
}

.vjs-default-skin .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  border: 0.06666em solid #fff;
  border-radius: 0.3em;
  left: 0.5em;
  top: 0.5em;
}

.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  background-color: transparent !important;
  background-color: transparent !important;
  border: none !important;
}

.video-js .vjs-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-control {
  margin-top: 70px;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.4);
  line-height: 0;
}

.video-control video {
  width: 100%;
  cursor: pointer;
}

.my_video_1-dimensions.vjs-fluid {
  padding-top: 58.719%;
}

.vjs-poster {
  background-size: auto !important;
}

/* HOW THE PROCEDURE WORKS */

/* ============================================================================
===================Physicians page css end ====================================*/

/* ============================================================================
===================Patients page css start ====================================*/

/* Page banner section start*/
.patients-banner {
  background-image: url("../images/patients/bg-banner.png");
}

/* Page banner section end*/

/* FATTY LIVER DISEASE */
.section-thumbnail {
  max-width: 504px;
  width: 100%;
  height: auto;
  /* background-color: #d1dbe0; */
  border-radius: 8px;
}

.section-content-thumbnail {
  background-color: #f4f7f8;
  padding: 50px 68px 60px;
  /* margin-top: 58px; */
  min-height: 326px;
  border-radius: 6px;
  /* box-shadow: 0 8px 20px rgba(0,0,0,0.1); */
}

.section-content-thumbnail h2 {
  margin-bottom: 18px;
  font-size: 40px;
}

/* FATTY LIVER DISEASE END*/

/* Solutionvideo-postion start*/
.video-postion {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0;
  right: 0;
}

.solution-video-section {
  min-height: 580px;
  padding-top: 40px;
}

/* Solutionvideo-postion end*/

/* VIRAL & AUTOIMMUNE LIVER DISEASE START */
.lower-case {
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
}

.mt-8 {
  margin-top: 80px;
}

.mt-9 {
  margin-top: 122px;
}

.mt-150 {
  margin-top: 150px;
}

.pt-88 {
  padding-top: 88px;
}

/* VIRAL & AUTOIMMUNE LIVER DISEASE END */

/* CLINICAL TRIALS START */
.bg-white {
  background-color: #fff;
  margin-left: auto;
}

.block-center-auto {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.left-block-auto {
  margin-left: auto;
  display: block;
}

/* CLINICAL TRIALS START */

/*Patients page css end*/

/*Product page css start */

.advantages-section-card .section-content-thumbnail h2 {
  font-size: 30px;
}

.advantages-section-card .section-content-thumbnail {
  min-height: 298px;
  margin-top: 34px;
}

.product-banner {
  background-image: url("../images/products/banner-bg.png");
}

/* Product page css end */

/* an unmet need  */
.vjs-poster {
  background-position: bottom !important;
}

.unmet-need-section .video-control {
  box-shadow: none;
  margin-top: 0 !important;
}

/* an unmet need  */

/* media center page */
.section-content h4 {
  font-size: 30px;
  line-height: 40px;
}

.border-bt {
  border-bottom: 1px solid rgba(222, 222, 222, 0.8);
  padding-bottom: 20px;
}

.custom-tab {
  border-bottom: none;
}

.custom-tab li {
}

.custom-tab li a {
  font-size: 18px;
  line-height: 28px;
  color: #5d6872;
  border: none !important;
  padding: 12px 32px;
}

.custom-tab li a.active {
  color: #42b9eb !important;
  border-bottom: 2px solid #42b9eb !important;
}

.tab-content-container {
  background-color: #fafbfd;
  padding-top: 50px;
}

.tab-thumbnail {
  background-color: #f4f7f8;
  border-radius: 6px;
  margin-bottom: 60px;
}

.tab-header {
  padding: 26px 20px;
}

.tab-header h5 {
  color: #42b9eb;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 1.92px;
  font-family: "Canaro W00 SemiBold";
  text-transform: uppercase;
  margin-bottom: 2px;
}

.tab-header h6 {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: #174677;
  font-family: "Inter", sans-serif;
}

.tab-body {
  padding: 0 20px 40px;
}

.tab-body p {
  color: #6b7681;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 0;
}

.tab-footer {
  background-color: #d1dbe0;
  text-align: center;
  border-radius: 0 0 8px 8px;
}

.tab-footer a {
  color: #fff;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 1.92px;
  font-family: "Canaro W00 SemiBold";
  text-transform: uppercase;
  margin-bottom: 0;
  text-decoration: none;
  display: block;
}

.tab-footer a:hover {
  text-decoration: none;
}

.tab-thumbnail:hover .tab-footer {
  background-color: #42b9eb;
}

.tab-thumbnail:hover {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}

/* media center page end*/

/*  sync up with sonic start */
.sync-form-section {
}

.sync-form-section .btn {
  background-color: #3678f2;
  border-color: #3678f2;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  border-radius: 8px;
  padding: 18px 20px;
  margin-top: 10px;
}

/*  sync up with sonic end */

/* Contact us page start */
.contact-banner {
  background-image: url("../images/contact/banner-bg.png");
}

.contact-inquiries-section {
  background-color: #fafbfd;
  margin-top: 50px;
}

.section-container label {
  color: #5d6872;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  margin-bottom: 12px;
}

.section-container .form-control {
  height: 50px;
  border-radius: 12px !important;
  border: 2px solid #d9d9d9 !important;
  background-color: #fff !important;
}

.sync-form-section .btn {
  background-color: #3678f2;
  border-color: #3678f2;
  width: 100%;
  font-size: 18px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  border-radius: 8px;
  padding: 18px 20px;
  margin-top: 0;
}

.sync-form-section .form-group .col-md-6 {
  margin-bottom: 15px;
}

.section-container .form-control:hover,
.section-container .form-control:focus {
  border-color: #42b9eb !important;
  box-shadow: none !important;
}

.newsletter-form .wpcf7-text {
  height: 50px;
  border-radius: 12px !important;
  border: 2px solid #d9d9d9 !important;
  background-color: #fff !important;
}

.newsletter-form .wpcf7-text:hover,
.newsletter-form .wpcf7-text:focus {
  border-color: #42b9eb !important;
  box-shadow: none !important;
}

.section-newsletter .newsletter-container h2 {
  font-size: 45px;
}

.contact-inquiries-section .section-content h3 {
  margin-bottom: 30px;
}

.section-container .form-control::placeholder,
.section-container select.form-control option {
  font-size: 18px;
  font-family: "Inter", sans-serif;
}

.section-container textarea.form-control {
  height: 200px;
}

.inquiries-form .form-group {
  margin-bottom: 28px;
}

.btn-colored:focus {
  background-color: #1955c4;
  border: 2px solid #1955c4;
}

.gray-small {
  color: #5d6872;
  font-size: 21px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: bold;
  display: block;
}

@media (min-width: 1200px) {
  .inquiries-form {
    padding-right: 60px;
  }
}

.ctmt-50 {
  margin-top: 8em;
}

.toll-free {
  margin-top: 4em;
}

/* Contact us page end */

/* company page */
.read-link {
  color: #3678f2;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 40px;
  font-weight: bolder;
}

.read-link:hover {
  text-decoration: none;
}

.technology-section .section-thumbnail {
  /* height: 316px; */
}

.technology-section .col-md-6 {
  margin-bottom: 60px;
}

.careers-btn {
  margin-top: 10px;
  width: 100%;
  max-width: 340px;
}

.careers-btn {
  background-color: #1955c4 !important;
  border: 2px solid #1955c4 !important;
  transition: 0.4s all;
}

.careers-btn:hover {
  background-color: #3678f2 !important;
  border: 2px solid #3678f2 !important;
  transition: 0.4s all;
}

.bg-transparent {
  background-color: transparent;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-60 {
  padding-top: 60px;
}

/* careers section */
.questions-info {
  text-align: center;
  margin-top: 60px;
}

.questions-info h6 {
  color: #174677;
  font-size: 30px;
  line-height: 40px;
  font-family: CanaroSemiBold, sans-serif;
  max-width: 680px;
  margin: auto;
}

.questions-info h6 a {
  color: #3678f2;
  font-family: CanaroSemiBold, sans-serif;
}

.questions-info h6 a:hover {
  text-decoration: none;
}

/* company page */

/* media kit start */

/* banner section */
.mediakit-banner {
  background-image: url("../images/mediakit/banner-bg.png");
}

/* banner section */

/* about section */
.download-thumbnail h3 {
  font-size: 30px;
  margin-bottom: 0;
  letter-spacing: 0;
}

.download-thumbnail {
  text-align: center;
  background-color: #f4f7f8;
  padding: 38px 15px 50px;
  border-radius: 6px;
  border: 1px solid transparent;
}

.download-thumbnail:hover {
  border: 1px solid #707070;
}

/* about section */

/* video section */
.wrapper-custom-video .video {
  width: 100%;
  border: 6px solid #fff;
  background-color: #d1dbe0;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}

.wrapper-custom-video {
  display: table;
  width: auto;
  position: relative;
  width: 100%;
}

.wrapper-custom-video .playpause {
  background-image: url("../images/mediakit/play-icon.png");
  background-repeat: no-repeat;
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
  background-position: center;
}

.video-caption .section-content h3 {
  font-size: 30px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
}

/* video section */

/* images and logo section */
.image-gallery-section {
  background-color: #f4f7f8;
  padding: 50px 60px;
  margin-bottom: 30px;
}

.image-gallery-section .section-content h3 {
  font-size: 30px;
  margin-bottom: 8px;
}

.image-gallery-section .section-thumbnail {
  height: 268px;
}

.image-gallery-section .btn-colored {
  margin-top: 0;
}

.mt-7 {
  margin-top: 70px;
}

@media (min-width: 991px) {
  .image-gallery-section .section-content {
    padding-left: 20px;
  }
}

.pt-40 {
  padding-top: 40px;
}

/* images and logo section */

/* media contact section */
.mail-link {
  color: #0dd9b0;
  font-size: 22px;
}

.mail-link:hover {
  color: #0dd9b0;
  text-decoration: none;
}

/* media contact section */

/* media kit start */

.video-postion.video-control {
  line-height: 0;
}

.section-container.mt-150.pt-0 .row .col-md-4 p {
  display: none;
}

.pb-40 {
  padding-bottom: 40px;
}

.technology-section
  .container
  .row.align-items-center:last-child
  .col-md-6:last-child {
  margin-bottom: 0;
}

.patient-section-col h5 {
  color: #5d6872 !important;
  font-family: InterBold, sans-serif;
  font-size: 22px;
  margin-bottom: 30px;
}

.section-content h4 {
  font-family: CanaroSemiBold, sans-serif;
}

.media-image-gallery-section {
  margin-top: 5em;
}

.media-image-gallery-section h4 {
  margin-bottom: 30px;
}

.media-image-gallery-section .col-md-3 {
  margin-bottom: 30px;
}

.footer p {
  font-size: 14px;
  font-family: InterMedium, sans-serif;
  color: #fff;
}

.footer-credits img {
  height: 16px;
}

@media (min-width: 992px) {
  .section-cta .cta-container h3 {
    padding-right: 30px;
  }
}

.form-modal-section {
}

.form-modal-section .modal-header {
  border-bottom: none;
}

.form-modal-section .modal-header h4 {
  font-size: 40px;
  line-height: 50px;
  padding-left: 50px;
  padding-top: 42px;
}

.form-modal-section .modal-body {
  padding: 14px 68px 60px;
}

.form-modal-section label {
  color: #5d6872;
  font-size: 18px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
}

.form-modal-section .form-control {
  height: 54px;
  border-radius: 10px !important;
  background-color: #fff !important;
  border: 2px solid #ced4da !important;
}

.form-modal-section .form-control:hover,
.form-modal-section .form-control:focus {
  border-color: #42b9eb !important;
  box-shadow: none !important;
}

.form-modal-section .wpcf7-submit {
  max-width: 280px;
  width: 100%;
}

.form-modal-section .modal-content {
  background-color: #f4f7f8;
}

.form-modal-section .modal-body .form-group {
  margin-bottom: 28px;
}

.form-modal-section .modal-body .btn-colored {
  max-width: 230px;
}

.section-container.bg-gray-light.technology-section {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f7+0,fcfcfc+100&1+0,0+100 */
  background: -moz-linear-gradient(
    top,
    rgba(246, 246, 247, 1) 0%,
    rgba(252, 252, 252, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(246, 246, 247, 1) 0%,
    rgba(252, 252, 252, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(246, 246, 247, 1) 0%,
    rgba(252, 252, 252, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f7', endColorstr='#00fcfcfc', GradientType=0); /* IE6-9 */
}

.co-pt-16 {
  padding-top: 16px;
}

.newsletter-form .col-6 label br {
  margin-bottom: 10px;
}

/*==================== Responsive css start ======================*/

@media (min-width: 320px) and (max-width: 767px) {
  .page-banner-content h1 {
    font-size: 40px;
    line-height: 10px;
    margin-bottom: 28px;
  }

  .page-banner-section {
    background-size: 100% 100%;
    min-height: 190px;
  }

  .page-banner-content h6 {
    font-size: 17px;
    line-height: 26px;
    margin-top: 40px;
  }

  .section-content h3 small {
    margin-top: 34px;
  }

  .section-content h2 {
    font-size: 34px;
    line-height: 46px;
  }

  .video-section {
    padding-bottom: 100px;
  }

  .patient-section {
    margin-top: 0;
  }

  .patient-section-col .section-content h3 {
    font-size: 36px;
    line-height: 44px;
  }

  .patient-section-col .section-content {
  }

  .patient-section-col {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  /*header responsive */
  .container {
    max-width: 100%;
  }

  .main-head-navbar {
    margin-top: 25px;
  }

  .main-head-navbar li {
    border-bottom: 1px solid rgba(222, 222, 222, 0.6);
    padding-left: 20px;
  }

  .dropdown-toggle::after {
    color: #174677;
  }

  .main-head-navbar .nav-item .nav-link.active {
    color: #174677 !important;
  }

  .img-fluid {
    width: 100%;
  }

  /* header responsive */
  /* patients page start*/
  .section-content-thumbnail {
    padding: 50px 38px 60px;
    min-height: auto;
  }

  .section-container .row .col-md-6:first-child .section-content-thumbnail {
    margin-bottom: 50px;
  }

  .xs-mt-40 {
    margin-top: 40px;
  }

  .video-postion {
    position: static;
  }

  .mt-150 {
    margin-top: 0;
    padding-top: 70px;
  }

  .bg-white img {
    margin-top: 40px;
  }

  .bg-white {
    height: auto;
  }

  .section-thumbnail {
    max-width: 100%;
  }

  /* patients page end */
  .nav-bg::after {
    max-width: 192px;
  }

  .vjs-poster {
    background-size: 100% 100% !important;
  }

  .xs-pt-0 {
    /* padding-top: 0; */
  }

  .sync-form-section {
    margin-top: 20px;
  }

  .technology-section .row .col-md-6:last-child {
    margin-bottom: 0;
  }

  /* media kit */
  .download-thumbnail {
    margin-bottom: 30px;
  }

  .image-gallery-section {
    padding: 26px 20px;
  }

  .image-gallery-section .section-thumbnail {
    margin-bottom: 20px;
  }

  .image-gallery-section .btn-colored {
    width: 100%;
  }

  .mail-link {
    word-wrap: anywhere;
  }

  /* comapny */
  .technology-section .row {
    margin-bottom: 50px;
  }

  .technology-section .row:last-child {
    margin-bottom: 0;
  }

  .technology-section .section-thumbnail.bg-transparent {
    /* height: 184px; */
  }

  /* header responsive */
  .navbar .navbar-brand {
    width: auto;
    padding: 0 !important;
  }

  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* banner section */
  .section-hero h1 {
    font-size: 35px;
  }

  .section-hero p {
    font-size: 20px;
  }

  .section-hero p br {
    display: none;
  }

  .section-simple h2 {
    font-size: 30px;
  }

  .video-section {
    padding-bottom: 80px;
    margin-bottom: 20px;
  }

  .section-cta .cta-container h3 {
    font-size: 25px;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  /* footer */
  .footer-bg {
    padding: 10px 20px;
  }

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

  .mt-9 {
    margin-top: 40px;
  }

  .pt-88 {
    padding-top: 20px;
  }

  .poster-thumbnail .btn-colored {
    width: 100%;
  }

  .advantages-section-card {
    padding-top: 70px;
  }

  .advantages-section-card
    .row
    .col-md-6:first-child
    .section-content-thumbnail {
    margin-bottom: 0;
  }

  .section-container.video-section
    .col-md-12.program-section
    .section-content
    p
    br {
    display: none;
  }

  .newsletter-form .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
  }

  .col-md-6.col-sm-12.newsletter-container p br {
    display: none;
  }

  .form-modal-section .modal-header h4 {
    font-size: 32px;
    line-height: 46px;
    padding-left: 10px;
  }

  .form-modal-section .modal-body {
    padding: 14px 26px 60px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* header responsive */
  .main-head-navbar {
    margin-top: 25px;
  }

  .container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .main-head-navbar li {
    border-bottom: 1px solid rgba(222, 222, 222, 0.6);
    padding-left: 20px;
  }

  .dropdown-toggle::after {
    color: #174677;
  }

  .main-head-navbar .nav-item .nav-link.active {
    color: #174677 !important;
  }

  /* header responsive */
  /* section container responsive */
  .section-container .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .section-container .img-fluid {
    width: 100%;
  }

  .col-title {
    margin-top: 30px;
  }

  .video-section {
    padding-bottom: 100px;
  }

  .patient-section {
    margin-top: 0;
  }

  .patient-section-col {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }

  /* section container responsive */
  /* footer responsive */
  .footer-bg .col-md-2,
  .footer-bg .col-md-10 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .footer-nav .col-md-2 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .footer-nav {
    margin-top: 50px;
  }

  .footer-logo {
    text-align: center;
  }

  /* footer responsive */
  .nav-bg::after {
    max-width: 482px;
  }

  .section-thumbnail {
    max-width: 100%;
  }

  .patient-section-col .section-content {
    margin-top: 30px;
  }

  /* media kit  */
  .download-thumbnail-section .col-md-4 {
    max-width: 50%;
    flex: 0 0 50%;
    -ms-flex: 0 0 50%;
  }

  .download-thumbnail-section .col-md-4:not(:last-child) {
    margin-bottom: 30px;
  }

  .image-gallery-section .col-md-4,
  .image-gallery-section .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .image-gallery-section .section-content {
    margin-top: 20px;
  }

  .section-container .row .col-md-6:first-child .section-content-thumbnail {
    margin-bottom: 50px;
  }

  .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .navbar .navbar-brand {
    padding: 0 !important;
    width: auto;
  }

  .bg-white img {
    margin-top: 40px;
  }

  .pt-88 {
    padding-top: 40px;
  }

  .section-container .col-md-4,
  .section-container .col-md-8 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .mt-9 {
    margin-top: 50px;
  }

  .patient-section-col .row .col-md-5,
  .patient-section-col .row .col-md-7 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .section-cta .cta-container h3 {
    margin-top: 30px;
  }

  .page-section .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .page-section.section-simple img {
    width: 100%;
  }

  .page-section.section-simple .row .col-md-6 img {
    margin-bottom: 30px;
  }

  .video-section {
    margin-bottom: 0;
  }

  .section-container .col-md-11 {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
  }

  .section-container .unmet-need-section .video-control img {
    width: 100%;
  }

  .advantages-section-card {
    padding-top: 70px;
  }

  .advantages-section-card
    .row
    .col-md-6:first-child
    .section-content-thumbnail {
    margin-bottom: 0;
  }

  @media (min-width: 1200px) and (max-width: 1350px) {
    .nav-bg:after {
      max-width: 900px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .main-head-navbar .nav-link {
      font-size: 13px;
    }

    .container {
      max-width: 100%;
      padding-left: 35px;
      padding-right: 35px;
    }

    .nav-bg::after {
      max-width: 758px;
    }

    .section-content-thumbnail {
      min-height: 382px;
    }

    .patient-section-col .section-content {
      padding-top: 0;
    }

    .container {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

    .navbar .navbar-brand {
      padding: 0 !important;
      width: auto;
    }

    .section-cta .cta-container h3 {
      font-size: 34px;
    }

    .section-cta .cta-container h5 {
      font-size: 20px;
    }

    .section-container.xs-pt-0 .container .row.align-items-end {
      align-items: normal !important;
    }

    .section-hero {
      background-position: right !important;
    }

    .overlay {
      width: 62%;
    }
  }
}

/*Media - kit */

.multiple-video-section .video-control {
  margin-top: 0;
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
}

.multiple-video-section .video-caption .section-content h3 {
  margin-top: 34px;
}

.patient-section-col h3 {
  color: #174677 !important;
}

.patient-section-col p {
  font-family: InterBold, sans-serif;
  font-size: 22px;
  color: #5d6872 !important;
}

.patient-section-col .section-content.pt-0.xs-mt-40 br {
  display: none;
}

.patient-section-col .section-content.pt-0.xs-mt-40 a.mail-link {
  color: #3678f2;
  font-size: 22px;
}

.mediakit-contact-section p {
  margin-bottom: 0 !important;
}

@media (min-width: 320px) and (max-width: 767px) {
  .media-image-gallery-section .col-md-3 img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .media-image-gallery-section {
    margin-bottom: 30px;
  }
}