:root {
  --blue: #2c017c;
  --deep-gold: #c98508;
  --gold: #f3a900;
  --silver: #dde5ed;
  --grey: #767476;
  --white: #ffffff;
  --lightgrey: #dce5ec;
  --black: #000000;
}

@media (min-width: 1300px) {
  .container {
    max-width: 1154px;
  }
     .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
       max-width: 1154px;
        margin: 0px auto;
    }
        .main-menu .navbar-nav .nav-item {
        margin-left: 60px !important;
    }
    .main-banner{
      height:1099px;
    }
}
@media (min-width: 576px){
     .pse-card p {
    max-width: 378px;
    margin-left:auto;
    margin-right:auto;
   }
 .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
       max-width: 540px;
        margin: 0px auto;
        padding-left: 16px;
        padding-right: 16px;
    }
     .m-menu{
     max-width: 540px;
    }
}
@media (min-width: 768px){
 .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
       max-width: 720px;
        margin: 0px auto;
        padding-left: 16px;
        padding-right: 16px;
    }
    .m-menu{
      max-width: 720px;
    }
    #externalModal .modal-content{
      max-height: 222px;
    }
}

@media (min-width: 992px) {
  .taking-niktimvo .taking-niktimvo-card .card-icons {
    min-width: 10%;
  }
  .taking-niktimvo .taking-niktimvo-card .card-content {
   max-width: 89%;
   padding-right:0px;
}
  .form-item-printed-name-of-patient-legal-guardian-if-applicable,
  .js-form-item-date{
    width:50%;
  }
  .patient-support .col-lg-6:nth-child(2) .patient-card .col-9{
    width: 80%;
  }
  .node-about-niktimvo .home-top-footer .col-lg-12{
    padding-left: 0px;
    padding-right: 0px;
  }
    .cta-container .col-lg-6:first-child{
    padding-right:0px;
  }
   .cta-container .col-lg-6:last-child{
    padding-left:0px;
  }
  .icons-container{
    display: flex;
    justify-content: center;
  }
  .side-effects .icons {
    padding-right: 0px;
}
.side-effects .icons .col-4 {
    padding-right: 11px;
    max-width: 115px;
}
  .taking-niktimvo .taking-niktimvo-card .card-content,
  .taking-niktimvo .taking-niktimvo-card .card-icons{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-box {
    max-width: 743px;
}
  .pse-niktimvo .custom-list li:last-child{
  margin-bottom:0px;
}
  .dropdown.show .dropdown-toggle::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
  .sitemap-links ul li p{
    margin-bottom:0px;
  }
 .m-menu{
  width:200px;
 }
 .logo-container{
  width:100%;
  display: block;
  padding-right:0px;
  padding-top: 0px;
  padding-bottom: 0px;
 }
.gardening{
      display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gardening-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
  .main-menu .navbar-nav .nav-item.is-active .nav-link {
  padding-bottom:2px;   
}

 .main-menu .navbar-nav .nav-item.active .nav-link.dropdown-toggle{
padding-bottom:0px;
}
  .study-information .row.bottom-40{
    padding-bottom:40px;
  }
  .right-response{
    padding-top:40px;
  }

  .learn-more .niktimvo{
    min-height: 316px;
    height:100%;
  }
  .top-header .topbar-link{
    margin-bottom:0px;
     padding-left: 0px;
  }
  .top-header .right-0{
    padding-right:0px;
  }
      .main-menu .navbar-expand-lg .navbar-collapse {
       justify-content: flex-end;
    }
  .learn-more .box{
    padding-left:17px;
    padding-right:17px;
  }
  .learn-more .box:first-child{
    padding-left:12px;
  }
  .learn-more .box:last-child{
    padding-right:12px;
  }
  .banner-subtext{
    max-width: 886px;
    padding-left: 6px;
    font-weight: 700;
  }
  .form-radio-wrapper input#edit-i-am-yes + label{
    margin-right:80px;
  }
    .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
       max-width: 960px;
        margin: 0px auto;
        padding-left:0px;
        padding-right:0px;
    }
  .study-information .right-response{
    padding-top:40px;
  }
  .people-images .col-lg-3{
    padding-right:0px;
  }

  .home-top-footer h5 {
   text-align: left;
}
  .bigger-text{
    padding-right:20px;
  }
  .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item{
    padding-left: 0px;
    padding-right: 0px;
    margin-right:56px;
  }
  .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item.is-active{
    color:var(--blue);
  }
    .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item:last-child{
    margin-right:0px;
  }
  .footer-list .nav-item {
    padding: 0 20px;
    border-right: 1px solid #fff;
  }

  .footer-list .nav-item:first-child {
    padding-left: 0;
  }

  .footer-list .nav-item:last-child {
    padding-right: 0;
    border-right: none;
  }
  .left-isi {
    padding-right: 0px;
  }
  .right-isi {
    padding-left: 32px;
  }
  .left-block {
    border-right: 1px solid #000;
    padding-right: 30px;
  }
  /* #edit-i-am-no,
  #edit-number-of-treatments-no,
  #edit-prescribed-niktimvo-no {
    margin-left: 80px;
  } */
  .js-form-item-number-of-treatments,
  .js-form-item-prescribed-niktimvo {
    min-width: 186px;
  }
  .main-menu .navbar-nav .nav-item.is-active .nav-link.dropdown-toggle span{
    border-bottom: 4px solid #7c63ac;
    color: var(--blue);
    padding-bottom: 2px;
    display: inline-block;
  }
  .main-menu .navbar-nav .nav-item .nav-link.dropdown-toggle span{
    display: inline-block;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    left: 0;
  }
  .dropdown-toggle::after {
    vertical-align: 0.7em;
    padding: 3.5px;
  }

  .dropdown-toggle[aria-expanded="true"]::after {
    vertical-align: 0.5em;
  }

  .navbar-nav .nav-item:nth-child(3) .dropdown-toggle::after {
    vertical-align: 0.5em;
  }

  .learn-more .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .main-menu .navbar-nav .nav-item {
    margin-left: 58px;
  }

  .main-menu .navbar-nav .nav-item:first-child {
    margin-left: auto;
  }

  .dropdown-toggle {
    white-space: normal;
  }

  .cta-container .left {
    border-right: 1px solid #c98508;
  }
  .right-topbar-link.float-right {
    margin-top: 0.8rem;
    padding-left: 0px;
    display: flex;
    justify-content: space-around;
  }

  .node-pdf_page iframe {
    border-bottom: 30px solid #efefef;
  }
}
@media (min-width: 1300px) {
 .learn-more .container{
  min-width: 1214px;
 } 
 .learn-more .niktimvo{
  min-width: 382px;
 }
}
@media (min-width: 1200px) {

  .response .col-lg-6:first-child{
    padding-right:0px;
  }
  .response .right-box{
    padding-left:4px;
  }
  .study-information .col-lg-7{
    padding-right:0px;
  }
  .study-information .right-response{
    padding-left:20px;
  }
  .site-banner.alternative span.desk-block{
    display:block;
  }

  .time-for-niktimvo .grey-bg .grey-content{
    padding-left:3px;
  }
  .blue-bg{
    width:345px;
  }
  .site-banner.about h1{
    max-width: 880px;
    margin-left:auto;
    margin-right:auto;
  }
  .gardening-content{
    padding-right:0px;
  }
      .response .left-box .left-img {
        padding-left:0px;
        padding-right:0px;
      }
      .response .right-box .right-img{
        padding-right:0px;
      }
     
      .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
       max-width: 1154px;
        margin: 0px auto;
        padding-left: 12px;
        padding-right: 12px;
    }
  .footer-list {
    min-width: 1150px;
  }

  .dialNumbr {
    pointer-events: none;
  }
  .logo-container img {
    margin-left: -35px;
  }
}

@media (min-width: 1400px) {
}


@media (max-width: 991px) { 
  #indication-wrapper .indication ul {
  padding-left:0.8rem;
}

  
  .pse-niktimvo .custom-list li::before, .pse-commom-niktimvo .custom-list li::before, .indication ul li::before,
  .niktimvo-study .custom-list li::before, .who-study-niktimvo .custom-list li::before{
      margin-left: -0.8rem;
   }
     #indication-wrapper .indication .custom-list.sub-list li::before {
        margin-left: -1.1rem;
    }
  .niktimvo-gvhd:first-child{
    margin-top:4px;
  }
  #externalModal .modal-body{
        padding-top: 18px;
  }
  .about-niktimvo-border .bold-text.bottom-48 {
    margin-bottom: 20px;
}
  .side-effect .col-lg-6:nth-child(2) .custom-list{
    margin-bottom:0px;
  }
   .isi-top.top-height .iau-isi{
     padding-bottom:60px;
  }
  .response h4{
    padding-left:5px;
    padding-right:5px;
  }
  .side-effects p.small{
    text-align: left !important;
  }
  .blue-bg{
    max-width: 250px;
    line-height: 23px;
    padding: 8px 12px;
  }
  .right-response{
    margin-top:20px;
  }
  .thankyou-content{
    padding-left:30px;
    padding-right:30px;
  }
  .mobile-top-20{
    margin-top:20px;
  }
  .expand_button, .isi-wrapper.top-height .collapsed_button{
    top:10px;
  }
  .home-top-footer .incyte p{
        margin-left: 0px;
  }
  .collapsed_button{
    right: 3%;
  }

  .sitemap-links ul li{
    margin-right:0px;
  }
  .site-banner.about {
    padding: 40px 20px;
}
.learn-more p.banner-subtext{
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 700;
}
    .sitemap-links ul li span.dev-block{
    display: inline;
  }
  .niktimvo-study .grey-bg {
    padding: 40px 30px;
}
  .sitemap-links ul{
    background:var(--white);
  }
      .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item.active, 
      .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item:active {
        border-bottom: 0px;
        color: var(--blue);
        background:var(--gold);
        max-width: 100%;
        margin-left: 0px;
        padding-left: 24px;
        font-size:16px;
        line-height: 20px;
    }
    .main-menu .navbar-nav .nav-item.dropdown.active .nav-link{
    border-bottom: 1px solid var(--silver);
    background: var(--gold);
    color: var(--blue);
}
  .site-banner.alternative {
    padding: 40px 20px;
}
   .about-niktimvo .ribbon{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom:0px;
   }
  .sitemap-links ul li break-title {
    display: inline;
}
  .sitemap-links .sub-menu li a{
   border-bottom:1px solid #fff;
   padding:12px 0px;
  }
  .sitemap-links .sub-menu li:last-child a{
    border-bottom:0px;
  }
  .sitemap-links .sub-menu li{
    margin-top:0px;
     padding-left:12px;
     padding-right:12px;
  }
  .sitemap-links ul li p{
    margin-bottom:0px;
  }
  .sitemap-links ul li span{
    padding:26px 0px;
  }
  .sitemap-links ul li span.desk-break{
  display: inline;
}
.sitemap-links ul li a{
  padding:26px 0px;
}
  .js-form-type-checkbox.js-form-item-contact-future{
  display: flex;
  align-items: flex-start;
}
.js-form-type-checkbox.js-form-item-contact-future label{
  margin-left:28px;
}
  .js-form-item-last-name{
    margin-top:16px;
  }
  .form-radio-wrapper label[for="edit-i-am-yes"],
  .form-radio-wrapper label[for="edit-number-of-treatments-yes"],
  .form-radio-wrapper label[for="edit-prescribed-niktimvo-yes"]
  {
    margin-bottom:16px;
  }

  .gardening img {
    max-width: 100%;
    margin-top:20px;
}
  .resources.left{
    margin-bottom:40px;
  }
  .thankyou-content h2{
text-align: center;
}
.thankyou-content p{
	text-align: center;
}

    .right-isi{
    padding-top:21px;
    padding-left:0px;
    padding-right:0px;
  }
    .left-isi{
    padding-left:0px;
    padding-right:0px;
  }
    .m-menu .navbar-toggler {
        margin-right: 0px;
    }
  .m-menu{
    width: 100%;
    margin: 0px auto;
    padding-left:12px;
    padding-right:12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-menu .navbar{
    padding-bottom: 0px;
  }
  .m-menu{
    padding-bottom:21px;
  }
  .home-top-footer .incyte{
      flex-direction: column;
  }
  .home-top-footer .incyte img {
   margin-bottom:20px;
}
  .niktimvo-gvhd img{
    margin-bottom:15px;
  }
  .niktimvo-gvhd h4{
    margin-bottom:20px;
  }
   .niktimvo-gvhd:first-child h4{
    margin-bottom:15px;
  }
    .logo-container {
    padding-left: unset;
  }

  .menu-btn-mobile {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    text-align: center;
    color: #767476;
  }

  .top-header ul li {
    padding-left: 0;
    padding-top: 0;
    float:none;
    padding: unset;
    font-size:12px;
    line-height: 14px;
    margin-bottom:4px;
  }
  .top-header ul li:last-child{
    margin-bottom:0px;
  }

  .main-menu .navbar-expand-lg .container {
    padding: 0;
  }

  .time-for-niktimvo .grey-bg {
    padding: 40px 20px 40px 20px;
  }

  .time-for-niktimvo .grey-img {
    padding-right: 10px;
  }

  .time-for-niktimvo .grey-content {
    padding-left: 10px;
    padding-right: 0;
  }

  .time-for-niktimvo .grey-content h4,
  .time-for-niktimvo .grey-content .custom-list li {
    margin-bottom: 10px;
  }
.time-for-niktimvo .grey-content .custom-list li:last-child{
  margin-bottom: 0px;
}
  .home-top-footer.top-footer h4 {
    font-size: 26px;
    line-height: 31.2px;
    font-family: "DMSans-Bold";
  }
.home-top-footer.hero-img h4{
text-align: center;
}
.who-study-niktimvo .top-border .custom-list.top-20{
  margin-top:0px;
}
  .cta-container .left {
    border-bottom: 1px solid #c98508;
    padding-bottom: 39px;
  }

  .cta-container .right {
    padding-top: 39px;
  }

  .contact-left-box {
    padding-left: 15px;
    border-right: 0px;
  }

  .contact-page .btn-container {
    margin-left: auto;
    margin-right: auto;
  }

  .contact-page h1 {
    border-bottom: 1px solid var(--blue);
    padding-bottom: 15px;
    text-align: center;
    margin-top: 40px;
  }

  .now-approved {
    padding-left: 0px;
  }

  .main-banner .logo-container {
    text-align: center;
  }

  

  .left-topbar-link p {
    margin-bottom: 0px;
  }
  .footer .trademark {
    display: block;
  }
  .footer-logo {
    text-align: center;
    margin: auto;
    max-width: 100px;
  }

  .footer-logo a img {
    max-width: 85px;
  }

  .footer .trademark {
    margin-top: 20px;
    padding: 0px 40px;
    text-align: center;
  }

  .footer ul.footer-list li {
    text-align: center;
    margin-top: 16px;
    margin-right: 0;
  }

  .footer ul.footer-list {
    display: block;
  }

  .footer li a {
    border-left: none;
    padding-left: 0;
  }
  .footer li a {
    text-decoration: none;
  }

  .footer ul.footer-list {
    display: block;
  }

  .footer ul.footer-list li {
    text-align: center;
    margin-top: 20px;
  }

  .footer ul.footer-list li:first-child {
    margin-top: 0;
  }

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

  .footer-logo a img {
    max-width: 100px;
  }

  .footer .trademark {
    margin-top: 23px;
    padding: 0px 40px;
    text-align: center;
  }

  .footer .trademark .copyright {
    line-height: 26px;
  }
  .thankyou-img {
    max-width: 100%;
    text-align: center;
  }
  #edit-i-am-no {
    float: left;
    opacity:0;
  }
  #edit-i-am-no + label {
    display: flex;
  }
  #edit-i-am-no + label span.radio-label {
    margin-left: 25px;
  }
  .webform-submission-stay-informed-add-form input#edit-i-am-no[type=radio]:checked+label:after{
   top:4px;
  }
  .webform-submission-form .webform-options-display-side-by-side > div {
    display: block;
  }
  .main-menu .navbar-nav .nav-item .nav-link {
    padding: 14px 12px;
    border-bottom: 1px solid var(--silver);
  }

  .navbar-toggler[aria-expanded="false"] .close {
    display: none;
  }
  .navbar-toggler[aria-expanded="false"] .open {
    display: block;
  }
  .navbar-toggler[aria-expanded="true"] .open {
    display: none;
  }
  .navbar-toggler[aria-expanded="true"] .close {
    display: block;
    margin-bottom:8px;
  }
  .side-effects .icons {
    max-width: 100%;
    padding-top: 0px;
    padding-left:12px;
    margin-left:auto;
    margin-right:auto;
  }

.flip-card-inner.active{
  box-shadow:none;
}
  .flip-card-inner {
    width: 100%;
    height: 104px;
  }

  .flip-card {
    padding-right:11px;
    padding-left:0px;
  }
  .flip-card:last-child{
    padding-right:0px;
  } 

  .affected-oragans .organ-img {
    max-width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .pse-niktimvo .custom-list.first,
  .pse-commom-niktimvo .custom-list.first {
    margin-bottom: 0px;
  }

  .main-menu .container {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
  }

  .niktimvo-gvhd {
    flex-direction: column;
  }

  .top-footer.hero-img img {
    position: relative;
  }

  .taking-niktimvo .taking-niktimvo-card .card-icons {
    text-align: center;
    margin-bottom: 20px;
  }
.affected-oragans .organ-content{
  padding-left:12px;
}
  .response .left-box,
  .response .right-box {
    text-align: center;
  }
  .response .left-box{
    padding-bottom:40px;
  }
  .response .right-box{
    padding-top:40px;
  }

  .study-information .people-images {
    margin-bottom: 40px;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .people-images .col-6 {
    text-align: center;
  }

  .people-images .col-6:nth-child(3),
  .people-images .col-6:nth-child(4) {
    margin-top: 12px;
  }

  .response img {
    margin-bottom: 20px;
  }
.response h1{
  margin-bottom:0px;
}
  .about-niktimvo .grey-bg {
    padding: 40px;
  }

  .about-niktimvo .grey-bg.bottom-m {
    margin-top: 20px;
  }

  .symptoms .body {
    margin-bottom: 20px;
  }

  .learn-more {
    position: relative;
  }

  .sitemap-links ul li {
    display: block;
    margin-top: 16px;
    width: 335px;
  }

  .home-bottom-banner h3 {
    font-size: 26px;
    line-height: 31px;
  }

  .sitemap-links .sub-menu li {
    max-width: 335px;
  }

  .sitemap-links {
    display: flex;
    justify-content: center;
  }

  .top-header .topbar-link {
    flex-direction: column;
    padding-left:0px;
    margin-bottom:0px;
  }
  .top-header{
    padding:16px 0px;
  }
  .top-header .topbar-link .info{
    margin-bottom:8px;
  }
  .left-box {
    padding-right: 0px;
    border-right: 0px;
    border-bottom:2px solid var(--deep-gold);
  }

  .main-banner h2 {
    margin-bottom: 412px;
    text-align: center;
  }

  .site-banner {
    background: url(../images/Niktimvo_Header_Image_Mobile.webp) no-repeat;
    padding: 40px 20px;
    background-size: cover;
    background-position: left bottom;
    border-radius: 0px 35px 0px 15px;
  }

  .site-banner.help {
    padding: 40px 20px;
  }

  .main-banner {
    background: url("../images/Mobile_Hero_image.webp") no-repeat;
    background-size: cover;
    background-position: left center;
    padding-bottom: 27px;
    padding-top: 22px;
    height: auto;
  }

  .main-banner .top-para {
    text-align: center;
  }

  .learn-more {
    bottom: 0px;
    padding-bottom: 0px;
  }

  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .learn-more .niktimvo {
    padding: 20px 23px;
    align-items: normal;
  }

  .niktimvo .content-part {
    min-height: auto;
  }

  .learn-more .box {
    margin-bottom: 20px;
  }

  .learn-more .box:last-child {
    margin-bottom: 0px;
  }

  .learn-more .niktimvo .img-part img, .learn-more .niktimvo h4, .learn-more .niktimvo p {
    margin-bottom:12px;
  }
.learn-more .box:last-child .niktimvo .img-part img {
    margin-bottom: 12px;
}
.learn-more .box:last-child .niktimvo h4{
  margin-bottom: 12px;
}
  .main-menu .navbar-nav .nav-item {
    margin-right: 0px;
  }

  .navbar-toggler {
    margin-right: 1rem;
  }

  .navbar {
    padding: 0.5rem 0rem;
  }

  .nav.navbar-nav {
    background: #f5f9fc;
  }

  .nav.navbar-nav .nav-item {
    /* border-bottom: 0.5px solid #dde5ed; */
    position: relative;
  }

  .dropdown-toggle::after {
    position: absolute;
    right: 12px;
    left: auto;
    top: 1em;
  }

  .dropdown-toggle[aria-expanded="true"]::after {
    top: 1.2em;
  }

  .main-menu .navbar-toggler:focus {
    outline: 0px;
    box-shadow: none;
  }

  .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item {
    display: block;
    padding: 12px 0px;
    max-width: 90%;
    margin-left: 24px;
  }
.navbar-collapse.show{
  margin-bottom:20px;
}
  .navbar-nav .dropdown.active .dropdown-menu.show {
    padding: 0px 0px;
  }

   .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item {
    border-bottom: 1px solid var(--silver);
  }
  .navbar-nav .dropdown.active .dropdown-menu.show .dropdown-item:last-child {
    border-bottom: 0px;
  }

  .main-menu .navbar-nav .nav-item.dropdown.active {
    background: none;
    padding: 0px;
  }

  .main-menu .navbar-nav .nav-item.is-active .nav-link.dropdown-toggle {
    padding: 14px 12px;
    background: var(--gold);
  }

  .dropdown-item.active,
  .dropdown-item:active {
    border-bottom: 0px;
  }
.dropdown.show .dropdown-toggle::after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top:1.3rem;
}
  .navbar-nav .dropdown.active .dropdown-menu.show {
    background: none;
    box-shadow: none;
    text-align: left;
    background: #fff;
    border-top:0px;
  }

  .main-menu .navbar-nav .nav-item.active {
    background: var(--gold);
  }

  .main-menu .navbar-nav .nav-item.is-active .nav-link {
    border-bottom: 1px solid var(--silver);
    background:var(--gold);
  }
   .main-menu .navbar-nav .nav-item .nav-link.is-active {
    color:var(--blue);
  }

  .navbar-light .navbar-toggler:focus {
    background: none;
    outline: 0;
  }

  /* rotate first span */
  .navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(7px, 7px);
  }

  /* hide second span */
  .navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
  }

  /* rotate third span */
  .navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(7px, -7px);
  }

  .navbar-light .navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
  }

  .navbar-light .navbar-toggler span {
    display: block;
    width: 30px;
    height: 4px;
    margin-top:6px;
    margin-left:auto;
    margin-right:auto;
    background: #2c0179;
    transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
    border-radius: 100px;
  }
  .navbar-light .navbar-toggler {
    border: 2px solid #f3a900;
    padding: 14px 17px;
    height:80px;
    width:68px;
  }

  .navbar-light .navbar-toggler[aria-expanded="true"] {
    border: 2px solid #e0e5e9;
    padding: 12px;
  }
  .navbar-light .navbar-toggler[aria-expanded="true"] span{
    width:auto;
  }
}

@media (min-device-width: 820px) and (max-device-width: 1199px) and (orientation: landscape) {
    .taking-niktimvo .taking-niktimvo-card .card-icons {
    min-width: 9.6%;
  }
  .taking-niktimvo .taking-niktimvo-card .card-content {
   max-width: 89.4%;
   padding-right:0px;
}
  .study-information .people-images {
    padding-right: 12px;
}
  .people-images img {
    max-width: 100%;
}
  .helpful-resources .resources{
    padding-left: 10px;
    padding-right: 10px;
  }
  .content-part{
    margin-bottom:50px;
  }
  .banner-btn{
    position: absolute;
    bottom: 40px;
    width: -webkit-fill-available;
    left: 0;
  }
  .footer-logo{
    padding-left:0px!important;
    padding-right:0px !important;
  }
  .footer .trademark{
    padding-left:23px;
  }
  .bigger-text:last-child{
    padding-right:0px;
  }
      .top-footer.hero-img h4{
          max-width: 760px;
       }
      .node-how-was-niktimvo-studied .cta-container .col-lg-6:last-child {
        padding-left: 20px;
        padding-right: 0px;
    }
  .response .left-box .left-img img, .response .right-box .right-img img {
    max-width: 100%;
}
  .response .col-lg-6:first-child {
        padding-right: 0px;
    }
    .response .right-box {
        padding-left: 4px;
    }
      .response .right-box .col-lg-9 {
        padding-right: 0px;
        padding-left:0px;
    }
  .response .left-box .left-img{
    padding-right:0px;
  }
  .site-banner, .site-banner.about, .site-banner.alternative{
    padding:40px 20px;
    background-position: bottom left;
  }
  .node-about-niktimvo .cta-container .left{
    padding-right:30px;
  }
  .sitemap-links ul li {
    width: 145px;
    margin-right: 10px;
}
.sitemap-links ul li a{
  padding: 10px 10px;
}
      .top-header .topbar-link {
        padding-left: 8px;
    }
 .taking-niktimvo .taking-niktimvo-card .card-icons img{
  max-width:100%;
 }
  .pulsating-circle.skin {
    left: 66.5%;
  }
    .main-menu .navbar-nav .nav-item:first-child {
        margin-left: auto;
    }
        .main-menu .navbar-nav .nav-item {
        margin-left: 30px;
    }
  .time-for-niktimvo .grey-content{
    padding-left:20px;
  }
      .navbar-light .navbar-brand {
        margin-left: -30px;
    }
    .footer-list .nav-item:nth-child(6){
     padding-left:0px;
    }
    .footer-list .nav-item{
      margin-bottom:10px;
    }
    .footer .footer-logo-sec {
    margin-top: 34px;
   }
}


@media (min-device-width: 820px) and (max-device-width: 1199px) and (orientation: portrait) {
  .pulsating-circle.liver {
    left: 47%;
}
  .niktimvo-gvhd h4{
    width:100%;
  }
    .site-banner.about, .site-banner.help {
        padding: 40px 40px;
    }
    .node-how-was-niktimvo-studied .site-banner{
      padding: 40px 40px;
    }
  .pulsating-circle.skin {
    left: 58%;
  }

  .pulsating-circle.joints {
    left: 52%;
  }

  .pulsating-circle.mouth {
    left: 49%;
  }

  .pulsating-circle.esophagus {
    left: 49%;
  }

  .pulsating-circle.lungs {
    left: 53%;
  }

  .pulsating-circle.digestive-system {
    left: 49%;
  }
}
@media (min-device-width: 1024px) and (max-device-width: 1024px){
  .logo-container img {
    margin-left: -33px;
}
    .main-menu .navbar-nav .nav-item {
        margin-left: 30px;
    }
        .footer-list .nav-item:nth-child(6){
     padding-left:0px;
    }
    .footer-list .nav-item{
      margin-bottom:10px;
    }
    .footer .footer-logo-sec {
    margin-top: 34px;
   }
}
@media (max-width: 991px) and (orientation: landscape) {
  .pulsating-circle.skin {
    left: 61%;
}

  .banner-btn{
        position: relative !important;
        bottom:auto;
  }
  .content-part{
    margin-bottom:auto !important;
  }
        .navbar-toggler {
        margin-right: 80px;
    }
     .main-menu .navbar-nav .nav-item:first-child {
        margin-left: 0px;
    }
        .main-menu .navbar-nav .nav-item {
        margin-left: 0px;
    }
}
@media (min-device-width: 768px) and (max-device-width: 991px) and (orientation: landscape) {
  .pulsating-circle.skin {
        left: 58%;
    }
    .pulsating-circle.joints {
    left: 52.2%;
}
.pulsating-circle.mouth, .pulsating-circle.esophagus, .pulsating-circle.digestive-system  {
    left: 49%;
}
.pulsating-circle.liver{
    left: 47%;
}
}
@media (max-width: 767px) and (orientation: portrait) {
  #externalModal .modal-footer {
    padding-top: 2px;
  }

  .modal-header .close-x img {
    height: 25px;
    width: auto;
  }

  #externalModal .modal-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .isi-wrapper .indication {
    padding-bottom: 0px !important;
  }
   
}

@media (max-width: 576px) {
    .main-banner {
    background: url("../images/Mobile_Hero_Image_092625.webp") no-repeat;
    background-size: cover;
    background-position: left top;
    padding-bottom: 27px;
    /* padding-top: 22px; */
    padding-top: 3px;
    height: auto;
  }
      .main-banner h2 {
        margin-bottom: 300px;
        text-align: center;
    }
   .site-banner.help h5 {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}
  .site-banner.alternative h1 br{
    display:none;
  }
  .body-links ul{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .body-links ul li{
    text-align: center;
  }
  .body-links ul li:first-child, .body-links ul li:last-child {
    flex: 1;
  }

  .patient-support .patient-card .col-3{
   width: 22%;
  }
  .patient-support .patient-card .col-3 img{
  max-width: 60px;
}
  .patient-support .patient-card .col-9{
 width: 77%;
}
  .pse .grey-bg {
    padding: 40px 16px;
}
    .node-pdf_page .col-xs-12.middle-section.custom-pdf-veiwer-outer{
        margin: 0px auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .m-menu{
    padding-left:20px;
    padding-right:20px;
    }
}

@media (max-width: 480px) {
  .node-taking-niktimvo .home-top-footer.top-footer h4{
    margin-left:10px;
    margin-right:10px;
  }
  .footer .trademark .copyright:last-child{
  margin-left:-5px;
}
  .pse .col-lg-6:nth-child(2) .pse-card p{
    margin-left:10px;
    margin-right:10px;
  }
  .node-niktimvo-resources .site-banner.alternative, 
  .node-taking-niktimvo .site-banner.alternative{
        padding: 40px 22px;
    }
  .footer .trademark .copyright:last-child{
    width:342px;
  }
  /* .site-banner.resources {
        background: url(../images/thank-you-banner.svg) no-repeat;
        padding: 40px 20px;
        background-size: cover;
        background-position: left bottom;
        border-radius: 0px 40px 0px 15px;
} */
    .flip-card-inner{
    max-width: 104px;
    height: 132px;
  }
      #edit-i-am-no + label span.radio-label {
        max-width: 220px;
    }
  
      .footer .trademark {
        padding: 0px 21px;
    }
    .helpful-resources h4{
    max-width: 270px;
    margin-left:auto;
    margin-right:auto;
  }
  .main-banner h2{
    margin-left:auto;
    margin-right:auto;
  }
    #externalModal .modal-footer {
    padding-left: 0px;
    padding-right: 0px;
  }
  #externalModal .modal-dialog {
    max-width: 330px;
    margin: auto;
  }

  .pulsating-circle.skin {
    left: 65%;
  }
}

@media (max-width: 390px) {
.footer .trademark .copyright:last-child{
  margin-left:-7px;
}

}

@media only screen 
  and (min-device-width: 380px) 
  and (max-device-width: 576px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
 .isi-top.top-height .iau-isi{
     padding-bottom:100px;
  }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
 .isi-top.top-height .iau-isi{
     padding-bottom:90px;
  }
}