f /********************************
    GENERAL
********************************/
/* Set padding to keep content from hitting the edges */
.body-content
{
  padding-left: 15px;
  padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt
{
  white-space: normal;
}

.btn.nomodal
{
  background-color: #25408f;
  font-family: "Open Sans";
}

  .btn.nomodal:hover, btn.nomodal:focus, btn.nomodal:active
  {
    background-color: #7271ce;
  }

.img-responsive
{
  margin: 0 auto;
}

/********************************
    TYPOGRAPHY
********************************/
p
{
  color: #767489;
  font-family: "Open Sans";
  font-size: 14pt;
  line-height: 21pt;
}

  p.lead
  {
    font-family: "Open Sans";
    padding-right: 14px;
  }

h1.daraprim-h1
{
  color: #767489;
  font-family: "Open Sans";
  font-size: 18pt;
  margin: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
}

h2.daraprim-h2
{
  color: #25408f;
  font-family: "Open Sans";
  font-size: 24pt;
  margin-bottom: 15px;
  padding: 0;
}

.container
{
  padding-left: 0;
  padding-right: 0;
}


/********************************
    NAVIGATION _HEADER
********************************/
header .purple-row
{
  background-color: #c397e7;
  padding-top: 15px;
  font-family: "Open Sans";
}

header .purple-row-sm
{
  background-color: #c397e7;
  padding-top: 10px;
  font-family: "Open Sans";
}

header .purple-nav li
{
  text-align: center;
  padding: 15px;
}

header .purple-nav a
{
  color: #fff;
}

nav
{
  background-color: #fff !important;
}

.navbar-header
{
  float: none;
}

.navbar-brand
{
  height: 85px;
}

  .navbar-brand img#daraprim-logo
  {
    height: 75px;
  }

.navbar-toggle
{
  position: relative;
  top: -50%;
  transform: perspective(1px) translateY(50%);
}

ul.nav
{
  /*padding-top: 30px;*/
  font-size: 16pt;
}

  ul.nav > li > a
  {
    /*padding-top: 30px;*/
    text-transform: uppercase;
  }


.nav-hcp, .nav-patient
{
  font-size: 14pt !important;
}

.navbar-right a
{
  color: #25408f !important;
  font-family: "Open Sans";
  font-weight: bold;
}

  .navbar-right a:hover
  {
    color: #7271ce !important;
  }

/********************************
    ISI Panel Patient
********************************/

#isi-footer-patient
{
  position: fixed;
  width: 100%;
  /*bottom: -90px;*/
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  /*height: 268px;*/
}

  #isi-footer-patient .panel
  {
    border-color: #25408f;
  }

  #isi-footer-patient .panel-group
  {
    width: 100%;
    margin-bottom: 0;
  }

  #isi-footer-patient .btn
  {
    margin: 10px;
  }

  #isi-footer-patient .panel-heading
  {
    background-color: #25408f;
  }

  #isi-footer-patient .panel-title
  {
    color: #fff;
    font-weight: bold;
  }

  #isi-footer-patient .panel-body
  {
    font-size: 12pt;
    line-height: 12pt;
    color: #767489;
    font-family: "Open Sans";
    padding-top: 0;
  }

    #isi-footer-patient .panel-body h2
    {
      font-family: 'Open Sans';
      font-weight: bold;
      color: #25408f;
      font-size: 14pt;
    }

    #isi-footer-patient .panel-body p
    {
      font-size: 12pt;
      line-height: 12pt;
    }

.panel-body-header
{
  text-align: left;
}

.panel-body-button
{
  text-align: right;
}

@media (max-width: 991px)
{
  .panel-body-header, .panel-body-button
  {
    text-align: center;
  }
}
/********************************
    ISI Panel HCP
********************************/

#isi-footer
{
  position: fixed;
  width: 100%;
  /*bottom: -120px;*/
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  /*height: 285px*/;
}

.panel-group
{
  margin-bottom: 0;
}

#isi-footer .panel
{
  border-color: #25408f;
}

#isi-footer .btn
{
  margin: 10px;
}

#isi-footer .panel-group
{
  width: 100%;
}

#isi-footer .panel-heading
{
  background-color: #25408f;
}

#isi-footer .panel-title
{
  color: #fff;
  font-weight: bold;
}

#isi-footer .panel-body
{
  font-size: 12pt;
  line-height: 12pt;
  color: #767489;
  font-family: "Open Sans";
  padding-top: 0;
}

  #isi-footer .panel-body h2
  {
    font-family: 'Open Sans';
    color: #25408f;
    font-size: 14pt;
    font-weight: bold;
  }

  #isi-footer .panel-body p
  {
    font-size: 12pt;
    line-height: 12pt;
  }
/********************************
    CONTENT SECTIONS PATIENT
********************************/
section#patient-header .container
{
  background-image: url(../Content/img/PATIENT/patient-header.jpg);
  background-repeat: no-repeat;
  border-radius: 10px;
  height: 665px;
  padding-top: 100px;
  margin-bottom: 0;
}

section#patient-header p
{
  line-height: 21pt !important;
}

section#patient-header .patient-content h1
{
  color: #25408f;
  font-family: "Open Sans";
  font-size: 35pt;
  padding-bottom: 20px;
}

section#patient-header .patient-content p
{
  line-height: normal;
  font-size: 12pt;
  color: #55575c;
}

section#patient-header .patient-content .btn
{
  font-size: 16pt;
  width: 200px;
}

section#about .container
{
  padding: 30px;
}

section#about li
{
  color: #767489;
  font-family: "Open Sans";
  font-size: 14pt;
  list-style-type: disc;
  line-height: 23pt;
  margin-top: 15px;
}

section#getting-started .container
{
  background: #f1f1f1;
  padding: 30px;
}

section#getting-started .spanish
{
  width: 206.94px;
}

section#getting-started .row.subrow
{
  padding: 10px;
  margin: auto;
}

img.icon
{
  margin-top: 16px;
}

img.icon2
{
  margin-top: 16px;
}

img.icon3
{
  margin-top: 0;
}

img.dara
{
  box-shadow: 10px 10px 5px #888888;
}

.getting-started-bullet
{
  padding-left: 0;
  display: table-cell;
  vertical-align: middle;
  margin-left: 5px;
}

section#support .container
{
  padding: 30px;
}

section#about .support-note, section#support .support-note
{
  padding-top: 20px;
  font-size: 10pt;
  line-height: 20pt;
}

section#support .question
{
  padding-top: 43px;
  padding-bottom: 42px;
  padding-left: 45px;
}

section#support .txt-question
{
  padding-left: 80px;
}

section#isip .container
{
  background: #f1f1f1;
  padding: 30px;
}

section#isip li
{
  color: #767489;
  font-family: "Open Sans";
  font-size: 14pt;
  list-style-type: disc;
}

section#contact .container
{
  background-image: url('/Content/img/PATIENT/PATIENT_FOOTER.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 550px;
  margin-bottom: 0;
  padding-bottom: 0;
}

section#contact .contact-content
{
  margin-top: 100px;
  margin-left: 40px;
  padding-left: 10px;
  padding-bottom: 15px;
  width: 660px;
  background-color: #e3e4e5;
  opacity: 0.9;
}

/********************************
    CONTENT SECTIONS HCP
********************************/
section#hcp-header .container
{
  background-image: url(../Content/img/HCP/hcp-header.jpg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  height: 650px;
  padding-top: 30px;
  padding-right: 50px;
  margin-bottom: 0;
  padding-bottom: 0;
}

section#hcp-header .hcp-content h1
{
  color: #25408f;
  font-family: "Open Sans";
  font-size: 35pt;
  padding-bottom: 20px;
}

.hcp-content p
{
  font-size: 12pt;
  color: #55575c;
}

#hcp-carousel
{
  vertical-align: central;
  width: 370px;
  margin-left: 39px;
  height: auto;
  padding: 20px 10px 30px 10px;
  border-radius: 25px;
  background-color: #d7d5d5;
  opacity: 0.8;
}

section#hcp-header .carousel-content
{
  text-align: center;
  align-items: center;
}

  section#hcp-header .carousel-content h3
  {
    color: #25408f;
    font-family: "Open Sans";
    font-style: italic;
    font-size: 16pt;
  }

section#hcp-header .carousel-indicators
{
  bottom: 0px;
}

  section#hcp-header .carousel-indicators li
  {
    border-color: #9f9f9f;
    background-color: #9f9f9f;
  }

  section#hcp-header .carousel-indicators .active
  {
    background-color: #7172ce;
  }

section#hcp-header .btn.carousel
{
  background-color: #c397e7;
  border-color: #c397e7;
  font-family: "Open Sans";
}

  section#hcp-header .btn.carousel:hover, btn.carousel:focus, btn.carousel:active
  {
    background-color: #25408f;
    border-color: #25408f;
  }

section#prescribe .container
{
  padding: 30px;
}

section#prescribe .row.subrow
{
  padding: 15px;
  margin: auto;
}

section#prescribe .hcp-question
{
  padding-top: 22px;
  padding-left: 65px;
}

section#prescribe .getting-started-bullet p
{
  padding-top: 5px;
  padding-bottom: 5px;
}

section#prescribe .middle
{
  margin-bottom: -250px;
}

section#support-hcp .container
{
  padding: 30px;
  background-color: #f1f1f1;
}

section#support-hcp .support-text
{
  padding-right: 30px;
}

section#support-hcp .support-note
{
  padding-top: 20px;
  font-size: 10pt;
  line-height: 20pt;
}

section#support-hcp .hcp-question
{
  padding-top: 43px;
  padding-bottom: 42px;
  padding-left: 40px;
}

section#support-hcp .txt-question
{
  padding-left: 80px;
}

.fa-box-container
{
  min-height: 325px;
}

  .fa-box-container .fa-box
  {
    margin: 10px;
    padding: 15px 0;
  }

  .fa-box-container:first-child
  {
    border-right: 1px solid #999;
  }

    .fa-box-container:first-child .fa-box
    {
      border-top: 15px solid #545397;
    }

/*  .fa-box-container:nth-child(2)
  {
    border-left: 1px solid #999;
    border-right: 1px solid #999;
  }*/

    .fa-box-container:nth-child(2) .fa-box
    {
      border-top: 15px solid #7271CE;
    }

  .fa-box-container:last-child
  {
    border-left: 1px solid #999;
  }

    .fa-box-container:last-child .fa-box
    {
      border-top: 15px solid #C397E7;
    }

section#forms .container
{
  padding: 30px;
}

section#forms img
{
  box-shadow: 10px 10px 5px #888888;
  border: 1px solid;
  width: 105px;
}

section#forms .row.subrow
{
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: auto;
}

.forms-icon
{
  padding-left: 0px;
  display: inline-block;
  vertical-align: middle;
}

.forms-bullet
{
  padding-left: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

  .forms-bullet p.single-line
  {
    vertical-align: middle;
  }

section#hcp-contact .container
{
  background-image: url(../Content/img/HCP/HCP_FOOTER.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 550px;
  margin-bottom: 0;
  padding-bottom: 0;
}

section#hcp-contact .contact-content
{
  margin-top: 120px;
  margin-left: 50px;
  padding-left: 35px;
  padding-bottom: 15px;
  background-color: #e3e4e5;
  opacity: 0.9;
}

.hcp-isi
{
  margin-bottom: -35px !important;
}

/********************************
    REQUEST FORM
********************************/

section#samplerequest .container
{
  padding: 30px;
}

.sr-support-note
{
  font-size: 10pt !important;
}

/********************************
    FOOTER
********************************/

footer
{
  padding-top: 30px;
  background: #f1f1f1;
}

.footerlist
{
  padding-top: 47px;
}

  .footerlist a
  {
    color: #25408f;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 10pt;
  }

    .footerlist a:hover
    {
      color: #7271ce;
      text-decoration: none;
    }

.copyright p
{
  font-size: 10pt;
}
/********************************
    HELPERS
********************************/
.mpt-20
{
  margin-top: -50px;
}

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

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


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

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

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

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

.purple
{
  color: #25408f;
}

.vertical-align
{
  display: table-cell;
  vertical-align: middle;
}

.font-12
{
  font-size: 12pt;
}

.font-13
{
  font-size: 13pt;
}

.font-15
{
  font-size: 15pt;
}

/*  SECTIONS  */
.sectiontwo
{
  clear: both;
  padding: 15px;
}

/*  COLUMN SETUP  */
.col
{
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

  .col:first-child
  {
    margin-left: 0;
  }

/*  GROUPING  */
.group:before,
.group:after
{
  content: "";
  display: table;
}

.group:after
{
  clear: both;
}

.group
{
  zoom: 1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.span_2_of_2
{
  width: 33.4%;
}

.span_1_of_2
{
  width: 65.0%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px)
{
  .col
  {
    margin: 1% 0 1% 0%;
  }

  .col2
  {
    margin: 1% 0 1% 0%;
  }
  .span_2_of_2, .span_1_of_2
  {
    width: 100%;
  }

  .fa-box-container h2
  {
    font-size:18pt !important;
    line-height:18pt !important;
  }

  .fa-box-container p
  {
    font-size: 14pt !important;
    line-height: 18pt !important;
  }

  .fa-box-container .fa-box
  {
    margin:0 !important;
    padding:0 !important;
  }
}


/*  SECTIONS  */
.sectionform
{
  clear: both;
  padding: 15px;
}

/*  COLUMN SETUP  */
.col2
{
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

  .col2:first-child
  {
    margin-left: 0;
  }

/*  GROUPING  */
.group2:before,
.group2:after
{
  content: "";
  display: table;
}

.group2:after
{
  clear: both;
}

.group2
{
  zoom: 1; /* For IE 6/7 */
}

/*  GRID OF TWO  */
.spanf_2_of_2
{
  width: 50%;
}

.spanf_1_of_2
{
  width: 48.4%;
}

/********************************
    MEDIA MAX WIDTH 1200PX
********************************/
@media screen and (max-width: 1200px)
{

  /*GENERAL*/
  p
  {
    font-size: 11pt;
    line-height: 16pt;
  }

  h1.daraprim-h1
  {
    font-size: 14pt;
  }

  h2.daraprim-h2
  {
    font-size: 19pt;
  }

  /*Header*/

  header .container
  {
    width: 80%;
  }

  header .purple-nav li
  {
    font-size: 10pt;
    padding: 10px;
  }

  .navbar-brand img#daraprim-logo
  {
    height: 55px;
  }

   ul.nav
  {
    font-size: 13pt;
  }

  .nav-hcp, .nav-patient
  {
    font-size: 9pt !important;
  }


  /*ISI HCP*/

  #isi-footer
  {
    /*height: 150px !important;*/
    bottom: 0px;
  }

    #isi-footer .panel-body
    {
      padding-left: 0px;
      font-size: 10pt;
      line-height: 10pt;
    }

      #isi-footer .panel-body h2
      {
        font-family: 'Open Sans';
        color: #25408f;
        font-size: 10pt;
      }

      #isi-footer .panel-body p
      {
        font-size: 9pt;
        line-height: 9pt;
      }

  /*ISI Patient*/

  #isi-footer-patient
  {
    /*height: 170px;
    bottom: -8px;*/
  }

    #isi-footer-patient .panel-body
    {
      padding-left: 0px;
      font-size: 10pt;
      line-height: 10pt;
    }

      #isi-footer-patient .panel-body h2
      {
        font-family: 'Open Sans';
        color: #25408f;
        font-size: 10pt;
      }

      #isi-footer-patient .panel-body p
      {
        font-size: 9pt;
        line-height: 9pt;
      }

  /*Patient*/

  section#patient-header .container
  {
    background-size: 100%;
    width: 90%;
    height: 500px;
    padding-top: 30px;
    padding-right: 25px;
    padding-bottom: 10px;
  }

  section#patient-header p
  {
    line-height: 16pt !important;
    font-size: 11pt !important;
  }

  section#patient-header .patient-content h1
  {
    font-size: 27pt;
    padding-bottom: 15px;
  }

  section#patient-header .patient-content .btn
  {
    font-size: 11pt;
    width: 150px;
  }

  section#about .container
  {
    padding: 20px;
    width: 90%;
  }

  section#about li
  {
    font-size: 11pt;
    line-height: 18pt;
    margin-top: 10px;
  }

  section#about .pt-15
  {
    padding-top: 10px;
  }

  section#getting-started .container
  {
    padding: 20px;
    width: 90%;
  }

  section#getting-started .spanish
  {
    width: 174.86px;
  }

  img.icon
  {
    margin-top: 18px;
  }

  img.icon2
  {
    margin-top: 13px;
  }

  img.icon3
  {
    margin-top: unset;
  }

  img.dara
  {
    height: 220px;
  }

  section#getting-started .btn
  {
    font-size: 11pt;
  }

  section#support .container
  {
    padding: 20px;
    width: 90%;
  }

  section#about .support-note, section#support .support-note
  {
    font-size: 9pt;
    line-height: 16pt;
  }

  section#support .question
  {
    padding-top: 29px;
    padding-bottom: 28px;
    padding-left: 30px;
  }

  section#isip .container
  {
    padding: 20px;
    width: 90%;
  }

  section#isip li
  {
    font-size: 11pt;
  }

  section#contact .container
  {
    background-size: 100%;
    width: 90%;
  }

  /*HCP*/

  section#hcp-header .container
  {
    width: 90%;
    height: 500px;
    background-position: 0% 10%;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  section#hcp-header .hcp-content h1
  {
    font-size: 30pt;
  }

  section#hcp-header .hcp-content h2
  {
    font-size: 20pt;
  }

  section#hcp-header .pt-20
  {
    padding-top: 0;
  }

  section#hcp-header .btn
  {
    font-size: 11pt;
  }

  #hcp-carousel
  {
    width: 250px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  section#hcp-header .carousel-content h3
  {
    font-size: 10pt;
  }

  section#prescribe .container
  {
    padding: 20px;
    width: 90%;
  }

  section#prescribe .img-adjust
  {
    width: 60px;
    height: auto;
  }

  section#prescribe .hcp-question
  {
    padding-top: 5px;
    padding-left: 15px;
  }

  section#support-hcp .container
  {
    padding: 20px;
    width: 90%;
  }

  section#support-hcp .font-15
  {
    font-size: 11pt;
  }

  section#support-hcp .support-text
  {
    padding-right: unset;
  }

  section#support-hcp .support-note
  {
    font-size: 9pt;
    line-height: 16pt;
  }

  section#support-hcp .hcp-question
  {
    padding-top: 29px;
    padding-bottom: 28px;
    padding-left: 30px;
  }



  section#forms .container
  {
    padding: 20px;
    width: 90%;
  }

  section#forms img
  {
    box-shadow: 5px 5px 2.5px #888888;
  }

  section#hcp-contact .container
  {
    height: 500px;
    width: 90%;
    background-position: right;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  section#hcp-contact .contact-content
  {
    margin-top: 100px;
    margin-left: 30px;
    padding-left: 10px !important;
    padding-bottom: unset;
    width: 480px;
  }

  .hcp-isi
  {
    margin-bottom: -20px !important;
  }

  /*Footer*/

  footer
  {
    padding-top: 10px;
  }

  .footerlist a
  {
    font-size: 8pt;
  }

  .copyright p
  {
    font-size: 8pt;
  }
}

/********************************
    MEDIA MAX HEIGHT 800PX
********************************/
@media screen and (max-height: 800px)
{
  #isi-footer
  {
    height: 175px;
    bottom: 0;
  }

    #isi-footer .panel-body
    {
      font-size: 11pt;
      line-height: 11pt;
    }

      #isi-footer .panel-body h2
      {
        font-family: 'Open Sans';
        color: #25408f;
        font-size: 11.5pt;
      }

      #isi-footer .panel-body p
      {
        font-size: 10pt;
        line-height: 10pt;
      }

  #isi-footer-patient
  {
    height: 185px;
    bottom: 0;
  }

    #isi-footer-patient .panel-body
    {
      font-size: 10pt;
      line-height: 10pt;
    }

      #isi-footer-patient .panel-body h2
      {
        font-family: 'Open Sans';
        color: #25408f;
        font-size: 11pt;
      }

      #isi-footer-patient .panel-body p
      {
        font-size: 10pt;
        line-height: 10pt;
      }
}

/********************************
    MEDIA MAX WIDTH 992PX
********************************/
@media screen and (max-width: 992px)
{
  /*GENERAL*/


  /*Header*/

  header .container
  {
    width: 80%;
  }

  header .purple-nav li
  {
    padding: unset;
  }

  /*Patient*/

  section#patient-header .container
  {
    background-image: url(../Content/img/PATIENT/patient-header-20op.jpg);
    background-size: 100%;
    width: 80%;
    height: 300px;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 0px;
    text-align: center;
    line-height: 8pt;
  }

  section#patient-header p
  {
    line-height: 20pt !important;
  }

  section#patient-header .patient-content h1
  {
    font-size: 15pt;
  }

  section#patient-header .patient-content p
  {
    font-size: 10pt;
    line-height: 10pt;
  }

  section#patient-header .patient-content .btn
  {
    font-size: 10pt;
  }

  section#about .container
  {
    padding: 20px;
    width: 90%;
  }

  section#getting-started .container
  {
    padding: 20px;
    width: 90%;
  }

  section#support .container
  {
    padding: 20px;
    width: 90%;
  }

  section#about .support-note, section#support .support-note
  {
    padding-top: 20px;
    font-size: 8pt;
    line-height: 8pt;
  }

  section#isip .container
  {
    width: 90%;
  }

  section#isip li
  {
    font-size: 11pt;
  }

  section#contact
  {
    padding-top: 0px;
  }


    section#contact .contact-content
    {
      margin-top: 200px;
      margin-left: 50px;
      background-color: #f1f1f1;
      opacity: 0.9;
    }


  .nav > li > a
  {
    padding: 10px;
  }

  /*HCP*/

  section#hcp-header .container
  {
    background-image: url(../Content/img/HCP/hcp-header-20op.jpg);
    height: 400px;
    background-position: 0% 10%;
    padding-top: 5px;
    padding-left: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  section#hcp-header .hcp-content h1
  {
    font-size: 25pt;
  }

  section#hcp-header .hcp-content h2
  {
    font-size: 20pt;
  }

  section#prescribe .container
  {
    padding: 30px;
  }

  .hcp-bullet
  {
    font-size: 12pt;
    line-height: 20pt;
  }


  .fa-box-container
  {
    min-height: 300px;
  }

    .fa-box-container h2
    {
      font-size: 22pt;
      line-height: 22pt;
    }

    .fa-box-container p
    {
      font-size: 18pt;
      line-height: 22pt;
    }

    .fa-box-container .fa-box
    {
      border:0;
      margin: 7%;
      padding: 2% 8%;
    }

    .fa-box-container:first-child
    {
      border: 0;
    }

      .fa-box-container:first-child .fa-box
      {
        border-top: 30px solid #545397;
      }

    .fa-box-container:nth-child(2)
    {
      border: 0;
    }

      .fa-box-container:nth-child(2) .fa-box
      {
        border-top: 30px solid #7271CE;
      }

    .fa-box-container:last-child
    {
      border: 0;
    }

      .fa-box-container:last-child .fa-box
      {
        border-top: 30px solid #C397E7;
      }


  section#hcp-contact .container
  {
    height: 300px;
    width: 90%;
    background-position: 90% 30%;
    margin-top: 30px;
    padding-bottom: 0;
  }

  section#forms img
  {
    box-shadow: none;
  }

  .text-center-sm
  {
    text-align: center;
  }

  section#hcp-contact .contact-content
  {
    margin-top: 100px;
    margin-left: 30px;
  }

  .hcp-isi
  {
    margin-bottom: 0 !important;
  }

  /*Footer*/

  footer
  {
    padding-top: 0;
    margin-top: unset !important;
  }

    footer .container
    {
      padding-left: 0;
      padding-right: 0;
    }

  .footerlist a
  {
    font-size: 10pt;
  }

  .copyright p
  {
    font-size: 10pt;
  }

  .copyright ul
  {
    color: #25408f;
    font-family: "Open Sans";
    font-weight: lighter;
    font-size: 10pt;
  }
}

/********************************
    MEDIA MIN WIDTH 768PX
********************************/
@media screen and (max-width: 768px)
{

  /*GENERAL*/


  section
  {
    padding: 0px;
  }

  .mpt-20
  {
    margin-top: 0;
  }

  .font-9
  {
    font-size: 9pt;
  }

  /*Header*/

  header .container
  {
    width: 80%;
  }

  .navbar-brand
  {
    padding-left: 0em;
    padding-bottom: 0em;
  }

    .navbar-brand img
    {
      height: 50px;
    }



  /*Patient*/

  section#patient-header .container
  {
    padding: 30px;
    background-image: none !important;
    background: #f1f1f1;
    height: auto;
  }

  section#patient-header p
  {
    line-height: 13pt !important;
  }

  section#patient-header .patient-content h1
  {
    font-size: 15pt;
  }

  section#patient-header .patient-content p
  {
    font-size: 10pt;
    line-height: 10pt;
  }

  section#patient-header .patient-content .btn
  {
    font-size: 10pt;
  }

  section#about .container
  {
    padding: 20px;
    width: 90%;
  }

  section#getting-started .container
  {
    padding: 20px;
    width: 90%;
  }

  section#support .container
  {
    padding: 20px;
    width: 90%;
  }

  .getting-started-bullet
  {
    padding-top: 20px;
    text-align: center;
  }

  section#about .support-note, section#support .support-note
  {
    padding-top: 25px;
    font-size: 8pt;
    line-height: 8pt;
  }

  section#isip .container
  {
    width: 90%;
  }

  section#isip li
  {
    font-size: 11pt;
  }

  section#contact
  {
    padding: unset;
    margin: unset;
  }

    section#contact .container
    {
      background-position: bottom;
      height: 420px;
      padding: 10px;
      margin: 0;
    }


    section#contact .contact-sm
    {
      margin-left: 15px;
      margin-top: unset;
    }

  /*HCP*/

  section#hcp-header .container
  {
    padding: 30px;
    background-image: none !important;
    background: #f1f1f1;
    height: auto;
  }

  section#hcp-header .hcp-content h1
  {
    font-size: 25pt;
  }

  section#hcp-header .hcp-content h2
  {
    font-size: 20pt;
  }

  section#prescribe .container
  {
    padding: 30px;
  }

  section#prescribe .img-adjust
  {
    width: 50px;
    height: auto;
  }

  section#prescribe .getting-started-icon
  {
    text-align: center;
  }

  section#hcp-accordion .container
  {
    padding: 30px;
  }

  section#hcp-contact .container
  {
    height: 300px;
    width: 90%;
    background-image: none;
    margin-top: 30px;
    padding-bottom: 0;
  }

  section#hcp-contact
  {
    padding-top: 0px;
  }


    section#hcp-contact .contact-sm
    {
      padding-top: 20px;
      margin-left: 15px;
    }

    section#hcp-contact .contact-content
    {
      /*margin-top: 100px;*/
      margin-left: 30px;
    }

  .hcp-isi
  {
    margin-bottom: -50px !important;
  }

  /*Footer*/

  footer
  {
    padding-top: 0;
  }

    footer .container
    {
      /*margin-top: -100px;*/
      padding-left: 30px;
    }

  .footerlist
  {
    padding-top: 10px;
  }

    .footerlist a
    {
      font-size: 8pt;
    }

  .copyright p
  {
    font-size: 8pt;
  }

  .copyright ul
  {
    font-size: 8pt;
  }
}