/* Responsive Css start here */



@media screen and (min-width: 992px) {
  
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90% !important;
  }
}

@media screen and (min-width: 1440px) {
  .efficacy-slider-section .patient-slide-panel, .efficacy-slider-section .patient-slide-sm {
    min-height: auto;
    height: 100%;
    padding-bottom: 30px;
  } 
}

@media screen and (min-width: 1920px) {
  .efficacy-slider-section .patient-slide-panel {
    min-height: 605px;
  }
  .patient-15-slider .patient-slide-sm {
    min-height: 400px;
  }
  .heading-img-box .pop-btn {
    margin: 0 0.93rem 0.3rem 0;
  }
  .safety-clinical .safety-clinical-right .safety-data-list ul li .pop-clicks {
    align-items: center;
  }
  .approved-sec.summary-wrapper .footnote .note2 {
    margin-top: 3rem;
  }
  .word-break {
    display: block;
  }
}

@media screen and (max-width: 1440px) {
  .header .navbar .navbar-nav .nav-item .nav-link {
    padding: 1.82rem 0 1.45rem;
  }
  .header.sticky .navbar .navbar-nav .nav-item .nav-link {
    padding: 1.42rem 0 1.15rem;
  }
  .home-bnr {
    height: calc(100vh - 119px);
  }

  .home-bnr .bnr-outer .bnr-content {
    padding-bottom: .85rem;
  }
  .home-bnr .bnr-outer .bnr-content h2 {
    /* line-height: 1.60rem; */
    margin: 1.62rem 0 0 0;
  }
  .home-bnr .bnr-outer .bnr-content p {
    margin-bottom: 0;
  }
  .inner-banner .inner-head {
    bottom: 5%;
  }

  .approved-sec {
    padding-right: 0px;
  } 
/* convenience page css start here */

.effective-cream .left-side .left-info1{
  margin-top: 7.5rem;
}
.effective-cream .left-side .left-info2 {
margin-top: 8.5rem;
}
.effective-cream p {
width: 100%;
}
.effective-cream .right-info{
margin-top: 7.7rem;
}
.effective-cream .right-info2{
  margin-top: 10rem;
  }
.affected-area{
  padding-left: 5rem;
}
/* convenience page css ends here */

.safety-clinical {
  padding: 7.5rem 0 7.5rem 4rem;
}

.error404 {
  height: 67vh;
  padding-top: 50px;
  }
  #Chronic-third .modal-body .popup-imgs img {
    width: auto;
  } 

.opz-modal .modal-body .img-size {
  max-width: 404px !important;
}

.opz-modal .modal-body .popup-imgs {
  padding: 10px 0;
}
/* unmeet need css start here */
.quality-repagmentation{
  padding-left: 4.8rem;
}
.repagmentation-sec .repagmentation-blue-box {
  padding: 4.563rem 3.125rem 1.875rem 4.8rem;
}
/* unmeet need css ends here */
}


@media screen and (max-width: 1199px) {
  .header .top-bar {
    background-image: linear-gradient(to right, #F4F6F7 60%,#176773 40%);
  }
  .header .navbar .navbar-nav .nav-item {
    padding: 0 6px;
  }
  .home-bnr {
    height: 55vh;
  }
  .inner-banner .inner-head h2 {
    font-size: 50px;
    line-height: 50px;
  }
  .inner-banner.bnr-sm-head .inner-head h2 {
    font-size: 36px;
  }

  .opz-carousels .carousel-img-cart .deskt-img {
    max-width: 80%;
  }

  .opz-carousels .carousel-img-cart .custom-img-cart {
    min-height: 300px;
  }
  
 /* Approved Treatment Css start here  */

 .approved-sec .approved-blue-box .approved-blue-right p {
  font-size: 20px;
 }
 .approved-sec .approved-blue-box .approved-blue-left {
  padding-right: 1rem;
 }
 .approved-sec .approved-blue-box .approved-blue-right {
  padding-left: 1rem;
 }
 .approved-sec .approved-list li {
  font-size: 16px;
 }
 .approved-sec .approved-blue-box {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
 }
 .approved-sec .approved-list li {
  padding-bottom: 20px;
 }

  /* Approved Treatment Css Ends here  */
  
  /* Vitiligo Effect isn't section Start here  */  

  .vitiligo-effect .vitiligo-effect-right .need-blue-box p {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0.62rem;
  }
  .vitiligo-effect .vitiligo-effect-right .need-blue-box h4 {
    font-size: 24px;
  }

  /* Vitiligo Effect isn't section Ends here  */ 

  /* convenience page start here */
  .effective-cream .left-side .left-info1{
    margin-top: 5.8rem;
}
.effective-cream .left-side .left-info2 {
  margin-top: 1.5rem;
}
.effective-cream p {
  width: 100%;
}
.effective-cream .right-info{
  margin-top: 5.8rem;
}
.effective-cream .right-info2{
  margin-top: 6rem;
}
.affected-area{
  padding-left: 5rem;
}
/* convenience page ends here */


/* Efficacy Slider section CSS Start Here */

.efficacy-slider-section .patient-slide-panel {
  margin: 0;
  min-height: 300px;
}
.efficacy-slider-section .patient-slide-panel .patient-des p {
  font-size: 13px;
}
.efficacy-slider-section .patient-slide-panel .patient-des {
  padding: 0 10px;
}
.efficacy-slider-section .patient-slide-sm {
  min-height: 340px;
}
/* Efficacy Slider section CSS Ends Here */

  /* Safety Clinical CSS Start here */

  .safety-clinical .safety-scroll {
    max-height: 780px;
  }

  .safety-bottom-note {
    padding-top: 0.5rem;
  }

  .safety-clinical .safety-clinical-right .safety-data-list {
    padding-right: 1.5rem;
  }

  /* Safety Clinical CSS end here */

  /* unmeet need css start here */
  .quality-repagmentation{
    padding-left: 4rem;
  }
  .repagmentation-sec .repagmentation-blue-box {
    padding: 4.563rem 3.125rem 1.875rem 4rem;
  }
  /* unmeet need css ends here */

  footer .footer-links li {
    padding: 0 20px 0 0;
  }

}

@media screen and (max-width: 1315px) and (min-width: 1200px) {
  .inner-banner.bnr-sm-head .inner-head h2 {
    font-size: 40px;
}
}

@media screen and (max-width: 1410px) and (min-width: 1245px) {
  .word-break {
    display: block;
  }
}

@media screen and (max-width: 1320px) and (min-width: 1200px) {
  .approved-sec.summary-wrapper .approved-list li:first-child span {
    display: inline !important;
  }
  .sicherheit-ref .accordion-body .col-lg-6:first-child .reference-list li:last-child,
  .zusammenfassung-ref .accordion-body .col-lg-6:last-child .reference-list li {
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 990px) {
  /* header Css start here */
  .header .top-bar {
    background-image: linear-gradient(to right, #F4F6F7 76%,#F4F6F7 15%);
  }
  .header .top-bar .header-text {
    font-size: 11px;
  }
  .header nav.navbar {
    padding: 16px 0;
  }
  .header .navbar .navbar-toggler {
    border: 0;
    padding: 0;
  }
  .header .navbar .navbar-toggler:focus {
    box-shadow: none;
  }
  .inner-banner.bnr-sm-head .inner-head h2 {
    font-size: 26px;
  }
  #nav-icon {
    width: 28px;
    height: 20px;
    position: relative;
    z-index: 4;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  #nav-icon span {
    display: block;
    position: absolute;
    height:3px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transform: rotate(40deg);
    top: -1px;
    left: 1px;
  }

  #nav-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
    top: 17px;
    left: 1px;
  }
  .header .navbar .navbar-collapse {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 3;
    transition: height 0s ease;
    background: #2D2850;
    width: 95%;
    height: 100vh;
    padding-top: 123px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .header.sticky {
    top: 0;
  }

  .header .navbar .navbar-collapse.show {
    right: 0;
    transition: right 350ms ease-in-out;
    padding-bottom: 0;
  }

  .header .navbar .navbar-toggler.collapsed~.navbar-collapse {
    transition: right 350ms ease-in-out;
  }
  .header .navbar .navbar-nav .nav-item .nav-link.is-active {
    border-bottom: 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link, .header.sticky .navbar .navbar-nav .nav-item .nav-link {
    padding: 10px 24px;
  }
  .header .navbar .navbar-brand.logo {
    z-index: 4;
    transition: .45s ease-in-out;
    width: 136px;
  } 
  .header .navbar .logo-mobile {
    margin-left: 20px;
    -webkit-transition: .45s ease-in-out;
    -moz-transition: .45s ease-in-out;
    -o-transition: .45s ease-in-out;
    transition: .45s ease-in-out;

  }
  .header .navbar .navbar-nav {
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    overflow: auto;
    padding: 20px 20px !important;
    width: 100%;
    height: 100%;
  }
  .header .navbar .navbar-nav .nav-item {
    padding: 0;
    margin: 0 0 6px 0;
  }
  .header .navbar .navbar-nav .nav-item .nav-link.is-active {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 22px;
  }
  .mobile-overlay {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 3;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0 , 0.6);
  }
  .overlay-open {
    right: 0;
    transition: right 350ms ease-in-out;
  }

  .header .navbar .navbar-collapse .mobile-bottom-nav-links {
    padding: 14px 20px 30px;
    width: 100%;
    border-top: solid 1px rgba(255, 255, 255, 0.2);
  }
  .header .navbar .navbar-collapse .mobile-bottom-nav-links ul li {
      display: block;
  }
  .header .navbar .navbar-collapse .mobile-bottom-nav-links ul li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    padding: 13px 24px;
    display: block;
  }

  /* header Css Ends here */

  /* Approved Treatment Css start here  */

  .approved-sec:after {
    display: none;
  }
  .approved-sec .approved-blue-box:after {
    display: none;
  }
  

/* Approved Treatment Css Ends here  */


 /* Facilitate section CSS start here */
  
  .facilitate-box .facilitate-decrpt span {
    display: unset !important;
  }

  .opz-modal .modal-header .btn-close {
    position: absolute;
    right: 30px;
    top: 49px;
  }

  .facilitate-cart {
    margin-bottom: 40px;
  }

/* Facilitate section CSS end here */
 /* Vitiligo Treatment css start here */

  .vitiligo-card .vitiligo-box {
    display: flex;
    align-items: center;
  }

  .vitiligo-treatment .week-list .week-list-row::before {
    background: transparent;
  }

  /* Vitiligo Treatment css end here */



  
 /* Vitiligo Effect isn't css Start here  */

 .vitiligo-effect {
  padding: 74px 0 48px;
}

.vitiligo-effect .vitiligo-effect-right {
  padding-left: 0;
}
.vitiligo-effect .vitiligo-patient-box .vitiligo-patient-icon {
  padding: 1.87rem 1rem;
  min-height: auto;
}
.vitiligo-effect .vitiligo-patient-box {
  min-height: 447px;
}
.vitiligo-effect .vitiligo-effect-right .patient-list li {
  font-size: 16px;
}
.vitiligo-effect .vitiligo-effect-right .need-blue-box {
  margin-right: -8px;
}

/* Vitiligo Effect isn't css Ends here  */



 
 /* Summary Mobile Css start here */

 
 .summary-mobile .accordion .accordion-item {
  border: 0;
  padding-bottom: 20px;
  position: relative;
  margin-left: 14px;
  
}
.summary-mobile .accordion .accordion-item .accordion-header .accordion-button {
  background: #2D2850;
  border-radius: 0px 0px 20px 0px;
  font-size: 14px;
  color: #fff;
  font-variation-settings: "wght" 600;
  line-height: 18px;
  text-transform: uppercase;
  height: 56px;
  padding: 0 10px;
  position: relative;
}
.summary-mobile .accordion .accordion-item .accordion-header .accordion-button:focus {
border: 0;
box-shadow: none;
}
.summary-mobile .accordion .accordion-item:first-of-type:after {
  content: '';
  position: absolute;
  left: -14px;
  top: 25px;
  width: 1px;
  height: 100%;
  background: #2D2850;
}
.summary-mobile .accordion .accordion-item:nth-child(2):after {
content: '';
position: absolute;
left: -14px;
top: 25px;
width: 1px;
height: 100%;
background: #2D2850;
}
.summary-mobile .accordion .accordion-item .accordion-header:after {
content: '';
width: 16px;
height: 1px;
position: absolute;
top: 24px;
left: -14px;
background: #2D2850;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text {
background: #FAFBFB;
box-shadow: 0px 3px 6px #00000029;
padding: 20px 48px 20px 16px;
margin-top: 28px;
margin-right: 15px;
position: relative;
z-index: 3;
}
.summary-mobile .accordion .accordion-item .accordion-body {
padding: 0;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text p {
font-size: 14px;
color: #282445;
margin: 0;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text .summary-list {
padding: 0 0 0 14px !important;
margin-top: 8px !important;;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text .summary-list li {
font-size: 14px;
color:#282445;
margin: 0;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text .summary-list li::marker {
color: #FF5067;
}
.summary-mobile .accordion .accordion-item .accordion-body .summary-text:after {
content: '';
width: 2px;
height: 28px;
background: #FF5067;
  position: absolute;
  left: 42px;
  top: -28px;
  }
  .summary-mobile .accordion .accordion-item .accordion-body .summary-text:last-child::before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background: #FF5067;
  position: absolute;
  left: 38px;
  top: -5px;
  }
  .summary-mobile .accordion .accordion-item .accordion-body .summary-text .summary-icon {
  position: absolute;
  right: -15px;
  top: -13px;

  }
  .summary-mobile .accordion .accordion-item .accordion-body .summary-text .summary-icon img {
  width: 50px;
  height: 50px;
  }
  .summary-mobile .accordion .accordion-item .accordion-button::after {
    background: url(../images/down-arrow.svg) no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
  }

  .summary-offer .summry-bottom-note .note1 {
    padding-top: 1.6rem;
    font-size: 14px;
  }
  
  .summary-offer .summry-bottom-note .note2 {
    padding-top: 0.2rem;
    font-size: 12px;
  }

/* Summary Mobile Css Ends here */

/* Efficacy Slider section CSS Start Here */

.efficacy-slider-section .opz-carousels {
  padding: 0 5.37rem;
}
.efficacy-slider-section .patient-slide-panel {
  margin: 0;
  min-height: 350px
}
.efficacy-slider-section .patient-slide-sm {
  min-height: 390px;
}
.efficacy-slider-section .patient-note {
  font-size: 12px;
  line-height: 16px;
}

/* Efficacy Slider section CSS Ends Here */



/* Safety Clinical CSS Start here */

.safety-clinical {
  padding: 5.5rem 0 5.5rem 0;
}

.opz-modal .safety-slide {
  padding: 0;
}

 /* Safety Clinical CSS End here */


 .error404 {
    height: auto;
    padding: 140px 0 73px 0;
 }

  /* Footer section start here */
  footer{
    display: flex;
    padding: 64px 0px 85px 0px;
  }
  footer .footer-links{
    display: flex;
    flex-direction: column;
    padding-bottom: 28px !important;
    margin-bottom: 0px !important;
  }
  footer .footer-links li{
    text-align: left;
    padding-bottom: 36px;
    
    
  }
  footer .footer-links li a{
    font-size: 16px;
    line-height: 18px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-left: 0px;
    border-bottom: none;
    transition:border-left 1s;
  }
  footer .footer-links li a:hover , footer .footer-links li a.active{
    padding-left: 10px;
    padding-bottom: 0px;
    border-left:3px solid white;
    border-bottom: none;
    font-weight: 800;
  }
  footer .footer-logo {
    display: block;
    align-items: center;
    padding-top: 36px;
  }
   footer .footer-logo .opz-logo{
    margin-right: 0px;
    margin-bottom: 34px;
  }
  footer .footer-logo .derma-logo{
    margin-bottom: 36px;
  }
  footer .footer-logo .copy-panel {
    padding-left:0px;
  }
  footer .footer-logo .copy-panel .copy {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
  }
  footer .date{
    padding-top:16px;
  }
 
  /* footer section ends here */

/* Modal Pop-up css start here */

.opz-modal .carousel-title .carousel-right-cross .btn-close {
  width: 24px;
  height: 24px;
}

/* .opz-modal .opz-carousels .carousel-control-next, .carousel-control-prev {
  width: 10%;
} */

.opz-modal .modal-header .btn-close {
  position: absolute;
  right: 30px;
  top: 49px;
}

/* Modal Pop-up css end here */

}

@media screen and (max-width: 768px) {
  .section-space {
    padding: 4.5rem 0 3rem 0;
  }
  .section-space-lg {
    padding: 4.37rem 0 3.37rem 0;
  }

  .home-bnr {
    margin-top: 6.43rem;
  }
  /* Inner banner css start */
  .inner-banner .inner-head h2 {
      font-size: 34px;
      line-height: 34px;
  }
  
  /* Inner banner css Ends */


  /* convenience page css start here */
  .effective-cream .cream-img {
    margin-top: 5rem;
}
  .effective-cream .left-side .left-info1{
    margin-top: 5rem;
  }
  .effective-cream .left-side .left-info2 {
  margin-top: 2rem;
  }
  .effective-cream p {
  width: 110%;
  }
  .effective-cream .right-info{
  margin-top: 5rem;
  }
  .effective-cream .right-info2{
    margin-top: 5rem;
    }
  .affected-area{
    padding-left:2.5rem;
  }
  /* convenience page css ends here */ 
    /* unmeet need css start here */
    .quality-repagmentation{
      padding-left: 2.3rem;
    }
    .repagmentation-sec .repagmentation-blue-box {
      padding: 4.563rem 3.125rem 1.875rem 2.3rem;
    }
    /* unmeet need css ends here */ 
    
}

@media screen and (max-width: 767px) {
  /* Scroll down css start here */

.scroll-down {
  right: 26px;
  background: #2D2850;
  height: 45px;
  border-radius: 50px;
  padding: 0;
  text-align: center;
  line-height: 45px;
  z-index: 100;
}
.scroll-down .down-arrow-mobile {
  animation: scale 1s alternate infinite ease-in;
	-webkit-animation: scale 1s alternate infinite ease-in;
}

@keyframes scale {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.2); }
}

/* Scroll down css ends here */
  .opz-modal .no-list {
    padding: 0 0 0 22px !important;
  }
  .safety-clinical-table .week-table tbody tr td.s-pl.table-content-heading {
    padding-left: 1rem;
  }
  .container, .container-fluid {
    padding: 0 20px;
  }
  .main-heading {
    font-size: 24px;
    letter-spacing: 0.48px;
    line-height: 28px;
  }
  .sub-heading {
    font-size: 16px;
  }
  .sub-text {
    font-size: 16px !important;
    line-height: 22px;
  }

  .header .top-bar {
    padding: 8px 0;
  }
  .header .navbar .navbar-collapse {
    padding-top: 136px;
  }
  .header .navbar .navbar-collapse .mobile-bottom-nav-links ul {
    padding-bottom: 30px !important;
  } 

  /* Banner Css start here*/

  .home-bnr {
    background: url(../images/home-bnr-mobile.png) no-repeat;
    background-size: 100% !important;
    height: auto; 
    margin-top: 137px;
  }
  .home-bnr .bnr-outer .bnr-content {
    margin-top: 280px;
  }
  .home-bnr .bnr-outer .bnr-content h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 134px;
    padding-right: 70px;
  }
  .home-bnr .bnr-outer .bnr-content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
  }
  .home-bnr .bnr-outer .bnr-content p.bnr-note {
    font-size: 12px;
  }

/* Banner css start here */

  /* Inner banner css start */
  
  .inner-banner {
    margin-top: 137px;
  }
  .inner-banner .inner-head {
    bottom: auto;
    top:31%;
    left: 20px;
    width: 40%;
  }
  .inner-banner .inner-head h2, .inner-banner.bnr-sm-head .inner-head h2  {
    font-size: 20px;
    line-height: 24px;
  }
  .inner-banner .inner-head h2:after {
    height: 5px;
    width: 56px;
  }
  .bnr-sm-head .inner-head {
    top: 20%;
  }

 
   /* Inner banner css Ends */


  /* Approved Treatment Css start here  */

  .approved-sec .approved-list li {
    font-size: 16px;
    line-height: 22px;
  }
  .approved-sec .approved-list li {
    padding-left: 20px;
  }
  .approved-sec .approved-list li sup {
    font-size: 11px;
  }
  .approved-sec .approved-list {
    padding-bottom: 0;
  }
  .approved-sec .approved-blue-box {
    padding: 46px 34px 30px;
    margin-bottom: 24px;
    display: block;
  }
  .approved-sec .approved-blue-box .border-right {
    border-right: 0;
  }
  .approved-sec .approved-blue-box .approved-blue-left {
    padding: 0 0 32px 0;
  }
  
  .approved-sec .approved-blue-box .approved-blue-right {
    padding: 36px 0 0 0;
    border-top: 1px solid #3c3764;
  }
  .approved-sec .approved-blue-box .approved-blue-right p {
    font-size: 20px;
    line-height: 26px;
    padding: 0 20px 20px 20px;
  }
  .approved-sec .approved-blue-box .approved-blue-left p {
    font-family: "rotunda-variable", sans-serif;
    line-height: 22px;
  }
  .approved-sec .approved-blue-box .patient-no{
    font-size: 42px;
    margin-bottom: 6px;
  }

  

/* Approved Treatment Css Ends here  */

   /* Facilitate section CSS start here */

   .sub-para {
    font-size: 16px;
    line-height: 22px;
}

  .facilitate-box .facilitate-decrpt {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
  }

  .facilitate-card {
    margin-bottom: 30px;
  }

/* Facilitate section CSS end here */


 /* Vitiligo Treatment css start here */

  .vitiligo-card .vitiligo-box {
    display: flex;
    align-items: center;
    text-align: left;
  }

  .vitiligo-card .vitiligo-box .vitiligo-body h6 {
    font-size: 18px;
    line-height: 22px;
  }

  .vitiligo-card .vitiligo-box .vitiligo-header {
  padding-bottom: 0;
  }

  .vitiligo-treatment .vitiligo-card {
  padding: 25px 25px;
  } 

  .vitiligo-detail .pop-clicks .right-texts {
    font-size: 16px;
  }

  .week-list .week-list-row .week-list-menu {
  padding-bottom: 40px;
  }

  .vitiligo-treatment .week-list .week-list-row::before {
    background: transparent;
  }

  .opz-modal .viti-cross-btn .viti-btn {
    right: -40px;
  }

  .week-list .week-list-menu .img-fluid {
    width: 94px !important;
    height: 94px !important; 
  }

  .opz-modal .carousel-title .carousel-upper-title h5 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.4px;
  }

  #vitiligo-slider .opz-carousels .carousel-img-cart .custom-img-cart {
    padding-bottom: 20px;
  }

/* Vitiligo Treatment css end here */


/* Mechanism of disease CSS Start here  */
.pathway-section .pathologenesis-subheading .item{
display: none;
}
.pathway-section .pathway-img img{
display: none !important;
}
.pathway-section .mobile-img{
  position: relative;
}

.pathway-section .mobile-items {
  top:6.25rem;
  right:-0.25rem;
  width: 70px;
  position: absolute;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height: 70%;
  align-items: center;
}
.pathway-section .mob-item {
  display: flex;
  flex-direction:row;
  rotate: 90deg;
}
.pathway-section .mobile-icon {
  padding:0px 0px 0px 12px;
 
}
.pathway-section .mobile-icon:hover{
  padding:0px 0px 0px 12px;
  color: #C74E52;
}
.pathway-section .mobile-diagram{
  margin-bottom: 36px;
}
.pathway-section .box-info{
padding:44px 30px 44px 30px;
}
.pathway-section .box-info h6{

font-size:18px;
letter-spacing: 0.54px;
}
.pathway-section .box-info p {
font-size: 20px;
line-height: 26px; 
}
.pathway-section .para-info {
font-size: 14px;
line-height: 22px;
margin-top: 46px;
margin-bottom: 0px;
align-items: self-start;
padding:0px 20px;
}
/* Mechanism of disease CSS end here  */


/* Chronic Autoimmune CSS Start here */

.chronic-sectn .chronic-sectn-two {
  padding-right: 0.75rem;
}

.chronic-sectn .heading-img-box .right-texts {
  font-size: 16px;
  color: #433E4A;
  line-height: 22px;
  font-variation-settings: "wght" 400;
}

.chronic-sectn .Chronic-note {
  margin-top: 2rem;
  font-size: 14px;
  line-height: 18px;
  color: #56535A;
}


/* Chronic Autoimmune CSS end here */



 /* Vitiligo Effect isn't section Start here  */ 

 .opz-modal .modal-body .popup-imgs-mobile {
  text-align: right;
  }
.opz-modal .modal-body .popup-imgs-mobile img {
  margin-right: -4px;
}
.opz-modal .modal-body .bsa-text-mobile {
  position: absolute;
  bottom: 24px;
  left: 0;
  padding: 0;
  color: #000000;
}

/* Vitiligo Effect isn't section Ends here  */


/* quality-repagmentation responsive CSS start here */
.quality-repagmentation{
  padding-left: 0.75rem;
}

.repagmentation-sec .repagmentation-list li {
  font-size: 16px;
  line-height: 22px;
  padding-left: 20px;
  padding-top: 30px;
  padding-bottom: 0px;
}
.repagmentation-sec .repagmentation-list li:after {
  content: '';
  position: absolute;
  top: 36px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #FF5067;
  border-radius: 50px;
}
.repagmentation-sec .repagmentation-list li sup {
  font-size: 11px;
}
.repagmentation-sec .repagmentation-list {
  padding-top: 6px;
  padding-left: 0px;
  padding-bottom: 24px;

}
.repagmentation-sec .repagmentation-blue-box {
  padding: 46px 34px 30px;
  margin-bottom: 0px;
  margin-right: 15px;
  display: block; 
}
.repagmentation-sec .repagmentation-blue-box .repagmentation-blue-left {
  padding: 0 0 2px 5px;
}
.repagmentation-sec .repagmentation-blue-box .repagmentation-blue-left p {
  font-family: "rotunda-variable", sans-serif;
  line-height: 22px;
}
.repagmentation-sec .repagmentation-blue-box .repagmentation-blue-left .patient-no{
  font-size: 42px;
  margin-bottom: 6px;
}
/* quality-repagmentation responsive CSS end here */

  /* References Section Start Here */

  .references-section  {
    padding: 40px 0;
  }
  .references-section .reference-accordion .accordion-header .accordion-button {
    font-size: 16px;
    padding: 15px 24px 15px 20px;
  }
  .references-section .reference-accordion .accordion .accordion-item .accordion-body {
    padding: 24px 12px 18px;
  }
  .reference-list li {
    padding-bottom: 20px;
  }

  /* References Section Ends Here */

  
/* effective-cream responsive css start here*/
.effective-cream{
  padding-left:8px;
}
 .affected-area{
  background-color:#CCDEED;
  padding-left: 1.25rem;
  padding-bottom: 3rem;
  margin-bottom: 0rem;
}
.effective-cream .main-heading{
  padding: 0px;
}
.effective-cream .cream-img{
  display: none;
} 
.effective-cream .mobile-img{
      position: relative;
    margin-left: -9.7rem;
    margin-top: -11.5rem;
}

.effective-cream .left-side{
  display: flex;
  flex-direction: column;
  margin-top: 0rem;
  padding-right: 30px;
}
.effective-cream .left-side .left-info1{
  margin-top: 3rem;
}
.effective-cream .left-side .left-info2{
  margin-top: 7rem;
} 
.effective-cream .right-info{
  display: flex;
  flex-direction:column;
  margin-top:3rem;
  padding-right: 20px;
  align-items:self-start;
}
.effective-cream .right-info2{
    margin-top:3rem;
  padding-right: 20px;
}
.effective-cream p{
  color: #433E4A;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0px;
}
.affected-area .para-inform .para1 {
  font-size: 14px;
  font-family: 'Lora';
  line-height: 18px;
  letter-spacing: 0px;
  margin: 0px;
  padding-right:1.25rem;
  padding-top: 1.5rem;
}
.affected-area .para-inform .para2 {
  font-size: 12px;
  font-family: 'Lora';
  line-height: 15px;
  letter-spacing: 0px; 
  margin: 0px;
}
.affected-area .box-info{
  padding:49px 0px 52px 0;
  border-radius: 0px 0px 0px 40px;
  background-color: #2C284E;
  box-shadow: 0px 3px 6px #00000029;
}
.affected-area .box-info h6{
  letter-spacing: 0.54px;
  color: #FFB9C2;
  font-variation-settings: "wght" 800;
  font-size: 18px;
  line-height:24px;
}
.affected-area .box-info p{
  font-size: 20px;
  line-height:26px;
  letter-spacing: 0px;
  color: #FFFFFF;
  
}
.affected-area .box-info h3{
  letter-spacing: 0.48px;
  color: #FFB9C2;
  font-variation-settings: "wght" 800;
  font-size: 24px;
  line-height: 28px;
}
/* effective-cream responsive css end here */

/* sitemap page section css start here */
.sitemap ul li a{
  font-size: 20px;
  font-family:'7a-rotunda-extrabold-web';
  letter-spacing: 0.4px;
  color: #2D2850;
  padding-left: 0.75rem;
}
/* sitemap page section css ends here */


/* stay-informed media query css start here */

.stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-institution-name,
.stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-postal-code {
  width: 100%;
}
.stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item .description, .stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item label {
  font-size: 16px;
  margin-bottom: 6px;
  line-height: 22px;
}

.stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-first-name, .stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-last-name, form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-country, .stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item.form-item-specialty {
  padding: 0px;
}
.stay-informed-form form.webform-submission-bleiben-sie-informiert-form .form-wrapper .form-item {
  padding: 0;
}
.stay-informed .main-heading{
  padding-bottom: 46px;
  margin: 0px;
}
.detail-form p{
  font-size: 16px;
  line-height:22px;
  margin-top: 30px;
  margin-bottom: 25px;
}
.detail-form .submit{
  margin-top: 2px;
  width: 20.9375rem;
  height:2.75rem;
  border-radius: 24px;
  border: none;
  background-color: #1D8190;
  color: #FFFFFF;
}
/* stay-informed media query css start here */


  /* Efficacy Weeks CSS Start Here */

  .efficacy-weeks-sec .efficacy-weeks-left {
    padding-right: 0;
  }
  .efficacy-weeks-sec .sub-text {
    margin-bottom: 32px;
  } 
  .efficacy-weeks-sec .efficacy-weeks-right .weeks-title {
    margin-top: 30px;
    font-size: 18px;
    line-height: 24px;
  }
  .efficacy-weeks-sec .weeks-list li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 1rem 1rem;
  }
  .efficacy-weeks-sec .efficacy-weeks-right .graph-bottom-content  {
    margin-top: 20px;
  }
  .efficacy-weeks-sec .weeks-outer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .efficacy-weeks-sec .weeks-outer  .main-heading {
    width: 85%;
    padding-bottom: 36px;
  }
  .efficacy-weeks-sec .weeks-outer .arrow-icon-mobile {
    width: 24px;
    height: 24px;
    margin-bottom: 50px;
    transition: all 0.4s ease;
  }
   .efficacy-weeks-sec .weeks-outer .arrow-icon-mobile.arrow-rotate {
    transform: rotate(-180deg);
    transition: all 0.4s ease;
  }
  .efficacy-weeks-sec .weeks-content {
    display: none;
    padding-top: 30px;
    transition: all 0.4s ease;
    position: relative;
  }
  .efficacy-weeks-sec .weeks-content.is-active {
    display: block;
  }
  .efficacy-weeks-sec .weeks-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #b0adab;
  }
  .opz-modal .modal-body .surface-area ul {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .opz-modal .modal-body .surface-area ul li {
    max-width: 120px;
    margin: 0 0 24px 0;
  }
  .opz-modal .modal-body .surface-area ul li p {
    margin-top: 10px;
  }
  .efficacy-weeks-sec h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .efficacy-weeks-sec .efficacy-weeks-right {
    margin-top: 1.62rem;
  }
  .efficacy-weeks-sec .efficacy-weeks-right .declared-list li {
    font-size: 16px;
  }
  .efficacy-weeks-sec .efficacy-weeks-right .declared-list li a{
    width: 24px;
    height: 24px;
  }
  .efficacy-weeks-sec .efficacy-weeks-right .declared-list li span {
    padding-left: 14px;
  }
  .efficacy-weeks-sec .vns-responce-sec {
    padding-top: 14px;
  }
  .efficacy-weeks-sec .vns-responce-sec p {
    margin-top: 40px;
  }
  .efficacy-weeks-sec .vns-responce-sec .vns-blue-box {
    margin-top: 1rem;
    padding: 40px 0;
    margin-right: -20px;
  }
  .efficacy-weeks-sec .vns-responce-sec .vns-blue-box h5 {
    font-size: 20px;
    line-height: 26px;
  }
  .efficacy-weeks-sec .efficacy-weeks-right .weeks-title {
    margin-top: 0;
  }
  .efficacy-weeks-sec .rating-text {
    margin-top: 16px;
    margin-bottom: 40px;
  }
  .efficacy-weeks-sec .patient-range span {
    font-size: 16px;
    line-height: 22px;
  }
  .efficacy-weeks-sec .patient-range {
    margin-bottom: 30px;
    align-items: flex-start;
  }
  .efficacy-weeks-sec .patient-range a {
    width: 24px;
    height: 24px;
  }

  /* Efficacy Weeks CSS Ends Here */

   /* Efficacy Slider section CSS Start Here */

   .efficacy-slider-section {
    background: #FFFFFF;
    margin: 48px -10px;
   } 
   .efficacy-weeks-sec {
    padding-bottom: 0;
   }
   .efficacy-slider-section .opz-carousels {
    padding: 0;
  }
  .efficacy-slider-section .patient-slide-panel, 
  .efficacy-slider-section .patient-slide-sm  {
    min-height: auto;
    height: 100%;
    padding-bottom: 8px;
  }
  .efficacy-slider-section .carousel-inner .carousel-item .row {
    margin: 0 -4px;
  }
  .efficacy-slider-section .carousel-inner .carousel-item .col-4 {
    padding: 0 4px;
  }
  .efficacy-slider-section .patient-slide-panel .patient-des h6 {
    font-size: 14px;
    margin-bottom: 4px;
  }
  .efficacy-slider-section .patient-slide-panel .patient-des p {
    font-size: 12px;
    line-height: 16px;
    word-wrap: break-word;
  }
  .efficacy-slider-section .patient-slide-panel {
    border-radius: 0px 0px 0px 20px;
  }
  .top-blue-border {
    border-top: 5px solid #2D2850;
  }
  .top-pink-border {
    border-top: 5px solid #C3936F;
  }
  .patient-slide-panel figure {
    margin-bottom: 9px;
  }
  .efficacy-slider-section h3 {
    font-size: 20px;
    line-height: 26px;
  }
  .efficacy-slider-section p {
    line-height: 22px;
    margin-bottom: 40px;
  }
  .efficacy-slider-section .opz-carousels .carousel-control-next, .efficacy-slider-section .opz-carousels .carousel-control-prev {
      align-items: flex-start;
      top: 16px;
  }
  .efficacy-slider-section .opz-carousels .carousel-control-next-icon, .efficacy-slider-section .opz-carousels .carousel-control-prev-icon {
    width: 32px;
    height: 32px;
    background-size: 100%;
  }
  .efficacy-slider-section h4 {
    margin-bottom: 24px;
  }

    /* Efficacy Slider section CSS Ends Here */

  /* Safety Clinical CSS Start here */

  .safety-clinical-table .week-table tbody tr td {
    font-size: 12px;
    line-height: 16px;
  }

  .safety-clinical-table .week-table thead .s-heading1 th {
    font-size: 12px;
    line-height: 16px;
  }

  .safety-clinical-table .week-table thead .s-heading2 th {
    font-size: 11px;
    line-height: 15px;
  }

  .safety-clinical .safety-scroll {
      max-height: none;
      overflow-y: unset;
  }

  .modal-body.popup-table .table>:not(caption)>*>* {
    padding: .5rem .2rem;
  }
  .safety-clinical-table .week-table tbody tr td.s-pl {
    padding-left: 1rem;
  }

  .safety-clinical-table .week-table thead .s-heading1 th:first-child {
    padding-left: 1rem;
    text-align: center;
  }

  .safety-clinical-table .week-table thead .s-heading2 th:first-child {
    padding-left: 1rem;
    text-align: center;
  }

  .safety-clinical-table .week-table tbody tr td:first-child {
    padding-left: 1.2rem;
    max-width: 95px !important;
    word-break: break-word;
  }

  .safety-clinical-table .week-table .table-modal tr td:first-child {
    max-width: 10px !important;
    word-wrap: break-word;
    padding-left: 0.2rem;
  }

  .opz-modal #true-v {
    padding-right: 0 !important;
  }

  .safety-clinical-table .week-table tbody tr td {
    padding: 0.5rem 0.2rem;
    border-left: 1px solid #00000026;
  }

  .safety-clinical .small-t {
    font-size: 16px;
    line-height: 22px;
    padding-top: 1rem;
  }

  .safety-clinical .safety-clinical-right .safety-data-list {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  /* Safety Clinical CSS End here */


/* summary german media query css start here */
  h2.summary-ger {
  padding-top: 0px;
  }
.summary-wrapper{
  margin-bottom:0px;
}

/* summary german media query css ends here */



/* Thank You page css Start here */

.thank-you h2 {
  margin-bottom: 26px;
  padding: 6px 14px;
}
.thank-you p, .error404 p.text  {
  font-size: 16px;
  line-height: 20px;
}



/* Thank You page css ends here */


/* Dock check popup css start heare */
.dc-consent-popup .modal-dialog.modal-lg {
  max-width: 100%;
}
.dc-consent-popup .modal-content .modal-body {
  padding: 20px 10px 0px 10px;
}
.dc-consent-popup .modal-content .modal-body .pop-up-header-content {
  font-size: 16px;
  line-height: 18px;
}
.dc-consent-popup .modal-content .modal-body iframe {
  width: 100%;
}
/* .dc-consent-popup .modal-content .modal-body iframe .root {
  width: 100% !important;
}
.dc-consent-popup .modal-content .modal-body iframe .root .content-wrapper .content {
  max-width: 100% !important;
} */



/* Dock check popup css ends heare */


/* footer css start here */
footer{
  display: flex;
  padding: 64px 0px 85px 0px;
}
footer .footer-links{
  display: flex;
  flex-direction: column;
  padding-bottom: 28px !important;
  margin-bottom: 0px !important;
}
footer .footer-links li{
  text-align: left;
  padding-bottom: 36px;
}
footer .footer-links li a{
  font-size: 16px;
  line-height: 18px;
  padding-left: 10px;
  padding-bottom: 0px;
  margin-left: 0px;
  border-bottom: none;
  transition:border-left 1s;
}
footer .footer-links li a:hover , footer .footer-links li a.is-active{
  padding-left: 10px;
  padding-bottom: 0px;
  border-left:3px solid white;
  border-bottom: none;
  font-weight: 800;
}
footer .footer-logo {
  display: block;
  align-items: center;
  padding-top: 36px;
}
 footer .footer-logo .opz-logo{
  margin-right: 0px;
  margin-bottom:34px;
}
footer .footer-logo .derma-logo{
  margin-bottom: 36px;
}
footer .footer-logo .copy-panel {
  padding:0px;

}
footer .footer-logo .copy-panel .copy {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
}
footer .date{
  padding-top:16px;
}

/* footer css end here */



/* Modal Pop-up css start here */

.honesty-box .modal-two {
  padding: 25px 10px;
}

.honesty-box .popup-middle .body-title {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.4px;
  padding-bottom: 20px;
}

.honesty-box .popup-middle .body-text {
font-size: 16px;
line-height: 22px;
padding-bottom: 15px;
}

.honesty-box .popup-bottom .btn-two {
margin-right: 0;
margin-bottom: 15px;
}

.opz-modal .modal-header {
padding-bottom: 20px;
}

.opz-modal .upper-head .modal-title .upper-title {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
}

.opz-modal .body-heading {
font-size: 16px;
line-height: 22px;
}

.opz-modal .body-para {
font-size: 16px;
line-height: 22px;
padding-bottom: 20px;
}

.opz-modal .top-space {
  padding-top: 0;
}

.opz-modal .popup-bottom p {
font-size: 12px;
line-height: 16px;
}

.opz-modal .modal-header .btn-close {
position: absolute;
right: 21px;
top: 34px;
}

.modal-space {
padding: 32px 16px 32px 16px;
}

.opz-modal .opz-carousels .carousel-control-next, .opz-modal .opz-carousels .carousel-control-prev {
width: 50%;
bottom: -33px;
z-index: 99999;
top: auto;
}

.opz-modal .carousel-title .carousel-right-cross .btn-close {
right: 0px;
top: 0px;
/* padding: 0.31rem; */
}

.opz-modal .upper-modal-header .carousel-right-cross .btn-close {
width: 24px;
height: 24px;
/* position: absolute;
right: 7px;
top: 36px; */
}

.opz-modal .upper-modal-header .modal-top-title h5 {
font-size: 20px;
line-height: 25px;
letter-spacing: 0.4px;
padding-bottom: 24px;
}



/* cookies-policy section css start here */
.cookies-sec .content-blk h4{
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.4px;
  font-family:'7a-rotunda-extrabold-web';
  color: #2D2850;
  padding-top:20px;
  margin: 0px;
}
.cookies-sec .sub-text{
  font-size: 16px;
  line-height:22px;
  letter-spacing: 0px;
  color: #433E4A;
  padding-bottom: 20px;
  margin: 0px;  
}
.cookies-sec .sub-header{
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.48px;
    font-family:'7a-rotunda-extrabold-web';
    color: #2D2850;
    padding-top:20px;
    margin: 0px; 
}

.cookies-sec .content-blk p {
  display: inline;
  font-size: 16px;
  line-height:22px;
  letter-spacing: 0px;
  color: #433E4A;
  padding-bottom: 20px;
  margin: 0px;
}
.cookies-sec .content-blk p .persistente-cookies-link {
  word-wrap: break-word;
}


/* cookies-policy section css ends here */


/* Modal Pop-up css end here */

 /* Table modal css start here */

 .opz-modal .safety-slide {
  padding: 0;
}

.opz-modal .opz-carousels .carousel-control-prev-icon {
  width: 35px;
  height: 35px;
  background-size: 100%;
}

.opz-modal .opz-carousels .carousel-control-next-icon {
  width: 35px;
  height: 35px;
  background-size: 100%;
}

.opz-modal .safety-clinical-table {
  margin-bottom: 40px;
}

.opz-modal .pop-wrap {
  border-radius: 0px 0px 0px 30px;
}

.safety-bottom-note {
  padding: 0 12px;
}

.safety-bottom-note p {
  font-size: 12px;
  line-height: 16px;
}

.safety-bottom-note .note2 {
  font-size: 12px;
  line-height: 16px;
  padding: 0 0 3.62rem 0;
}

.opz-modal .table-space1 {
  padding: 40px 0 !important;
}

.opz-modal .table-space2 {
  padding: 0 16px;
}

.safety-clinical-table .week-table tbody .s-border .pop-click {
  border-left: 0;
  border-bottom: 0;
}

.safety-clinical-table .week-table tbody tr.s-border {
  border: 1px solid #00000096;
}

.mobile-table {
  margin: 0 0 0 5px;
}

.safety-clinical-table .bottom-b {
  border-bottom: 1px solid #00000070;
}

.opz-modal .popup-table .carousel-control-next, .opz-modal .popup-table .carousel-control-prev {
  bottom: -15px;
}

.opz-modal .modal-dialog {
  max-width: 100%;
}


/* Table modal css end here */

}

@media screen and (max-width: 390px) {

  .header .navbar .navbar-collapse {
    padding-top: 152px;
  }

  .bnr-sm-head .inner-head {
    top: 19%;
  }

  .safety-clinical-table .week-table tbody tr td:first-child {
    max-width: 14px;
    word-break: break-word;
  }  

  #true-v .modal-dialog {
    margin: 0;
  }

  .safety-clinical .table-pr {
    padding-right: 0;
  }

  .home-bnr .bnr-outer .bnr-content h2 {
    margin-bottom: 98px;
  }

  .upper-modal-header .upper-head .modal-title {
    padding-right: 2.8rem;
  }


/* Scroll down css start here */

.scroll-down {
  right: 26px;
  background: #2D2850;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  padding: 0;
  text-align: center;
  line-height: 36px;
  z-index: 100;
}
.scroll-down .down-arrow-mobile {
  animation: scale 1s alternate infinite ease-in;
	-webkit-animation: scale 1s alternate infinite ease-in;
}

@keyframes scale {
  0%   {transform: scale(.8);}
  100% {transform: scale(1.2); }
}

/* Scroll down css ends here */


}

@media screen and (max-width: 375px) {

  .home-bnr, .inner-banner {
    margin-top: 152px;
  }
  .opz-modal .no-list {
    padding: 0 0 0 18px !important;
  }
  .effective-cream {
    padding-left: 0;
  }
  .effective-cream .right-info {
    padding-right: 30px;
  }
  .effective-cream .mobile-img {
    margin-left: -10.3rem;
  }
  .weeks-outer .main-heading {
    font-size: 22px;
  }
  .error404 {
    padding: 180px 0 50px 0;
  }
}

@media screen and (min-device-width: 1920px) {
  .word-break {
    display: block;
  }
  .opz-modal .no-list {
    padding: 0 0 0 21px !important;
  }
}



/* Responsive Css Ends here */

/* portrait mode start here */
@media screen and (max-width: 1366px) and (min-width: 1024px) and (orientation: portrait) {
  .opz-modal .no-list {
    padding: 0 0 0 21px !important;
  }
  .safety-bottom-note {
    padding-top: 2rem;
  }
  .error404 {
    height: 78.8vh;
  }
  .section-space.thank-you {
    padding: 5.2rem 0;
  }
  .efficacy-slider-section .patient-slide-sm {
    min-height: 220px;
  }

  .section-space.approved-sec.blue-bg .col-lg-6.d-none.d-lg-block.img-fluid img {
    margin-top: 13rem;
  }

  .section-space.approved-sec.blue-bg .col-lg-6.align-self-center{
    padding: 3rem 1rem;
  }
}
/* portrait mode ends here */

/* landscape mode start here */
@media screen and (max-width: 767px) and (min-width: 360px) and (orientation: landscape) {
    .scroll-down {
      width: 39px;
      height: 40px;
      border-radius: 50px;
    }
    .home-bnr .bnr-outer .bnr-content {
      margin-top: 320px;
    }
    .effective-cream .left-side .left-info2{
    margin-top: 6.3rem;
    } 
    .effective-cream .right-info{
      width:60%;
    }
    .effective-cream .right-info2{
      width:65%;
    }
  .effective-cream .left-side .left-info1 {
    margin-top: 8rem;
  }
  .header .navbar .navbar-collapse .mobile-bottom-nav-links {
    padding: 4px 20px 20px 68px;
  }
  .header .navbar .navbar-collapse .mobile-bottom-nav-links ul li a {
    padding: 4px 24px;
  }
  .header .navbar .navbar-nav .nav-item .nav-link, .header.sticky .navbar .navbar-nav .nav-item .nav-link {
    padding: 6px 24px;
  }
  .header .navbar .navbar-nav {
    padding: 14px 20px 14px 68px!important;
  }

  #visual-popup .modal-body .popup-imgs {
    text-align: center;
  }

  #impact-popup .modal-body .popup-imgs {
    text-align: center;
  }

  .upper-modal-header .upper-head .modal-title {
    padding-right: 3rem;
  }
  .safety-clinical .safety-data-list .heading-img-box .pop-clicks .right-texts {
    align-self: end;
  }
  .heading-img-box .pop-btn {
    margin: 0 0.93rem 0 0;
  }

}

@media screen and (max-width: 850px) and (min-width: 768px) and (orientation: landscape) {
.effective-cream .cream-img{
  margin-top: 8rem;
}
.effective-cream .left-side .left-info1{
  margin-top: 8rem;
}
  .effective-cream .right-info{
  margin-top: 9rem;
}
   .effective-cream .right-info2{
  margin-top: 3.8rem;
}
}

@media screen and (max-width: 920px) and (min-width: 768px) and (orientation: landscape) {
  .effective-cream .cream-img{
    margin-top: 8rem;
  }
    .effective-cream p{
      width:110%;
    }

    #visual-popup .modal-body .popup-imgs {
      text-align: center;
    }

    #impact-popup .modal-body .popup-imgs {
      text-align: center;
    }

    .header .navbar .navbar-collapse .mobile-bottom-nav-links {
      padding: 4px 20px 4px 68px;
    }
    .header .navbar .navbar-collapse .mobile-bottom-nav-links ul li a {
      padding: 4px 24px;
    }
    .header .navbar .navbar-nav .nav-item .nav-link, .header.sticky .navbar .navbar-nav .nav-item .nav-link {
      padding: 6px 24px;
    }
    .header .navbar .navbar-nav {
      padding: 14px 20px 14px 68px!important;
    }
    .dc-consent-popup .modal-content .modal-body iframe .root, .dc-consent-popup .modal-content .modal-body iframe .root {
      margin: 0 auto;
    }
    .inner-banner.bnr-sm-head .inner-head h2 {
      font-size: 29px;
  }

}

@media screen and (max-width: 1366px) and (min-width: 1024px) and (orientation: landscape) {
  .error404 {
    height: 70vh;
  }
  .opz-modal .no-list {
    padding: 0 0 0 25px !important;
  }
}
/* landscape mode ends here */