/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px)  
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}


/* ----------- Nexus 4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 384px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 384px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 384px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Nexus 5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 3) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Nexus 6 and 6P ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 4) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 4)
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 592px) 
  and (-webkit-device-pixel-ratio: 4)
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}


/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Kindle Fire HD 7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 800px) 
  and (max-device-width: 1280px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* ----------- Kindle Fire HD 8.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* Portrait */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: portrait) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1.5) 
  and (orientation: landscape) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}


/* ----------- Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Nexus 9 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media screen 
  and (device-width: 1536px) 
  and (device-height: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}



/* ----------- Galaxy Tab 2 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) { 
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/*Extra small devices (phones, 600px and down)*/
@media only screen and (max-width: 600px) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 40% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 29px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
        /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 40% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 29px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 20% !important;
    }
    
    .floatMrMs {
        float: none;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 15%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 100%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 60%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 0 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 0 0 !important;
    }

    .rowOne {
        margin-bottom: 0px !important;
    }

    .TypeOne {
        margin-top: 30px;
    }

    .row .col.s2 {
        width: 100.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 0px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 30px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 16px !important;
        margin-top: 37px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 78px !important;
        margin-top: -48px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 0px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 36%;
        background-position: center;
        background-size: cover;
        height: 110px;
    }
    
    .tabsUlLiOne {
        margin-left: 68px !important;
        margin-top: 44px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: -10px !important;
        margin-top: 43px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 43%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .containermaxwidth {
        max-width: 900px !important;
    }
    
    .FamilyDoctor {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #979797;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
    }
    
    .FamilyDoctorActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        padding: 0px;
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .TotalValueAmount {
        width: 24% !important;
        margin: 0px !important;
        height: 4rem !important;
        font-size: 30px !important;
        font-weight: 800 !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        text-align: right !important;
        border: 0px !important;
    }
    
    .Congratulations {
        width: 100% !important;
        margin: 0px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        border: 0px !important;
        text-align: center !important;
        color: #19b714;
        font-size: 30px !important;
        font-weight: 600 !important;
    }
    
    .FamilyDoctorActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .FamilyDoctor:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .Franchise {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .SavingsPotential {
        font-size: 24px;
        font-weight: 800;
        margin-top: 40px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Years {
        font-size: 30px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .Request {
        font-size: 24px;
        font-weight: 800;
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .CHF {
        color: #19b714;
        font-size: 30px;
        font-weight: 900;
    }
    
    .receive {
        text-align: center;
    }
    
    .FamilyDoctorMr {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: .5;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: transparent;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMr:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }
    
    .MrMs {
        display: flex;
    }
    
    .MrMsmarginright {
        margin-right: 20px;
    }
    
    .divcenter {
        display: flex;
        margin-left: 38% !important;
    }
    
    .floatMrMs {
        float: right;
    }
    
    .FamilyDoctorButton {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButton:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
        border-bottom: 1px solid #e61b1b;
        box-shadow: 0 1px 0 0 #e61b1b;
    }
    
    input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
        color: #e61b1b;
    }
    
    .InputDisplay {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 1.8;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .FamilyDoctorButtonNow {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 40%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #000;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        color: #ffffff;
    }
    
    .FamilyDoctorButtonNow:hover {
        background: #ff6b6b;
        color: #ffffff;
        border: 1px solid #ff6b6b;
        opacity: 1;
    }
    
    .paddingtop {
        padding-top: 5%;
    }
    
    .vaildation {
        font-size: 13px;
        color: red;
        padding-left: 0px;
        margin: 0px;
    }
    
    .tabsswipetabone {
        display: flex !important; 
        justify-content: flex-end !important;
        height: 80px !important;
    }

    .tabsswipetabactivationone {
        margin-right: 10px !important;
        display: flex;
        justify-content: flex-start;
        height: 80px;
        align-items: center;
        margin-left: 8px;
        margin-top: 5px;
    }
    
    .tabsswipeoneactiveone {
        background: #e5e5e5 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000  !important;
    }
    
    .tabsswipeoneactiveoneaction {
        background: #7d1725 !important; 
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: rgb(255, 255, 255) !important;
    }
    
    .tabsswipetabtwo {
        display: flex !important; 
        justify-content: flex-start !important;
        height: 80px !important;
    }

    .tabsswipetabtwoactivationtwo {
        margin-left: 10px !important;
        display: flex;
        justify-content: flex-end;
        height: 80px;
        align-items: center;
        margin-top: 5px;
        margin-right: 6px;
    }
    
    .tabsswipeoneactivetwo {
        background: #e5e5e5 !important;
        border-radius: 50% !important; 
        width: 45px !important; 
        height: 45px !important; 
        color: #000000 !important;
    }
    
    .tabsswipeoneactivetwoaction {
    background: #7D1724 !important;
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    color: rgb(255, 255, 255) !important;
}

    .row .col.s6 {
        width: 50%;
        margin-left: 0;
    }

    .row .col.s3 {
        width: 24%;
    }

    .select-wrapper input.select-dropdown {
        margin: 0 0 15px 0 !important;
    }

    input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
        margin: 0 0 15px 0 !important;
    }

    .rowOne {
        margin-bottom: 20px !important;
    }

    .TypeOne {
        margin-top: 15px;
    }

    .row .col.s2 {
        width: 16.66667%;
        margin-left: 0;
    }

    .PostCodeOne {
        margin-top: 15px;
    }

    .rowTwo {
        margin-bottom: 20px;
    }

    .label {
        top: -10px !important;
    }

    .request {
        margin-top: 0px;
    }

    .NumberOfPersonsInHouseHoldSelect {
        font-size: 1rem !important;
    }

    .tabs .indicator {
        position: absolute;
        bottom: 0;
        height: 2px;
        background-color: transparent;
        will-change: left, right;
    }

    .FamilyDoctorMrActive {
        height: auto;
        display: inline-block;
        vertical-align: middle;
        width: 70%;
        border: 1px solid #7d1725;
        opacity: 1;
        color: #ffffff;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        transition: all .2s linear;
        background-color: #7d1725;
        padding: 0px;
        height: 30px;
        padding-top: 3px;
    }
    
    .FamilyDoctorMrActive:hover {
        background: #7d1725;
        color: #fff;
        border: 1px solid #7d1725;
        opacity: 1;
    }

    .tabsswipetabactivationimageone {
         /* background-image: url('<?php echo plugins_url( 'assets/images/rightimage.png', __FILE__ ) ?>'); */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .tabsswipetabactivationimagetwo {
        /* background-image: url('<?php echo plugins_url( 'assets/images/leftimage.png', __FILE__ ) ?>') */
        background-size: cover;
        height: 80px;
        width: 90px;
    }
    
    .dropdown-content li>a, .dropdown-content li>span {
        font-size: 16px;
        color: #000000 !important;
        display: block;
        line-height: 22px;
        padding: 14px 16px;
    }

    .tabsul {
        margin-left: 0% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
        height: 114px;
    }
    
    .tabsDiv {
        background-color: transparent !important;
        width: 34%;
        background-position: center;
        background-size: cover;
        height: 100px;
    }
    
    .tabsUlLiOne {
        margin-left: 98px !important;
        margin-top: 40px !important;
    }
    
    .tabsUlLiTwo {
        margin-left: 0px !important;
        margin-top: 40px !important;
    }
    
    .hide-tab-scrollbar {
        height: 94px !important;
    }

}