@media only screen and (max-width: 991px) {

.nav-bar-custom-phone {
    background-color: #192134;
    padding: 9px 4px;
    height: 65px;
    color: #fff;
    }
    .nav-bar-pill-custom-name {
        font-size: 20px;
        padding-left: 20px;
    }
    .nav-bar-pill-icon {
        font-size: 24px;
        color: #fff;
    }
    .nav-bar-pill-custom-pill {
        max-width: 40px;
    }
    .nav-bar-pill-icon-badge {
        margin-top: -24px;
        margin-left: -10px;
    }
    .nav-bar-mobile-panel {
        min-height: 60px;
        height: 60px;
        /*REF : http://www.css3.info/preview/box-shadow/*/
        -moz-box-shadow: 0 0 5px #888 !important;
        -webkit-box-shadow: 0 0 5px #888 !important;
        box-shadow: 0 0 5px #888 !important;
    }
    .nav-bar-pill-custom-phone {
        color: #fff;
        max-width: 200px;
        float: right;
    }

     .nav-bar-mobile-panel-icon {
        color: #B9B9B9;
        font-size: 24px;
    }
    .nav-bar-mobile-panel-icon-active {}

      .nav-bar-mobile {
        height: 48px;
        padding-top: 16px;
    }

    .nav-bar-item-mobile {
        padding: 0px 12px;
    }

    
    .nav-bar-custom-phone-2-pills{
    	line-height: 24px !important;
    	padding: 0px 8px;
    }

     .nav-bar-custom-phone-2-pills-icon{
    	font-size: 24px !important;
    	line-height: 24px !important;
    	padding: 18px 16px;
    	color: #B9B9B9;
    	cursor: pointer !important;
        /*width:122px;*/
    }

    .nav-bar-custom-phone-2-pills-icon:hover{
        text-decoration: none;
        border-bottom: 3px solid #0170F6;
        color: #0170F6;        
    }

    .nav-bar-custom-phone-2-pill-icon-active{
    	border-bottom: 3px solid #0170F6;
    	color: #0170F6;
    }
	.nav-bar-custom-phone-2-pill-people{
	    padding-top: 15px !important;
        padding-bottom: 21px !important;
	}

    .nav-bar-custom-phone-two{
    	border:none !important;
        background-color: #f7f7f7;
        box-shadow: 0 1px 10px #929292 !important;
    }
    .nav-bar-notification{
        margin-right:0px !important;
    }


      .nav-bar-notification-icon{
        padding-top: 2px !important;
        float:right !important;
          padding-right: 10px;
      }

      .nav-bar-pill-custom, .nav-bar-pill-custom:hover{
          padding-top: 8px !important;
      }

      .notificationBellPopover{
      margin-top: 44px !important;
      /*margin-left: -20px;*/

      }

      .nav-bar-notification-badge{
          margin-top: -16px !important;
          margin-left: -12px;
      }

      .notificationBellMobileArrow{
        left:81% !important;
      }

      .userSettingMobileArrow{
        left:81% !important;
    }
    .userSettingPopover{
        margin-top: 44px !important;
    }

    .navbar-brand {
        height: 46px;
    }
    .navbar-brand {
        border-radius: 0;
        font-size: 12px;
        height: 46px;
        background-position: 0 50%;
        background-size: 50%;
        margin-left: 10px;
    }
    .navbar-brand{margin-top:-15px;}
    .navbar-brand {
        margin-top: 6px;
        height: 46px;
    }


    .navbar-brand {
        /*background-repeat: no-repeat;*/
        /*background-size: 115px !important;*/
        /*padding: 20px 0px !important;*/
        background-repeat: no-repeat;
        background-size: 80%!important;
        padding: 20px 0px !important;
        /*width: 140px;*/
    }

    .navbar-brand-ness{
        background-size: 30%!important;
    }

    .fa-arrow-left{
        font-family: ripplehire;
        display: inline-block;
        font-size: 20px !important;
        line-height: 14px;
        -webkit-font-smoothing: antialiased;
    }
    .fa-arrow-left:before{
        content: "\e887";
    }
    .mobile-search, .filter-icon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: ripplehire;
        font-style: normal;
        font-weight: 100 !important;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .mobile-search:before{
        content:'\e801'
    }
    .filter-icon:before{
        content:'\e861'
    }
    #nav-bar-custom-phone-search-button{
        padding-right: 2px !important;
    }
    .popover.bottom>.arrow{
        margin-left: -2px !important;
    }
    .navbar-brand-fractal{background-size: 40% !important; margin-top: 0px !important;}
}