@media screen and (max-width: 767px) {
    #beneficiary .item {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 96%;
        max-width: 96%;
        margin: 0 15px;
    }

    #EditDependentForm .form-group .col-10 {
        width: 100% !important;
    }

    .padding-card .flex-row a {
        display: none;
    }

    .card-header a {
        color: #fff;
    }
    footer {
        font-size: 7px;
    }

    .inner-layout header {
        padding-top:35px;
    }
    #login-body .login-form-container {
        padding-bottom: 15px;
    }

    #login-body .bottom-orange-panel {
        margin: 5px 0px 5px 0px;
        background-color: white;
    }

    .site-menubar {
        visibility: visible;
        height: 100%;
    }

    .scrollable-container{
        overflow-y: auto;
    }

    .menubar-login-info-container {
        margin-top: 30px;
    }

    footer .copyright-container a {
        font-size: 0.4rem;
    }

    .small-display-top-panel {
        height: 4.5rem;
        background-color: white;
        border-bottom: 1px solid var(--main-primary-bg-color);
        background-color: white;
        padding-bottom: .25rem;
        padding-top: .25rem;
    }

        .small-display-top-panel .img-fluid {
            height: 3.7rem;
        }

    .landing-page-sm-top-panel {
        min-height: 4.5rem;
    }

    .landing-page-body header {
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 5px;
    }

    .current-coverage-container h3 {
        font-size: 1.1rem;
    }

    .current-coverage-container-title-container a {
        padding-left: 5px;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .current-coverage-container-title-container .fa {
        padding-left: 5px;
        font-size: 1.1rem;
    }


    .home-page-content h3 {
        font-size: 1.1rem;
    }

    .video-container, .accordian-container {
        margin-top: 20px;
    }

    .my-info-collapse-container a {
        font-size: 0.6rem;
    }

    .video-container .embed-responsive {
        width: 100%;
        height: auto;
    }

    .video-container .media-body {
        height: 100px;
        width: 100%;
    }

    #page .custom-page-width {
        padding: 0px;
        padding-top: 20px;
    }

    .current-coverage-container .cc-card-list .card-item {
        font-size: 14px;
    }

    .current-coverage-container .content-container .card-body {
        line-height: 20px;
    }

    .current-coverage-container .plan-type-icon {
        margin-left: -10px;
        font-size: 2rem;
    }

    /*My Details*/
    .my-details li .first {
        font-size: 12px;
    }

    /*dependent-cards for mobile and tablet*/
    .dependent-box .mob-dependent-header {
        padding-bottom: 10px;
        height: 3.7rem;
    }

        .dependent-box .mob-dependent-header .card {
            background-color: var(--main-primary-bg-color);
            padding: 2%;
        }

        .dependent-box .mob-dependent-header .btn-allocation {
            border: none;
            background: var(--main-secondary-bg-color);
            color: var(--btn-heading-text-color) !important;
            display: inline-block;
            cursor: pointer;
            border-radius: 0;
            font-weight: 700;
            /*text-transform: uppercase;*/
            box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
        }

        .dependent-box .mob-dependent-header div {
            color: var(--page-text-color);
            font-family: 'oswald';
            font-size: 1.2rem;
            padding-left: 3%;
        }

    .dependent-box .header-text {
        color: var(--page-text-color);
        font-family: 'oswald';
        font-weight: 700;
        font-size: 1.25rem;
    }

    .dependent-box .dependent-card .link-text {
        text-decoration: underline;
    }

    .dependent-box .mobile-add-dependent .add-dependent {
        padding: 10px;
    }

    .dependent-box .mobile-add-dependent {
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
        height: 3.7rem;
    }


    .dependent-card .card {
        margin-bottom: 10px;
    }

    .dependent-card .btn-floating {
        position: relative;
        vertical-align: middle;
        display: inline-block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 0px;
        background-color: var(--main-primary-bg-color);
        cursor: pointer;
    }

        .dependent-card .btn-floating i {
            display: inline-block;
            width: inherit;
            color: var(--btn-heading-text-color);
            font-size: 1.25rem;
            line-height: 40px;
            text-align: center;
        }

    .dependent-box .dependent-card .img img {
        height: 72px;
        width: 72px;
        border: 1px solid #c2c0c0;
        border-radius: 100%;
        margin-right: 5px;
        position: relative;
        vertical-align: middle;
    }

    .dependent-box .dependent-card .card-body {
        line-height: 23px;
        padding: 1rem 0 1rem 0;
    }
    /*dependent-cards for mobile and tablet*/

    /*custom*/    

    .home-page-content .current-coverage-container .content-container
    {
        padding:10px 2px;
        min-height:unset;
        
    }
    .home-page-content .cc-card-container .card {
    padding:0px;
    }    

    .home-page-content .mobile-save .green-btn {
    width:unset;
    font-family:'oswald';
    font-weight:500;
    }
    .home-page-content .mobile-save a:last-child {
    margin-left:5px;
    }

    .home-page-content .current-coverage-container .Message-card {
    height:150px;
    }

    .home-page-content .accordian-container .accordian-trigger {
    margin-bottom:20px;
    }

    /*dependent modal */
    .dependents-modal .modal-dialog,
    .enrollment-modal .modal-dialog {
        max-width: 100%;
    }

    .dependents-modal .check-here {
        line-height: 18px;
    }

    .dependents-modal .mob-docs-history h5 {
        font-family: "oswald";
        font-size: 1.25rem;
        text-transform: uppercase;
        color: white;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    .dependents-modal .benefit-header .close {
        padding: 2px;
    }
    .enrollment-modal .close {
        padding: 2px;
    }

    .dependents-modal .mob-docs-history .doc-header {
        background-color: var(--main-primary-bg-color);
        padding: 2%;
    }

    .dependents-modal .mob-docs-history .card {
        margin-bottom: 10px;
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    }

    .dependents-modal .mob-docs-history .card-body {
        padding: 1rem 0.2rem 1rem 0.2rem;
    }

    .dependents-modal .mob-docs-history .doc-header-outer {
        border: 1px var(--main-primary-bg-color);
    }

    .dependents-modal .Allocation-header {
        padding: 2%;
    }

        .dependents-modal .Allocation-header .card-body {
            padding: 1rem 0.2rem 1rem 0.2rem;
        }

    .dependents-modal .Allocation-modal-form .text-prim-color {
        font-size: 1rem;
    }

    .dependents-modal .Allocation-modal-form .custom-center {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .dependent-box .watch-vedio {
    padding:0px 0px 15px 0px;
    }

      #benefi-Allocation #errorMsg {
        color:var(--btn-danger-color);
        line-height:16px;
        font-size:14px;  
        }
       #benefi-Allocation #errorMsg  br {           
           line-height:23px;                     
      }



    /*Coverage*/
    .card-body .coverage-body {
        border-bottom: 2px solid var(--main-primary-bg-color);
        margin-bottom: 10px;
    }

    .card-body .plan-coverage-costlist {
        line-height: 23px;
    }

    .card-body .coverage-body div:last-child {
        padding-bottom: 10px;
    }

    .plan-dependent-card .plan-dependents-container {
        margin-bottom: 10px;
    }

    .home-page-content .mobile-container {
    margin-top:0px;
    }

    .home-page-content .mobile-save label {
    margin-bottom:0px;
    }

    .lifeEvent-page .mobile-save,
    .lifeEvent-box .item {
    padding:0px 5px 0px 5px;
    }

   .home-page-content .mobile-save,.home-page-content .to-do-container,
   .home-page-content .current-coverage-container,.home-page-content .video-container,
   .home-page-content .accordian-container,.ErrorPage .ErrorCard {
        padding:0px 5px 0px 5px;
    }

    .main-plan-type,.plan-waive,.pcp,.plan-election,.padding-card,.mydetailContainer{    
    padding:0px 5px 0px 5px;
    }

    .main-plan-type  + div {         
        padding:0px 5px 0px 5px; 
    }
    .main-plan-type  + div a:first-child {         
        margin-right:5px;
    }
    .main-plan-type .card-header div {
    padding:0px;    
     }

    /*.headerbtnPadding {
    padding:0px;
    }*/

    .plan-election div:last-child a:first-child {
    margin-right:5px;
    }

    .pcp {
    background-color:#fff;
    margin-bottom:10px;
    }

    .mobile-plan-main .card-header div {
    padding:0px;
    }
    .health-plan-main .card-header div {
        padding: 0px;
        color: #fff;
    }

     .planType-Container {
    border:none;    
    background-color:var( --content-background-color);
    padding:0px 5px 0px 5px;
    border-radius:10px;
    }  


    /*plan-Category*/
    .plan-Category {
    padding:0px 5px 0px 5px;
    }

    .plan-Category .card {
        margin: 5px 0px;
    }

    .plan-Category .card-body {
        padding: 0.7rem;
    }

    .plan-Category .card a {
        text-decoration: none;
    }

    .plan-Category .plan-type-icon {
        font-size: 3rem;
        color: var(--main-alternate-secondary-color);
    }

    .plan-Category .plan-name {
        color: var(--page-text-color);
        font-size: 1.25rem;
        font-weight: 700;
    }
    

    /*plan type*/
    .main-plan-type .card-header {
        background-color: var(--main-primary-bg-color);
        padding: 0.4rem 0.2rem 0.4rem 0.2rem;
    }

    .main-plan-type .card-body {
        padding: 1rem 0.2rem 0.5rem 0.2rem;
    }

    .main-plan-type .plan-type-icon {
        font-size: 3rem;
        color: var(--main-alternate-secondary-color);
    }

    .main-plan-type .card-header .plan-name {
        color: var(--btn-heading-text-color);
        font-size: 1.25rem;
        font-weight: 700;
    }

    .main-plan-type .card {
        margin-bottom: 20px;
    }

    .main-plan-type .card-body > div {
        line-height: 23px;
        padding: 2px 8px;
    }

    .main-plan-type .card-footer .green-btn {
        padding: 1px;
        width: 100%;
        text-align: center;
    }

    .main-plan-type .card-footer {
        padding:0px;
        /*padding: 0.4rem 0.4rem 0.4rem 0.4rem;*/
    }

    .main-plan-type .fa {
    font-size:20px;
    /*color:var(--btn-heading-text-color);*/
    }

    .plantype-tab {
    border:2px solid var(--main-primary-bg-color);
    }

    #PlanTypeTab {
    background-color:var(--main-primary-bg-color);
    padding-bottom:0.2rem;
    }

    .mobile-plan-main .card-body {
    color: var(--page-text-color);
    }
    
    
    /*mobile plan*/
    .mobile-plan-main .card {
        margin-bottom: 15px;
    }
    .mobile-plan-main .card-header {
        background-color: var(--main-primary-bg-color);
        padding:0.4rem 0.2rem 0.4rem 0.2rem;
    }
    .mobile-plan-main .green-btn {
        font-size: 0.8rem;
        padding: 0px;
        text-align: center;
    }
    .mobile-plan-main .card-header .plan-name {
        color: var(--btn-heading-text-color);
        font-size: 1.2rem;
        font-weight: 700;

    }

    .mobile-plan-main .card-header .plan-name > label {
        line-height:22px;
        }

   .mobile-plan-main .card-body {
        padding:1rem 0.1rem 0.5rem 0.1rem;
    }
    
    .mobile-plan-main .card-body input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }

    .mobile-plan-main .plan-election .card-header input[type="radio"] {
        width: 17px;
        height: 17px;
    }

    .mobile-plan-main  .plan-election .card-header .green-btn {
        text-transform: none;
    }

    .main-plan-premium .card-header-name {
        color:var(--btn-heading-text-color);
        font-weight: 700;
    }

    .mobile-plan-main .plan-waive .card-body {  
        background-color:var(--main-primary-bg-color);  
        color: var(--page-text-color);        
        font-size: 1.25rem;
        padding:0.4rem 0.4rem 0.1rem 0.4rem;
        font-weight:500;
    }

    .mobile-plan-main .plan-waive .card-body input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .mobile-plan-main .plan-card .card-item {
    border:2px solid var(--main-primary-bg-color);
    }

    .plan-election .errorMsg {
    color:var(--btn-danger-color);
    }

   .plan-election .coverage-choosen {
    margin:20px 0px;
    }

    .plan-content {
    margin-top:0px;
    }

    .plan-dependent .card-body {
    padding:0.5rem 0.1rem 0.0rem 0.1rem;
    }

    .health-plan-main .card-body {
    color: var(--page-text-color);
    }
        
    /*health plan*/
    .health-plan-main .card {
        margin-bottom: 15px;
    }
    .health-plan-main .card-header {
        background-color: var(--main-primary-bg-color);
        padding:0.4rem 0.2rem 0.4rem 0.2rem;
    }
    .health-plan-main .green-btn {
        font-size: 0.8rem;
        padding: 0px;
        text-align: center;
    }
    .health-plan-main .card-header .plan-name {
        color: var(--btn-heading-text-color);
        font-size: 1.2rem;
        font-weight: 700;

    }

    .health-plan-main .card-header .plan-name > label {
        line-height:22px;
        }

    .health-plan-main .card-body {
        padding:1rem 0.1rem 0.5rem 0.1rem;
    }
    
    .health-plan-main .card-body input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }

    .health-plan-main .plan-election .card-header input[type="radio"] {
        width: 17px;
        height: 17px;
    }

    .health-plan-main  .plan-election .card-header .green-btn {
        text-transform: none;
    }

    .main-plan-premium .card-header-name {
        color:var(--btn-heading-text-color);
        font-weight: 700;
    }

    .health-plan-main .plan-waive .card-body {
        background-color: var(--main-primary-bg-color);
        color: #fff;
        font-size: 1.25rem;
        padding: 0.4rem 0.4rem 0.1rem 0.4rem;
        font-weight: 500;
    }

    .health-plan-main .plan-waive .card-body input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .health-plan-main .plan-card .card-item {
    border:2px solid var(--main-primary-bg-color);
    }

    .select-dependent .plan-dependent {
    padding:5px 10px ;    
    border:1px solid rgba(0, 0, 0, 0.2);    
    }

    .PcpContainer {
        padding: 6px 10px;
        margin-bottom: 15px;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }

 .walk-premium-card .card-header,
    .totalcost-card .card-header {
    color:var(--btn-heading-text-color);
    background-color:var(--main-primary-bg-color); 
    display: inline-block;
    font-size:1.25rem;
    padding:0.3rem 0.5rem ;
}

.walk-premium-card .card-body {
padding:0.5rem 1rem;
}

 .walk-premium-card .card-body li .card-first 
 {
width:70%;
display:inline-block;
}

 .walk-premium-card .card-body {
padding-bottom:0px;
}

 .walk-premium-card .card-body ul li:last-child {
border-top:1px solid var(--main-primary-bg-color);
}

.walk-premium-card {
    margin-top:25px;
}

.walk-premium-card > .card {
    margin-bottom:0px;
    }
/*Eoi*/
.walk-mobile-eoi ul {
    margin-bottom:0px;
    padding-bottom:0px;
    }

.walk-mobile-eoi ul .card-first 
 {
width:70%;
display:inline-block;
}

.walk-mobile-eoi ul p {
   margin-bottom:0px;
 }

.walk-mobile-eoi ul li:last-child span{
    color:var(--page-text-color) !important; 
 }

/*SaveandContinue*/
.mobile-walk-saveContinue a:first-child{
    margin-right:10px; }

/*incomeprotection*/
 .incomeProtectionCoverage {
    margin:10px 0px;        
    }

    

    /*Beneficiary Allocation*/
    .beneficiary-alloctionpage .select-dependent {
    padding:0px 5px 0px 5px;
    }

    .beneficiary-alloctionpage .title-header {    
    font-size:20px;
    font-weight:600;
    }

    .beneficiary-alloctionpage .mobile-main-content {
    background-color:#fff;   
    padding:0px 5px 0px 5px; 
    }
    .beneficiary-alloctionpage .Beneficiary-Card {    
    padding:0px 10px 0px 10px!important; 
    }

    .beneficiary-alloctionpage .mob-header div:after { 
    padding-left:10px;
    font-family: FontAwesome;
    content: "\f13a";
    float: right;    
    font-size:x-large;
}
.beneficiary-alloctionpage .mob-header .collapsed:after {   
    content: "\f138"; 
}

.beneficiary-alloctionpage .mob-Allocation-header {
        /*background-color: var(--main-secondary-bg-color);*/
        background:var(--main-primary-bg-color); 
        padding:2%;        
    }

.beneficiary-alloctionpage .mob-Allocation-header a {
        border: none;
        background-color: var(--main-secondary-bg-color);
        /*background:var(--main-primary-bg-color);*/ 
        color: var(--btn-heading-text-color) !important;
        display: inline-block;
        cursor: pointer;
        border-radius: 0;
        font-weight: 700;        
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21); 
    }

  .beneficiary-alloctionpage .mob-Allocation-header div{
        color:var(--btn-heading-text-color) !important;
        font-family: 'oswald'; 
        font-size: 1.2rem;
        padding-left: 3%;
    }

    .beneficiary-alloctionpage .custom-btn {
    background-color:var(--main-primary-bg-color); 
    }
    .beneficiary-alloctionpage .allocation-coverage {
    margin: 10px 0px;
    }
    .beneficiary-alloctionpage .coverage-header {
    margin:0px 0px 25px 0px;
    }
    .beneficiary-alloctionpage .allocation-coverage .CoverageAmt,
    .beneficiary-alloctionpage .allocation-coverage .empCost {
        padding-left:10px;
        font-weight: 600;
    }
    .beneficiary-alloctionpage #errorMsg  br {           
           line-height:23px;                    
      }
                  

      
/*Life event*/
.lifeEvent-page .card {
margin-bottom:20px;
}

.lifeEvent-page .card-header {
background-color:var(--main-primary-bg-color); 
color:var(--btn-heading-text-color);
font-size:1.25rem;
font-weight:700;
}
    

.lifeEvent-page .card-body ul, .card-body li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.lifeEvent-page .card-body li{    
    font-size: 105%;
    color: var(--main-primary-bg-color);
}

.lifeEvent-page .card-body li .first {
    color: var(--page-text-color);
    font-size: 80%;
    display: inline-block;
    width: 120px;
    text-transform: uppercase;
}

.lifeEvent-page .card-body ul li:first-child {
line-height:15px;
padding-bottom: 5px;
}

.lifeEvent-page .card-body ul li small {
margin-left:120px;
padding-bottom:10px;
}


.lifeEvent-page  .card-body ul li:nth-last-child(3){  
    line-height:10px;
    padding-bottom: 10px;
}
.lifeEvent-page .card-footer {
padding:0 0rem 0 1rem;
}

.lifeEvent-page .card-footer .green-btn {
text-align:center;
}


.lifeEvent-page .card-body ul li:last-child a {
    text-decoration: underline;
    color:var(--main-primary-bg-color);
}

.lifeEvent-page .modal-body {
    padding:0px;
    padding-bottom:20px;
    }

.lifeEvent-page .modal-body .modal-btn .green-btn{
        width:150px;
 }

    .lifeEvent-page .mobile-save a:first-child {
    margin-right:10px;
    }



     .my-details-picture .mydetail-employee-photo img {
        max-width:140px;
        max-height:150px;
        min-height:0;
        min-width:0;
    }   

    .my-details li {
    margin-bottom: 16px;
    font-size: 14px;
    color: var(--main-primary-bg-color);
}
    
    .my-details .left-side {
        border-right: none;
    }
    .cms-container {
        margin-top: 5%;
    }
    .interactiveQuestion-tab #PlanTypeTabContent ul li {
        margin-left: 10px;
        margin-bottom: 15px;

    }


    /*Election Page Left Menu*/
    .left-menu {
        line-height: .2;
    }

    .left-menu ul li {
        padding: 1% 0 1% 1%;
        margin-top: 1%;
    }

    .left-menu ul li a {
        font-weight: 400;
        font-size: 100%;
        text-align: center;
        border-bottom: 1px solid var(--main-secondry-bg-color);
    }
    /* IQ*/

    .plantype-tab #PlanTypeTabContent .interactivequestion ul li {
        padding:0 15px 15px 15px;
        
    }

#employee-interactivequestion select,
#dependent-interactivequestion select {
            width: 90%;
            height:30px;
}
#employee-interactivequestion input[type="text"],
#dependent-interactivequestion input[type="text"]  {
        width: 90%;
    height:30px;
}

    #employee-interactivequestion .cancel,  
    #dependent-interactivequestion .cancel{
        padding-right:0;
    }

    .document-page .card {
        margin-top:5px;
    }

    .document-page .doc-header div {
    color: var(--btn-heading-text-color);
    background-color: var(--main-primary-bg-color);
    font-size:20px;
    padding:5px;
    font-family:'lato';
    font-weight:600;
    text-align:center;
    }   

    .custom-center {
    margin: auto;
    width: 100%;    
    padding: 10px;
   }
    
    .document-page .doc-upload-labeltext {
    padding:0px;
    }

    .document-page .doc-upload-labeltext .doc-number {
    padding:0px;
    margin:0px;
    }

    .document-page .browse .input-type {
    width:67%;
    }

    .my-details-picture .document-page .browse .input-type {
    width:73%;
    }

    .document-page .doc-upload-labeltext #DocumentSave {
    padding:5px 40px;    
    }

    /*plan page --family tier*/
    
    .plan-content .familytier {
        color: var(--main-secondary-bg-color);
    }

    .plan-content .small-font {
        color: #7b7d7e;
        display: none;
    }

    .plan-content .familytier-premium .right-arrow {
        display: none;
    }

    .plan-content .familytier-premium span {
        padding-top: -10px;
        padding-right: 15px;
    }

    #premium-right {
        display: none;
    }

    .plan-content .familytier-premium i{
        font-family: FontAwesome;
        content: "\f101";
        font-size: 400%;
        font-weight: 700;
        position: relative;
        color: var(--main-primary-bg-color);
        position: absolute;
        top: -20px;
        padding-left: 55px;
    }

    .fa-angle-double-down {
        color: var(--main-primary-bg-color);
    }


    /*ElectionSummary*/
    .electionSummaryPage .current-coverage-container .card {
    margin:0.6rem 0rem;
    }
    .electionSummaryPage .current-coverage-container .cc-card {
    margin:0px;
    }
    .electionSummaryPage .current-coverage-container .cc-card {
         font-size: 14px;
     }
    .electionSummaryPage .current-coverage-container .card-body {
            line-height: 20px;
     }
    
    .electionSummaryPage .current-coverage-container .card-footer .orange-btn{
        width:60px;
        line-height:20px;
        padding:1px 10px;    
    }

    /*.electionSummaryPage .current-coverage-container .card-footer div a:last-child
    ,.electionSummaryPage .container-row div a:last-child{
     margin-left:10px;
    }*/
    .electionSummaryPage .email-card ul {
    text-align:center;    
    }

    .electionSummaryPage .premium-card {
    margin-bottom:10px;
    }
    .electionSummaryPage .card-chart .chart-bottom li:last-child,
    .electionSummaryPage .card-chart .chart-bottom li:nth-last-child(2)
     {
    font-size:13px;
    }

    .electionSummaryPage .current-coverage-container {
    border:none;
    }

    .electionSummaryPage  .Message-card {
    height:100px;}

/*Plan Page EOI container*/
    .eoi-container {
    margin-bottom:20px;
    }
    .eoi-container .area {
    padding:0px;
    }

    .eoi-container .area .lowersection .text-header {
    background-color:unset;
    margin-bottom: 0px !important;
    border-top: unset;
    line-height:30px;    
    border-bottom:unset !important;
    text-align:start;  
    padding-bottom: unset;
    padding-top: unset;  
     }
    
.eoi-container .area .lowersection ul li {
padding-left:15px;
text-align:start    
    }

.eoi-container .area ul li ul li {
 padding-left:0px !important;
}

.eoi-container .area .lowersection{
    margin-bottom:0px;
}
  
#enrollment {
margin-top:25%;
}

.electionSummaryPage .current-coverage-container .DetailCardHeader {
    padding:0px;
}

.electionSummaryPage .current-coverage-container .DetailCardHeader .orange-btn {
padding:0.001rem 0.5rem;
line-height:23px;
box-shadow:unset;
text-align:start;
}

.home-page-content #collapseBtnTxt {
font-size:17px;}

.ErrorPage .card {
    margin:0%;
}

.ErrorPage .ErrorContaner {
padding:20%;
}
.ErrorPage .ErrorContaner {
border-right:unset;
    }

.ErrorPage .ErrorContaner + .ErrorContaner {
    padding:0% 20% 20%;
    }

.ErrorPage .ErrorRightContainer .Errtext {
    margin:5% 0% 10% 0%;
    font-size:30px;    
    }
    .MyPhotoSave .orange-btn {
    padding:2px 25px;
    }
    .MobileViewMenu {
        font-weight: bold;
        color: white;
    }

}



@media screen and (max-width: 320px){    
.home-page-content .mobile-save .green-btn {
        font-size:13px;
    }

.home-page-content #collapseBtnTxt {
font-size:14px;}

.card .card-body {
    font-size:12px;
    }

.current-coverage-container .cc-card-list .card-item {
        font-size: 12px;
    }
.dependent-box .dependent-card .card-body .floatingbtn {
    padding:0px;
}

.electionSummaryPage .current-coverage-container .card-footer .orange-btn
    ,.electionSummaryPage .container-row .orange-btn{
     font-size:12px;
    }

    .electionSummaryPage .premium-card .card-header, .electionSummaryPage .totalcost-card .card-header {
    font-size:1.1rem;
    }
.electionSummaryPage .plan-Category .body-container {
    padding:2px;
}
    .dependent-box .mob-dependent-header div {
    font-size:1rem;
    }

    .my-details-picture .mydetail-employee-photo img {
        max-width:140px;
        max-height:150px;
    }

    .my-details-picture #photoupload{
        max-width:280px;
        font-size:14px;
    }
    .my-details .header {
        font-size:16px;
    }
    .my-details .header .edit-icon, 
    .my-details .header .save-icon {
        padding-left:0;
    }
    .my-details .header #cancel {
        padding-left:10px;
    }

#employee-interactivequestion select,
#dependent-interactivequestion select {
            width: 90%;
            height:30px;
}
#employee-interactivequestion input[type="text"],
#dependent-interactivequestion input[type="text"]  {
        width: 90%;
    height:30px;
}

 .document-page .browse .input-type {
    width:60%;
    }

 .my-details-picture .document-page .browse .input-type {
    width:75%;
    }

 .document-page .doc-upload-labeltext #DocumentSave {    
    padding:5px 10px;
    }
    .MobileViewMenu {
        font-weight: bold;
        color: white;
    }
}