@media (max-width: 1920px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1140px;
        padding-left:20px;
        padding-right:20px;
    }
}

@media all and (max-width:1368px){
    .compassionate-sec .slider-content .content {bottom:22%;}
    .compassionate-sec .slider .slick-prev {right:9%;}
}

@media all and (max-width:1280px){
}

@media all and (max-width:1200px){
    .log-in-sec .left .innerbox {padding:30px;}
}

@media all and (max-width:1024px){
    .banner-content {left:auto;}
    .container {max-width:100%;}
}

@media all and (max-width:992px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        padding-left:60px;
        padding-right:60px;
    }
    .navbar-collapse {
        position: fixed;
        top:0;
        right: 0;
        z-index:11111;
        padding-left: 1px;
        padding-right:1px;
        padding-bottom: 15px;
        width:70%;
        height: 100%;
        background:#fff;
        box-shadow: 0px 3px 17px #00000047;
    }

    .navbar-collapse.collapsing {
        right: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        right: 0;
        transition: right 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: right 500ms ease-in-out;
    }
    .navbar-nav {margin-top:20px;}
    .navbar .navbar-nav .nav-item {padding: 0.5rem 0rem;}
    .navbar .navbar-nav .nav-item .nav-link {padding:16px 16px; white-space:normal; display:flex; align-items:center; justify-content:space-between; font-size: 20px;}
    .navbar-toggler:focus {box-shadow:none;}
    .navbar .nav-item .nav-link::after, .navbar .nav-item .nav-link::before {content:inherit;}
    .container {max-width:100%;}
    .common-banner .banner-ttl {left:0;}
    .navbar .btn-primary {margin-top:10px;}
    .dropdown-menu {border-radius:0px; box-shadow:none; padding-left: 12px;}
    .dropdown-menu a {white-space: break-spaces; border-bottom:none; font-size:16px; font-weight:400; opacity:0.8; padding: 0.5rem 1rem;}
    .homebanner .carousel-caption {width:80%; left:20px;} 
    .health-care-sec .right .content {padding:20px 60px 60px 60px;}
    .navbar-nav.other-menu {border-top: 1px solid rgba(17, 17, 17, 0.2); border-bottom:none; order:1;}
    .header-custom-menu {height:100%; justify-content:space-between;}
    .region-primary-menu {order:1;}
    .navbar-nav {order:0;}
    .compassionate-sec .slider-content .content {bottom:25%;}
    .compassionate-sec .slider .slick-prev {right:14%;}
    .slides-numbers {bottom:0;}
    .leader-sec {padding:80px 0px;}
    .leader-sec .slider .slick-arrow {transform: translateY(-60%);}
    .leader-sec .slider .slick-arrow:active {transform: translateY(-60%) scale(0.9);}
    header {padding:6px 0px;} 
    .terms-use-sec {padding:80px 0px 32px 0px;}
    .disclaimer-sec {padding:80px 0px;}
    .slides-numbers .active {font-size:48px;}
    /* .cause-sec .row.align-items-center {margin-bottom:40px !important;} */
    .treatment-option-sec .container > .row.mb-xxl-5 {margin-bottom:40px !important;}
    .cell-therapy-video-sec .section-ttl {margin-bottom:40px;}
    .leader-sec .section-ttl h1 {margin-bottom:20px !important;}
    .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {padding: 16px 16px;}
    .points-content-row h3 {display:block !important;}
    .points-content-row h3 div {margin-bottom:15px;}
    .points-content-row .content {padding-left:16px;}
    .pri-policy-sec .points-content h3 div {justify-content:flex-start;}
    .immuneel-banner-sec {margin-bottom:60px !important;}
    .qartemi-banner-sec .content {top:20px;}
    .qartemi-banner-sec .content p {font-size:24px;}
    .qartemi-banner-sec .content img {width:300px;}
    .mobile-side-nav {display: block;}
    .mobile-side-nav  .accordion-collapse.show {height:calc(100vh - 60px)}
    .right-side-menu {display:none;} 
    .chat {bottom:60px;}
    .chat svg {width:62px !important;}
    .log-in-sec {position:inherit;}
}

@media all and (max-width:830px){
    body {font-size:16px;}
    h1 {font-size:40px;}
    h2 {font-size:38px;}
    h3 {font-size:24px;}
    h4 {font-size:18px;}
    label {font-size:18px;}
    p {font-size:20px;}
    .confirmation-hcp-screen .modal-body p {font-size:18px;}
    .confirmation-hcp-screen .modal-body span.note {font-size:18px;}
    .mb-6 {margin-bottom:60px;}
    .videobanner .content {left:0; padding-left:60px;}
    .videobanner .content h1 {font-size:34px; margin-bottom:10px !important;}
    .videobanner .content p {font-size:20px; width:100%;}
    .section-ttl.mb-5 {margin-bottom:1.5rem !important;}
    .copyright {text-align:center; margin-bottom:10px;}
    .footer-nav {text-align:center !important;}
    footer .left img {width:50%;}
    .homebanner .carousel-caption h1 {font-size:50px;}
    .homebanner .carousel-caption p {font-size:20px; width:100%;}
    .treatment-center-sec .right .search-btn label {display:none;}
    .treatment-center-sec .right button {margin-left:0px; margin-top:24px; width:100%; padding:19px 20px;}
    .confirmation-hcp-screen .modal-body {padding:30px;}
    .confirmation-hcp-screen .modal-body .modal-btn a:first-child {margin-right:30px;}
    .common-banner .content {left:0;}
    .common-banner .content h1 {font-size:40px;}
    .terms-use-sec {padding:40px 0px;}
    .disclaimer-sec {padding:40px 0px;}
    .overview-sec {padding:40px 0px;}
    .slides-numbers {bottom:-38px;}
    .leader-sec .slider .slick-arrow {transform: translateY(20%);}
    .leader-sec .slider .slick-arrow:active {transform: translateY(20%) scale(0.9);}
    .leader-sec .right p {-webkit-line-clamp:6;}
    .abt-us figure img {height:auto;}
    .qartemi-banner-sec .content figure {margin-bottom:16px;}
    .qartemi-banner-sec .content p {font-size:20px;}
    .qartemi-banner-sec .content img {width:250px;}
    .qartemi-banner-sec .imgbox {height:auto;}
    .qartemi-banner-sec .imgbox img {width:100%; height:100%; object-fit:cover;}
    .compassionate-sec .slider-content .content h3 {font-size:16px; width:70%;}
    .log-in-sec .right {display:none;}
    .copyright {order:1;}
    .footer-nav {order: 0;}
    .navbar-expand-lg .navbar-nav .nav-link img {width:20px; margin-right:10px;}
    .navbar-nav .dropdown-menu {display:block;}
}

@media all and (max-width:767px){
    h1 {font-size:32px;}
    h2 {font-size:26px;}
    h3 {font-size:24px;}
    h4 {font-size:20px;}
    .caregive-sec .box a {font-size:16px;}
    .therapy-sec .box p {font-size:16px;}
    .btn, .btn:hover, .btn:focus {padding: 18px 30px; font-size:18px;}
    .faq-sec .accordion-button {font-size:20px;}
    .cell-therapy-video-sec .section-ttl {margin-bottom:30px;}
    .cart-sec .left ul {margin-bottom:24px;}
    .cart-sec .left a {margin-top:24px;}
    .treatment-center-sec {padding:40px 0px !important;}
    .qartemi-content-sec .left-side {order:1;}
    .qartemi-banner-sec .content {left:auto;}
    .qartemi-banner-sec .content figure {margin-bottom:20px;}
    .qartemi-banner-sec .content figure img {width:200px;}
    .pediatric-sec .col-12 p {font-size:20px;}
    .banner-below-content p {font-size:20px !important;}
    .cause-sec .right ul li {font-size:20px}
    .cause-sec .cause-para p {font-size:20px;}
    .treatment-option-sec {padding:50px 0px;}
    .qestion-sec-other {padding:50px 0px;}
    .faq-sec .left-side {order:1;}
    .faq-sec .right-side {order:0; margin-bottom:50px;}
    .process-sec .card .card-body {padding:30px;}
    .question-sec-still {padding:30px;}
    .leader-sec .slick-list {height:auto !important;}
    .leader-sec .slider__item img {height:300px;}

    
    
}

@media all and (max-width:576px){
    .navbar-brand img {width:160px;}
    .btn {width:100%;}
    .js-form-submit {width:100%;}
    .homebanner .carousel-caption h1 {font-size:40px; margin-bottom:10px !important;}
    .homebanner .carousel-inner img {height:400px;}
    .chat-sec {bottom:10px; right:0;}
    .chat-sec img {width:50%;}
    footer {padding: 50px 0px 50px 0px;}
    .copyright {text-align:left; order:1;}
    .footer-nav {text-align:left !important; order: 0;}
    .footer-nav ul li {display:block;}
    .footer-nav ul li {padding:5px 12px 5px 0px;}
    footer .right::before {width:100%; left:0;}
    .compassionate-sec .slider-thumb {position:inherit !important; top:20px;}
    .compassionate-sec .slider-thumb div {height:50px;}
    .compassionate-sec .slider-content .content {bottom:0; margin-bottom:20px;}
    .leader-sec {padding:40px 0px;}
    .leader-sec .slider__counter {position:inherit; font-size:30px;}
    .leader-sec .right p {-webkit-line-clamp:6;}
    .leader-sec .slider .slick-arrow {transform: translateY(120%);}
    .leader-sec .slider .slick-arrow:active {transform: translateY(120%) scale(0.9);}
    .slides-numbers {position:inherit; padding-top:20px; bottom:inherit;}
    .slides-numbers .active {font-size:32px;}
    .slides-numbers .total {font-size:20px;}
    .leader-sec .slider__item img {width:100%;}
    .journey-sec {padding:50px 0px;}
    .videobanner .content {height:auto; top:80px; bottom:auto; padding:0px 20px;}
    .videobanner .content h1 {font-size:40px;}
    .videobanner .content p {margin-bottom:20px !important; font-size:24px;}
    .caregive-sec .box .card .card-body {padding:20px !important;}
    .confirmation-hcp-screen .modal-body .modal-btn a {display:block; text-align:center;}
    .confirmation-hcp-screen .modal-body .modal-btn a:first-child {margin-bottom:16px;}
    .product-slider .slick-slide {padding:0px 20px;}
    .our-program-sec .qartemi-slider {left:-20px;}
    .our-program-sec .product-slider {left:0;}
    .health-care-sec .left img {height:400px;}
    .health-care-sec .right a.btn {width:100%;}
    .therapy-sec .box .card a.btn {width:100%;}
    .health-care-sec .right .content {padding:20px 20px 40px 20px;}
    .desktop-video-banner {display:none;}
    .mobile-banner-video {display:block;}
    .abt-us .container .row .col-12 > h1 {font-size:40px !important;}
    .compassionate-sec .slider-content img {height:200px;}
    .qestion-sec a.btn {width:100%;}
    .journey-sec .container > .row.mb-xxl-5 {margin-bottom:40px !important;}
    footer .left img {width:200px;}
    /* .cause-sec .row.align-items-center {margin-bottom:20px !important;} */
    .cause-box figure {margin-bottom:12px !important; height:300px;}
    .cause-box figure img {width:100%; height:100%; object-fit:cover;}
    .cause-sec .left {order:1;}
    .cause-sec .right {order:0;}
    .cause-sec .left figure {height:300px;}
    .cause-sec  .left figure img {width:100%; height:100%; object-fit:cover;}
    .treatment-option-sec .container > .row.mb-xxl-5 {margin-bottom:40px !important;}
    .cart-sec .left {order:1;}
    .cart-sec .right {order:0;}
    .cart-sec .right figure {height:300px;}
    .cart-sec .right figure img {width:100%; height:100%; object-fit:cover;}
    .resolution-sec ul li {font-size:20px;}
    .abt-us {margin-top:20px !important;}
    .terms-sec {margin-top:20px !important;}
    .overview-sec .faq-sec .left {order:1;}
    .overview-sec .faq-sec .right {order:0;}
    .points-content-row {margin-bottom:24px !important;}
    .common-banner .content {bottom:40px;}
    .qartemi-banner-sec .content {top:40px;}
    .qartemi-banner-sec .imgbox {height:380px;}
    .qartemi-banner-sec .imgbox img {object-position:left;}
    footer .box ul li a {font-size:20px; padding:8px 0px;}
    .chat a {width:60px; height:60px;}
    .chat a img {width:32px;}
    .site-logo img {width:150px;}
    .confirmation-hcp-screen .modal-body .modal-btn {margin-top: 40px;}
    .pediatric-sec figure {margin-bottom:24px; margin-top:24px !important;}
    .common-form .box {margin-bottom:32px;}
    .read-acc .accordion-header button h6 {display:none;}
    .read-acc .accordion-button, .read-acc .accordion-button:not(.collapsed) {padding: 16px 20px;}
    .bio-modal .modal-body {padding-bottom:30px;}
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        padding-left:20px;
        padding-right:20px;
    }
    .homebanner .carousel-indicators {margin-left:40px; margin-bottom:40px;}
    .adverse-sec .webform-button--previous {margin-right: 40px;}
    .ttl-line h6:after {margin-left: 45px; width: 58%;}
    .webform-confirmation-modal {width:90% !important; margin:0 auto; right:auto;}
}

@media all and (max-width:480px){
    .member-box img {height:180px;}
}

@media all and (max-width:360px){
}