.patient-stories--page br.dtc-home-break {
    display: none;
}

@media screen and (max-width: 365px) {
    .patient-stories--page .video-box .card-footer .footer-btn {
        padding-inline: 10px;
    }
    
    .patient-stories--page .video-box .card-footer {
        padding-inline: 16px;
    }
    
    .patient-stories--page .video-box .card-header {
        left: 16px;
        right: 16px;
    }
    
    .patient-stories--page .scroll-top {
        width: 50px;
        height: 65px;
        background-size: contain;
        /*top: 60vh;*/
    }
    
    .patient-stories--page .row.Sticky_ISI .im-safe-head.mobile_only {
        margin-top: 11px;
    }
    
    .patient-stories--page .Sticky_ISI .tray-open-close span.minimize-button {
        top: -34px;
    }
    
    .patient-stories--page .cmp-modal__modalbox.modal-md button.modal__close:after {
        top: -10px;
    }
    
}

@media screen and (max-width: 374px) {
    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        font-size: 9.5px;
    }
    
    .patient-stories--page #header-grid .topnavigation {
        padding-inline: 5px;
        justify-content: center;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group.cmp-topnavigation__group--menus {
        gap: 4px;
        justify-content: center;
        max-width: 340px;
        margin: auto!important;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(3) .cmp-topnavigation__link {
        min-width: 69px;
        padding-inline: 5px 1px;
        display: inline-block;
    }
    
    
    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        min-width: 68px;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(4) .cmp-topnavigation__link {
        padding-left: 4px;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(2) .cmp-topnavigation__link {
        padding-left: 4px;
    }
    
    .patient-stories--page #header li.top-level-pilink.cmp-topnavigation__item.cmp-topnavigation__item--index-3.cmp-topnavigation__item--level-0 a.cmp-topnavigation__link::after {
        /*top: 1px;*/
        background-size: 9px;
    }
    
    .patient-stories--page #header span.cmp-topnavigation__arrow::after {
        width: 12px;
        height: 12px;
    }
    
}

@media screen and (min-width: 375px) and (max-width: 385px) {
    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        font-size: 11px;
    }

    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(3) .cmp-topnavigation__link {
        min-width: 75px;
    }

    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(4) .cmp-topnavigation__link {
        gap: 4px;
    }

    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        min-width: 70px
    }

    .patient-stories--page #header ul.cmp-topnavigation__group.cmp-topnavigation__group--menus {
        gap: 11px;
    }
    
}

@media screen and (min-width: 400px) and (max-width: 767px) {
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(4) .cmp-topnavigation__link {
        max-width: 105px;
    }
    
    .patient-stories--page #header .cmp-topnavigation__item--level-0 > .cmp-topnavigation__link {
        max-width: 80px;
    }
    
    .patient-stories--page #header-grid .topnavigation {
        justify-content: center;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0:nth-child(3) .cmp-topnavigation__link {
        padding-right: 5px;
    }
    
    .patient-stories--page .row.Sticky_ISI.js-desk-sticky-isi-wrapper {
        height: auto;
    }
    
    .patient-stories--page .row.Sticky_ISI.js-desk-sticky-isi-wrapper .col-xs-12.col-sm-6.padding_right.imp-safe {
        width: 100%;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .patient-stories--page #header-grid .topnavigation {
        justify-content: center;
    }
    
    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        gap: 5px;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group.cmp-topnavigation__group--menus {
        gap: 20px;
    }
    
    .patient-stories--page #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        width: max-content;
        align-items: center;
        font-size: 13px;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group > .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        margin-right: 7px;
    }
    
    .patient-stories--page #header li.top-level-pilink.cmp-topnavigation__item.cmp-topnavigation__item--index-3.cmp-topnavigation__item--level-0 a.cmp-topnavigation__link::after {
        display: inline-block;
        left: 0px;
        width: 14px;
        height: 14px;
        background-size: 100% 100%;
    }
    
    .patient-stories--page #header-grid::after {
        display: none;
    }
    
    .patient-stories--page .row.Sticky_ISI.js-desk-sticky-isi-wrapper {
        height: auto;
    }
    
    .patient-stories--page .row.Sticky_ISI.js-desk-sticky-isi-wrapper .col-xs-12.col-sm-6.padding_right.imp-safe {
        width: 100%;
    }
    
    .patient-stories--page #header .cmp-topnavigation__item.cmp-topnavigation__item--active .cmp-topnavigation__group {
        top: 30px;
    }
    
    .patient-stories--subpage .cmp-carousel__content.cmp-carousel__content--swipe.cmp-carousel__content--swipe--mob.visible-small {
        display: block!important;
    }

}

@media screen and (min-width: 500px) and (max-width: 991px) {
    .patient-stories--subpage .video-subpage-hero-img {
        height: 50vw;
    }
    
    .patient-stories--page .video-box {
        height: 56vw;
    }
    
}

@media screen and (min-width: 992px) and (max-width: 1310px) {
    
    .patient-stories--page .video-box .card-footer {
        padding-inline: 15px;
    }
    
    .patient-stories--page .video-box.card-1:hover .card-footer > a.footer-btn.footer-btn-1,
    .patient-stories--page .video-box.card-1:hover .card-footer > a.footer-btn.footer-btn-2,
    .patient-stories--page .video-box.card-2:hover .card-footer > a.footer-btn.footer-btn-1,
    .patient-stories--page .video-box.card-2:hover .card-footer > a.footer-btn.footer-btn-2,
    .patient-stories--page .video-box.card-3:hover .card-footer > a.footer-btn.footer-btn-1,
    .patient-stories--page .video-box.card-3:hover .card-footer > a.footer-btn.footer-btn-2,
    .patient-stories--page .video-box.card-7:hover .card-footer > a.footer-btn.footer-btn-1,
    .patient-stories--page .video-box.card-7:hover .card-footer > a.footer-btn.footer-btn-2 {
        bottom: 60px;
    }
    
    .patient-stories--page .video-box.card-1,
    .patient-stories--page .video-box.card-2,
    .patient-stories--page .video-box.card-3 {
        --hover-footer-height: 300px;
    }
    
    .patient-stories--page .video-box.card-4,
    .patient-stories--page .video-box.card-5,
    .patient-stories--page .video-box.card-6 {
        --hover-footer-height: 280px;
    }
    
    .patient-stories--page .video-box.card-5 {
        --hover-footer-height: 240px;
    }
    
    .patient-stories--page .video-box.card-7 {
        --hover-footer-height: 360px;
    } 
    
    .patient-stories--page .video-box .card-footer p.hover-para {
        line-height: 24px;
        font-size: 14px;
    }
}
 
 
@media screen and (min-width: 992px) and (max-width: 1160px) {
    .patient-stories--page #header-grid>.aem-Grid {
        max-width: 95%;
    }

    #header .cmp-topnavigation__item--level-0 .cmp-topnavigation__link {
        font-size: 12px;
    }
    
    .patient-stories--page #header ul.cmp-topnavigation__group.cmp-topnavigation__group--menus {
        gap: 20px;
    }
    
    .patient-stories--page .isi .row, .patient-stories--page .isi-side-effects-container .side-effects-copy, .isi-remained {
        padding-inline: 20px;
    }
    
    .patient-stories--page .isi .row .flex > div {
        width: 50%;
    }
    
    .patient-stories--page ul.footer-links {
        margin-bottom: 15px;
    }
        
}

@media screen and (min-width: 1500px) {
    .patient-stories--subpage .video-subpage-hero {
        min-height: 51vw;
    }
    
   .patient-stories--subpage .video-subpage-hero-img{
        height: 51vw;
    }
}