.page-header-wrap { position:relative; margin-top:60px; }
        .page-header-wrap .breadcrumb { border-bottom:1px solid #eee; }
        .page-header-wrap .page-header-data { position:relative; }

        .page-header-wrap .header { }
        .page-header-wrap .header h2 { font-size:24px; line-height:38px; font-weight:bold; color:#000000; }
        .page-header-wrap .header h4 { font-size:15px; line-height:20px; color:#9F9F9F; }

        .page-header-wrap .header-menus { position:absolute; bottom:0; left:0; right:0; }
        .page-header-wrap .header-menus ul { list-style:none; }
            .page-header-wrap .header-menus ul li { display:inline-block; margin-right:30px; position:relative; }
            .page-header-wrap .header-menus ul li.right { float:right; }

            .page-header-wrap .header-menus ul li .badge { position: absolute; width: 22px; height: 22px; font-size: 12px; line-height: 21px; padding: 0; text-align: center; font-weight: 500; color: #fff; background: #00A7FF; border-radius: 50%; right: -18px; top: -8px; box-shadow:0px 1px 1px rgba(0,0,0,0.05); }
            .page-header-wrap .header-menus ul li a { display:inline-block; font-size:15px; color:#797979; padding-bottom:10px; border-bottom:1px solid transparent; font-weight:normal; }
            .page-header-wrap .header-menus ul li a:hover { color:#000; text-decoration:none; }
            .page-header-wrap .header-menus ul li.active a { font-weight:bold; color:#000; border-bottom:1px solid #000; }

    .page-header-type2-wrap { background:#fff; }
    .page-header-type2-wrap .header-menus {  border-bottom:1px solid #F0F0F0; }
        .page-header-type2-wrap .header-menus ul li { margin-bottom:-1px; }

@media (max-width: 991px) { 
        .page-header-wrap { margin-top:30px; }
        .page-header-wrap .page-header-data { padding-top:15px; padding-bottom:0; }

        .page-header-wrap .header h2 {  }
        .page-header-wrap .header h4 { font-size:12px; }
        .page-header-wrap .header-menus { position:relative; border-bottom:0; }
        .page-header-wrap .header-menus ul { padding-top:10px; padding-bottom:10px; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:15px; margin-left:-10px; margin-right:-10px; padding-left:10px; padding-right:10px; }
        .page-header-wrap .header-menus ul li { line-height:14px; margin-right:10px; }        
        .page-header-wrap .header-menus ul li { font-size:13px; }
        .page-header-wrap .header-menus ul li a { font-size:13px; line-height:13px; padding-bottom:0; }
        .page-header-wrap .header-menus ul li.active a { padding-bottom:0; border-bottom:0; }        
}