 

/* V4 promo 31 */

  

.process_new #prescrition_work .logo-title {

    /* padding-bottom: 1.5rem; */

    display: inline-block;

    width: 100%;

    max-width: 180px;

    margin-bottom: 0.4em;

}



 



#prescrition_work .top-icon.top-right::before {

    background-image: url("../images/right-tick.png") !important;

  }



.process_new #prescrition_work .top-medical.top-icon::before { height: 30px;}



                        .group_buttons a {
                            /* animation-name: inherit !important ; */
                            position: relative;
                        }

                       .group_buttons a .animatedpill {

                            position: absolute;

                            left: 10px;

                            top: 26px;

                            max-width: 100%;

                            width: auto;

                            animation-name: pulse;

                            animation-duration: 1.5s;

                            animation-iteration-count: infinite;

                            }

                            .group_buttons a:last-child .animatedpill {  animation-delay: .8s; }  

                            

                            



                            .process_new #prescrition_work .bottom p {font-size: 16px;}

                            .process_new #prescrition_work h3 {font-size: 18px;}



                            .process_new h1 {font-size: 36px;}

                            .process_new #prescrition_work .logo-title {max-width: 130px;}



                            .process_new  #prescrition_work .overlay p {font-weight: bold;  font-size: 14px; padding: 5px 0;}



                            .process_new #prescrition_work .overlay p {

                                font-weight: bold;

                                font-size: 14px;

                                padding: 5px 0;

                            }



                            .safety_info .title {font-size: 15px !important;}

                            .safety_info p { font-size: 14px !important;  }



 





                            @media screen and (max-width: 1199px) {

                                .group_buttons a .animatedpill { width: 80px; height:auto;     }

                            }

                            @media screen and (max-width: 767px) {

                                .group_buttons a .animatedpill { width: 42%; height:auto;  top: 20%;   }



                                .h2_text h1 { font-size: 24px;}

                                .logo-title {width: 91px !important;}

                                .h2_text {margin-bottom: 30px !important; margin-top: 15px;}

                                 #prescrition_work h3 {  font-size: 17px; }

                                 #prescrition_work h3 br   { display: block; }



                                 .process_new #prescrition_work .logo-title { margin-bottom: 0.2em; }



                                 .process_new #prescrition_work .bottom {  margin-bottom: 15px;  }

                                 .process_new .bannerCTA {margin-top: 0 !important; margin-bottom: 15px;}



                                 body #border-section.inner-section_01 {

                                    

                                    top: 0 !important;

                                  }



                                  .group_buttons  {margin: 0 -5px;}



                            }



    

  /* New Updated */                          



 .total-diffrce-area{ padding: 50px 0; text-align: center;}

                        .total-diffrce-area h2{font-family: 'Recoleta';font-size: 45px;font-weight: 500;color: #04b6b0; 

                            margin-bottom: 20px;}

                        .diff-table-area tr td:first-child{ text-align: left;}

                        .diff-table-area tr td:nth-child(2), 

                        .diff-table-area tr th:nth-child(2){ 

                                background: #338dbf; color: #fff; position: relative; text-align: center; width: 140px;}

                        

                        .diff-table-area tr td:nth-child(3), 

                        .diff-table-area tr th:nth-child(3) {text-align: center;}



                        .diff-table-area tr th:nth-child(2):before{ content: ''; position: absolute; height: 20px; left: 0; right: 0;

                             top: -20px; background: #338dbf;border-radius: 10px 10px 0 0; }

                        .diff-table-area tr:last-child td:nth-child(2):before{ content: ''; position: absolute; height: 20px; 

                            left: 0; right: 0; bottom: -20px; background: #338dbf; border-radius: 0 0 10px 10px; }

                        .diff-table-area figure, .diff-table-area table{ margin-top: 25px;}

                        .diff-table-area table tr td{ border-color: #333333;}

                        .diff-table-area table tr th{ border: 0 !important;}

                        .total-diffrce-area .diff-icons-area{ padding: 40px 0;}

                        .total-diffrce-area .diff-icons-area img{ margin: 10px 20px;}

                        .total-diffrce-area .btn{ font-size: 24px;text-transform: uppercase;padding: 8px 50px; 

                            -webkit-border-radius: 25px; border-radius: 25px;}

                        

                        .diff-table-area table tr td {background: none;  border: 0; vertical-align: middle;  }   

                        .diff-table-area table tr:nth-child(2n) td  {  background: #f5f5f5; }



                        .diff-table-area table tr:nth-child(2n) td:nth-child(2n)   {  background: #5ca0c5; }

                        

                            .d_desktop { display:inline-block; }

                            .d_mobile { display:none; }

                            .diff-table-area th span { display: block; margin-top: -4px;}





                            .diff-table-area td .fa-times  {

                                font-size: 18px;

                                color: #555;

                              }  

                              

                              .diff-table-area tr td:nth-child(3),

                              .diff-table-area tr th:nth-child(3)  { padding-right: 0;  border-radius:  0 0 10px 10px;  }



                              .diff-table-area tr td:nth-child(1),

                              .diff-table-area tr th:nth-child(1)  { padding-left: 40px; border-radius: 10px 0 0px 10px;  }



                              .d_desktop {margin-bottom: 20px;}



                              .chart_holder figure { margin-top: 60px; margin-bottom: 0; }



                              .chart_min  {margin-top: -15px; position: relative; z-index: 8;}

                              .diff-table-area tr th:nth-child(2)::before {z-index: 99;}





                              .chart_holder {

                                border: 1px solid #ddd;

                                width: 80%;

                                padding: 0 100px 30px 100px;

                                border-radius: 20px;

                                position: relative;

                              }      

                              

                              .mobile_viagra { display: none; }





.chart_holder.chart_half { width: 100%; padding: 0 30px 30px 30px;}



.chart_holder.chart_half  .diff-table-area tr td:nth-child(2), 

.chart_holder.chart_half .diff-table-area tr th:nth-child(2) {width: 82px;}



.htt_right_medication h2 {margin-bottom: 30px !important;}          



.btn_get  { margin-top: 30px; margin-bottom: 20px;}

.btn_get  a { font-size: 18px; padding: 13px 60px;}





.box4_sections_inner { background: #ededed; padding: 15px 15px 15px 100px; 

        overflow: hidden; min-height: 228px; border-radius:10px; }



.box4_sections_inner p {font-size: 14px !important;  margin-bottom: 0 !important;}



.box4_sections { margin-bottom: 40px; }



.box4_sections .col_md_6 { margin-top: 15px;}



.e1 {

    position: absolute;

    left: 0;

    top: 0;

    width: 100px;

    height: 100%;

    text-align: center;

    background: #1a518a;

    border-radius: 10px 0 10px 10px;

  }



  .image_iocn {

    width: 100%;

    height: 100%;

    position: relative;

    display: table;

  }



  .image_iocn_inn {

    width: 100%;

    height: 100%;

    position: relative;

    display: table-cell;

    vertical-align: middle;

  }

 

  .image_iocn_inn::after {

    content: '';

    position: absolute;

    right: -17px;

    top: 0;

    background-image: url("../images/box-arrow1.png") !important;

    width: 49px;

    height: 34px;

    z-index: 9;

  }



  .e1_1 img { z-index: 99; position: relative;}





  /* animations */

  

@keyframes pulse {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}





@keyframes pulsen {

  0% {

    transform: scale(1);

  }

  50% {

    transform: scale(1.05);

  }

  100% {

    transform: scale(1);

  }

}



/* .group_buttons a {animation-name: pulsen !important;} */

.group_buttons img { width: 98%;}



.group_buttons a:last-child {margin-left: 5px;}





  @media screen and (max-width: 1199px) {



  .box4_sections_inner {min-height: 354px;}



  }



@media screen and (max-width: 991px) {



    .chart_holder {  width: 100%; padding: 0 30px 30px 30px; }



    .box4_sections_inner {min-height: 137px;}



}





@media screen and (max-width: 767px) {



    

    .chart_holder, .chart_holder.chart_half {  width: 100%; padding-left:120px;  margin: 15px 10px;}



    .mobile_viagra {

        display: block;

        position: absolute;

        z-index: 99;

        left: 42px;

        top: 55px;

        width: 100px;

      }



      .chart_min {  margin-top: -26px; }

      .diff-table-area th span {padding: 7px 0;}

      .d_mobile {margin-top: 5px;}



      .box4_sections_inner { min-height: 0; padding: 35px 15px 35px 100px; } 





      .blue31bar h1 { font-size: 18px !important;}

      .blue31bar h5 { font-size: 12px!important; }

      .blue31bar  .inner-content { padding: 8px 0!important;}

      .product_31  .checked-list li {font-size: 14px !important;}

      .product_31 .card .spacer-blue {display: none!important;}

      .product_31  .bottom-card .inner-review { margin-top: 0 !important; }

      .product_31   h4 { font-size: 21px !important; }

      .product_31  .price h3 { font-size: 36px!important; }

      .product_31  .stars i {  font-size: 16px!important; }

      .product_31  .card {  margin-bottom: 5px!important; }

}





                            

 @media screen and (max-width: 575px) {

    .d_desktop { display:none; }

    .d_mobile { display:inline-block; }

  



    .diff-table-area tr td:nth-child(2), 

    .diff-table-area tr th:nth-child(2) { width: 66px; }



    .chart_holder.chart_half  .diff-table-area tr td:nth-child(2), 

    .chart_holder.chart_half .diff-table-area tr th:nth-child(2) {width: 66px;}



    .chart_holder.chart_half {  padding-left: 100px;  }

 

    .diff-table-area th span { font-size: 10px; }



    .diff-table-area th span { font-size: 10px; }



    .diff-table-area tr th:nth-child(2)::before { top: -8px; height: 9px;  }

    .diff-table-area tr:last-child td:nth-child(2)::before { bottom: -8px; height: 9px; }



    .diff-table-area td .fa-times {margin-top: 3px;}





    /**/

    .chart_holder {padding-left: 100px;}

    .mobile_viagra { left: 15px;}



    .off_image_chart_full .mobile_viagra  { display:none;}

    .off_image_chart_full.chart_holder { padding-left:15px !important;   padding-bottom: 10px !important;  }

    .off_image_chart_full2.chart_holder   {margin: 30px 0 15px 0!important;}



    .off_image_chart_full .diff-table-area tr td:nth-child(1), 

    .off_image_chart_full .diff-table-area tr th:nth-child(1) { padding-left: 20px;  }



    .htt_right_medication h2 {margin-bottom: 30px !important;}

    .htt_right_medication { padding-bottom: 15px !important;}

    

    .box4_sections .col_md_6 { padding-right: 0;}





    #header2 h1 { max-width: 100%; font-size: 28px;  width: 48%;  }

    #header2 .header_list {width: 79%;}

    #header2 .header_list li {font-size: 15px;}

    #header2 .welcome { font-size: 14px;  max-width: 44%; }



 }



 @media screen and (max-width: 400px) {



  #header2 h1 {   font-size: 24px;   }

  #header2 .welcome {  font-size: 12px;}



    .diff-table-area tr td:nth-child(1),

    .diff-table-area tr th:nth-child(1) { padding-left:33px;}



    .mobile_viagra {width: 77px; left: 10px;}



    .chart_holder {padding-left: 70px; padding-bottom: 10px;}

    



    .chart_holder  .col-lg-9 { padding-right: 0; } 



    .chart_holder.chart_half { padding-left: 70px; margin: 15px 0px; padding-bottom: 10px; }



 }



 @media screen and (min-width: 768px) and (max-width:780px) {

  #personal .group_buttons a .animatedpill {top: 14px;}

  #start_section .group_buttons a .animatedpill {top: 17px; width: 66px;}



 }



 @media screen and (min-width: 781px) and (max-width:815px) {

  #personal .group_buttons a .animatedpill {top: 18px;}

  #start_section .group_buttons a .animatedpill {top: 17px; width: 66px;}



 }



 @media screen and (min-width: 816px) and (max-width: 991px) {

  #personal .group_buttons a .animatedpill {top: 24%;}

  #start_section .group_buttons a .animatedpill {top: 17px; width: 66px;}



 }





 @media screen and (max-width: 575px) {

  #pills_packs.product_31 .top-card img  {max-width: 107px;}

  #pills_packs.product_31 .top-card {  min-height: 121px;  }



  #pills_packs.product_31 .best-pack::before,

  #pills_packs.product_31 .new_users::before,

  #pills_packs.product_31 .exprecienced-users::before    

    {height: 53px; width: 100px !important; margin-left: -50px !important; left: 50%; top: -9px !important;}





  #pills_packs.product_31 h5 { font-size: 15px; margin-bottom: 0; }

  #pills_packs.product_31 h4 { font-size: 16px !important; margin-bottom: 0; }

  #pills_packs.product_31 p {font-size: 15px !important;}

  #pills_packs.product_31 .bottom-card .inner-review { margin-top: 0 !important; margin-bottom: 5px !important;}

  .product_31 .bannerCTA .getStartedCta2 {margin-top: 0px !important;}

  .product_31  .bannerCTA .getStartedCta2 {padding: 9px 35px;}

  .product_31 .checked-list li::before {height: 17px !important; width: 17px!important;}

  .product_31 .checked-list li {font-size: 13px !important; padding-left: 25px !important;}



  #pills_packs.product_31 .price h3 {font-size: 21px !important;}



  .blue31bar h1 {font-size: 16px !important;}

  .blue31bar  h5 {  font-size: 12px !important; }

  .blue31bar  .inner-content {padding: 15px 0;}

   



}

@media screen and (max-width: 575px) {
    #header2 h1 {
        font-size: 28px;
        width: 50%;
    }
    div#header2 {
        background-position: 17% 54%;
        min-height: 520px;
    }
    .bnr_btn_wrap.hippaafter-img img.hippaimg-new {
        position: absolute;
        bottom: -165px;
    }
    .bnr_btn_wrap.hippaafter-img {
        position: relative;
    }
 }
 @media screen and (max-width: 485px) {
    #header2 h1 {
        font-size: 28px;
        width: 100%;
    }
    div#header2 {
        background-position: 17% 58%;
        min-height: 468px;
    }
 }
 @media screen and (max-width: 460px) {
    #header2 h1 {
        font-size: 28px;
        width: 100%;
    }
    div#header2 {
        background-position: 20% 54%;
    }
    
 }
@media screen and (max-width: 425px) {
   .bnr_btn_wrap.hippaafter-img img.hippaimg-new {
        bottom: -140px;
    }
    div#header2 {
        min-height: 430px;
    }
    #header2 img.single-bottle.headersing_btl {
        left: -50px;
        top: 45px;
        max-width: 89px;
        width: 76px;
        height: auto;
    }
}

@media screen and (max-width: 420px) {
    #header2 h1 {
        font-size: 26px;
    }
    div#header2 {
        background-position: 17% 49%;
    }
    #header2 .header_list {
        width: 87%;
    }
 }
 @media screen and (max-width: 400px) {
    div#header2 {
        background-position: 17% 48%;
    }
 }
 @media screen and (max-width: 380px) {
    div#header2 {
        background-position: 17% 40%;
    }
 }
@media screen and (max-width: 370px) {
    div#header2 {
        background-position: 24% 9%;
    }
    div#header2 {
        min-height: 423px;
    }
    #header2 img.single-bottle.headersing_btl {
        left: -50px;
        top: 36px;
        max-width: 89px;
        width: 65px;
        height: auto;
    }
    div#header2 {
        background-position: 24% 37%;
    }
    #header2 h1 {
        font-size: 24px;
    }
 }
 @media screen and (max-width: 355px) {
     #header2 h1 {
        font-size: 24px;
    }
    #header2.wrapper a.bnr_btn {
        font-size: 0.7rem;
        padding: 0.875rem 0.3rem;
    }
    .bnr_btn_wrap.hippaafter-img img.hippaimg-new {
        bottom: -124px;
    }
    div#header2 {
        min-height: 421px;
    }
    #header2 img.single-bottle.headersing_btl {
        width: 60px;
    }
 }
 @media screen and (max-width: 330px) {
    #header2 h1 {
        font-size: 22px;
    }
    #header2 .header_list li {
        font-size: 13px;
    }
    div#header2 {
        min-height: 386px;
    }
    #header2.wrapper .bnr_btn_wrap img {
        left: 43px;
        bottom: -110px;
    }

 }