@charset "utf-8";

/* CSS Document */

/* Medium Layout: 1280px. */


.phone-call.hair-loss-section {
    top: 12px;
}

@media (min-width: 1921px) and (max-width: 10000px) {

    .container,
    .megamenu-block .container {
        max-width: 2200px;
        padding-left: 100px;
        padding-right: 100px;
    }

    .index3-banner-area {
        background-size: cover;
        background-position: center right;
    }

    .treatment-items-details {
        width: 85%;
        margin-left: 15%;
    }

    .megamenu4-right-area {
        max-width: 420px;
    }

    .megamen4-left-call {
        padding: 20px 20px 20px 70px;
    }

    .megamen3-right-text-call:after {
        left: -110%;
    }
}

@media (min-width: 1200px) and (max-width: 1920px) {

    .np7-tpa-right .treatment-btn a,
    .ftb-title ul li a {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 10000px) {
    .megamenu-block {
        position: absolute;
        left: 0px;
        top: -600px;
        width: 100%;
        z-index: -1;
    }

    .megamenu-block.mega-active {
        opacity: 1;
        visibility: visible;
        z-index: -1;
        top: 37px;
        border-top: 2px solid #e8e9ea;
    }

    .megamenu>a:before {
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 9px solid #e8e9ea;
        position: absolute;
        left: 50%;
        margin-left: -30px;
        bottom: -30px;
        content: "";
        z-index: 5;
        -webkit-transition: all 0.6s ease 0s;
        transition: all 0.6s ease 0s;
        opacity: 0;
        visibility: hidden;
    }

    /*.megamenu > a.active:before, .submenu > ul > li:hover > a:before {bottom: -10px;opacity: 1;visibility: visible;} 
.submenu > ul > li:hover .megamenu-block, .submenu > ul > li:hover .mediumMenu-block{opacity: 1;visibility: visible;z-index: -1;top: 37px;}    */

}

@media (max-width:1350px) {
    .megamen4-right-text {
        padding: 10px 15px;
    }

    .megamen4-right-text p {
        /*font-size: 12px;*/
        letter-spacing: 0;
    }

}

@media (min-width:992px) and (max-width:1047px) {
    .sexual-health-head-bottom {
        margin-top: 20px;
    }
}

@media (min-width:992px) and (max-width:1047px) {
    .primary-care-head-bottom {
        margin-top: 20px
    }
}

@media (min-width:992px) and (max-width: 1250px) {

    .megamenu4-right-area .main-btn {
        font-size: 11px
    }

    .mainmenu ul li a {
        padding: 10px 6px;
    }

    .header-right {
        margin-left: 0px;
    }

    .megamenu3-left ul li {
        width: 50%
    }

    .megamen3-right-text .main-btn {
        font-size: 12px;
        padding: 7px 15px;
    }

    .mega-menu4 .megamenu3-left-icon ul li {
        width: 50%;
    }

    .mega-menu4 .megamenu3-left-icon ul li {
        white-space: normal;
    }

    .megamen4-left-call {
        padding: 24px 10px 22px 60px;
    }

    .megamen4-left-call::before {
        left: 16px;
    }

    .megamen4-left-call h5 {
        font-size: 14px;
    }

    .megamen4-left-call p {
        font-size: 12px;
    }

    .inner-banner-btn-area2 {
        padding-right: 0;
    }

    .inner-banner-area2 {
        padding-bottom: 130px;
    }

    .footer-menu {
        justify-content: flex-start;
    }

    .footer-menu-item {
        max-width: 33%;
        width: 100%;
    }

    .legitscript-icon {
        max-width: 33%;
        text-align: left;
    }

    .footer-cpy-right {
        display: block;
    }

    .footer-cpy-card {
        margin: 15px 0 0
    }

    .inner-banner-img {
        width: 475px;
    }

    .new-page .new-inner-banner-icon {
        margin-left: 5px;
    }

    .new-page .inner-banner-txt .icon-txt {
        font-size: 12px;
        letter-spacing: 0px
    }

    .real-care-section {
        overflow: hidden;
    }

    .real-care-mobile {
        right: -140px;
        max-width: 580px;
    }

    .real-care-item.bottom-item li {
        width: 40%;
    }

    .new-inner-img1 {
        max-width: 550px;
    }

    .new-page1-banner p br,
    .primary-slider-item p br {
        display: none;
    }

    .new-inner-btn-area {
        flex-wrap: wrap;
    }

    .new-page1-banner .new-inner-btn {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .primary-slider-area {
        padding-left: 40px;
    }

    .primary-slider-area .slick-dots {
        left: 40px;
    }

    .primary-care-bottom-details .new-inner-btn-area {
        padding-left: 0px;
    }

    .new-page1-faq {
        padding-top: 80px;
    }

    .np2-banner-silder-area,
    .cards-box {
        left: -40px;
    }

    .np2-banner-bottom {
        padding-top: 70px;
    }

    .treatment-items-area.bottom .treatment-img {
        max-width: 400px;
    }

    .treatment-items-block {
        padding-left: 30px;
    }

    .np2-treatment .treatment-btn {
        flex-wrap: wrap;
    }

    .np2-whats-item {
        padding: 30px 15px;
    }

    .np3-banner .new-inner-btn {
        max-width: 360px;
    }

    .np3-primary-area .primary-care-bottom-details .new-inner-btn {
        margin-bottom: 15px
    }

    .np3-rc-area .real-care-item.bottom-item li {
        width: 50%;
    }

    .np3-rc-area .real-care-mobile {
        max-width: 560px;
        right: -290px
    }

    .np4-banner-img {
        max-width: 51%;
    }

    .np4-banner .np2-banner-silder-area {
        left: 90px;
    }

    .np4-oss-txt-slider {
        padding: 20px 0 0 20px;
    }

    .np4-oss-txt-slide-item p {
        font-size: 18px;
        line-height: 24px;
    }

    .np4-cyh-item-details {
        min-height: auto
    }

    .np4-wte-item-img {
        padding: 30px 0 24px;
    }

    .np4-wte-item-img img {
        max-width: 100px
    }

    .np4-wte-item-img::before {
        height: 200px;
        left: 0;
        width: 200px;
    }

    .np5-banner-img {
        top: 50px;
    }

    .np5-banner-img img {
        max-width: 200px;
    }

    .np5-banner-silder-area {
        left: 100px;
        padding: 15px 100px 0px 82px;
        max-width: 430px;
    }

    .np5-treatment-area .treatment-items-area.bottom .treatment-img,
    .np5-treatment-area .treatment-items-area .treatment-img {
        max-width: 200px;
    }

    .np5-treatment-area .treatment-items-area.bottom .treatment-img::before {
        left: -95px;
        top: 96px;
    }

    .np5-treatment-area .treatment-img::before {
        top: 106px;
    }

    .np5-treatment-area .treatment-items-block.prescription {
        padding-left: 240px;
    }

    .np6-banner .inner-banner-txt h2 {
        line-height: 40px;
    }

    .np6-banner .inner-banner-txt p {
        padding-right: 0;
    }

    .np6-banner-btn-area {
        flex-wrap: wrap;
    }

    .get-xx {
        margin: 0 0 14px
    }

    .np6-banner .new-inner-banner-icon ul li {
        max-width: 50%;
    }

    .np6-powered-item {
        width: 50%;
    }

    .np6-powered-top p br {
        display: none;
    }

    .np6-powered-item:nth-child(2),
    .np6-powered-item:nth-child(6) {
        border-right: none
    }

    .np6-powered-item:nth-child(5),
    .np6-powered-item:nth-child(6) {
        border-bottom: 1px solid #e5e5e5
    }

    .np6-wts-area {
        padding-bottom: 0px;
    }

    .np6-wts-bg {
        position: static;
        height: 500px;
    }

    .np7-banner .inner-banner-txt p {
        padding-right: 0;
    }

    .np7-banner .new-inner-btn {
        max-width: 100%;
    }

    .np7-esa {
        max-width: 100%;
    }

    /* .np7-esa .treatment-items-area { padding: 25px 0 0;}
    .np7-esa .treatment-img,.np7-esa .treatment-items-area.bottom .treatment-img {margin: 0 auto;max-width: 150px;position: relative;text-align: center;}
    .np7-esa .treatment-items-details {margin-left: 0;padding: 40px 30px 30px;width: 100%;}
    .np7-esa .treatment-items-block.prescription { padding:0} */
    .finasteride-area-img {
        max-width: 150px;
    }

    .finasteride-txt-bottom {
        padding: 30px 30px 30px 113px;
    }

    .ftb-title li {
        margin: 0 0 13px;
    }

    .finasteride-txt-bottom::before {
        height: 68%;
    }

    .stickycontainer {
        position: static;
    }

    .stickyMenu-block {
        width: 100%;
        padding-bottom: 40px;
    }

    .np7-esa-menu {
        background-color: #fff;
        display: block !important;
        z-index: 5;
    }

    .np7-esa-menu ul {
        display: flex;
        overflow: auto;
        padding: 0 0 15px 15px;
    }

    .np7-esa-menu ul li {
        margin-right: 20px;
    }

    .np7-esa-menu ul li a {
        white-space: nowrap;
    }

    .p7-esa-title-block::before {
        height: 80px;
        top: -40px;
    }

    .np7-tpa-left,
    .np7-tpa-right {
        max-width: 100%;
    }

    .np7-tpa-right {
        margin-top: 30px
    }

    .np7-banner-btl {
        bottom: -59px;
        max-width: 240px;
        right: -48px;
    }

    .medication-page .header-bottom-menu,
    .medication-page .sub-menu-arrow:before {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .medication-page .header-height {
        height: 84px;
    }

    .medication-page .np7-esa-menu {
        top: 84px !important;
    }

    .np7-esa-menu ul {
        background-color: #fff;
        margin-left: -1px;
    }

    .np7-banner-img {
        margin-bottom: 0px;
    }

    .np7-banner-img::before {
        height: 400px;
        width: 400px;
    }

    .np8-banner-bottm-details ul li span {
        margin: 0 auto 28px;
    }

    .np8-banner-bottm-details ul li {
        justify-content: center;
        text-align: center;
        width: 23%;
    }

    .np8-can-it-area .can-it-tab-details ul li a {
        font-size: 18px;
    }

    .tab-3-content {
        padding-bottom: 30px;
    }

    .np8-process-item-img {
        min-height: 290px;
    }

    .np8-whats-img {
        max-width: 400px;
    }

    .np8-cd-item-img img {
        max-height: 220px;
        max-width: 200px;
    }

    .np8-crown-down-item .main-btn {
        padding: 10px;
    }

    .np8-crown-down-item .main-btn span {
        font-size: 9px;
    }

    .np8-whats-item span {
        height: 60px;
        line-height: 60px;
        width: 60px;
        margin-top: 15px;
    }

    .accordion__head::before {
        top: 26px;
        transform: translate(0px, 0%);
    }

    .np6-wts-area.np8-pq {
        padding-top: 0
    }

    .np6-wts-area.np8-pq::before {
        bottom: 0;
        height: 433px;
        top: inherit;
        z-index: -1;
    }

    .np8-banner-bottm-details ul li h5 {
        width: 100%;
    }

    .np6-banner-bottle img {
        max-width: 180px;
    }

    .np8-banner {
        background-position: center right 57%;
    }

    .np8-banner .inner-banner-txt p br {
        display: none;
    }

    .np10-banner {
        padding-top: 60px;
    }

    .np10-banner .inner-banner-txt h2 span {
        font-size: 30px;
    }

    .np10-banner .new-inner-btn {
        max-width: 49%;
        margin: 0
    }

    .np10-banner .new-inner-btn .main-btn {
        font-size: 12px;
        padding: 15px 14px;
    }

    .np10-banner .new-inner-banner-icon {
        margin: 0 0 0 15px;
    }

    .np10-banner-img {
        bottom: -100px;
    }

    .np10-btl-img {
        bottom: -140px;
        max-width: 140px;
    }

    .np10-can-it-area {
        padding-top: 140px;
    }

    .np10-profile-txt {
        padding-left: 0;
    }

    .np10-doctor-details {
        padding: 60px 0 30px 30px;
    }

    .np10-dr-bottom-area .icon-img {
        max-width: 44px;
    }

    .np10-dr-bottom-area .icon-img img {
        max-width: 32px;
    }

    .np10-dr-bottom-area .icon-txt {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
    }

    .np10-doctor-bottom-link .main-btn {
        font-size: 14px;
    }
}

@media (min-width:992px) and (max-width: 1080px) {
    .megamen3-img-slider {
        width: 230px;
        height: 236px;
    }

    .megamen3-right-text-call {
        margin-left: -20%;
        width: 120%;
    }

    .megamenu3-right-area:after {
        height: 97px;
    }

    .megamen3-img-slider:before {
        background-image: url(../images/mega-menu3-image-border2.png);
        height: 100%;
        right: -1px;
    }

    .megamenu3-left ul li span {
        white-space: normal;
    }

    .megamenu3-right-area:before {
        left: 180px;
    }

    .megamenu3-left-icon .icon-txt {
        font-size: 14px;
        line-height: 20px;
        margin-left: 0px;
    }

    .megamen4-right-text {
        padding: 10px 10px 7px;
    }

    .megamenu4-right-area .main-btn {
        font-size: 11px;
    }

    .np7-esa .treatment-items-area.bottom .treatment-img {
        right: 11px;
    }

}

/* Tablet Layout: 991px. */
@media (min-width:100px) and (max-width: 991px) {
    .header-top .wrapper {
        width: 100%;
    }

    .mobile-menu-wrapper,
    .sub-menu-arrow ul {
        display: block;
    }

    .mainmenu {
        display: none;
    }

    .header-height {
        height: 89px;
    }

    .nav-mobile {
        overflow-y: auto;
    }

    .submenu>ul>li>a {
        font-size: 15px;
    }

    .submenu>ul>li>a:after {
        right: 0px;
        width: 1px;
    }

    .megamenu-block {
        position: fixed;
        opacity: 0;
        visibility: hidden;
        z-index: -100;
        width: 100%;
        height: 100%;
        padding-bottom: 104px;
        left: 0px;
        top: -50%;
        box-shadow: none;
        border-top: 0px;
    }

    .megamenu>a:before {
        position: absolute;
        height: 2px;
        border: 0px;
        width: 0;
        bottom: 3px;
        content: "";
        z-index: 5;
        opacity: 0;
        visibility: hidden;
        left: 23%;
        background-color: #b32025;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .megamenu>a.active:before {
        opacity: 1;
        visibility: visible;
        width: 54%;
    }

    .megamenu-area {
        padding-top: 0px;
    }

    .megamenu-block .container {
        max-width: 100%;
        overflow-y: auto;
        max-height: 100%;
        padding: 0px 15px;
    }

    .megamenu-block.mega-active {
        top: 121px;
        opacity: 1;
        visibility: visible;
        z-index: 10;
    }

    .megamenu-get-started {
        padding: 15px;
    }

    .megamenu-get-started:before {
        width: 100%;
        top: 0px;
        height: 100%;
    }

    .megamenu3-right-area {
        padding-top: 30px;
    }

    .megamenu3-right-area:before {
        width: 120%;
        top: 0px;
        height: 100%;
        right: -15px;
        left: auto;
    }

    .megamenu3-right-area:after {
        width: 120%;
        right: -15px;
        left: auto;
        height: 105px;
    }

    .megamen3-right-text-call:before {
        left: 72px;
        top: 30px;
    }

    .megamen3-right-text-call {
        padding: 20px 20px 20px 120px;
        max-width: 100%;
        height: auto;
        font-size: 16px;
    }

    .megamen3-right-text-call p {
        margin-bottom: 0px;
    }

    .megamen3-right-text-call h6 {
        font-size: 20px;
    }

    .megamen3-img-slider {
        width: 332px;
        height: 328px;
    }

    .megamen3-img-slider::before {
        background-image: url(../images/mega-menu3-image-border2.png);
    }

    .megamen3-right-img img {
        max-width: 329px;
    }

    .megamen3-img-slider {
        border-top: 0px;
    }

    .lastInMobile {
        order: 2;
    }

    .megamen4-right-img img {
        width: 100%;
    }

    .megamen4-img-slider {
        width: 100%;
        overflow: hidden;
        background-color: none;
        height: auto;
    }

    .megamen4-img-slider::before {
        height: auto;
        background-size: 100%;
    }

    .megamen4-left-call::after {
        display: none
    }

    .megamenu-call-for-mobile {
        display: none;
    }

    .megamenu4-left.right {
        padding-left: 0px;
        border: 0px;
    }

    .megamenu4-left {
        padding-bottom: 30px;
        min-height: 10px;
    }

    .megamenu4-left ul {
        padding-left: 30px;
    }

    .megamenu4-left-icon {
        margin-top: 0px;
        padding-bottom: 15px;
    }

    .megamenu4-left-icon:before {
        width: 100%;
    }

    .cell-info-mobile {
        display: block;
        margin: 15px 0;
        background-color: #cbab78;
    }

    .cell-info-mobile .megamenu-call-for-mobile {
        margin-top: 0px;
        position: relative;
        display: block;
    }

    .megamen3-right-text-call::after {
        display: none;
    }

    .megamenu4-right-area {
        padding-bottom: 0px;
        background: none;
    }

    .megamenu4-right-area .main-btn {
        padding: 14px 15px;
        font-size: 14px;
        margin-top: 25px;
        position: relative;
        box-shadow: 6px 20px 20px 0px rgba(200, 200, 200, 0.5);
        max-width: 100%;
    }

    .megamenu4-right-area .main-btn:before {
        position: absolute;
        top: -50px;
        content: "";
        background: url("https://res.cloudinary.com/conversion-labs-inc/image/upload/v1606322701/RexMD/misc-icons/btn-arrow-left_oz119f.svg") no-repeat left top;
        background-size: 100% auto;
        width: 44px;
        height: 80px;
        left: 10%;
    }

    .megamenu4-right-area .main-btn:after {
        position: absolute;
        top: -50px;
        content: "";
        background: url("https://res.cloudinary.com/conversion-labs-inc/image/upload/v1606322701/RexMD/misc-icons/btn-arrow-right_w4w8tk.svg") no-repeat left top;
        background-size: 100% auto;
        width: 44px;
        height: 80px;
        right: 10%;
    }

    .megamenu3-left h6 {
        border-bottom: 1px solid #b99459;
        padding-bottom: 10px;
    }

    .megamenu3-left ul,
    .megamenu3-left.right>ul {
        margin-left: 30px;
    }

    .header-area {
        padding: 0px;
    }

    .header-area .logo {
        padding: 5px 0px;
    }

    .header-area .getStarted-btn {
        border-radius: 0px;
        padding: 20px 15px;
    }

    .banner-txt {
        padding-top: 0px;
    }

    .banner-img {
        padding-left: 0px;
    }

    .banner-img:before {
        top: -58px;
    }

    .banner-review {
        position: relative;
        z-index: 1;
        padding: 30px 0px;
    }

    .can-it-txt-area {
        padding: 30px 0px 30px 15px;
    }

    .can-it-txt {
        padding-left: 45px;
    }

    .can-it-txt-slider .slick-arrow {
        right: -60px;
    }

    .pStatic-mobile {
        position: static;
    }

    .can-it-img {
        position: absolute;
        left: 0px;
        bottom: -50px;
        max-width: 450px;
        height: 92%;
        display: flex;
        align-items: flex-end;
    }

    .treatment-items-area {
        padding: 40px 0px;
    }

    .can-it-area:before {
        height: 440px;
    }

    .treatment-area {
        overflow: hidden;
    }

    .treatment-img {
        top: 50%;
        max-width: 260px;
        transform: translatey(-50%);
    }

    .treatment-items-details {
        width: 86%;
        margin-left: 14%;
    }

    .treatment-item-top h3 {
        font-size: 32px;
    }

    .treatment-item-top p {
        font-size: 20px;
    }

    .treatment-price-area {
        padding-right: 15px;
    }

    .treatment-price {
        margin-right: 30px;
    }

    .treatment-price span {
        font-size: 42px;
    }

    .treatment-items-details ul li a {
        font-size: 13px;
    }

    .treatment-items-area.bottom {
        padding-top: 80px;
    }

    .treatment-items-area.bottom .treatment-img {
        left: inherit;
        bottom: 0px;
        right: -60px;
        max-width: 360px;
        transform: none;
        top: auto;
    }

    .whats-items-details {
        padding: 30px 15px;
    }

    .whats-title p br,
    .client-txt-holder p br,
    .inner-banner-bottom-txt p br {
        display: none;
    }

    .client-mobile-bg {
        width: 260px;
    }

    .client-mobile-bg:before {
        width: 70%;
        left: 15%;
    }

    .client-slider-item {
        min-height: 380px;
    }

    .client-slider {
        padding: 0px 0px 0px 45px;
    }

    .client-img img {
        max-width: 230px;
    }

    .client-txt {
        padding-left: 60px;
    }

    .client-txt h4 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .client-txt-holder::before,
    .client-txt-holder::after {
        width: 30px;
    }

    .client-txt-holder::after {
        right: 20%;
    }

    .client-txt-holder {
        padding: 10px 0px;
    }

    .client-txt-holder p {
        font-size: 20px;
    }

    .client-slider .slick-arrow {
        left: 50%;
    }

    .the-process-txt {
        padding: 20px 15px;
    }

    .footer-menu ul li a {
        font-size: 14px;
    }

    .megamenu3-left {
        padding-bottom: 20px;
    }

    .megamenu3-left ul {
        justify-content: flex-start;
    }

    .get-the-area::before {
        height: 66%;
    }

    .get-the-bottom-crown {
        margin-top: 0;
    }

    .the-rex-item.for-dot::before {
        display: none;
    }

    .why-choose-img {
        margin-top: 0px;
        text-align: center;
        padding: 0px 30px;
        margin-bottom: 40px;
    }

    .why-choose-img img {
        max-width: 500px;
        width: 100%;
    }

    .the-rex-area {
        overflow: hidden;
    }

    .inner-banner-txt2 {
        padding-top: 30px;
    }

    .inner-banner-txt2 h2 {
        font-size: 42px;
        line-height: 48px;
    }

    .inner-banner-txt2 h2 br,
    .tab-content-top-details br {
        display: none;
    }

    .inner-banner-img2 {
        position: static;
    }

    .inner-banner-area2 {
        padding-bottom: 0px;
    }

    .get-the-area2::after {
        height: 74%;
    }

    .bottle-img-item {
        height: 430px;
        padding: 0px 15px;
    }

    .slick-current.bottle-img-item span img {
        max-width: 120px;
    }

    .bottle-img-big img {
        max-width: 120px;
    }

    .bottle-img-item span img {
        max-width: 80px;
    }

    .slick-current .bottle-img-big img {
        max-width: 180px;
        width: 90%;
    }

    .bottle-group-items {
        padding-left: 0px;
        padding-right: 0px;
    }

    .inner-banner-btn-area2 {
        padding-right: 0;
    }

    .why-choose-area-details2 ul {
        flex-wrap: wrap;
    }

    .why-choose-area-details2 ul li {
        width: 50%;
        padding-top: 20px;
    }

    .index3-banner-area {
        background-size: cover;
        background-position: center left;
        padding: 80px 0;
    }

    .why-choose-area2:before,
    .why-choose-area2:after {
        background-size: 100% auto;
    }

    .why-choose-area2:before {
        width: 200px;
        background-position: left bottom;
    }

    .why-choose-area2:after {
        width: 160px;
        background-position: left top;
    }

    .why-choose-img2 img {
        max-width: 400px;
    }

    .footer-menu {
        justify-content: flex-start;
    }

    .footer-menu-item {
        max-width: 33%;
        width: 100%;
    }

    .legitscript-icon {
        max-width: 33%;
        text-align: left;
    }

    .footer-cpy-right {
        display: block;
    }

    .footer-cpy-card {
        margin: 15px 0 0
    }

    .get-the-item-txt2-details {
        margin-bottom: 30px;
    }

    .megamenu3-left-icon {
        margin-top: 0px;
        position: static;
        width: 100%;
    }

    .important-img img {
        max-width: 80px;
    }

    .new-inner .get-the-bottom-item .main-btn {
        line-height: 42px;
    }

    .king,
    .get-started {
        overflow: hidden;
    }

    .new-inner .get-the-bottom-crown img {
        padding-bottom: 30px;
        width: 120px;
    }

    .process::before {
        margin-left: -70px;
        border-left: 70px solid transparent;
        border-right: 70px solid transparent;
        top: -20px;
    }

    .new-inner-img1 {
        position: static;
        padding: 0px 0px 40px;
        text-align: center;
    }

    .new-inner-img1 img {
        max-width: 400px;
    }

    .telehealth-process::before {
        top: 0px;
        border: 0px;
        margin: 0px;
    }

    .real-care-section {
        padding-bottom: 0px;
    }

    .real-care-mobile {
        position: static;
    }

    .primary-care-img {
        position: relative;
    }

    .primary-slider-area {
        padding-left: 0px;
        margin-top: 40px;
    }

    .primary-slider-area .slick-dots {
        left: 0px;
    }

    .primary-care-bottom-area {
        margin-top: 20px;
    }

    .new-page1-faq {
        padding-top: 60px;
    }

    .primary-care-bottom-details .new-inner-btn-area {
        padding-left: 0px;
    }

    .np2-inner-img {
        text-align: right;
    }

    .np2-banner-silder-area,
    .cards-box {
        left: -40px;
        min-height: 300px;
    }

    .treatment-img {
        position: relative;
        transform: none;
        width: 100%;
        text-align: center;
        margin: 0px auto;
    }

    .np2-treatment .treatment-items-details {
        margin-left: 0px;
        width: 100%;
        position: relative;
        z-index: 0;
        margin-top: -50px;
        border-radius: 8px;
        padding: 40px 0px 10px;
    }

    .treatment-items-area.bottom .treatment-items-details {
        border-radius: 8px;
    }

    .treatment-items-block {
        padding: 30px;
    }

    .treatment-items-block.prescription {
        padding: 30px;
    }

    .treatment-item-top {
        padding: 0px 15px 15px;
    }

    .treatment-price-area {
        padding-left: 15px;
    }

    .treatment-items-area.bottom .treatment-img {
        position: static;
    }

    .np2-the-process-items {
        flex-wrap: wrap;
    }

    .np2-the-process-item {
        width: 100%;
    }

    .np2-the-process-item::before {
        display: none;
    }

    .np2-whats-item {
        padding: 30px 15px;
    }

    .np2-whats-item-top span img {
        width: 70px;
    }

    .np2-whats-title p br {
        display: none;
    }

    .np2-whats-title::before {
        top: 28px;
    }

    .np2-treatment .treatment-img {
        margin-top: 0px;
        max-width: 200px;
    }

    .np2-treatment .treatment-items-area.bottom .treatment-img {
        max-width: 400px;
    }

    .np2-whats-area {
        padding: 60px 0px;
    }

    .np2-treatment {
        padding-bottom: 0px;
    }

    .about-premature-img {
        padding-left: 0px;
    }

    .np3-banner .np3-banner-img {
        position: static;
        margin-bottom: -1px;
    }

    .np3-primary-img-sliders {
        position: static;
    }

    .n3p-sliper-area {
        padding: 60px 0px;
    }

    .np3-rc-area .real-care-item.bottom-item li {
        width: 50%;
    }

    .np3-primary-slider-block {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .np3-primary-slider-block:before {
        background-image: url(https://res.cloudinary.com/conversion-labs-inc/image/upload/v1606334644/RexMD/vertical-slider-overlay_ntazky.svg);
        height: 90px;
        width: 101%;
        background-size: 100% auto;
        top: auto;
        bottom: -1px;
        background-position: center bottom;
        right: -1px;
    }

    .np3-primary-area {
        min-height: 400px;
    }

    .np3-primary-area::before {
        display: none;
    }

    .np3-primary-details {
        padding-top: 40px;
    }

    .np3-primary-title h2 {
        color: #151b2f;
    }

    .np3-primary-title {
        position: relative;
    }

    .np3-slide-primary-item {
        height: 480px;
    }

    .np3-primary-slider-block .slick-dots {
        padding-right: 0px;
        bottom: 50px;
    }

    .np3-primary-slider-block .slick-dots li button {
        width: 40px;
    }

    /*.np3-primary-title:before {
	background-color: #d9b377;
	content: "";
	display:block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 203.8px;
	width: 84%;
}*/
    .np4-banner .inner-banner-txt {
        padding: 80px 0px 40px;
    }

    .np4-banner-img {
        max-width: 100%;
        position: relative;
        height: 400px;
    }

    .np4-banner .np2-banner-silder-area {
        left: -60px;
    }

    .np2-the-process-img {
        height: auto;
    }

    .np4-cyh-item-details {
        height: auto;
        margin-bottom: 30px;
    }

    .most-effective {
        font-size: 18px;
        left: -132px;
        line-height: 30px;
        padding: 1px 25px;
        top: 87px;
    }

    .np4-oss-txt-slider {
        padding: 20px 0 60px;
    }

    .np4-oss-txt-slider .slick-arrow {
        bottom: 0;
        left: 0;
    }

    .np4-oss-txt-slider .slick-next {
        left: 50px;
    }

    .np4-wte-item-img::before {
        left: 50%;
        margin-left: -208.5px;
    }

    .np4-banner-img .cards-box {
        top: 220px;
    }

    .np4-oss-txt-slide-item {
        padding: 0px 0px 30px;
    }

    .story-arrow {
        padding-top: 30px;
        justify-content: center;
    }

    .oss-slider-full-img:before {
        width: 97%;
    }

    .success-story-selector {
        margin-right: 0px;
    }

    .np5-banner {
        background: #0a213e;
        background: -moz-linear-gradient(left, #0a213e 0%, #0a2647 50%, #0d467b 100%);
        background: -webkit-linear-gradient(left, #0a213e 0%, #0a2647 50%, #0d467b 100%);
        background: linear-gradient(to right, #0a213e 0%, #0a2647 50%, #0d467b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a213e', endColorstr='#0d467b', GradientType=1);
    }

    .np5-banner-img {
        position: relative;
        max-width: 100%;
        padding: 0px 0px 60px;
    }

    .np5-banner-img img {
        max-width: 250px;
    }

    .np5-banner-silder-area {
        padding: 30px 87px 30px 140px;
        left: auto;
        right: 0px;
    }

    .np5-faq-img {
        max-width: 100%;
        position: static;
    }

    .np5-can-genital-area {
        padding: 100px 0px;
    }

    .np5-can-genital-img {
        max-width: 100%;
        position: static;
    }

    .np5-treatment-area .treatment-title {
        padding-bottom: 0px;
    }

    .np5-treatment-area .treatment-items-block.prescription {
        padding-left: 30px;
    }

    .np5-treatment-area .treatment-img img {
        max-width: 200px;
    }

    .np5-treatment-area .treatment-items-area.bottom .treatment-img {
        position: relative;
    }

    .np5-treatment-area .treatment-items-area.bottom .treatment-img::before {
        left: -21px;
        top: 93px;
    }

    .np5-treatment-area .treatment-img::before {
        top: 110px;
    }

    .np6-banner .inner-banner-txt h2 {
        line-height: 40px;
    }

    .np6-banner .inner-banner-txt p {
        padding-right: 0;
    }

    .np6-banner-btn-area {
        flex-wrap: wrap;
    }

    .get-xx {
        margin: 0 20px 0 0
    }

    .np6-banner .new-inner-banner-icon ul li {
        max-width: 50%;
    }

    .np6-banner-img,
    .np6-banner-bag {
        max-width: 100%;
        position: static;
    }

    .np6-banner-bag {
        padding: 0px 40px 60px;
    }

    .np6-powered-item {
        width: 50%;
    }

    .np6-powered-top p br {
        display: none;
    }

    .np6-powered-item:nth-child(2),
    .np6-powered-item:nth-child(6) {
        border-right: none
    }

    .np6-powered-item:nth-child(5),
    .np6-powered-item:nth-child(6) {
        border-bottom: 1px solid #e5e5e5
    }

    .np6-wts-area {
        padding-bottom: 0px !important;
    }

    .np6-wts-bg {
        position: static;
        height: 500px;
        margin-top: 30px;
    }

    .np7-banner .inner-banner-txt p {
        padding-right: 0;
    }

    .np7-banner .new-inner-btn {
        max-width: 270px;
    }

    .stickycontainer {
        position: static;
    }

    .stickyMenu-block {
        width: 100%;
        padding-bottom: 40px;
    }

    .np7-esa-menu {
        background-color: #fff;
        display: block !important;
        z-index: 5;
        top: 101px !important;
    }

    .np7-esa-menu ul {
        display: block;
        overflow: auto;
        padding: 0 0 15px 15px;
        text-align: center;
    }

    .np7-esa-menu ul li {
        margin: 0 auto;
        margin: 0 10px;
        display: inline-block;
    }

    .np7-esa-menu ul li a {
        white-space: nowrap;
    }

    .np7-esa {
        max-width: 100%;
    }

    .np7-esa .treatment-items-area {
        padding: 25px 0 0;
    }

    .np7-esa .treatment-img,
    .np7-esa .treatment-items-area.bottom .treatment-img {
        margin: 0 auto -30px;
        max-width: 150px;
        position: relative;
        text-align: center;
        transform: translateY(0%);
    }

    .np7-esa .treatment-img.wipes {
        margin: 0 auto -30px;
        left: auto;
        max-width: 200px;
        position: relative;
        text-align: center;
        transform: translateY(0%);
    }

    .np7-esa .treatment-items-details {
        margin-left: 0;
        padding: 40px 30px 30px;
        width: 100%;
    }

    .np7-esa .treatment-items-block.prescription {
        padding: 0
    }

    .finasteride-area-img {
        max-width: 150px;
    }

    .finasteride-txt-bottom {
        padding: 30px 30px 30px 113px;
    }

    .finasteride-area-img {
        margin: 0 auto;
        max-width: 150px;
        position: relative;
    }

    .finasteride-txt-bottom {
        margin: 0;
        max-width: 100%;
        padding: 30px;
    }

    .finasteride-txt-bottom::before {
        height: 66%;
    }

    .np7-banner {
        padding: 10px 0 0
    }

    .np7-banner-bottom,
    .erectile-dysfunction-area,
    .np7-inasteride-area {
        padding: 60px 0
    }

    .np7-esa-menu ul li a {
        white-space: nowrap;
    }

    .mediumMenu-block .megamenu-call-for-mobile {
        display: block;
    }

    .p7-esa-title-block::before {
        height: 80px;
        top: -40px;
    }

    .np7-tpa-left,
    .np7-tpa-right {
        max-width: 100%;
    }

    .np7-tpa-right {
        margin-top: 30px
    }

    .np7-banner-btl {
        bottom: -90px;
        right: -18px;
    }

    .np7-esa .treatment-items-area {
        margin: 31px 0 0;
    }

    .np7-esa .treatment-items-area.bottom .treatment-items-block {
        padding: 20px;
    }

    .medication-page .header-bottom-menu {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .medication-page .header-height {
        height: 65px;
    }

    .medication-page .np7-esa-menu {
        top: 64px !important;
    }

    .np7-banner-img {
        margin-bottom: 0px;
    }

    .np6-wts-area.np8-pq {
        padding-top: 0
    }

    .np6-wts-area.np8-pq::before {
        bottom: 0;
        height: 433px;
        top: inherit;
        z-index: -1;
    }

    .np8-banner-bottm-details ul li h5 {
        width: 100%;
    }

    .np8-crown-down-item.item1 {
        margin: 0 0 150px
    }

    .np8-process-item.item1::before,
    .np8-process-item.item2::before {
        display: none
    }

    .np8-whats-img {
        margin: 0 0 -44px;
        position: static;
        max-width: 400px;
    }

    .np8-whats-title {
        text-align: center;
    }

    .np8-banner {
        background-position: bottom left 59%;
    }

    .np8-can-it-area .can-it-tab-details {
        flex-direction: column;
    }

    .np8-can-it-area .can-it-tab-details ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .np8-can-it-area .can-it-tab-details ul.nav-tabs li {
        width: 30%;
    }

    .np8-can-it-area .can-it-tab-details ul.nav-tabs li a {
        font-size: 14px;
        text-align: center;
        min-height: 74px;
    }

    .np8-can-it-area .can-it-tab-details ul.nav-tabs li a::before {
        width: 100%;
        left: 0px;
        top: auto;
        bottom: 0px;
    }

    .can-it-tab-details .tab-content {
        width: 100%;
    }

    .tab-3-content {
        padding: 30px 0px 0px;
    }

    .tab-3-content:before {
        width: 100%;
        height: 1px;
        top: 0px;
    }

    .np8-can-it-area {
        padding: 70px 0px 80px;
    }

    .np8-process-item.item1 .np8-process-item-txt::before,
    .np8-process-item.item2 .np8-process-item-txt:before,
    .np10-can-it-area .tab-3-content:before {
        display: none;
    }

    .np6-wts-bg.np8-pq {
        height: 500px;
    }

    .np6-wts-area.np8-pq {
        background-size: cover;
    }

    .np10-banner {
        padding-top: 60px;
    }

    .np10-banner .inner-banner-txt h2 span {
        font-size: 30px;
    }

    .np10-banner .new-inner-btn {
        max-width: 49%;
        margin: 0
    }

    .np10-banner .new-inner-btn .main-btn {
        font-size: 12px;
        padding: 15px 14px;
    }

    .np10-banner .new-inner-banner-icon {
        margin: 0 0 0 15px;
    }

    .np10-banner-img {
        margin-bottom: 70px;
        position: static;
    }

    .np10-btl-img {
        bottom: -0px;
        max-width: 160px;
    }

    .np10-can-it-area {
        padding: 70px 0px 140px;
    }

    .np10-profile-txt {
        padding-left: 0;
    }

    .np10-doctor-details {
        padding: 60px 0 30px;
    }

    .np10-dr-bottom-area .new-inner-banner-icon {
        margin-top: 0px;
    }

    .np10-dr-bottom-area .new-inner-banner-icon li {
        margin-bottom: 15px;
    }

    .np10-dr-bottom-area .icon-img {
        max-width: 44px;
    }

    .np10-dr-bottom-area .icon-img img {
        max-width: 32px;
    }

    .np10-dr-bottom-area .icon-txt {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0px;
    }

    .np10-doctor-bottom-link .main-btn {
        font-size: 14px;
        max-width: 400px;
    }

    .np10-faq .bag-an-bottle {
        margin-top: 200px;
    }
}

/* Wide Mobile Layout: 767px. */

@media (min-width: 100px) and (max-width: 767px) {
    .new-inner-btn-area {
        display: block !important;
    }

    .new-inner-btn {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px;
    }

    .new-inner-txt {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px !important;
    }

    .important-img {
        right: -33px !important;
    }

    .why-choose-img {
        margin-bottom: 20px;
    }

    .megamenu3-left ul li span {
        white-space: normal;
    }

    .mega-menu4 .megamenu3-left-icon {
        margin-top: 0;
    }

    .megamen4-left-call::before {
        left: 28px;
    }

    .megamen4-left-call {
        padding: 20px 20px 20px 70px;
    }

    .banner-txt h2 {
        font-size: 36px;
        line-height: normal;
        margin-bottom: 15px;
    }

    .page-content-block,
    .np3-primary-area {
        padding: 60px 0px;
    }

    .can-it-img {
        position: static;
        height: auto;
    }

    .can-it-area:before {
        height: 100%;
        bottom: -70px;
    }

    .can-it-txt-area,
    .page-accordion .card {
        padding-left: 0px;
    }

    .can-it-txt-area:before {
        left: -1000px;
    }

    .can-it-txt-accordion .page-accordion .card {
        padding-right: 0px;
    }

    .treatment-title {
        padding-bottom: 0px;
    }

    .treatment-title p br,
    .treatment-bot-text p br,
    .inner-banner-txt2 p br {
        display: none;
    }

    .treatment-img {
        position: relative;
        transform: none;
        width: 100%;
        text-align: center;
        margin: 0px auto;
    }

    .treatment-items-details {
        margin-left: 0px;
        width: 100%;
        position: relative;
        z-index: -1;
        margin-top: -50px;
        border-radius: 8px;
    }

    .treatment-item-top {
        padding: 40px 15px 15px;
    }

    .treatment-price-area {
        padding-left: 15px;
    }

    .treatment-items-area.bottom .treatment-img {
        position: relative;
        right: 0px;
        bottom: auto;
    }

    .treatment-items-area.bottom {
        padding-top: 40px;
    }

    .whats-title {
        margin-bottom: 20px;
    }

    .whats-items-details {
        margin-top: 30px;
        height: auto;
    }

    .client-mobile-bg {
        left: 25px;
        width: 220px;
    }

    .client-slider {
        padding-left: 25px;
    }

    .client-mobile-bg::before {
        width: 80%;
        left: 10%;
    }

    .client-img img {
        max-width: 190px;
    }

    .client-slider-item {
        min-height: 320px;
    }

    .client-txt {
        padding-left: 50px;
    }

    .client-txt-holder:before,
    .client-txt-holder:after {
        width: 24px;
    }

    .client-txt-holder:before {
        top: -5px;
        left: -24px;
    }

    .client-txt-holder:after {
        right: 0px;
    }

    .client-txt-holder p {
        font-size: 18px;
    }

    .client-txt h6 {
        font-size: 14px;
    }

    .client-img .star-block i {
        font-size: 14px;
    }

    .the-process-items {
        flex-wrap: wrap;
    }

    .the-process-item {
        width: 100%;
        margin: 30px auto 0px;
        max-width: 396px;
    }

    .footer-details {
        flex-direction: column;
    }

    .footer-social {
        margin-top: 10px;
    }

    .get-the-area::before {
        height: 62%;
    }

    .why-choose-img2 img {
        max-width: 300px;
    }

    .index3-banner-area {
        padding: 40px 0px;
    }

    .footer-top,
    .footer-menu,
    .footer-cpy-area {
        display: block;
        text-align: center;
    }

    .footer-social ul,
    .footer-cpy-left ul {
        justify-content: center;
    }

    .footer-social li {
        margin: 10px 20px;
    }

    .footer-menu-item,
    .legitscript-icon {
        max-width: 100%;
        text-align: center
    }

    .footer-cpy-right {
        margin: 20px 0 0;
        display: flex
    }

    .bottle-img-item {
        height: 440px;
    }

    .slick-current .bottle-img-big img {
        max-width: 190px;
    }

    .get-the-area {
        overflow: hidden;
    }

    .bottle-group-items .slick-list {
        overflow: visible;
    }

    .important-img img {
        max-width: 110px;
    }

    .real-care-item.bottom-item li {
        width: 40%;
    }

    .np2-banner-silder-area,
    .cards-box {
        left: 0px;
    }

    .np2-inner-img img {
        max-width: 400px;
        width: 100%;
    }

    .np2-treatment .treatment-img {
        max-width: 180px;
    }

    .np2-treatment .treatment-img::before {
        top: 40px;
    }

    .np2-treatment .treatment-items-area.bottom .treatment-img:before {
        left: -100px;
        z-index: -1;
    }

    .np2-whats-items {
        flex-wrap: wrap;
    }

    .np2-whats-item {
        width: 100%;
    }

    .np2-whats-title {
        padding: 10px 15px;
        margin-bottom: 30px;
    }

    .np2-treatment .treatment-items-details {
        padding: 30px 0px 0px;
    }

    .np2-treatment .treatment-btn {
        flex-wrap: wrap;
    }

    .np2-the-process-img {
        height: auto;
    }

    .np3-slide-primary-item {
        height: 400px;
    }

    .np2-slider-item p {
        font-size: 14px;
        line-height: 20px;
    }

    .np2-slider-item p br {
        display: none;
    }

    .np4-banner .np2-banner-silder-area,
    .np4-banner .np2-banner-silder-area::before {
        width: 240px;
        height: 240px;
        min-height: 100px;
    }

    .np4-banner .np2-banner-silder-area {
        left: -20px;
        top: auto;
        bottom: -50px;
    }

    .np4-banner .np2-slider-item {
        padding-top: 0px;
    }

    .np4-banner .np2-banner-silder-area {
        padding: 15px 30px;
    }

    .np4-banner .np2-banner-silder-area .star-block i {
        font-size: 14px;
    }

    .np4-oss-area {
        padding: 80px 0px;
    }

    .np5-treatment-area .treatment-items-area.bottom .treatment-img::before {
        left: 0;
    }

    .np5-banner-silder-area {
        padding: 30px 87px 30px 23%;
    }

    .np5-slider-item hr {
        width: 260px;
    }

    .np2-banner-bottom,
    .np5-faq-area,
    .np5-can-genital-area {
        padding: 60px 0
    }

    .medium-menu {
        position: inherit;
    }

    .mediumMenu-block {
        width: 96%;
        left: 2%;
        margin-left: 0px;
    }

    .np7-esa .treatment-items-details {
        z-index: inherit;
    }

    .np7-banner .new-inner-btn .main-btn {
        width: 270px;
    }

    .np8-banner-img {
        max-width: 81%;
    }

    .np10-btl-img {
        right: 0px;
    }

}


@media (min-width: 100px) and (max-width: 640px) {
    h2 {
        font-size: 42px;
        line-height: 46px;
    }

    .get-the-top-images {
        margin: 30px 0;
    }

    .get-the-top-img {
        margin: 5px;
    }

    .index3-banner-area {
        background-position: 30% center;
    }

    .index3-banner-txt h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .index3-banner-txt ul li {
        font-size: 18px;
        margin: 6px 0px;
    }

    .index3-banner-txt .main-btn {
        padding: 12px 25px;
    }

    .index3-banner-txt h6,
    .index3-banner-txt p span {
        font-size: 14px;
    }

    .submenu>ul>li>a {
        padding-left: 25px;
        padding-right: 25px;
    }

    .treatment-items-block.prescription {
        padding: 30px 15px;
    }

    .np5-banner-silder-area {
        padding: 30px 87px 30px 26%;
    }

    .np6-powered-item {
        padding: 20px 15px;
    }

    .np6-powered-area,
    .np6-wts-area,
    .np6-faq-area {
        padding: 60px 0;
    }

    .np6-banner::before {
        bottom: -40px;
        height: 80px;
    }

    .np7-banner-btl {
        bottom: -66px;
        max-width: 350px;
        right: 0;
    }

    .np7-banner-img:before {
        width: 450px;
        height: 450px;
    }

    .phone-call {
        top: 14px !important;
    }

    .megamenu4-right-area .main-btn:before {
        transform: scale(1);
    }

    .np8-banner-bottm-details ul li {
        width: 50%;
    }

    .np8-whats-item {
        max-width: 100%;
    }

    .np8-whats-item-txt {
        margin: 10px 0 20px;
        max-width: 83%;
    }

    .np10-banner-img {
        width: 90%;
    }

}

@media (min-width: 100px) and (max-width: 580px) {
    .main-btn {
        max-width: 100%;
    }

    .inner-banner-area {
        /*padding: 13.4rem 0 8rem;*/
    }

    .can-it-txt-slider .slick-arrow {
        right: 0px;
    }

    .footer-menu ul li {
        margin: 0px 10px;
    }

    .footer-menu ul,
    .footer-social ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .megamenu3-left ul li {
        width: 50%;
    }

    .mega-menu4 .megamenu3-left-icon ul li {
        width: 50%;
    }

    .mega-menu4 .megamenu3-left-icon ul li {
        white-space: normal;
    }

    .megamen4-left-call {
        padding: 20px 10px 20px 60px;
    }

    .megamen4-left-call::before {
        left: 16px;
    }

    .megamen4-left-call h5 {
        font-size: 16px;
    }

    .megamen4-left-call p {
        font-size: 12px;
    }

    .erectile-ul-block {
        flex-wrap: wrap;
    }

    .erectile-ul-block ul {
        width: 100%;
    }

    .megamenu4-left h6 {
        border-bottom: 1px solid #f2e2c7;
        padding-bottom: 10px;
    }

    /*.megamenu4-left ul li a{border-bottom: 1px solid #f2e2c7;}*/
    .megamenu4-left.right ul li a {
        border-bottom: 0px;
    }

    .megamenu4-right-area .main-btn {
        margin-top: 20px;
    }

    .megamenu4-right-area .main-btn:before,
    .megamenu4-right-area .main-btn:after {
        top: -36px;
        width: 34px;
    }

    .megamenu4-right-area .main-btn:before {
        left: 40px;
    }

    .megamenu4-right-area .main-btn:after {
        right: 40px;
    }

    .megamenu4-left-icon ul li {
        width: 50%;
    }

    .megamenu4-left-icon ul li img {
        width: 50px;
    }

    .get-the-top-images2 {
        margin: 50px 0;
    }

    .inner-banner-txt2 h1 {
        font-size: 36px;
        line-height: 40px;
    }

    .megamen3-right-text .main-btn {
        display: block;
        margin: 0 -15px;
    }

    .megamen3-img-slider::before {
        background-image: url(../images/mega-menu3-image-border3.png);
        width: 100%;
        height: 50px;
        background-size: 100% auto;
        bottom: -2px;
        left: 0px;
        top: auto;
        right: auto;
    }

    .megamen3-img-slider {
        width: 329px;
        margin: 0px auto;
    }

    .np3-rc-area .real-care-item.bottom-item li {
        width: 100%;
    }

    .np3-rc-area .real-care-item {
        min-height: 2px;
    }

    .np5-slider-item p {
        font-size: 14px;
    }

    .np5-slider-item {
        padding: 11px 40px 20px;
    }

    .np5-slider-item hr {
        width: 100%;
    }

    .np5-banner-img img {
        max-width: 200px;
    }

    .np5-slider-item {
        padding: 11px 0px 10px;
    }

    .np5-banner-silder-area {
        padding: 20px 107px 13px 28%;
        height: 260px;
        margin-top: -130px;
    }

    .np6-powered-item {
        width: 100%;
        border-right: none;
        padding-top: 35px;
        border-bottom: 1px solid #e5e5e5 !important
    }

    .np6-powered-item:last-child {
        border-bottom: none !important
    }

    .ftb-title li {
        margin: 0 0 13px;
    }

    .np7-banner-btl {
        max-width: 315px;
    }

    .new-inner-banner-ul li br {
        display: none;
    }

    .np6-banner-bottle {
        bottom: -40px;
    }

    .np6-banner-bottle img {
        max-width: 180px;
    }

    .np10-doctor-profile {
        padding: 0px 30px 40px;
    }

    .np10-btl-img {
        max-width: 140px;
    }

    .np10-banner-img {
        width: 96%;
    }

    .np2-king .icon-list__icon {
        width: 6rem !important;
        height: 6rem !important;
    }

}

@media (min-width: 100px) and (max-width: 480px) {
    .header-bottom-menu>.wrapper {
        padding: 0px;
    }

    .can-it-txt-accordion .page-accordion h5 a {
        font-size: 18px;
    }

    .treatment-btn {
        flex-direction: column;
    }

    .client-slider .slick-arrow {
        left: 65%;
    }

    .header-right {
        margin-left: 15px;
        margin-right: 15px;
    }

    .megamenu3-left ul li {
        width: 100%;
    }

    .get-the-top-images {
        margin: 30px 0;
    }

    .get-the-top-img {
        margin: 5px;
    }

    .megamen4-right-text {
        padding: 10px 15px;
    }

    .megamenu4-right-area .main-btn {
        margin-top: 15px;
    }

    .index3-banner-area {
        background-position: 50% center;
    }

    .why-choose-area-details2 ul li {
        width: 100%;
    }

    .inner-banner-btn2 {
        border-right: none;
        padding: 15px 0;
        width: 100%;
    }

    .footer-cpy-left ul {
        flex-wrap: wrap
    }

    .bottle-img-item {
        height: 440px;
    }

    .footer-cpy-right {
        flex-direction: column;
        padding-top: 10px;
    }

    .submenu>ul>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cell-info-mobile .megamenu-call-for-mobile {
        padding-left: 60px;
    }

    .megamenu-call-for-mobile::before {
        left: 15px;
    }

    .why-choose-area ul li {
        width: 100%;
    }

    .the-rex-bottom-btn .main-btn {
        padding: 14px 25px;
    }

    .get-the-area::before {
        height: 68%;
    }

    .real-care-item.bottom-item li {
        width: 100%;
    }

    .treatment-items-block {
        padding: 15px;
    }

    .np2-treatment .getStarted-btn {
        padding: 15px;
        font-size: 12px;
    }

    .np2-whats-title h2 {
        padding: 0px 20px;
    }

    .np2-whats-title p {
        margin-bottom: 0px;
    }

    .np2-banner-silder-area,
    .cards-box {
        width: 100%;
        position: relative;
        top: 0px;
        padding-left: 15px;
    }

    .np2-whats-title::before {
        height: 92%;
    }

    .np2-whats-title h2 {
        font-size: 36px;
    }

    .np2-whats-items {
        width: 100%;
    }

    .np3-slide-primary-item {
        height: 320px;
    }

    .np4-banner .np2-banner-silder-area,
    .np4-banner .np2-banner-silder-area::before {
        height: 290px;
        width: 290px;
    }

    .np2-slider-item p {
        font-size: 14px;
        line-height: 21px;
    }

    .np4-banner .inner-banner-txt {
        padding: 50px 0 30px;
    }

    .np4-banner .np2-inner-img {
        position: absolute;
    }

    .np4-banner .np2-inner-img {
        margin-bottom: 0;
    }

    .np4-banner-img .cards-box {
        left: 15px;
        width: 84%;
    }

    .np5-banner {
        padding-bottom: 30px;
    }

    .np5-banner-silder-area {
        left: 0;
        margin-top: -45px;
        padding: 30px 85px 30px 30px;
        position: relative;
        top: 0;
        width: 105%;
        margin-left: -20px;
        height: auto;
    }

    .np5-banner-img-holder {
        text-align: center;
    }

    .np5-banner-img-holder>img {
        margin-right: 40px;
    }

    .np5-slider-item p br {
        display: none;
    }

    .finasteride-txt-bottom::before {
        height: 72%;
    }

    .ftb-body {
        padding: 15px;
    }

    .ftb-body ul {
        flex-wrap: wrap;
    }

    .ftb-body ul li {
        width: 100%;
        padding: 15px 0px;
    }

    .ftb-body ul li:first-child {
        border-bottom: 2px solid #ad9574;
        border-right: 0px;
    }

    .np7-banner-img:before {
        width: 350px;
        height: 350px;
    }

    .np7-esa .treatment-items-details {
        padding: 40px 15px 30px;
    }

    .np7-tpa-right .treatment-btn a {
        white-space: nowrap;
        font-size: 15px;
    }

    .side-category {
        width: 100%;
    }

    .np6-banner-bag {
        padding: 0px 10px 40px;
    }

    .np6-banner-bottle img {
        max-width: 150px;
    }

    .np8-banner .inner-banner-txt {
        padding: 0px;
    }

    .np10-btl-img {
        max-width: 120px;
    }

}

@media (min-width: 100px) and (max-width: 380px) {
    .banner-txt h2 {
        font-size: 28px;
    }

    .can-it-img {
        max-width: 290px;
        margin-left: -15px;
    }

    .can-it-area:before {
        bottom: -45px;
    }

    .can-it-txt h3 {
        font-size: 24px;
        padding-top: 56px;
    }

    .can-it-txt-accordion .page-accordion h5 a,
    .treatment-item-top p {
        font-size: 16px;
    }

    .client-mobile-bg {
        left: 7%;
        width: 86%;
    }

    .client-slider-item {
        flex-direction: column;
    }

    .client-slider {
        padding-left: 0px;
    }

    .client-txt {
        padding: 0px 15px 0px 30px;
    }

    .client-slider-item {
        padding: 60px 0px 100px;
    }

    .client-txt-holder p {
        font-size: 16px;
    }

    .client-slider .slick-arrow {
        left: 43%;
        bottom: 60px;
    }

    .client-txt-holder:before {
        left: -16px;
    }

    .header-area .getStarted-btn {
        letter-spacing: .06rem;
    }

    .submenu>ul {
        justify-content: flex-start;
    }

    .header-bottom-menu:hover {
        overflow-x: auto;
    }

    .megamenu3-left-icon ul {
        flex-wrap: wrap;
    }

    .inner-banner-btn-area {
        border: none
    }

    .mega-menu4 .megamenu3-left-icon ul li {
        width: 100%;
        margin: 0 0 30px
    }

    .inner-banner-btn {
        width: 100%;
        border-right: none;
        padding: 15px 0px;
    }

    .why-choose-area ul li {
        width: 100%;
    }

    .inner-banner-txt h2 {
        font-size: 34px;
        line-height: 52px;
    }

    .alt-menu-slider {
        min-height: 0px;
    }

    .megamenu4-right-area .main-btn::before,
    .megamenu4-right-area .main-btn::after {
        top: -28px;
        width: 26px;
    }

    .megamenu4-right-area .main-btn::before {
        left: 10px
    }

    .megamenu4-right-area .main-btn::after {
        right: 10px;
    }

    .megamen4-left-call {
        padding: 15px 10px 15px 40px;
    }

    .megamen4-left-call::before {
        left: 10px;
        background-size: 24px auto;
    }

    .megamen4-left-call h5 {
        font-size: 14px;
    }

    .megamenu4-left-icon .icon-txt {
        font-size: 12px;
        line-height: 18px;
    }

    .megamenu4-left-icon ul li img {
        width: 36px;
    }

    .megamenu4-left ul li {
        font-size: 14px;
    }

    .megamenu4-left ul li a {
        font-size: 14px;
        padding: 6px 0px;
    }

    .footer-cpy-left ul li {
        margin: 0 0 10px;
        padding: 0 10px
    }

    .footer-cpy-right {
        display: block
    }

    .bottle-img-item {
        height: 380px;
    }

    .header-area .getStarted-btn {
        padding: 12px 45px;
    }

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

    .np3-banner .new-inner-btn .main-btn {
        /*padding: 18px 92px 18px 0px;*/
        font-size: 16px;
    }

    .megamenu-block.mega-active {
        top: 92px;
    }

    .header-height {
        height: 84px;
    }

    .megamenu-block.mega-active {
        top: 105px;
    }

    .np4-banner .np2-banner-silder-area {
        left: 0;
    }

    .np4-cyp-item-bottom .get-started-link {
        width: 100%;
    }

    .np4-wte-item-img::before {
        height: 200px;
        left: 50%;
        width: 200px;
        margin-left: -100px;
    }

    .np4-wte-item-img img {
        max-width: 100px;
    }

    .np4-wte-item-img {
        padding: 30px 0 24px;
    }

    .success-story-selector {
        margin-right: 0px;
    }

    .np5-treatment-area .getStarted-btn {
        width: 100%;
    }

    .np5-banner-silder-area {
        padding: 30px 85px 30px 20px;
    }

    .np5-banner-img-holder>img {
        margin-right: 50px;
    }

    .single-menu-block:before {
        display: none;
    }

    .single-menu-block,
    .mediumMenu-block {
        position: fixed;
        width: 100%;
        left: 0px;
        margin: 0px;
        top: 100px;
    }

    .single-menu-block.single-active,
    .mediumMenu-block.medium-active {
        top: 105px;
    }

    .get-xx {
        margin: 0 0 9px;
        font-size: 14px;
    }

    .np6-banner .new-inner-banner-icon ul li {
        max-width: 100%;
    }

    .np6-wts-txt .main-btn {
        width: 100%;
    }

    .treatment-items-details {
        padding: 30px 15px 15px !important;
    }

    .np7-esa .treatment-items-area.bottom .treatment-items-block {
        padding: 0;
    }

    .np7-tpa-right .treatment-btn a,
    .ftb-title ul li a {
        font-size: 12px;
        white-space: nowrap;
        padding-left: 10px;
    }

    .p7-esa-title-block {
        padding: 50px 15px 20px;
    }

    .p7-esa-title-block .main-btn {
        font-size: 14px
    }

    .np7-banner-btl {
        max-width: 210px;
    }

    .np7-banner-img:before {
        width: 300px;
        height: 300px;
    }

    .medication-page .np7-esa-menu {
        top: 48px !important;
    }

    .medication-page .header-height {
        height: 49px;
    }

    .bag-bottle {
        max-width: 140px;
        margin-left: -70px;
        top: -105px;
    }

    .np10-faq .bag-an-bottle {
        margin-top: 120px;
    }

    .np6-banner-bottle img {
        max-width: 120px;
    }

    .np8-banner {
        background-position: bottom left 56%;
    }

    .np10-doctor-details ul li {
        font-size: 16px;
    }

    .np10-btl-img {
        max-width: 100px;
    }


}

@media (min-width: 100px) and (max-width: 320px) {
    .p7-esa-title-block .section-title {
        font-size: 36px
    }

    .np7-esa .getStarted-btn {
        font-size: 16px;
        letter-spacing: 0;
        max-width: 220px;
    }

    .np7-banner-img:before {
        width: 260px;
        height: 260px;
    }
}



@media (max-width:992px) {
    .footer-bottom__column {
        width: 80%;
        margin: 0 auto;
        text-align: center
    }
}