h1,
p{
    color: white;
}


#adhesion-data.new-app-sched,
#main-page.main.home{
    overflow: hidden;
}
#main-page h1{
    width: 84%;
    line-height: 1;
    margin-bottom: 15px;
}
#main-page h2{
    font-size: 32px !important;
    color: #414042;
    font-family: 'Helvetica Neue LT 57 Condensed';
}

#main-page .white-bg-inner h2 {
    padding-bottom: 4px;
}
#main-page p{
    /* font-size: 22px; */
    font-size: 22px;
}
.section-1.with-background{
    position: relative;
    background: linear-gradient(180deg, rgba(193,24,141,1) 0%, rgba(117,0,126,1) 60%, rgba(95,38,135,1) 100%);
    padding-bottom: 140px;
    height: 1000px;
}

#main-page .section-1.with-background .container {
    padding-top: 25px;
}
a .btn-inner{
    position: relative;
    z-index: 0;
    color: white;
    background: #66D2CA;
    padding: 14px 35px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.btn-inner:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.btn-inner.light-green:after{
    background-color: #66d2ca;
}
.btn-inner.btn-inner-o:after{
    background-color: #FC7C56;
}
.btn-inner.btn-inner-g:after{
    background-color: #8DDA66;
}

.btn-inner.btn-inner-sky:after{
    background-color: #66D2CA;
}

.btn-inner.btn-inner-p:after{
    background-color: #D052A9;
}

.btn-inner:hover:after{
    -webkit-transform: scaleX(1.2) scaleY(1.4);
    -ms-transform: scaleX(1.2) scaleY(1.4);
    transform: scaleX(1.2) scaleY(1.4);
    opacity: 0;
}
.main{
    position: relative;
}
a .btn-inner-o{
    background: #FC7C56;
}
.cust-btn-lg{
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    border: 3px solid rgba(102, 201, 202, 0.5);
    padding: 18px 5px;
    border-radius: 30px;
    font-size: 14px;
    font-family: 'Helvetica Neue Bold';

    z-index: 2;
    position: relative;
}

.cust-btn-lg:hover {
    text-decoration: none;
}
a .btn-inner-g{
    background: #8DDA66;
}
.cust-btn-p{
    border: 3px solid rgba(205, 118, 149, 0.3);
}
#main-page .heading-left-home h2{
    margin-bottom: 62px;
    width: 77%;
    color: #CCCCCC !important;
    font-size: 18px !important;
    line-height: 27px;
}    
.main-heading{
    display: flex;
    align-items: center;
}
.heading-right-home img{
    margin-left: -160px;
    margin-top: -31px;
    width: 742px;
}
.with-background:after{
    content: "";
    position: absolute;
    height: 460px;
    width: 100%;
    bottom: -300px;
    left: 0;
    background: url("images/Ellipse 74@2x.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.section2 .orange-cirlce .image-cont{
    display: flex;
}
.section3.light-pink-bg p,
.section2 .white-bg-inner .col-md-6 p{
    color: #6C6D70;
}
.section2 .white-bg-inner .col-md-6 p{
    width: 65%;
}
.section3.light-pink-bg p{
    width: 76%;
}
.section2 .white-bg-inner .col-md-6 p{
    /* margin-bottom: 55px; */
    margin-bottom: 22.7px;
}
.section2 .white-bg-inner .col-md-6 .custom-width-p{
    width: 63%;
}

.section2.white-bg .home-bold-span {
    font-family: 'Helvetica Neue LT Std 77 Bold Condensed';
    font-size: 22px;
}
.section2 .white-bg-inner .col-md-6 h2{
    width: 68%;
}
.sm-f-pink{
    /* margin-bottom: 35px; */
    margin-bottom: 17.5px;
}
.padding-btm{
    padding-bottom: 150px;
}

.section-padding-btm .padding-btm:first-child {
    padding-bottom: 245px;
}
.image-cont-with-label{
    position: relative;
    /* margin-bottom: 125px; */
    margin-bottom: 35px;
}
.image-cont-with-label small{
    position: absolute;
    left: 150px;
    font-family: 'Helvetica Neue LT 57 Condensed';
    color: #6C6D70;
    font-size: 15px;
 /**DY***/   
    margin-top: -20px;
/********/
}
.light-pink-bg{
    position: relative;
    background-color: #FDE8E8;
}
.section3.light-pink-bg:before{
    content: '';
    width: 100%;
    height: 600px;
    position: absolute;
    top: -220px;
    left: 0;
    background: url("images/Path 22663@2x.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.above-footer{
    width: 120% !important;
    margin-left: -77px;
    margin-top: 120px;
    font-size: 17px !important;
    font-family: 'Helvetica Neue LT 57 Condensed';
}
.bottom-pink-flower{
    width: 62px !important;
    position: absolute;
    bottom: -280px;
    left: 0;
}
.green-circle-inner{
    /* margin-top: -95px !important; */
    margin-top: -13px !important;
}
.above-footer .bold-text {
    font-family: 'Helvetica Neue LT Std 77 Bold Condensed';
}

.above-footer .italic-text {
    font-family: 'Helvetica Neue LT 57 Condensed Oblique';
}
.light-pink-bg{
    margin-top: 175px;
    padding-bottom: 70px;
}
.small-flower,
.med-flower{
    position: absolute;
}
.med-flower{
    /* right: 13px; old-css
    bottom: 181px; */
    right: 7px;
    bottom: 206px;
}
.fixed-flower-img{
    position: fixed;
    right: -45px;
    top: 598px;
    z-index: 9;
}
.small-flower.with-hover-ef{
    bottom: 115px;
    left: 7px;
    /* transform: translate(-50%, -50%); */
}
.section2.white-bg .container, .section3.light-pink-bg .container{
    max-width: 1006px;
    width: 100%;
}
.section2 .green-cirlce img,
.section2 .image-cont img{
    width: 400px;
    height: 400px;
}
.fixed-center-circle{
    position: fixed;
    z-index: 8;
    left: 50%;
    top: 228px;

}
.fixed-center-circle.fixed-up{
    position: absolute;
    z-index: 8;
}
.home-patch-label{
    position: absolute;
    top: 64%;
    right: 21%;
    z-index: 9;
    color: white;
    font-family: 'Helvetica Neue LT 57 Condensed';
}
.padding-btm-small{
    padding-bottom: 100px;
}
.padding-tp{
    padding-top: 70px;
}
.cirlce-with-trans-arrow{
    /* position: absolute;
    transform: rotate(90deg);
    right: 139px;
    top: -20px;
    width: 387px !important;
    height: 255px !important;
    opacity: 0.5;
    z-index: 9; */
    position: relative;
    /* transform: rotate(90deg); */
    width: 393px !important;
    height: 259px !important;
    opacity: 0.5;
    z-index: 9;
    /* margin-top: -424px;
    margin-left: -39px; */
    margin-top: -343px;
    margin-left: 3px;
}
#main-page .section3.light-pink-bg h2{
    color: #541768;
}

/* using twerla */
#patch-placement .section2 h3, 
#using-twerla .section2 h3{
    font-size: 40px;
    line-height: 1;
    text-align: center;
    color: #C0188D;
}
#using-twerla .section2 img{
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 100%;
}
#using-twerla .section2 sup{
    /* display: block;
    text-align: center;
    font-size: 15px; */
    font-size: 70%;
}
/* #using-twerla .section2 p{
    position: relative;
    margin-top: 100px;
    margin-bottom: 170px;
    color: #C0188D;
    font-size: 28px;
    background-image: url("images/Component 99 – 1-1.svg");
    padding: 25px;
    padding-right: 140px;
    background-size: cover;
    background-position: right;
    width: 76%;
    margin-left: 230px;
    text-align: left;
} */

#using-twerla .big-text-pink p {
    color: #C0188D;
    font-size: 28px;
    text-align: left;
    margin: 0;
}
#using-twerla .big-text-pink p span{
    color: #5F2687;
}


#using-twerla .big-text-pink .container.wrapper {
    position: relative;
    max-width: 1000px;
    padding-left: 160px;
    padding-right: 130px;
    padding: 40px 130px 40px 160px ;
    background: linear-gradient(90deg, rgba(255,255,255,1) -12%, rgba(220,199,224,1) 161%);
}

#using-twerla .big-text-pink .container.wrapper::after {
    content: '';
    position: absolute;
    width: 140px;
    height: 100%;
    background-image: url(images/flower-white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: -65px;
    margin: 0;
}

#using-twerla .last-section  {
    /* margin-top: 140px; */
    margin-top: 90px;
}
#using-twerla .last-section .footnote{
    text-align: left;
    font-size: 17px;
    font-size: 17px !important;
}


#using-twerla .big-text-pink {
    margin-top: 100px;
}
#adhesion-data.new-app-sched .guide-text, 
#adhesion-data.new-app-sched .last-section .footnote {
    font-family: 'Helvetica Neue LT 57 Condensed';
    color: #6C6D70;
}

#using-twerla .guide-text {
    font-size: 15px;
    margin: 15px auto auto;
    text-align: center;
    display: inline-block;
    
}
#adhesion-data.new-app-sched .footnote .bold-text {
    font-family: 'Helvetica Neue LT Std 77 Bold Condensed';
}

#adhesion-data.new-app-sched .footnote .italic-text {
    font-family: 'Helvetica Neue LT 57 Condensed Oblique';
}
#using-twerla .with-banner-background:after{
    background: url("images/Component 99 – 1.svg");
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    content: '';
    position: absolute;
    background-size: cover;
    background-position: center;
    z-index: 0;
    height: 190px;
    width: 100%;
    bottom: -1px;
    top: unset;

}
#using-twerla .top-banner h1{
    padding-top: 0;
    width: 71%;
}
.left-text,
.right-text{
    display: block;
    text-align: center;
    font-size: 24px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: bold;
}

#adhesion-data.new-app-sched .pill-wrapper::after {
    content: '';
    position: absolute;
    height: 30%;
    width: 1.5px;
    top: 50%;
    right: 0;
    transform: translate(0, -40%);
    background-color: #707070;
    opacity: 0.4;
}

#using-twerla .patch-content, #using-twerla .pill-content {
    padding: 0;
}


#using-twerla .small-single-flower {
    position: absolute;
    top: 875px;
    z-index: 10;
    left: 10px;
}

#using-twerla .fixed-flower-img {
    top: 210px;
    position: fixed;
    right: -45px;
    z-index: 9;
} 

#using-twerla .flower-pattern-white {
    bottom: 340px;
    position: absolute;
    left: -95px;
}

#using-twerla .row.regime-image {
    text-align: center;
}
.left-text{
    left: 243px;
    color: #5F2687;
    padding-left: 10px;
}
.right-text{
    right: 217px;
    color: #C0188D;
}
#using-twerla .top-banner span{
    color: #8DDA66;
}
#using-twerla .col-md-12 p img{
    position: absolute;
    top: -30px;
    width: 115%;
}
#patch-placement .top-banner{
    margin-top: 165px;
}
#patch-placement .top-banner .row{
    display: flex;
    align-items: center;
}
#patch-placement .with-banner-background:after{
    background: url("images/Component 99 – 1-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
#patch-placement .top-banner span,
#patch-placement .top-banner h2{
    color: white;
}
#patch-placement .top-banner h2{
    width: 100%;
}
#patch-placement .three-image img{
    display: block;
    margin: 0 auto;
}
#patch-placement .three-image div{
    text-align: center;
    margin-top: 20px;
}
#patch-placement .section2 .row{
    display: flex;
    align-items: baseline;
}

/* patch replacement */
#patch-replacement-p .section-1.with-background{
    height: 875px;
}
#patch-replacement-p .with-background:after{
    background: url("images/Component 99 – 1-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 75%;
    bottom: -370px;
}

#patch-replacement-p .phone-num {
    font-family: 'Helvetica Neue LT 57 Condensed';
}
#patch-replacement-p .top-banner{
    margin-top: -153px;
    width: 585px;
    max-width: 600px;
}
#patch-replacement-p .top-banner h1{
    width: 80%;
}
#patch-replacement-p .top-banner span{
    color: #EFC5E2 !important;
}
#patch-replacement-p .row.w100.main-heading{
    padding-top: 26px;
}
#patch-replacement-p .home-patch-label{
    right: 10%;
}
#patch-replacement-p .white-bg-inner h3{
    font-size: 32px;
    text-align: center;
}
#patch-replacement-p .white-bg-inner h3 span{
    color: #414042;
    font-family: 'Helvetica Neue LT 57 Condensed';
}
#patch-replacement-p .white-bg-inner p{
    color: #6C6D70;
    text-align: center;
    margin: auto;
    font-size: 22px;
}
#patch-replacement-p .sm-f-pink{
    margin-left: 100px;
    margin-bottom: 75px;
}
#patch-replacement-p .white-bg-inner .col-md-12{
    margin-bottom: 80px;
}
#patch-replacement-p .white-bg-inner .col-md-6 p,
#patch-replacement-p .white-bg-inner .col-md-6 h3{
    text-align: left;
    width: 80%;
    margin: unset;
}
#patch-replacement-p .section2 .container{
    max-width: 879px;
}
#patch-replacement-p .row.section2-2 p{
    margin-bottom: 113px;
    color: #C0188D;
    font-size: 28px;
    background-image: url("images/Component 99 – 1-1.svg");
    padding: 25px;
    padding-left: 35px;
    padding-right: 270px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    width: 112%;
    text-align: left;
    font-family: 'Helvetica Neue LT 47 Light Condensed';
}
#patch-replacement-p .row.section2-2 p .label-inner-p{
    font-family: 'Helvetica Neue LT 67 Medium Condensed';
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase !important;
    color: #5F2687;
}
#patch-replacement-p .row.section2-2 p .inner-bold-p{
    color: #5F2687;
    font-family: "Helvetica Neue LT 67 Medium Condensed";
}
#patch-replacement-p .row.padding-btm.white-bg-inner{
    padding-bottom: 110px !important;
}

.col-md-6.orange-cirlce .image-cont img + img,
.col-md-6.orange-cirlce .image-cont img{
    margin-top: 7px;
}

/* patch effect default*/
.magnet-effect,
.magnet-effect-two,
.magnet-effect-final{
    position: absolute !important;
}
.magnet-effect{
    /* position: absolute !important; */
    /* top: 1001px; */
    top: 1011px;
}
/* .magnet-effect-fixed{
    position: fixed !important;
    top: 130px;
} */
.magnet-effect-two{
    /* position: absolute !important; */
    /* top: 1589px; */
    top: 1642px;
}
/* .magnet-effect-three{
    position: fixed !important;
    top: 100px;
} */
.magnet-effect-final{
    /* position: absolute !important; */
    top: 2470px;
}
.mobile-fixed-center-circle{
    display: none;
}
.cust-p-balance,
#using-twerla .section2 p.cust-p-balance{
    position: unset;
    margin-top: 0;
    margin-bottom: 0;
    background-image: none;
    padding: 0;
    padding-right: 0;
    background-size: auto;
    background-position: unset;
    width: 100%;
    margin-left: 0;
    color: #6b6e79;
    font-size: 24px;
    text-align: center;
    font-family: "Helvetica Neue LT 57 Condensed";
    line-height: 1.5;
}


/* patch effect equal or greater than 700 */


/* animations */
.floating-cirle-1,
.floating-cirle-2,
.floating-cirle-3,
.floating-cirle-4{
    position: absolute;
}
.floating-cirle-1{
    animation: bubble-anim1 10s infinite;
}
.floating-cirle-2{
    animation: bubble-anim2 12s infinite;
}
.floating-cirle-3{
    animation: bubble-anim3 11s infinite;
}
.floating-cirle-4{
    animation: bubble-anim4 14s infinite;
}

/* demonstrated efficacy */
.demonstrated-efficacy-banner .top-banner{
    margin-top: 265px;
}
.banner.with-banner-background.demonstrated-efficacy-banner {
    padding-bottom: 165px !important;
}
.banner.with-banner-background.demonstrated-efficacy-banner:after{
    top: 320px;
}
#secure-trial.main.demonstrate-efficacy-page{
    margin-top: 50px !important;
    margin-bottom: 100px;
}

.light-pink-bg .image-cont-with-label img{
    width: 100%;
}  

.mult-patch-mobile{
    display: none;
}
#adhesion-data.patient-considerations a .btn-inner,
#adhesion-data.new-safety-tol a .btn-inner{
    display: block;
}


/* menu */
.menu-main-bar.Dmenu-main-bar li{
    background-color: transparent !important;
    box-shadow: none !important;
}
.Dmenu-main-bar .main-wrapper ul > li > ul.level2-menu > li > a{
    color: #ffffff !important;
}
.menu-main-bar.Dmenu-main-bar ul ul li {
    padding-left: 24px!important;
    padding-top: 22px!important;
    padding-bottom: 16px!important;
}
.menu-main-bar.Dmenu-main-bar .drop-btn-inner {
    background: #D052A9;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 1.1;
    font-size: 24px;
}

@keyframes bubble-anim1{
    0% {
        top: 15.5%;
        left: 44%;
    }
    50% {
        top: 16.5%;
        left: 45%;
    }
    100%{
        top: 15.5%;
        left: 44%;
    }
}

@keyframes bubble-anim2{
    0% {
      top: 9.2%;
      left: 47.7%;
    }
    50% {
        top: 11.2%;
        left: 45.7%;
    }
    100%{
        top: 9.2%;
        left: 47.7%;
    }
}

@keyframes bubble-anim3{
    0% {
        top: 30.5%;
        left: 51.2%;
    }
    50% {
        top: 28.5%;
        left: 53.2%;
    }
    100%{
        top: 30.5%;
    left: 51.2%;
    }
}

@keyframes bubble-anim4{
    0% {
        top: 24.5%;
        left: 55%;
    }
    50% {
        top: 21.5%;
        left: 57%;
    }
    100%{
        top: 24.5%;
        left: 55%;
    }
}

@media
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 2dppx) {
    .cust-order-col {
        top:0!important;
    }
    .image-cont-with-label{
        /* position: relative;
        top:210px!important; */
    }
    .small-label{
        position: relative;
        bottom:0px!important;
    }
     .cust-order-col h2{
        bottom:0px!important;
    }
}


/* for IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    h1, h2, h3, h4, h5, h6, span{
        font-family: "Helvetica Neue LT 57 Condensed" !important;
        font-weight: 800 !important;
    }
    h3, h4, h6{
        font-weight: 500 !important;
    }
    span{
        font-weight: 400 !important;
    }
    .section2 .green-cirlce img, .section2 .image-cont img{
        width: auto;
    }
    #using-twerla .with-banner-background::after{
        top: 445px !important;
    }
    .rof-custom-col .btn-purple{
        -webkit-box-shadow: 6px 6px 12px #888;
    }
    #adhesion-data .cust-btn-lg{
        border: 3px solid #cd76954d;
        padding: 15px 5px;
    }
    .section-padding-btm :first-child.padding-btm{
        padding-bottom: 208px;
    }
    /* #adhesion-data .container-fluid.heading-section::after{
        background-image: url('images/adhesioncropped-01.png');
    } */
}

/* for mac */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}


@media only screen and (max-width: 1360px) {
    #main-page .above-footer{
        width: 100% !important;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1319px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 61%;
    }
}
@media only screen and (max-width: 1300px) {
    .light-pink-bg{
        margin-top: 90px;
    }
    /* .home-patch-label{
        top: -330px;
        right: 32%;
    }
    .floating-cirle-1,
    .floating-cirle-2,
    .floating-cirle-3,
    .floating-cirle-4{
        display: none;
    }
    #main-page .col-md-6{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #main-page h1{
        font-size: 44px !important;
        margin-left: 29px;
    } */
    #main-page .section2 .white-bg-inner .col-md-6 h2{
        font-size: 30px !important;
    }
    /* #main-page .mobile-fixed-center-circle{
        display: block;
    } */
    /* #main-page .col-md-6.heading-right-home img, */
    /* #main-page .fixed-center-circle.patch, */
    /* #main-page .fixed-center-circle.fixed-up, */
    /* #main-page .col-md-6.orange-cirlce img,
    #main-page .col-md-6.green-cirlce img, */
    #main-page .med-flower,
    #main-page .fixed-flower-img{
        display: none;
    }
    #main-page .section-1.with-background{
        height: auto;
        padding-bottom: 115px;
    }
    #main-page .section-1.with-background .container{
        padding-top: 25px !important;
    }
    /* #main-page .col-md-6.heading-left-home h2{
        margin-top: 365px;
        margin-top: 450px;
    } */
    #main-page .mobile-fixed-center-circle{
        position: fixed;
        left: 50%;
        top: 59%;
        transform: translate(-50%, -50%);
        opacity: 0.1;
        z-index: 1;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top{
        position: absolute;
        top: 42%;
        transform: translate(-50%, -50%);
        opacity: 1;
    }
    /* #main-page .custom-h2-width,
    #main-page .section2 .white-bg-inner .col-md-6 h2,
    .section2 .white-bg-inner .col-md-6 p,
    #main-page .col-md-6.heading-left-home h2
    #main-page .cust-order-col h2,
    #main-page .cust-order-col p{
        width: 100% !important;
        text-align: center;
    } */
    /* #main-page .sm-f-pink{

        margin-bottom: 50px;
    } */
    #main-page .bottom-pink-flower{
        display: block !important;
    }
    /* #main-page .cust-btn-p.cust-btn-lg{
        display: block;
        padding: 5px 5px;
    } */
    /* #main-page .btn-inner.btn-inner-o,
    #main-page .btn-inner{
        display: block;
        text-align: center;
    } */
    #main-page .bottom-pink-flower{
        left: 0;
        right: 0;
        margin: auto;
        bottom: -355px;
        z-index: 1;
    }
    #main-page .section-padding-btm .padding-btm:first-child{
        padding-bottom: 85px;
    }
    #main-page .row.padding-btm.white-bg-inner{
        padding-bottom: 245px;
    }
    
    
    #main-page .image-cont-with-label small{
        position: absolute;
        /* bottom: -44px; */
        left: 33%;
        right: 50%;
        width: 166px;
        transform: translate(-7%, -50%);
    }
    #main-page .above-footer{
        margin-top: 70px;
    }
    /* #main-page .cust-btn-lg{
        position: relative;
        z-index: 2;
        display: block;
        padding: 5px;
    } */


    /* --------------------
        Using Twerla
    */
    #using-twerla .fixed-flower-img {
        display: none;
    }
    #using-twerla .top-banner h1 {
        font-size: 44px !important;
        width: 100%;
    }

    #using-twerla .single-white-flower {
        position: absolute;
        bottom: -27px;
        right: 20%;
        z-index: 1;
    }

    #using-twerla .small-single-flower {
        top: 400px;
    }

    #using-twerla .banner.with-banner-background {
        padding-bottom: 100px;
    }

    #using-twerla .banner.with-banner-background::after {
        top: unset !important;
        bottom: -1;
        transform: rotateY(180deg);
        height: 125px;
    }

    #using-twerla .top-banner {
        margin-top: 90px;
    }

    #using-twerla .section2 h3 {
        font-size: 36px;
    }

    #using-twerla .big-text-pink p {
        font-size: 24px;
        text-align: center;
    }

    #using-twerla .big-text-pink {
        padding: 0;
    }
 
    #using-twerla .left-text, #using-twerla .right-text {
        padding-bottom: 35px;
    }




    #using-twerla .fixed-flower-img 
    .container.last-section {
        text-align: center;
    }

    #using-twerla .side-by-side.image {
        width: 100%;
    }

}

@media only screen and (max-width: 1300px) and (min-width: 768px){
    #using-twerla .top-banner {
        margin-top: 235px;
        margin-bottom: 95px;
    }
    #using-twerla .top-banner h1{
        width: 57%;;
    }

}

@media only screen and (max-width: 1199px) {
    #main-page .container{
        max-width: 100% !important;
    }
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 52%;
    }
    /* #main-page .cirlce-with-trans-arrow{
        right: 219px;
    } */

}

@media only screen and (max-width: 1193px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 57%;
    }
}

@media only screen and (max-width: 1172px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 58%;
    }
    /* #main-page .cirlce-with-trans-arrow{
        right: 208px;
    } */
}

@media only screen and (max-width: 1018px) { 
    #using-twerla .big-text-pink .container.wrapper {
        position: relative;
        max-width: 800px;

        padding: 40px 60px 40px 70px;
    }
}

@media only screen and (max-width: 1096px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 63%;
    }
    /* #main-page .cirlce-with-trans-arrow{
        right: 169px;
    } */
    #main-page .home-patch-label{
        right: 58px;
    }
}

@media only screen and (max-width: 1047px) {
    #main-page .cust-btn-p.cust-btn-lg.green-btn{
        padding: 5px 5px;
        border-radius: 50px;
        display: block;
    }
    #main-page .cust-btn-p.cust-btn-lg.green-btn .btn-inner.btn-inner-g{
        display: block;
        text-align: center;
    }
    /* #main-page .cirlce-with-trans-arrow{
        right: 144px;
    } */
}

@media only screen and (max-width: 1026px) {
    #main-page h1{
        width: 85%;
    }
}

@media only screen and (max-width: 1018px) {
    #main-page .section2 .white-bg-inner .col-md-6 h2{
        width: 100%;
    }
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 65%;
    }
    /* #main-page .cirlce-with-trans-arrow {
        right: 126px;
    } */
    #main-page .custom-h2-width{
        width: 68% !important;
    }
}

@media only screen and (max-width: 1015px) {
    #main-page h1,
    #main-page .heading-left-home h2{
        width: 100%;
    }
    /* header .sticky-wrapper{
        height: 0 !important;
    } */
    .logo-wrapper{
        top: 19px !important;
    }
    .sticky-wrapper{
        background: transparent !important;
        top: 18px !important;
    }
    .smallLogo img{
        top: -27px !important;
    }
    .container-fluid.top-bar{
        padding: 7px;
    }
    .iconMenu.s-iconMenu{
        top: -25px !important;
    }
    
    .top-wrapper li:not(:last-child):after{
        opacity: 0;
    }
}

@media only screen and (max-width: 691px) {
    #move-on-scroll{
        display: block;
        width: 80%;
        margin: 0 auto !important;
    }
    .smallLogo img {
        top: -35px !important;
    }
    .iconMenu.s-iconMenu {
        top: -106% !important;
    }
    #main-page .main-heading .col-md-6.heading-left-home {
        margin-top: 50px !important;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 35% !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 508px !important;
    }
    
    .menu-top-bar .top-wrapper ul li{
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

}

@media only screen and (max-width: 1014px) {
    #secure-trial img[src="images/1.svg"],
    #secure-trial img[src="images/2-old.png"]{
        display: none !important;
      }
}


@media only screen and (max-width: 991px) {
    #main-page .cust-btn-lg.first-btn-light-g{
        padding: 5px 5px;
        border-radius: 50px;
        display: block;
    }
    #main-page .cust-btn-lg.first-btn-light-g .btn-inner.light-green{
        display: block;
        text-align: center;
    }
    #main-page .home-patch-label{
        top: 67%;
        right: 42px;
    }
    #main-page h1,
    #main-page .heading-left-home h2{
        width: 100%;
    }
    #safety-and-tolerability .top-banner{
        margin-top: 235px;
    }
    #safety-and-tolerability-2 .st-table-graph,
    #safety-and-tolerability-2 .st-table-graph2,
    #safety-and-tolerability-2 .st-table-graph3{
        width: 100%;
    }
    #safety-and-tolerability-2 .st-span-before-btn{
        margin-bottom: 55px;
    }
    #adhesion-data.new-app-sched .pill-wrapper::after {
        left: 110%;
    }
    #adhesion-data.new-safety-tol{
        overflow: hidden;
    }
}

@media only screen and (max-width: 989px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 68%;
    }
    /* #main-page .cirlce-with-trans-arrow {
        right: 107px;
    } */
}

@media only screen and (max-width: 951px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 71%;
    }
    /* #main-page .cirlce-with-trans-arrow {
        right: 88px;
    } */
    #main-page .custom-h2-width {
        width: 87% !important;
    }

    /* #using-twerla .big-text-pink .container.wrapper::after */
}

@media only screen and (max-width: 930px) {
    #using-twerla .big-text-pink .container.wrapper::after {
        display: none;
    }
}

@media only screen and (max-width: 914px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 75%;
    }
    /* #main-page .cirlce-with-trans-arrow {
        right: 69px;
    } */
}

@media only screen and (max-width: 876px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 80%;
    }
    #main-page h1{
        font-size: 45px !important;
    }
}

@media only screen and (max-width: 833px) {
    .light-pink-bg .cust-btn-p.cust-btn-lg{
        display: block;
        padding: 5px 5px;
    }
    .light-pink-bg .btn-inner.btn-inner-sky{
        display: block;
        text-align: center;
        padding: 14px 15px;
    }
}

@media only screen and (max-width: 831px) {
    #patch-trial .section2-wrapper #patch-before-ref{
        float: none;
        padding-left: 0;
    }
   
}

@media only screen and (max-width: 824px) {
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 87%;
    }
}

@media only screen and (max-width: 784px) {
    #main-page .heading-left-home h2{
        font-size: 16px !important;
    }
    .cust-btn-lg{
        font-size: 11px !important;
    }
}
/* @media only screen and (max-width: 768px){
    img.fpo[src="images/FPO.svg"]{
        display: none !important;
    }
} */
@media only screen and (max-width: 767px){
    /* footer */
    #main-page .image-cont-with-label img{
        max-width: 500px;
        width: 100%;
        margin: auto;
    }
    #main-page .with-background .image-cont-cust-follow{
        left: 0 !important;
    }
    #main-page .mobile-fixed-center-circle{
        top: 450px;
    }
    .col-mid-3.col-sm-12.footer-logo img{
        display: block;
        margin: 0 auto;
    }
    .footer-menu{
        text-align: center;
    }
    .footer .footer-menu li:after{
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer-bottom-text{
        text-align: center;
    }

    /* .footer-menu li:nth-child(2):after{
        display: none;
    } */

    .cust-btn-lg{
        position: relative;
        z-index: 9;
    }
    .fixed-center-circle.fixed-up,
    .follow,
    .heading-right-home img,
    .fixed-center-circle.patch,
    .section2 .orange-cirlce .image-cont,
    .fixed-center-circle,
    .section2 .green-cirlce img,
    .cirlce-with-trans-arrow{
        display: none;
    }
    .mobile-fixed-center-circle{
        display: block;
    }
    #main-page .section-1.with-background{
        padding-top: 200px;
        padding-bottom: 350px;
        /* padding-bottom: 170px; */
    }
    #main-page h1{
        margin-bottom: 345px;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top{
        top: 39%;
    }
    #main-page .sm-f-pink {
        margin-bottom: 50px;
        display: block;
        margin: 0 auto;
    }
    #main-page .section2 .white-bg-inner .col-md-6 h2 {
        width: 100%;
        text-align: center;
        margin: auto;
        margin-top: 35px;
    }
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p {
        width: 100%;
        text-align: center;
        margin: auto;
        /* margin-bottom: 50px; */
        margin-bottom: 25px;
    }
    .cust-btn-p.cust-btn-lg,
    .btn-inner.btn-inner-o{
        display: block;
        text-align: center;
    }
    .cust-btn-p.cust-btn-lg{
        padding: 5px 5px;
    }
    #main-page .row.padding-btm.white-bg-inner {
        padding-bottom: 40px;
    }
    .btn-inner.btn-inner-sky{
        display: block;
    }
    #main-page .cust-order-col{
        display: flex;
        flex-direction: column;
    }
    #main-page .image-cont-with-label{
        order: 1;
    }
    #main-page .cust-order-col h2{
        order: 2;
        margin-top: 100px;
    }
    #main-page .cust-order-col p{
        order: 3;
    }
    #main-page .cust-order-col a.cust-btn-p.cust-btn-lg{
        order: 4;
    }
    /* #main-page .image-cont-with-label img{
        position: relative;
        top: 75%;
        ******DY********
        top: 5%;
        *****end********
        left: 48.5%;
        transform: translateX(-50%) translateY(-50%) rotate(90deg);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    } */
    #main-page .image-cont-with-label small{
        position: absolute;
        bottom: -204px;
        left: 52%;
        width: 166px;
        transform: translate(-7%, -50%);
    }
    #main-page p{
        text-align: center;
        width: 100%;
    }
    #main-page .image-cont-with-label small {
        /* position: absolute;
        bottom: -210px;
        left: 52%;
        right: 50%;
        width: 166px;
        transform: translate(-7%, -50%);
        top: 170%; */
        position: absolute;
        left: 53%;
        width: 166px;
        transform: translate(-50%, -50%);
        top: 107%;
    }
    #main-page .section3.light-pink-bg h2 {
        color: #541768;
        width: 100%;
        text-align: center;
        margin-top: 170px;
    }
    #main-page .bottom-pink-flower {
        bottom: -321px;
    }
    #main-page .heading-left-home h2 {
        width: 100%;
        text-align: center;
    }
    #using-twerla .top-banner {
        margin-top: 250px;
    }
    #main-page h1 {
        font-size: 53px !important;
    }
    #secure-trial-cust.with-banner-background:after {
        top: 542px !important;
    }
    .banner.with-banner-background.demonstrated-efficacy-banner:after{
        top: 270px !important;
    }
    #safety-and-tolerability.banner.with-banner-background{
        padding-bottom: 160px;
    }
    #safety-and-tolerability-2 .cust-float-right {
        margin-top: 0;
    }
    #safety-and-tolerability-2 .st-ref{
        margin-bottom: 40px;
    }
    /* #adhesion-data.skin-tech .heading-wrapper .content-wrapper {
        padding-top: 200px !important;
    } */
    #adhesion-data.patient-cons .heading-wrapper .content-wrapper {
        /* padding-top: 190px !important; */
    }
    #adhesion-data.patient-cons2 .bottom-section {
        padding-top: 0 !important;
    }
    #twirla-saving-program.with-banner-background:after {
        top: 593px !important;
    }
    #twirla-saving-program + .ts-container .flower-sticky{
        display: none;
    }
    #main-page .section-1.with-background .container{
        padding-top: 0 !important;
        padding-bottom: 125px;
    }
    #main-page .mobile-fixed-center-circle {
        top: 470px;
    }
    #main-page .home-patch-label {
        top: -400px !important;
        right: 115px;
    }
    #adhesion-data.patient-cons.patient-considerations .heading-wrapper .content-wrapper{
        padding-top: 245px !important;
    }
    .mult-patch-desk{
        display: none;
    }
    .mult-patch-mobile{
        display: block;
    }
    #adhesion-data.new-dem-effi .container-trial.dem-cus-pad-top-2 h1.custom-h1-pd{
        padding-top: 30px !important;
    }
    #adhesion-data.new-dem-effi #secure-trial .container-trial p.de-pref{
        margin-top: 0px !important;
    }

    /* latest update */
    #adhesion-data.patient-cons.patient-cons2.patient-support .rof-custom-col .col-md-4 {
        margin-bottom: 90px !important;
    }
    #adhesion-data.patient-cons.patient-cons2.patient-support .rof-custom-col .col-md-4:nth-child(3) {
        margin-bottom: 30px !important;
    }
    #main-page + .isiFull .isi-content{
        position: relative;
        z-index: 2;
        background-color: white;
    }
    .new-app-sched .row.regime-image .left-text{
        padding-left: 0 !important;
    }
    .new-app-sched .pill-content{
        position: relative;
        height: 453px;
    }
    .new-app-sched .pill-content img{
        position: absolute;
        left: 48%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    #patch-trial .section2-wrapper #patch-before-ref .cust-btn-p.cust-btn-lg .btn-inner.btn-inner-o::after{
        background-color: inherit;
    }
    #patch-trial .section2-wrapper #patch-before-ref .cust-btn-p.cust-btn-lg {
        width: 65% !important;
        margin: auto !important;
    }
    #adhesion-data.new-safety-tol #safety-and-tolerability-2 .st-graph .st-graph1-heading span{
        text-align: center;
    }
    
}



@media only screen and (max-width: 766px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 33%;
    }
    .light-pink-bg {
        margin-top: 285px;
    }
    #main-page .col-md-6.heading-left-home{
        margin-top: 30px !important;
    }
}

@media only screen and (max-width: 744px) {
    #using-twerla .pill-content {
        padding-bottom: 75px;
    }

    #using-twerla .patch-content {
        padding-top: 75px;
    }
    .pill-wrapper::after {
        content: '';

        height: 1.5px !important;
        width: 70% !important;
        top: unset !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translate(-50%, -40%) !important;
    }
}

@media only screen and (max-width: 744px) {
    #main-page .mobile-fixed-center-circle {
        top: 468px;
    }
    #main-page .home-patch-label {
        top: -360px !important;
        right: 18%;
    }

}


@media only screen and (max-width: 651px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top{
        top: 39.4% !important;
    }
    #main-page .home-patch-label {
        right: 13%;
    }
    #main-page .section-1.with-background{
        padding-bottom: 175px;
    }
}

@media only screen and (max-width: 611px) {
    .menu-top-bar .top-wrapper ul li a{
        font-size: 16px;
    }
   
}

@media only screen and (max-width: 579px) {
    #main-page .section-1.with-background {
        padding-top: 235px;
    }
    #main-page .mobile-fixed-center-circle {
        top: 495px;
    }
    #main-page .main-heading .col-md-6.heading-left-home {
        margin-top: 10px !important;
    }
}

@media only screen and (max-width: 543px) {
    #main-page .mobile-fixed-center-circle {
        top: 528px !important;
    }
}

@media only screen and (max-width: 530px) {
    #using-twerla .small-single-flower {
        top: 440px;
    }

    #using-twerla .single-white-flower {
        bottom: -25px;
    }
}

@media only screen and (max-width: 512px) {
    #secure-trial-cust.with-banner-background:after {
        top: 498px !important;
    }
    .banner.with-banner-background.demonstrated-efficacy-banner h1{
        font-size: 44px !important;
    }
    #twirla-saving-program .top-banner {
        margin-bottom: 240px;
    }
    #twirla-saving-program .top-banner h1{
        font-size: 44px !important;
    }
}

@media only screen and (max-width: 511px) {
    #main-page .mobile-fixed-center-circle{
        top: 501px;
    }
    #main-page .home-patch-label {
        right: 5%;
        top: -410px !important;
    }
}

@media only screen and (max-width: 451px){
#secure-trial-cust.with-banner-background:after {
        top: 572px !important;
    }
}

@media only screen and (max-width: 453px){
    #main-page h1 {
        font-size: 44px !important;
    }
    #main-page .row.padding-btm.white-bg-inner {
        padding-bottom: 75px;
    }
    #main-page .home-patch-label {
        right: 1%;
        top: -405px !important;
    }
}
@media only screen and (max-width: 448px) {
    #main-page .mobile-fixed-center-circle {
        top: 480px;
    }
    #main-page .image-cont-with-label img {
        width: 100%;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 37%;
    }
}

@media only screen and (max-width: 437px) {
    .banner.with-banner-background.demonstrated-efficacy-banner {
        padding-bottom: 83px !important;
    }
}
@media only screen and (max-width: 425px) {
    /* #adhesion-data.skin-tech .heading-wrapper .content-wrapper {
        padding-top: 235px !important;
    } */
    #adhesion-data.skin-tech .heading-wrapper .content-wrapper,
    #adhesion-data.adhesion-data-page .heading-wrapper .content-wrapper {
        padding-bottom: 75px !important;
    }
    #adhesion-data.skin-tech .small-single-flower {
        top: 515px !important;
    }
    #adhesion-data.container-fluid.main-page-container.skin-tech .single-white-flower{
        top: 21.5%;
        right: 20%;
        z-index: 1;
    }
    #main-page .mobile-fixed-center-circle {
        top: 491px;
    }
    #main-page .home-patch-label {
        top: -427px !important;
    }
}

@media only screen and (max-width: 424px) {
    #main-page .main-heading .col-md-6.heading-left-home {
        margin-top: 38px !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 546px !important;
    }
    
    .smallLogo img {
        top: -46px !important;
    }
    .iconMenu.s-iconMenu {
        top: -128% !important;
    }
    #adhesion-data.patient-cons.patient-considerations .heading-wrapper .content-wrapper{
        padding-top: 275px !important;
    }

}

@media only screen and (max-width: 422px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 37%;
    }
    .section3.light-pink-bg:before {
        content: '';
        width: 1001%;
        height: 1535px;
        position: absolute;
        top: -215px;
        left: 0;
        background: url("images/home-mobile-bottom-div.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    .section3.light-pink-bg:before{
        top: -145px;
    }
    #secure-trial-cust.with-banner-background:after {
        background: url("images/secure-banner.svg") !important;
        background-size: 101% !important;
        top: 505px !important;
    }
    #secure-trial .sec-img-sticky{
        display: none !important;
    }
    #secure-trial-cust .top-banner h1{
        font-size: 44px !important;
    }
    #secure-trial-cust .top-banner{
        margin-top: 259px;
    }
    #secure-trial.main.demonstrate-efficacy-page img[src="images/right flower.png"]{
        display: none;
    }
    .banner.with-banner-background.demonstrated-efficacy-banner:after {
        height: 1600px;
        width: 100%;
        left: 0px;
        background: url("images/Group 3157.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        top: 433px !important;
    }
    #transdermal-hormone{
        position: relative;
        z-index: 9;
    }
    #transdermal-hormone .th-section2-content{
        margin-top: 0;
    }
    #transdermal-hormone .th-section2-content h2{
        margin-bottom: 30px;
    }
    #safety-and-tolerability .top-banner h1{
        width: 98% !important;
        font-size: 44px !important;
    }
    #safety-and-tolerability.with-banner-background:after {
        height: 195%;
        width: 100%;
        bottom: -300px;
        left: 0;
        background: url("images/m-purple.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        top: 625px !important;
    }
    /* #adhesion-data .heading-wrapper .content-wrapper {
        padding-top: 240px !important;
        padding-bottom: 70px !important;
    } */
    #using-twerla .single-white-flower {
        bottom: -13px;
    }
    #using-twerla .small-single-flower {
        top: 540px;
    }
    .cust-btn-p.cust-btn-lg{
        width: 65% !important;
        margin: auto !important;
        margin-top: 30px;
    }
    .light-pink-bg .cust-btn-p.cust-btn-lg,
    .section2.white-bg .cust-btn-p.cust-btn-lg.green-btn{
        width: 100% !important;
    }
    .section2.white-bg .cust-btn-p.cust-btn-lg.green-btn .btn-inner.btn-inner-g{
        padding: 14px 10px !important;
        letter-spacing: 2px !important;
    }
    #adhesion-data.container-fluid.main-page-container.patient-cons.patient-considerations .content-wrapper h6{
        margin-top: 0px !important;
    }
    #adhesion-data.patient-cons h6.sub-header-title {
        padding: 0 10px 15px !important;
    }
    /* #adhesion-data.patient-cons .heading-wrapper .content-wrapper {
        padding-top: 235px !important;
    } */
    /* #adhesion-data.patient-cons .container-fluid.heading-section::after {
        background-image: url("images/Group 31573342.svg") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: -1 !important;
        height: 265% !important;
        width: 102% !important;
        bottom: -1375px !important;
        transform: none !important;
        left: -4px !important;
    } */
    #adhesion-data.patient-cons .container-fluid.heading-section{
        overflow: hidden;
    }
    #adhesion-data.patient-cons .text-big-with-btn{
        margin-bottom: 20px !important;
    }
    #adhesion-data.patient-cons h6.sub-header-title{
        margin-top: 0 !important;
    }
    /* #adhesion-data.patient-cons2 .container-fluid.heading-section::after{
        background-image: url("images/Group 31573342.svg") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        z-index: -1 !important;
        height: 245% !important;
        width: 102% !important;
        bottom: -1362px !important;
        transform: none !important;
        left: -4px !important;
    } */
    #patch-replacement-p .top-banner{
        margin-top: 206px !important;
    }
    #patch-replacement-p .with-background:after {
        background: url("images/mobile-divider.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 35% !important;
        bottom: -102px;
    }
    #patch-replacement-p .section-1.with-background {
        height: 690px;
    }
    #twirla-saving-program .top-banner h1{
        font-size: 44px !important;
    }
    #twirla-saving-program.with-banner-background:after{
        height: 165%;
        width: 100%;
        bottom: -365px;
        left: 0;
        background: url(images/m-purple.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
        top: 645px !important;
    }
    #twirla-saving-program + .ts-container {
        margin-top: -125px;
    }
    #twirla-saving-program{
        overflow: hidden;
    }
    #twirla-saving-program + .ts-container img.fpo[src="images/FPO.svg"]{
        top: 0 !important;
    }
    /* #adhesion-data.patient-cons.patient-considerations .container-fluid.heading-section::after{
        height: 210% !important;
    } */
    #dem-eff-cust.banner.with-banner-background.demonstrated-efficacy-banner:after {
        top: 582px!important;
    }
    /* new update */
    #adhesion-data.new-safety-tol #safety-and-tolerability-2 .st-section2-content .cust-btn-p.cust-btn-lg.cust-float{
        width: 100% !important;
    }
    #adhesion-data.new-safety-tol #safety-and-tolerability-2 .st-section2-content .st-ref{
        margin-top: 35px !important;
    }
}

@media only screen and (max-width: 420px) {
    #main-page .home-patch-label {
        top: -452px;
        right: 10px;
    }
    #patch-replacement-p .with-background:after {
        height: 75% !important;
    }
}

@media only screen and (max-width: 418px) {
    #using-twerla .small-single-flower {
        top: 480px;
    }
}

@media only screen and (max-width: 414px) {
    .with-background:after{
        bottom: -218px;
        background-size: 106%;
    }
    #main-page .section-1.with-background {
        padding-bottom: 110px;
    }
    #main-page .mobile-fixed-center-circle{
        top: 495px;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 45% !important;
    }
    #main-page a .btn-inner{
        padding: 14px 25px;
    }
    #main-page .home-patch-label{
        /* top: -474px;
        right: -6px; */
        top: -422px;
        right: 0px;
    }
    #main-page .cust-btn-p.cust-btn-lg.green-btn .btn-inner.btn-inner-g{
        letter-spacing: 1px;
        padding: 14px 18px;
    }
    #main-page .section3.light-pink-bg .btn-inner{
        letter-spacing: 2px;
    }
    .small-flower.with-hover-ef {
        bottom: 45px;
    }
    #main-page .section-1.with-background .container {
        padding-bottom: 40px;
    }
    .small-flower.with-hover-ef{
        display: none;
    }
    #main-page .section3.light-pink-bg h2 {
        /* margin-top: 165px; */
        margin-top: 60px;
    }

}

@media only screen and (max-width: 411px) {
    #main-page .mobile-fixed-center-circle {
        top: 500px;
    }
}

@media only screen and (max-width: 402px) {
    #using-twerla .small-single-flower {
        top: 505px;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top{
        top: 42%;
    }
    #main-page .home-patch-label {
        top: -474px;
    }
}

@media only screen and (max-width: 392px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 43% !important;
    }
    #main-page .home-patch-label {
        top: -445px !important;
    }
}

@media only screen and (max-width: 386px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 42%;
    }
    #main-page .mobile-fixed-center-circle {
        top: 525px;
    }
}
@media only screen and (max-width: 380px) {
    #adhesion-data.new-app-sched .col-md-6.pill img {
        margin-left: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media only screen and (max-width: 375px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 42%;
    }
    #main-page .mobile-fixed-center-circle {
        top: 63%;
    }
    #main-page .home-patch-label {
        top: -478px !important;
    }
    #dem-eff-cust.banner.with-banner-background.demonstrated-efficacy-banner:after {
        top: 612px!important;
    }
}

@media (max-height: 736px) and (max-width: 414px) {
    #main-page .mobile-fixed-center-circle {
        top: 73%;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 44.6%;
    }
    #main-page .col-md-6.heading-left-home {
        padding-top: 0 !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 500px;
    }
    #main-page .home-patch-label {
        top: -580px !important;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide{
        display: none;
        top: 315px !important;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide-scroll{
        display: block;
    }

}


@media (max-height: 823px) and (max-width: 411px) {
    #main-page .mobile-fixed-center-circle {
        top: 495px;
    }
}
@media (max-height: 731px) and (max-width: 411px) {
    #main-page .mobile-fixed-center-circle {
        top: 490px;
    }
}
@media (max-height: 812px) and (max-width: 375px) {
    #main-page .bottom-pink-flower {
        bottom: -460px;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide{
        display: none;
        top: 315px !important;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide-scroll{
        display: block;
    }
    #main-page .home-patch-label {
        top: -455px !important;
    }
}

@media (max-height: 667px) and (max-width: 375px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 43% !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 79% !important;
    }
    #main-page.main.home .image-cont-cust-follow .mobile-fixed-center-circle.circle-mobile-top {
        top: 54% !important;
    }
    #main-page.main.home .container-fluid.section-1.with-background {
        padding-bottom: 0px !important;
    }
    #main-page.main.home .row.w100.main-heading .col-md-6.heading-left-home{
        padding-bottom: 0;
    }
    #main-page .col-md-6.heading-right-home .home-patch-label {
        top: -545px !important;
        right: 0px !important;
    }
    #main-page .heading-left-home h2 {
        margin-bottom: 25px !important;
    }
    #patch-placement-2 .banner.with-banner-background .top-banner h1,
    #adhesion-data .container-fluid.heading-section .content-wrapper h1,
    #main-page.main.home h1 {
        font-size: 40px !important;
    }
    #using-twerla .container-fluid.heading-section::after, #adhesion-data .container-fluid.heading-section::after {
        height: 234% !important;
    }
    #adhesion-data.new-dem-effi .container-fluid.heading-section::after {
        height: 206% !important;
    }
    #adhesion-data.new-trans-horm .container-fluid.heading-section::after {
        height: 198% !important;
    }
    #adhesion-data.new-safety-tol .container-fluid.heading-section::after {
        height: 244% !important;
    }
    #adhesion-data.adhesion-data-page .container-fluid.heading-section::after {
        height: 255% !important;
    }
    #adhesion-data.skin-tech2 .container-fluid.heading-section::after {
        height: 211% !important;
    }
    #adhesion-data.new-app-sched .container-fluid.heading-section::after {
        height: 236% !important;
    }
    #adhesion-data.patient-cons.patient-considerations .container-fluid.heading-section::after {
        height: 258% !important;
    }
    #adhesion-data.patient-cons.patient-cons2.patient-support .container-fluid.heading-section::after {
        height: 252% !important;
    }
    #main-page .section3.light-pink-bg h2 {
        margin-top: 60px !important;
    }
    #main-page .image-cont-with-label small {
        position: absolute;
        bottom: -210px;
        left: 50%;
        width: 166px;
        transform: translate(-44%, -50%);
        top: 108%;
    }
    #main-page .section3.light-pink-bg:before {
        top: -165px !important;
    }
    .light-pink-bg {
        margin-top: 90px;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide{
        display: none;
        top: 315px !important;
    }
    #main-page.main.home .image-cont-cust-follow .m-show-hide-scroll{
        display: block;
    }
    #main-page.main.home .image-cont-cust-follow .mobile-fixed-center-circle.circle-mobile-top{
        display: block;
    }
    #main-page .image-cont-with-label img {
        top: 120%;
    }
    #main-page .bottom-pink-flower {
        bottom: -314px;
    }
    #adhesion-data.new-twerla-savings .container-fluid.heading-section::after {
        bottom: -1460px !important;
    }
    #patch-replacement-p .top-banner h1{
        font-size: 40px !important;
    }
    #patch-replacement-p .with-background:after {
        bottom: -210px !important;
    }
    /*#patch-replacement-p .container-fluid.section-padding-btm.section2.white-bg{*/
    /*    !*margin-top: -25px !important;*!*/
    /*}*/
   
}

@media (max-height: 640px) and (max-width: 360px) {
    #main-page .section-1.with-background{
        padding-top: 225px;
    }
    #main-page .mobile-fixed-center-circle {
        top: 84% !important;
    }
}

@media only screen and (max-width: 399px) {
    #secure-trial-cust .top-banner{
        margin-top: 262px;
    }
    #adhesion-data.patient-cons2 .container-fluid.heading-section::after{
        bottom: -1315px !important;
    }
}

@media only screen and (max-width: 395px) {
    #twirla-saving-program.with-banner-background:after{
        top: 710px !important;
    }
}
@media only screen and (max-width: 389px) {
    #patch-replacement-p .pr-break {
        display: block !important;
    }
}

@media only screen and (max-width: 386px) {
    #secure-trial-cust.with-banner-background:after{
        top: 545px !important;
    }
}

@media only screen and (max-width: 381px) {
    #secure-trial-cust.with-banner-background:after{
        top: 573px !important;
    }
}
@media only screen and (max-width: 372px) {
    #adhesion-data.patient-cons .container-fluid.heading-section::after{
        bottom: -1495px !important;
    }
    /* #adhesion-data.patient-cons.patient-considerations .container-fluid.heading-section::after {
        height: 229% !important;
    } */
}
@media only screen and (max-width: 375px) {
    #main-page .cust-btn-p.cust-btn-lg.green-btn{
        width: 100% !important;
    }
    #main-page .custom-h2-width {
        width: 95% !important;
    }
    .cust-btn-p.cust-btn-lg{
        width: 65% !important;
        margin: auto !important;
    }
    #main-page .heading-left-home h2 {
        font-size: 18px !important;
    }
    #main-page .home-patch-label {
        top: -445px;
        right: -5px;
        font-size: 13px;
    }
    #main-page h1 {
        font-size: 44px !important;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 41%;
    }
    #main-page .mobile-fixed-center-circle {
        top: 566px !important;
    }
    #main-page .cust-btn-p.cust-btn-lg.green-btn .btn-inner.btn-inner-g {
        letter-spacing: 2px;
        padding: 14px 5px;
    }
    #main-page .btn-inner.light-green{
        letter-spacing: 4px;
        padding: 14px 5px;
    }
    #main-page h1 {
        margin-left: 11px;
    }
    .cust-order-col .cust-btn-p.cust-btn-lg{
        width: 100%;
    }
    #main-page .section3.light-pink-bg .btn-inner {
        letter-spacing: 4px;
    }
    #main-page .section3.light-pink-bg:before{
        top: -215px;
        width: 101%;
    }
    #secure-trial.main.demonstrate-efficacy-page img[src="images/Path 22687@2x.png"]{
        top: -25px !important;
        left: 8px;
    }
    #safety-and-tolerability.with-banner-background:after{
        top: 585px !important;
    }
    #safety-and-tolerability-2 .st-section2-content{
        margin-top: 10px !important;
    }
    #safety-and-tolerability-2 .st-section2-content h3{
        margin-bottom: 15px;
    }

    #safety-and-tolerability-2 .st-section2-content h3:first-child {
        margin-bottom: 80px;
    }
    #safety-and-tolerability-2 .cust-btn-p.cust-btn-lg {
        width: 100% !important;
    }
    #main-page .home-patch-label {
        top: -489px !important;
        font-size: 13px;
    }
}

@media only screen and (max-width: 365px) {
    #main-page .mobile-fixed-center-circle {
        top: 537px;
    }
    #main-page .home-patch-label {
        top: -500px !important;
    }
}

@media (max-height: 667px) and (max-width: 375px) {
    #main-page .mobile-fixed-center-circle {
        top: 78%;
    }
}

@media only screen and (max-width: 360px) {
    #main-page .mobile-fixed-center-circle {
        top: 83%;
    }
}

@media (max-height: 750px) and (max-width: 1300px) {
    #main-page .section-1.with-background {
        height: auto;
        padding-bottom: 191px;
    }
}

@media (max-height: 750px) and (max-width: 1062px) {
    #main-page h1,
    #main-page .heading-left-home h2 {
        width: 100%;
    }
}

@media (max-height: 750px) and (max-width: 1024px) {
    .image-cont-cust-follow{
        top: -75px !important;
    }
    #main-page .heading-right-home img {
        margin-top: -113px !important;
        margin-left: -159px;
    }
    #main-page .section-1.with-background {
        padding-bottom: 201px;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 42%;
    }
    #main-page .col-md-6.heading-left-home {
        padding-top: 10px;
        padding-bottom: 50px;
    }
    #main-page .mobile-fixed-center-circle {
        top: 493px;
    }
}

@media (max-height: 750px) and (max-width: 940px) {
    #main-page .section-1.with-background {
        padding-bottom: 236px !important;
    }
}

@media (max-height: 690px) and (max-width: 1300px) {
    .image-cont-cust-follow {
        top: -140px !important;
    }
    .fixed-center-circle.patch {
        top: 88px !important;
    }
    #main-page .heading-right-home img {
        margin-top: -170px !important;
        margin-left: -160px !important;
    }
    #main-page .col-md-6.heading-left-home {
        padding-top: 70px;
    }
    #main-page .magnet-effect{
        top: 1084px !important;
    }
    #main-page .magnet-effect-two{
        top: 1718px !important;
    }
    #main-page .magnet-effect-final{
        top: 2535px !important;
    }
}

@media (max-height: 690px) and (max-width: 1024px) {
    #main-page .heading-right-home img {
        margin-top: -179px !important;
        margin-left: -159px !important;
    }
}

@media (max-height: 690px) and (max-width: 1015px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 170px !important;
    }
}

@media (max-height: 690px) and (max-width: 940px) {
    #main-page .section-1.with-background {
        padding-bottom: 220px !important;
    }
    #main-page .row.w100.main-heading .heading-right-home img {
        margin-left: -210px !important;
    }
}

@media (max-height: 690px) and (max-width: 912px) {
    #main-page.main.home .heading-right-home img {
        margin-top: -228px !important;
    }
    #main-page .section-1.with-background {
        padding-bottom: 195px !important;
    }
}

@media (max-height: 690px) and (max-width: 876px) {
    #main-page .row.w100.main-heading .heading-right-home img {
        margin-left: -208px !important;
        margin-top: -207px !important;
    }
    #main-page .section-1.with-background {
        padding-bottom: 206px !important;
    }
}

@media (max-height: 690px) and (max-width: 838px) {
    #main-page.main.home .container-fluid.section-1.with-background .heading-right-home img {
        margin-left: -206px !important;
        margin-top: -238px !important;
    }
    #main-page .section-1.with-background {
        padding-bottom: 224px !important;
    }
    .fixed-center-circle.patch {
        left: 44% !important;
    }
    #main-page .magnet-effect,
    #main-page .magnet-effect-two,
    #main-page .magnet-effect-final{
        left: 50% !important;
    }   
    #main-page .section-1.with-background {
        padding-bottom: 184px !important;
    }
}

@media (max-height: 690px) and (max-width: 814px) {
    #main-page.main.home .container-fluid.section-1.with-background .heading-right-home img {
        margin-left: -205px !important;
        margin-top: -256px !important;
    }
    #main-page.main.home .container-fluid.section-1.with-background .section-1.with-background {
        padding-bottom: 163px !important;
    }

}

@media (max-height: 690px) and (max-width: 784px) {
    #main-page.main.home .container-fluid.section-1.with-background .col-md-6.heading-right-home img {
        margin-left: -204px !important;
        margin-top: -198px !important;
    }
    #main-page.main.home .section-1.with-background {
        padding-bottom: 217px !important;
    }
}

@media (max-height: 690px) and (max-width: 767px) {
    #main-page.main.home .col-md-6.heading-left-home {
        padding-top: 0 !important;
        padding-bottom: 175px;
    }
}

@media (max-height: 690px) and (max-width: 586px) {
    #main-page .image-cont-cust-follow .mobile-fixed-center-circle.circle-mobile-top {
        top: 41% !important;
    }
}

@media (max-height: 690px) and (max-width: 414px) {
    #main-page .image-cont-cust-follow .mobile-fixed-center-circle.circle-mobile-top {
        top: 46% !important;
    }
}



@media (max-height: 750px) and (max-width: 991px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 170px !important;
    }
}

@media (max-height: 750px) and (max-width: 767px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 10px !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 472px !important;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top{
        top: 43% !important;
    }
}

@media (max-height: 750px) and (max-width: 766px) {
    #main-page .mobile-fixed-center-circle {
        top: 503px !important;
    }
}

@media (max-height: 750px) and (max-width: 586px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 40% !important;
    }
    #main-page .col-md-6.heading-left-home{
        margin-bottom: 105px !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 526px !important;
    }
}

@media (max-height: 750px) and (max-width: 425px) {
    #main-page .mobile-fixed-center-circle {
        top: 510px !important;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 38% !important;
    }
}

@media (max-height: 750px) and (max-width: 415px) {
    #main-page .mobile-fixed-center-circle {
        top: 510px !important;
    }

}

@media (max-height: 750px) and (max-width: 414px) {
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 41% !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 530px !important;
    }
}

@media (max-height: 750px) and (max-width: 386px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 0px !important;
    }
    #main-page .mobile-fixed-center-circle.circle-mobile-top {
        top: 41% !important;
    }
    #main-page .mobile-fixed-center-circle {
        top: 556px !important;
    }

}

@media only screen and (max-width: 1024px) and (min-width: 767px){
/* @media only screen and (max-width: 1024px) { */
    #main-page .col-md-6.heading-left-home{
        transform: scale(0.9);
        position: relative;
        left: -20px;
    }
    #main-page h1,
    #main-page .heading-left-home h2{
        width: 100%;
    }
    #main-page .col-md-6.heading-right-home{
        transform: scale(0.9);
        position: relative;
        left: -8px;
    }
    #main-page .image-cont-cust-follow{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .fixed-center-circle.patch,
    .fixed-center-circle.fixed-up{
        transform: scale(0.9);
    }
    #main-page .section2.white-bg .col-md-6 {
        transform: scale(0.9);
        position: relative;
        left: -20px;
    }
    #main-page .col-md-6.orange-cirlce{
        transform: scale(0.9);
        position: relative;
        left: -8px !important;
    }
    .floating-cirle-1, 
    .floating-cirle-2, 
    .floating-cirle-3, 
    .floating-cirle-4{
        transform: scale(0.8);
    }
    #main-page .section2 .white-bg-inner .col-md-6 .custom-width-p{
        width: 100%;
    }
    #main-page .section2 .green-cirlce img{
        width: 370px;
        height: 370px;
    }
    #main-page .col-md-6.green-cirlce{
        transform: none !important;
        position: unset !important;
        left: 0 !important;
    }
    #main-page .section2 .green-cirlce img{
        width: 363px;
        height: 363px;
        margin-left: 15px;
        margin-top: -20px !important;
    }
    #main-page .row.padding-btm.white-bg-inner{
        padding-bottom: 272px;
    }
    #main-page .section2 .green-cirlce img + img{
        /* margin-left: -35px !important;
        height: 235px !important;
        margin-top: -388px !important; */
        margin-left: 0px !important;
        height: 235px !important;
        margin-top: -318px !important;
    }
    #main-page .cust-btn-p.cust-btn-lg.green-btn .btn-inner.btn-inner-g{
        padding: 14px 30px;
    }
    .light-pink-bg {
        margin-top: 63px;
    }
    
}


@media only screen and (max-width: 1023px) and (min-width: 767px){
    .magnet-effect-final{
        top: 2505px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 767px){
    #adhesion-data.new-app-sched .container-fluid.padding-tp .row.regime-image{
        margin-left: -71px;
    }
    .new-app-sched .row.regime-image .left-text{
        padding-left: 30px !important;
    }
}

@media only screen and (max-width: 954px) and (min-width: 767px){
    .light-pink-bg {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 940px) and (min-width: 767px){
    #main-page .heading-right-home img{
        margin-left: -212px !important;
    }
    #main-page .image-cont-cust-follow{
        left: -50px !important;
    }
    #main-page .section2.white-bg .col-md-6{
        left: -54px !important;
        top: -35px;
    }
    #main-page .section-1.with-background{
        padding-bottom: 153px;
    }
    .fixed-center-circle.patch{
        left: 44.7%;
    }
    .magnet-effect,
    .magnet-effect-two,
    .magnet-effect-final{
        left: 50% !important;
    }
    #main-page .section2.white-bg .col-md-6{
        left: 0 !important;
    }
    #main-page .container-fluid.section-padding-btm.section2.white-bg .col-md-6.orange-cirlce{
        left: -53px !important;
    }
    #main-page .row.padding-btm.white-bg-inner{
        padding-bottom: 232px;
    }
    #main-page .section2 .green-cirlce img{
        margin-left: -33px;
    }
    #main-page .section2 .green-cirlce img + img{
        /* margin-left: -85px !important;
        margin-top: -384px !important; */
        margin-left: -50px !important;
        margin-top: -310px !important;
    }
    .light-pink-bg {
        margin-top: 65px;
    }
}

@media only screen and (max-width: 890px) and (min-width: 767px){
    #main-page .heading-right-home img {
        margin-left: -208px !important;
    }
}
@media only screen and (max-width: 828px) and (min-width: 767px){
    #main-page .heading-right-home img {
        margin-left: -204px !important;
    }
    .col-md-6.orange-cirlce .image-cont img + img{
        display: none;
    }
}

@media only screen and (max-width: 770px) and (min-width: 767px){
    #main-page .heading-right-home img {
        margin-left: -201px !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 767px){
    #main-page .heading-right-home img {
        margin-left: -206px !important;
    }
    .fixed-center-circle.patch {
        left: 43.7%;
    }
    
}

@media (max-height: 750px) and (max-width: 991px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 105px;
    }
}

@media (max-height: 690px) and (max-width: 991px) {
    #main-page .col-md-6.heading-left-home {
        padding-top: 210px !important;
    }
    #main-page .heading-right-home img {
        margin-top: -191px !important;
        margin-left: -157px !important;
    }
}

@media (max-height: 750px) and (max-width: 1015px) {
    #main-page .col-md-6.heading-left-home{
        padding-top: 45px;
    }
}

/* @media (max-height: 750px) and (max-width: 1400px) { */
@media screen and (min-height: 750px) {
    /* .light-pink-bg .image-cont-with-label img{
        margin-top: -180px;
    margin-bottom: 230px;
    } */
}

@media screen and (max-height: 750px) {
    /* magnet effect */
   .magnet-effect{
       top: 1088px !important;
   }
   .magnet-effect-two{
       top: 1718px !important;
   }
   .magnet-effect-final{
        top: 2530px !important;
   }
   .image-cont-cust-follow{
       position: absolute;
       width: 100%;
       height: 100%;
       top: -76px;
       left: 0;
   }
   .fixed-center-circle.patch{
       top: 153px;
   }
   .heading-right-home img{
       margin-top: -105px !important;
   }
   .image-cont-with-label{
       top: 0 !important;
   }
}