.container {
  margin: 0 auto;
}

.page-inner {
  width: 1340px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1513px) {
  .container {
    max-width: 1512px;
  }
  .blue-overlay {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
  }
  .img-hero img {
    /*border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;*/
  }
}

@media (min-width: 1024px) and (max-width: 1260px)
{
  .subnav button.more_info_btn, .floating_subnav button.more_info_btn
  {
    top: 90px;
    right: 10px;
  }

  .homepage .subnav button.more_info_btn, .homepage .floating_subnav button.more_info_btn
  {
    top: 10px;
    right: 10px;
  }
  .wirkpage .subnav button.more_info_btn, .wirkpage .floating_subnav button.more_info_btn
  {
    top: 40px;
    right: 10px;
  }

  .crs5
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 20px;
  }

  .overlay-content
  {
    padding-left: 20px;
    padding-right: 40px;
  }

  .crs5 .crs
  {
    width: 32%;
  }

  .blue-overlay
  {
    padding-left: 50px;
  }
}

@media (max-width: 1370px) {
  .page-inner {
    width: unset;
  }
}

@media (max-width: 1260px) {
  /*.page-inner {
    width: unset;
  }*/
  .callout.about {
    background-size: 40%;
  }
  .callout.safety, .callout.preparation {
    background-size: 30%;
  }
  .callout.efficacy {
    background-size: 22%;
  }
  .img-hero .white-overlay .buttons {
    grid-template-columns: 100%;
  }

  /*.blue-overlay
  {
    padding-left: 40px;
      padding-right: 50px;
  }*/
}

@media (max-width: 1120px)
{
  .key-features
  {
    grid-template-columns: 100%;
  }

  .key-features .image-box img
  {
    max-width: 50%;
  }

  .key-features .image-box
  {
    padding: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}

@media (max-width: 1023px) 
{
  .hla-testing .image-with-text .content
  {
    padding-left: unset;
  }

  .hero-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .landing .hero-wrapper {
    padding: unset;
  }
  .landing .blue-overlay-wrapper {
    width: unset;
    padding-left: 20px;
    padding-right: 20px;
  }
  .img-hero {
    display: unset;
    padding-left: 15px;
    padding-right: 15px;
  }
  .image-box img {
    max-width: 100%;
    width: 100%;
  }

  .key-features .image-box img
  {
    max-width: 75% !important;
  }

  .img-hero img {
    border-top-right-radius: 18px;
  }
  .overlay-content {
    padding: 20px;
  }
  .overlay-content h1 {
    font-size: 30px;
  }
  .blue-overlay-wrapper {
    position: unset;
    margin-top: -40px;
  }
  .blue-overlay, .white-overlay {
    border-radius: 30px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .landing .img-hero img {
    border-radius: unset;
    margin-top: -24px;
  }
  .img-hero img {
    max-width: 100%;
  }
  .pharmacist-guide .block img {
    margin-top: -60px;
  }
  .pharmacist-guide .block p {
    padding: 20px;
    padding-top: 10px;
  }
  .pharmacist-guide .block {
    padding-bottom: 20px;
    margin-bottom: 60px;
  }
  .download-lozenge, .download-lozenge .wrap {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    row-gap: 20px;
  }
  .download-lozenge {
    padding-bottom: 20px;
  }
  .adverse-3 .blue-box p {
    padding-bottom: 10px;
    line-height: 24px;
  }
  .monitoring-box img {
    margin-top: 15px;
    display: block;
    margin: 0 auto;
  }
  .grading-guide td ul {
    padding-left: 20px;
  }
  .full-width-blue-with-icon {
    /*align-items: flex-start;*/
    margin-bottom: 20px;
  }
  .full-width-blue-with-icon .copy {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .full-width-blue-with-icon h3 {
    padding-bottom: 0px;
  }
  .monitoring-box img {
    margin-bottom: 20px;
  }
  .full-width-blue-with-icon .icon img {
    max-width: 132px;
  }
  .monitoring-box h3 {
    padding-bottom: 10px;
  }
  .crs3, .crs5 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .full-width-callout-with-icon .copy h3 {
    font-size: 24px;
    line-height: 26px;
  }
  .full-width-callout-with-icon .icon {
    margin-bottom: 20px;
  }
  .mobile-row {
    flex-direction: row !important;
  }
  .header {
    display: none;
  }
  .nav-item {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .nav-item p {
    padding: 0;
    margin: 0;
  }
  .pharmacist-guide, .pharmacist-guide.alt, .bottom-nav-buttons, .hla-testing,
  .hla-testing .content .image-with-text, .adverse-3, .split-boxes,
  .gridx2, .key-features, .study-design-boxes, .crs3, .crs5, .skin-reactions,
  .split2, .split3, .resource, .callout-grid, .footer-inner {
    grid-template-columns: 100%;
  }

  .pharmacist-guide.alt,.pharmacist-guide.reg
  {
    padding: 0;
    margin: 0;
  }

  .pharmacist-guide.reg
  {
    margin-top: 30px;
  }

  .pharmacist-guide, .adverse-3, .crs3, .crs5, .split3, .split2 {
    row-gap: 10px;
  }
  .bottom-nav-buttons {
    grid-row-gap: 20px;
  }
  .pharmacist-guide .block {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .block img {
    display: unset;
    margin: unset;
  }
  .body-copy p small, .body-copy p.small {
    font-size: 14px;
    line-height: 16px;
  }
  .feature-item {
    padding-bottom: 30px;
  }
  .image-title-text img {
    margin-bottom: 20px;
  }
  .image-title-text h4 {
    padding-bottom: 20px;
  }
  .skin-reactions {
    padding: 30px;
  }
  .blue-callout {
    margin-top: 20px;
  }
  .hla-testing .image img {
    max-width: 100%;
  }
  .hla-testing .full-width-blue-with-icon {
    align-items: center;
  }
  .hla-testing .full-width-blue-with-icon img {
    max-width: unset;
    margin: 0 auto;
    display: block;
    align-self: center;
  }
  .full-width-blue-with-icon {
    flex-direction: column;
  }
  .full-width-blue-with-icon.mSplit {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: unset;
  }
  .full-width-blue-with-icon.mSplit .icon {
    display: flex;
    align-items: flex-start;
  }
  .full-width-blue-with-icon.mSplit .icon img:not(.mPad) {
    padding-top: 0px;
  }
  .hla-testing .image {
    justify-content: center;
    margin-bottom: 20px;
  }
  .hla-testing .content {
    margin-bottom: 20px;
  }
  .mobile-subnav, .mobile-subnav-wrapper {
    display: block;
    padding-top: 20px;
  }
  .nav-open .header {
    top: 0px;
    width: 100%;
    height: 102vh;
    background-color: #006BAB;
    overflow-y: scroll;
  }
  .subnav {
    display: none;
  }
  .modal-head-wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .modal-header h3 {
    font-size: 23px;
    line-height: 110%;
    padding-left: unset;
    padding-top: 25px;
  }
  .modal-inner {
    margin-left: 15px;
    margin-right: 15px;
  }
  .form-row {
    grid-template-columns: 100%;
    grid-row-gap: 20px;
  }




  .mob_pi {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100px;
    padding-right: 20px;
    height: 100%;
  }
  .mob-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .mob_pi a {
    color: black;
    text-decoration: none;
  }
  .mob_pi a:hover {
    text-decoration: underline;
  }
  .mobile-nav {
    background-color: white;
    position: absolute;
    width: 100%;
    top: 0px;
    display: none;
    z-index: 50;
  }
  body.nav-open {
    overflow: hidden;
  }
  .mobile-nav-wrapper {
    position: sticky;
    top: 0px;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.95);
    padding-bottom: 10px;
  }
  .mobile-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .kimmtrak-logo {
    width: 117px;
    height: 42px;
    background-size: 117px 42px;
  }
  .mobile-nav-toggle {
    width: 92px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #06B0E3;
    border-bottom-left-radius: 40px;
  }
  .top-nav {
    width: 92px;
    justify-self: flex-end;
    cursor: pointer;
    /*background-image: url(../img/menu.svg);*/
    background-repeat: no-repeat;
    background-position: center;
  }
  .top-nav img {
    display: block;
  }
  .nav-item {
    display: none;
  }
  #mobile-nav-btn-close {
    display: none;
  }
  #mobile-nav-btn.open {
    display: none;
  }
  #mobile-nav-btn-close.open {
    display: block;
  }
  .mobile-nav.show {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    height: 100vh;
    overflow-y: scroll;
    background-color: #006BAB;
  }
  .mob-nav-links {
    padding-bottom: 10px;
  }
  .mob-nav-links p {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 8px;
  }
  .mob-nav-links p a {
    text-decoration: none;
  }
  .nav-footer img {
    max-width: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .nav-footer {
    background-color: #006BAB;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .nav-footer p, .nav-footer p a {
    color: white;
  }
  .inner-nav-wrap {
    padding-bottom: 50px;
  }
  .mobile-nav .inner-nav-wrap {
    background-color: white;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
  }
  .mobile-nav .inner-nav-wrap p {
    font-size: 26px;
    font-weight: 700;
    color: #0F1D22;
    margin-bottom: 15px;
    padding: 5px;
    padding-left: 15px;
  }
  .mobile-nav .inner-nav-wrap p:hover {
    opacity: 0.75;
  }
  .mobile-nav .inner-nav-wrap p.selected {
    background-color: #06B0E3;
    border-radius: 6px;
    color: white;
  }
  .mobile-nav .inner-nav-wrap p a {
    text-decoration: none;
    color: #0F1D22;
  }
  .mobile-nav .inner-nav-wrap p.selected a {
    color: white;
  }
  .inner-mobile-nav-toggle {
    background-color: #06B0E3;
    width: 92px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-left-radius: 40px;
  }
  .mobile-top-nav-strip {
    background-color: white;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0px;
  }

  .floating_subnav.withmobilesub .subnav button.more_info_btn, .floating_subnav.withmobilesub button.more_info_btn
  {
    top: -10px;
  }

  .floating_subnav.withmobilesub
  {
    top: 174px;
  }
}
@media (max-width: 1000px) {
  .mp-2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .mp-3 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .mtm-3 {
    margin-top: 30px;
  }
  .mtm-4 {
    margin-top: 40px;
  }
  .mbm-2 {
    margin-bottom: 20px;
  }
  .mbm-3 {
    margin-bottom: 30px;
  }
  .mbm-4 {
    margin-bottom: 40px;
  }
  .ptm-3 {
    padding-top: 30px !important;
  }
  .pbm-3 {
    padding-bottom: 30px !important;
  }
  .pbm-4 {
    padding-bottom: 40px !important;
  }
  .ptm-2 {
    padding-top: 20px !important;
  }
  .pbm-2 {
    padding-bottom: 20px !important;
  }
  
}
@media (max-width: 880px) {
  .grey-img-text-box p {
    padding-bottom: 20px;
  }
  .resource {
    margin-bottom: 20px;
  }
  .full-width-callout-with-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
  }
  .full-width-callout-with-icon .icon img {
    max-width: 70%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .modal-inner {
    overflow-y: scroll;
    max-height: 85%;
  }
}
@media (max-width: 768px) {
  .drug-reactions {
    grid-template-columns: 100%;
  }
  .drug-reactions .image img {
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .basic-block img {
    max-width: 100%;
  }
  .footnotes p large {
    line-height: 22px;
  }
  .footnotes.p-2 {
    padding: unset;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .container, .page-inner {
    max-width: unset;
    width: unset;
  }
  .image-box img {
    width: 100%;
    max-width: 100%;
  }



  .grey-img-text-box img {
    max-width: 40%;
    display: block;
    margin: 0 auto;
  }
  .blue-callout {
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .key-features .image-box img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .d-m-90 {
    max-width: 90%;
    margin: 0 auto;
  }
}
/*


@media (min-width: 1024px)
{
	.container
	{
		max-width: 1024px;
	}
}

@media (min-width: 1200px)
{
	.container
	{
		max-width: 1200px;
	}
	.page-inner
	{
		margin-left: 20px;
		margin-right: 20px;
	}
}
*/

/*# sourceMappingURL=responsive.css.map */


@media (min-width: 1024px) and (max-width: 1366px)
{
  .split3 .image-title-text h4
  {
    font-size: 26px;
  }
}

@media (max-width: 480px)
{
  .subnav button.more_info_btn, .floating_subnav button.more_info_btn
  {
    top: 0px;
  }
}