.q-topbar img {
    height: 40px! important;
}
  
.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
  
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
  
  

.box-hero::before {
      background: #054369dd
}
  
.q-bg-white.ntm.pb-50 {
  background-color:#CFEBEB !important;
}
  
.col-xs-12.col-md-5.pull-right.hidden-xs.hidden-sm {
      margin-bottom: 50px;
}
  
  
  .box-hero .box-content h1 {color: #A0E5E4;}
  
  .btn.v8 {color:#fff;background-color:#d168e9;margin-top: 25px;}
  .btn.v8:hover {color:#efefef; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 70%);}
  
  
  
@media (min-width: 768px) {
  
      .what-to-expect h3,
      .what-to-expect p,
      .the-study-periods h3,
      .the-study-periods p {
          text-align: left;
      }
  
      .what-to-expect h3,
      .study-periods h3 {
          margin-top: 40px
      }
  
      #about-the-study .study-periods .cell p {
          text-align: left !important;
      }
  
      #about-the-study .study-periods>div {
          border: none;
      }
  
      .what-to-expect ul {
          width: 50%;
      }
  
      .what-to-expect .col-md-8 {
          width: 100%;
      }
  
}
  
@media (min-width: 992px) {
  
      #about-the-study .what-to-expect,
      #about-the-study .the-study-periods,
      .q-bg-white.ntm.pb-50 {
          padding-top: 50px;
      }
  
  
  
}

@media (min-width: 992px) { 
  .dropdown-menu {
      right: -10px; 
      left: auto; 
      }
}

  
@media (max-width: 991px) {
      .q-topbar-lang {
          display: flex;
      }
      .q-topbar {
          width: 100%;
          text-align: center;
          border-bottom: 1px solid #eee;
          margin: 0 10px 0 0;
          padding: 10px;
      }
      nav.navbar.q-navbar {
          display: block;
          width: 50%;
          clear: both;
      }
      .page-container>header .q-navbar .q-tabs li {
          display: none
      }
      .page-container>header .q-navbar .q-tabs li:last-child {
          border-right-width: 1px;
          display: flex;
          /* align-content: center; */
          padding-top: 7px;
      }
        .page-container>header .q-navbar .q-tabs li:last-child{
          text-align: right;
          padding-right: 15px;
      }
      .page-container>header .q-navbar .q-tabs li:last-child a{
          display:none;
      }
      .page-container>header .q-navbar .q-tabs li:last-child a#phone-number-a{
          display:inline-block
      }
      .page-container>header .q-topbar-lang {
          padding-top: 10px;
          padding-bottom: 0px;
      }
      .q-topbar-left {
          text-align:center;
          margin:5px 0;	
      }
      .q-topbar-lang {
          width: 50%;
          text-align: center;
          align-content: center;
  
      }
      .q-topbar-lang .lang-button{
          margin:5px 0 5px 0;
      }
}
  
  
@media all and (max-width:360px){
      /* .page-container>header .q-navbar .q-tabs li:last-child .icon-phone{
          display:none;
      } */
      .page-container>header .q-navbar .q-tabs li:last-child{
          padding:5px 3px 0;
          word-wrap:break-word;
      }
      .page-container>header .q-topbar-lang{
          padding: 5px 3px
      }
}
  
@media (min-width: 768px){
      .page-container>header .q-topbar-lang {
          display: flex;
          margin-left: 0;
      }
}
  
  
  
  
  
  
  /* Fonts: */
  
#questionnaire-view iframe {
      /*min-height: 600px !important;*/
}
  
#cookieDisclaimer h4{
      color:#fff;
}
  
  
@media (max-width:1215px){
      .box-hero::before {
          /*background: rgba(222, 231, 230, 0.6); */
          display:block;
      }
}
  
@media all and (min-width:1200px){
      .box-hero .box-content p, .box-hero .box-content ul li {
          font-size: 2rem;
          padding-right: 76px;
          line-height: 1.3;
          margin-bottom: 6px;
      }
      
}
  
#contact-info form .form-error{
      min-height:13px;
      display:block;
}
  
  
  /* padding fix for hero image bcs of overlaping */
@media (min-width:1200px) and (max-width:1480px){
      .box-hero h1{
          padding-right:80px; 
      }
      .box-hero .box-content h2 {
          padding-right: 90px;
      }
}
@media (max-width:1215px){
    .box-hero .box-content .container{
        max-width: 95%;
    }
}
  
@media all and (max-width:767px){
      #contact-info h1, #site-selection h1, #referral-complete h1, #pass-all h1, .confirmation  h1{
          font-size: 2.3rem;
      }
      #contact-info h1{
          margin-top: 1px;
          margin-bottom: 1px;
      }
      #pass-all .cg-text h2{
          font-size:2.2rem;
      }
      .box-hero .box-content h1{
          font-size: 2em;
          padding-right: 0;
      }
      .box-hero .box-content h2{
          font-size: 1.4em;
          padding-right: 0;
      }
      #discover-if-you-qualify h2, .section__heading h2, #who-can-take-part h2, .section__heading.moving-image h2 {
          font-size: 2.2rem;
      }
}
  
@media all and (max-width:380px){
      .gm-style-iw.gm-style-iw-c{
          width:270px!important;
          max-width:270px!important;
      }
      .RigthCol {
          padding: 0 5px;
      }
 
      .siteSelectionPage #map2 .epr-map-iw h4 {
          font-size: 16px;
      }
      .siteSelectionPage #map2 .epr-map-iw p {
          font-size: 14px;
      }

      .epr-map-iw .col-xs-9.LeftCol{
          width: 95%;
      }
      .gm-style-iw-d {
        overflow: hidden !important;
        padding: 0 0px 12px 0 !important;
    }
    #site-selection #map-area .row.map .sites .site h4 {
        font-size: 16px;
    }
      #about-clinical-trials a{
          padding: 16px 12px 16px 53px;
          font-size: 1.6rem;
      }
      .site.grid .distance strong {
          font-size: 13px;
      }
      .site.grid .distance {
          font-size: 10px;
      }
      #how-does-it-work ol{
          padding-left:0;
      }
}
  
.section__heading.moving-image h2, .section__heading.moving-image span {
      line-height: 1.4;
}
  
.panel.panel-accordion>.panel-heading a.collapsed{
      /*word-break: break-all; */
}
  
  
  /* Concact form - checkbox */
  form .check-icon{
      font-size: 1.4rem;
  }
  .footer-content a {
      display: inline-block;
  }

  @media (min-width: 992px){
      .box-hero {
          padding: 50px 0 87px 0;
      }
      .box-hero .box-content h2 {
          font-size: 1.8em;
          margin-bottom: 24px;
      }
      .box-hero .box-content h1 {
          font-size: 3.7rem;
          margin-bottom: 27px;
          line-height: 46px;
          padding-right: 0;
 
      }
  }
  
  @media (min-width:1335px){

    .box-hero .box-content h2 {
        font-size: 2em;
    }
    .box-hero .box-content h1 {
        font-size: 3.9rem;

    }
}
  
  
  
  .RigthCol {
      padding-right: 0;
      padding-left: 0;
  }
  
  .datepicker.dropdown-menu{
      left:20%!important;
      width:232px!important;
  }
  #contact-info form .form-error{
      min-height:13px;
      display:block;
  }

  .footer-content a {
    display: inline-block;
}
  iframe#idIframe{
    min-height: 400px;
  }


  /* v1 */

  
@media (max-width: 991px){
  .box-hero:before {
      background: #054368!important;
  }
}