/*index header css*/
    
    .hdr_ph_inx ul.navbar-nav {
        width: 100% !important;
    }
    
    .hdr_ph_inx ul.navbar-nav {
        padding-left: 50px;
    }
    /*index header css*/
    /*registration page headoffice header start*/
    
    .ph_account_hdr .bg-dark {
        background: #ffffff !important;
        padding: 34px 50px;
    }
    
    .ph_account_hdr a.navbar-brand img {
        max-width: 240px;
    }
    
    .ph_account_hdr .navbar-dark .navbar-nav .nav-link {
        color: #cecece;
        font-weight: 700;
        font-size: 18px;
        text-transform: capitalize;
    }
    
    .ph_account_hdr ul.navbar-nav {
        width: auto;
        align-items: center;
    }
    
    .ph_account_hdr .navbar {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
        z-index: 1;
    }
    
    .ph_account_hdr .navbar .navbar-brand {
        margin: 0;
    }
    
    .ph_account_hdr .ac_nav_r_btn a.nav-link {
        padding: 0;
        position: relative;
        bottom: 4px;
    }
    /*registrationpageheadoffice.html End*/
    /*registrationpageheadoffice start*/
    
    ul.account_progressbar_header {
        padding: 0;
        display: flex;
        list-style: none;
        border-radius: 14px;
        width: 100%;
        margin-top: 22px;
        justify-content: center;
    }
    
    ul.account_progressbar_header li {
        height: 6px;
        position: relative;
    }
    
    .account_progressbar_header li.green_circle:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background: #e54c42;
        top: -5px;
        border-radius: 40px;
        left: -5px;
    }
    
    .account_progressbar_header li.gray_circle:before {
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        background: #e3e3e3;
        top: -5px;
        border-radius: 40px;
        right: -5px;
        z-index: 9;
    }
    
    .first_progress {
        width: 15%;
        position: relative;
        background: #e54c42;
    }
    
    .sec_progress {
        width: 30%;
        position: relative;
        background: #e54c42;
    }
    
    .four_progress {
        width: 20%;
        position: relative;
        background: #e3e3e3;
    }
    
    .five_progress {
        width: 30%;
        position: relative;
        background: #e3e3e3;
    }
    
    .six_progress {
        width: 10%;
        position: relative;
        background: #e3e3e3;
    }
    /*registrationpageheadoffice end*/
    /*3_registration_create_personal_account.html css start*/
    
    .ph_create_personal_account_hdr .account_progressbar_header li.green_circle:before {
        background: #dfc174;
    }
    
    .ph_create_personal_account_hdr .sec_progress {
        background: #dfc174;
    }
    
    .ph_create_personal_account_hdr .first_progress {
        background: #dfc174;
    }
    
    .tb_hdr_create_premises_account_ph .createpremisesaccount_text h2 {
        border-bottom: solid 3px #dfc174;
    }
    
    .tb_hdr_create_premises_account_ph ul.nav.nav-tabs li a.active:before {
        background: #dfc174 !important;
    }
    /*3_registration_create_personal_account.html css end*/
    /*media css header */
    
    @media (max-width: 767px) {
        .ac_nav_r_btn .mdl-button {
            font-size: 15px;
            min-width: 134px;
            min-height: 37px;
            margin-left: 8px;
        }
        .navbar-nav {
            display: block;
        }
        .hdr_ph_inx ul.navbar-nav {
            padding-left: 0px;
        }
        .ph_account_hdr .bg-dark {
            padding: 10px 10px;
        }
        .ph_account_hdr a.navbar-brand img {
            max-width: 180px;
        }
        .ph_account_hdr .navbar-toggler {
            background: #7bbd4a;
        }
        li.nav-item.ac_nav_r_btn.text-right.ac_m-l-auto {
            text-align: left !important;
            margin-top: 10px;
        }
        .ph_account_hdr .navbar-collapse.collapse.show ul.navbar-nav {
            padding-bottom: 15px;
        }
    }
    /*media css header Ens*/
    /* iPad view ----------- */
    
    @media (max-width:1023px) and (min-width: 768px) {
        .ph_account_hdr .bg-dark {
            padding: 34px 15px;
        }
    }
    /* ipade pro  ----------- */
    
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) {}