/* The goal of a Media Stylesheet is to set a SITE SPECIFIC PAGE STYLES. */

/* v1.0 | CIBER INDIA SITE SPECIFIC*/

@media screen and (min-width: 320px) {} 
@media screen and (min-width: 576px) {
    .tabs-inner {
    max-width: 760px;
    margin: 0 auto;
    padding-left: 9px;
    padding-right: 9px;
}
.container {
    max-width: 98%
}
} 
@media screen and (min-width: 768px) {
   .generic_carousel .field-carousel-thumbnail{display: none;}
   
        .container {
    max-width: 96%;
}
    .tabs-inner {
    max-width: 98%;
     margin: 0 auto;
}
} 
@media screen and (min-width: 992px) {
     .navbar .nav-list .mobile_view{display:none}
    .tabs-inner {
    max-width: 98%;
     margin: 0 auto;
}
} 
@media screen and (min-width: 1024px) {} 
@media screen and (min-width: 1025px) {} 
@media screen and (min-width: 1200px) {
    .form-horizontal{left: 72px;}
    .tabs-inner {
    max-width: 1152px;
     margin: 0 auto;
}
.container {
    max-width: 1152px;
}
    /*===over write hero css====*/  
.hero-image .field-image img {
    min-height: 470px;
    left: inherit;
}
    
} 
@media screen and (min-width: 1366px) {
    .container,.tabs-inner{max-width:1300px}
   .hcp-text-block li a{max-width: 240px;margin-right: 40px;}
   .hcp-text-block li .search-icon {
    right: 15px;
    top: 6px;}
} 
@media screen and (min-width: 1400px) {
    /*.generic_carousel{padding-bottom: 0px;margin-bottom: -150px;}*/
    .hcp-text-block{align-items: center;}
    .show-search {
    margin-right: 14px;
    margin-left: 10px;
}

.main-logo {
    text-align: left;
}   

} 
@media screen and (min-width: 1600px) {
    .form-horizontal {
    left: 160px;}
} 
@media screen and (min-width: 1654px) {
     .generic_carousel{padding-bottom: 30px;}
    .form-horizontal {
    left: 210px;}
}

@media screen and (min-width: 1920px) {
    .form-horizontal{left: 150px;}
    .container,.tabs-inner {
        max-width: 1640px;
    }
    
    
} 
@media screen and (max-width: 1450px) {
    
    #insurance h3, #insurance1 h3{font-size: 24px;}
    #insurance ul li, #insurance1 ul li{font-size: 18px;}
    #insurance .field-highlight-text, #insurance1 .field-body-copy,
    #insurance .field-body-copy, #insurance1 .field-highlight-text{
        padding: 20px;
        margin:10px 8px;
    }
    #icons_pillar .field-icon img {
   height: 300px;
   width: auto;
}
#icons_pillar .row .col-4:nth-child(2) .field-icon:before {
    right: -90px;}
#icons_pillar .field-icon:before {
    right: -58px;
    height: 308px;
    content: "";
    width: 89px;
}
    .article-Slideshow-with-Caption .field-content-wrap p{
        font-size: 18px;
            padding: 6px 10px;
}
   .article-Slideshow-with-Caption .field-content-wrap h2{     margin-top: 20px;
    font-size: 80px;}
    .footer-link ul li a{font-size: 15px;}
   
    /*.hcp-text-block.opened  li a{margin-right: 25px; }*/
} 
@media screen and (max-width: 1199.6px) {
    .hcp-text-block li a{margin-right: 40px;}
    .box-cell{  margin:  0px auto 30px;
    padding: 65px 40px 30px;}
    .hcp-text-block  li { max-width: 210px;}
    .navbar .nav-list li a{font-size: 14px;}
    .article-Slideshow-with-Caption .field-content-wrap p {
    font-size: 16px;
    padding: 3px 6px;
    max-width: 450px;
}
.article-Slideshow-with-Caption .slick-slide .field-content-wrap{max-width: 50%;right: 2% !important;}
.slick-slide:nth-child(odd) .field-content-wrap{left: 2% !important;}
.article-Slideshow-with-Caption .field-content-wrap h2{margin-top: 40px;
    font-size: 45px;}
    .article-Slideshow-with-Caption .field-content-wrap p:after{bottom: -10px;}
    .article-Slideshow-with-Caption .field-content-wrap p:before{top: -10px;}
    #imp-info ul{padding-top: 10px;width: 50%;}
    #imp-info .field-body-copy img{width: 50% !important;}
    .footer-link{max-width: 85%;}
    #about_cancer .container{max-width: 100%;}
    .slick-initialized .slick-slide{margin-right: 0px !important;}
    #copay_head h1.field-headline{max-width: 80%;}
} 
@media screen and (max-width: 1024px) {
    .tabs-container{padding: 0px 30px}
    #imp-info ul li{margin-bottom: 10px;}
} 
@media screen and (max-width: 992px) {
    #cell_animate .col24-md-11{max-width: 100%;flex: 0 0 100%;}
    #copay_head h1.field-headline{max-width: 75%;}
    .hcp-text-block li:last-child{display: block;}
    .main-logo{text-align: left;}
    .navbar .nav-list{padding-top: 10px;}
    .navbar .nav-list li{line-height: .6;padding: 0 5px 8px;}
    #imp-info .field-body-copy img {
    width: 100% !important;
    margin-bottom: 20px;
}
    #imp-info ul{width: 100%;}
    .box-cell{max-width: 430px;}
    
    #insurance .field-body-copy, #insurance1 .field-highlight-text, #insurance .field-highlight-text, #insurance1 .field-body-copy{
            width: 60%;
    padding: 10px 15px;
    min-height: auto;
    margin: 15px auto;
    float: none;
    height: auto;
    }
 #insurance .col-md-6,#insurance1 .col-md-6{
    flex: 0 0 100%;
    max-width: 100%;
 }
/*=========header hamburger=========*/
.has-child{position: relative;z-index: 99;}

.has-child.arrow-down:after,.active.has-child:after {
    transform: rotate(90deg);
}
.has-child:after {
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    right: 10px;
    top: 10px;
    position: absolute;
    padding: 10px 20px;
    z-index: 999;
    transition: .2s ease-in;
}
.headerStrip{display: none;}
    .mobile-search{margin-top: 15px;}
    .mobile-search .search-icon .fa-search{color: #fff;}
    .mobile-search .search-icon {
    top: 0px;
    left: 246px;
    background: #6daa3e;
    padding: 7px 16px 8px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
}
    .navbar .nav-list li.mobile_view{border-bottom: none;padding-bottom: 20px;}
    .menu_visible .navbar{display: none;}
.menu_visible {
    margin-bottom: 0;
}
.navbar .nav-list{
    display: block; 
     padding: 10px 20px;
}
.hcp-text-block li{display: none;}
.show-search .search-label{display: none;}

.navbar .nav-list li{padding: 0;border-bottom: 2px solid #fff;}
.navbar .nav-list li .sub-menu li{border-top: 1px solid #fff;}
.navbar .nav-list li.has-child.active .sub-menu{display: block;}
.navbar .nav-list li.active{ background:rgba(255,255,255, 0.5);}
.navbar .nav-list li.active.has-child{ background:transparent;}  
.navbar .nav-list li.active.has-child ul li a{ font-weight:normal}  
.navbar .nav-list li.active a{ font-weight:bold}
.navbar .nav-list li a{
    width: 90%;
    display: block;
    color: #fff;
    font-size: 16px;
    padding:20px 10px;
    text-transform: capitalize;
    font-weight: 400;
}
.navbar .nav-list li ul{
       display: none;
    position: relative;
    background: transparent;
    /*border-top: 2px solid #fff;*/
    box-shadow: none;
    border-radius: 0;
    padding: 0px;
    margin: 0;
}
/*.navbar .nav-list li.arrow-down ul{
 display: block;
}*/
.navbar .nav-list li ul li{border-bottom: transparent;}
.navbar .nav-list li ul li a{padding: 20px 40px;}
.close-btn .hamb-top {
    -webkit-transform: rotate(45deg);
    /* transform: rotate(45deg); */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    /*background-color: #ffffff;*/
    margin-top: -2px;
    top: 50%;
    left: 22%;
}
.close-btn .hamb-middle {
    background-color: #ffffff;
    display: none;
}
.close-btn .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    /*background-color: #ffffff;*/
    margin-top: -2px;
    top: 50%;
    left: 22%;
}
.show-nav .navbar{
        display: block;
        float: left;
        position: absolute;
        top: 80px;
        left: 0;
        background-color: #00B2E3;
        width: 100%;
        overflow-y: scroll;
        padding: 0;
        z-index: 1000;
        height: auto;
        transition: .2s ease;
}
.hamburger{
        cursor: pointer;
    border: none;
    display: block;
    height: 50px;
    margin-left: 0px;
    position: absolute;
    top: 15px;
    width: 67px;
    z-index: 0;
    background: #fff;
    border-radius: 0;
    left: 0px;
    transition: left 0.5s ease;
}
.hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #00B2E3;
    top: 64%;
}
.hamb-middle {
    background-color: #00B2E3;
    margin-top: -2px;
    top: 35%;
    left: 22%;
}
.hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #00B2E3;
    top: 47%;
    left: 22%;
}
.hamb-top, .hamb-middle, .hamb-bottom {
    height: 4px;
    left: 0;
    position: absolute;
    width: 38px;
    left: 22%;
}
.main-logo {
    text-align: center;
    position: relative;
    left: 15px;
}
.header-middle-section .row{align-items: center;}
.header-middle-section{position: static;padding: 10px 0px}
.header-middle-section .col24-md-19{position: static;}
.navbar .nav-list .mobile_view a{padding-bottom: 0;line-height: 1.2;}
.show-search input{
    width: 299px;
    opacity: 1;
    height: 49px;
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-radius: 18px;
    text-indent: 12px;
    padding-right: 60px;
}
.fixed-header .menu_visible{
    position: static !important;
}
} 
@media screen and (max-width: 767.7px) {
    .show-nav .navbar{top: 90px;}
    .form-horizontal{width: 88%;left: 30px;}
    .main-logo {
    text-align: left;
    position: relative;
    left: 55px;
}
#icons_pillar .col24-8{
    flex: 0 0 100%;
    max-width: 100%;
}
.hamburger{top: 20px;}
    #sideeffect_tabs {
    padding-top: 10px;
}
#side-banner .field-image{
    background-size: cover;
}
.article-Slideshow-with-Caption .slick-slide .field-content-wrap {
       max-width: 100%;
       width: 100%;
    right: auto !important;
    left: 0 !important;
    bottom: -42px;
    top: auto !important;

}
.slick-initialized .slick-slide{padding-bottom: 30px;margin-right: 0px !important;}
.sliderCounter{width: 100%;}
.article-Slideshow-with-Caption .sliderCounter{right: auto;left: 10px;}
.article-Slideshow-with-Caption .field-content-wrap h2{margin: 10px 0px 0px;text-align: center;}
.article-Slideshow-with-Caption .sliderCounter{    top: auto !important;
    right: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    position: relative !important;
    transform: translate(0%, 0%) !important;
}
.sliderCounter{height: 44px !important;}
.article-Slideshow-with-Caption .field-content-wrap p{
    font-size: 12px;
    padding: 3px;
    width: 90%;
    margin: 0 auto;
}
.slick-dots{display: none !important;}
.fixed-header .hcp-text-block{top: 0px;}
#footer .footer-viatris-logo {
    position: absolute;
    right: auto;
    bottom: -70px;
}
.footer{
    padding: 30px 0px 80px;
}
.footer-link{max-width: 80%;}
.footer-link ul li a{border-right: transparent;padding-left: 0;}
#about_cancer h1{font-size: 35px;padding-right: 0;}
h2.field-headline, h2{font-size: 25px;margin-bottom: 15px;}
#about-her p,p,#doctor_precribed p,#biosimilar p{font-size: 18px;}
#doctor_precribed img{
    width: 100% !important;
}
#doctor_precribed p{top: 20px;}
#footer .sticky_content p{font-size: 16px;}
.box-cell{padding: 25px 40px;}
.box-cell h3{font-size: 22px;}
.box-cell h4{font-size: 18px;}
.Group1{max-width: 30px;max-height: 30px;}
#biosimilar-box ul li{width: 100%;}
#biosimilar-box ul li{position: relative;font-size: 18px;}
#biosimilar-box ul li:before{position: absolute;
left: -40px;}
#biosimilar-box ul{position: relative;left: 50px;}
#icons_pillar .field-icon img{height: 100%;}
#icons_pillar .field-icon{text-align: center;}
#icons_pillar .field-icon:before{display: none;}
#icons_pillar h2{font-size: 18px;margin: 0px auto 60px;margin-top: 30px;}
#icons_pillar .row .col-4:first-child h2{margin-top: -20px;}
h1.field-headline, h1{font-size: 30px;}
#how_it_works li p{font-size: 12px;padding-bottom: 0;}
#side-banner .field-body-copy{top: 23%;left: 0;text-align: center;display: block;width: 100%;}
#side-banner .field-body-copy p{font-size: 18px;}
#side-banner .field-body-copy h2{font-size: 28px;}
#side-banner .field-body-copy img{max-width: 100%;}
#side-banner .field-body-copy > div{
    text-align: left;margin-left: 20px;
}
#side-banner .field-body-copy > div br{
  display: none;
}
.tabs-heading{flex-wrap: wrap;}
.tabs-heading li a{    padding: 0px ;
    font-size: 16px;display: flex;}
h3.field-headline, h3{font-size: 20px;}
.tabs-container .tab ul li{font-size: 19px;line-height: 28px;}
#imp-info ul{width: 100%;}
#imp-info .field-body-copy img{width: 100% !important;margin-bottom: 20px;}
#imp-info ul li{margin-bottom: 10px;font-size: 20px;}
#copay_head .field-body-copy{position: relative;top: 0;}
#copay_head .field-body-copy img{float: left !important;}
#insurance .field-body-copy, #insurance1 .field-highlight-text,#insurance .field-highlight-text, #insurance1 .field-body-copy{ 
   width: 100%;
    }
 #insurance h3, #insurance1 h3{font-size: 20px;align-items: center;}
    #insurance h3 img, #insurance1 h3 img{
        width: 10%;
    }
    #insurance{padding-top: 0;}
    #insurance ul li, #insurance1 ul li{font-size: 18px;}
    #contact-your h3{font-size: 20px;}
    #resources-section{padding-bottom: 0;}
    #cell_animate .col24-md-11 {
    max-width: 100%;
    flex: 0 0 100%;
}
#footer .foot-termswrapper .footer-tandc .field-headline {
    font-size: 14px;    max-width: 70%;
    margin-bottom: 10px;
}
#footer p{font-size: 16px;}
#footer ul li{margin-left: 0px;}
.show-search{margin: 20px 0px}
#about_herebanner .field-body-copy p,#ogivri_works .field-body-copy p{font-size: 25px;}
.generic_carousel .field-content-image{display: none;}
.tabs-heading li{padding: 0px 30px;}
#copay_head h1.field-headline{max-width: 100%;}
#copay_head,#viatris-advocate{padding-top: 0px;}
.header-middle-section{padding: 0;}
} 
@media screen and (max-width: 576px) {
 .tabs-inner{
   padding-right: 21px;
   padding-left: 21px;
 }
}
@media screen and (max-width: 500px) {
     .main-logo {top: 6px;}
    #biosimilar-box ul{position: relative;left: 10px;}
    .hamburger{top: 15px;}
    .header-middle-section .main-logo img{max-width: 80%;}
    #side-banner .field-body-copy{top: 26%;}
    #side-banner .field-image{height: 400px;}
}
@media screen and (max-width: 375px){
    .accessibility.headerStrip ul li{padding: 5px;}
}
 @media  (min-width:320px) and (max-width:768px)  {
  .box-cell {
    margin: 20px auto;
    float: none;
    width: 320px;
    padding: 25px;
}
.her2 {
    position: absolute;
    right: -7px;
    top: 35px;
}
.Group1 {
    position: absolute;
    z-index: 1;
    max-height: 30px;
    max-width: 30px;
}
.g0 {
    left: 101px;
    height: 64px;
    top: -9px; 
}
 .g1 {
    left: 145px;
    height: 74px;
    top: -16px; 
}
.g2 {
    right: 43px;
    top: 12px; 
}
.g15 {
    right: 2px;
    bottom: 59px; 
}
.g16 {
    right: -8px;
    bottom: 93px; 
}
.g14 {
    right: -11px;
    top: 101px;
    height: 22px; 
}
.g6 {
    left: 127px;
    bottom: -16px;
    height: 70px; 
}
.g12 {
    right: 72px;
    top: -7px;
    height: 63px; 
}
.g3 {
    right: 87px;
    bottom: -15px;
    height: 70px; 
}
.g7 {
    left: 2px;
    bottom: 58px;
    height: 54px;
}
.g8 {
    left: -10px;
    top: 132px;
    z-index: 0; 
}
.g9 {
    left: -12px;
    top: 79px; 
}
.g11 {
    left: 54px;
    top: 5px; 
}
.g13 {
    right: 0px;
    top: 66px;
    height: 30px; 
}
.box-cell h3 { 
    font-size: 22px; 
}
.box-cell h4 { 
    font-size: 18px; 
}
  }

  @media  (min-width:320px) and (max-width:992px)  {
    #footer .sticky-isi-footer ~ .footer{
        margin-top: 500px;
    }
  }