@media only screen and (max-width: 991px) {
    .custom-header-arrow{
        font-size: 20px !important;
        color: #fff !important;
        text-decoration: none !important;
        font-weight: 600;
    }

    .myRefHeadingButtonHolder {
        margin-left: 10px;
    }

    .padding-top-10{padding-top: 0px !important;}

    .job-desc-years{
    text-align: right;
    width: initial;
    }

    .padding-left-15{
        padding-left: 15px !important;
    }
    .padding-right-15{
        padding-right: 15px !important;
    }

    .list-arrow{background: url(../../../images/tempimg/right-arrow.png) no-repeat 97% 50%;}

    .max-width-100{max-width: 100px !important;}
    .job-desc-location{width: 100%;max-width: 250px !important;}

    div#jobDescRow:active,div#jobDescRow:hover {
        background-color: #F8F8F8;
    }

    .search-icon-custom{
        font-size: 20px !important;
        top: 3px !important;
    }
    .padding-left-0{
        padding-left: 0;
    }
    .margine-left-193{
        margin-left: 0;
        width: 103%;
    }

    .job-panel-icon-holder {
        max-width: 50px !important;
        margin-left: -8px !important;
    }
    .main-content {
        margin-top: 0px !important;
    }

    .event-image {
        background-color: #EFEFEF;
        height: auto !important;
        max-height: 103px !important;
        overflow: hidden;
    }
    .job-panel-title-text,
    .job-panel-title-text a {
        padding-bottom: 4px;
    }
    .job-panel-title-matrix-mobile-row1,
    .job-panel-title-matrix-mobile-row2,
    .job-panel-title-matrix-mobile-row3 {
        font-size: 13px;
        padding-bottom: 4px;
    }
    .job-panel-item, .ctp-panel {
        min-height: 120px;
        height: auto;
        border-bottom: 1px solid #EFF2F7;
        /*padding-top: 4px;*/
        display:inline-block;
        vertical-align: top;
    }
    .job-panel-details {
        margin-top: 4px;
    }
    .job-panel-footer {
        padding-top: 16px !important;
    }
    .ctp-panel{min-height: 120px !important; padding-top: 30px !important;}
    .referrals-panel-footer{
        padding-top: 16px !important;
    }
    .job-panel-pill-matrix-bottom {
        padding-top: 4px;
    }
    .job-panel-title-matrix-mobile-row1,
    .job-panel-title-matrix-mobile-row2,
    .job-panel-title-matrix-mobile-row3 {
        color: #5B5B5B;
    }
    .job-panel-title-matrix-mobile-pill {
        /*max-width: 96px;*/
        padding-top: 6px;
    }
    .job-panel-title-matrix-mobile-pill span {
        padding-right: 4px;
    }
    .job-panel {
        padding: 12px 12px;
    }
    .carousel-indicators {
        top: 80px;
        bottom: auto !important;
    }
    .carouselEventImage {
        height: 100% !important;
        width: 100% !important;
    }
    .job-panel-holder {
        /*margin-top: 40px !important;*/
        /*padding-top: 8px !important;*/
    }
    /*.carouselEventLeft {
    left: -16px !important;
}

.carouselEventRight {
    right: -16px !important;
}
*/
    #jobDescription .jobDescriptionModal {
        display: block;
        margin: 0px !important;
        height: 100%;
        width: 100%;
    }
    .jobDescriptionModalInner {
        height: 100%;
    }
    .jobDescriptionModalBody {
        padding: 0px;
    }
    /*.jobDescriptionModalClose {
        font-size: 22px !important;
        padding-left: 4px;
        padding-right: 4px;
        margin-left: -8px;
        cursor: pointer;
        line-height: 22px !important;
    }*/
    .jobDescriptionModalHeader {
        background-color: #192134;
        color: #fff;
        min-height: 64px;
        padding: 20px;
    }

    .jobDescriptionModalMatrixHeadClose .fa{
        font-size: 20px !important;
        color : #444;
        cursor: pointer;
        line-height: 20px !important;

    }
    .jobDescriptionModalMatrixHeadClose {
        margin: 6px -7px 0px 0px !important;
        float: right;
        width: 18px;
    }

    .jobDescriptionModalHeadIcons{
    	padding: 0px 8px;
    }
    .jobDescriptionModalMatrix {
        padding: 15px 20px;
        margin-bottom: 0px;
        background-color: #f9f9f9;
        border: none;
        border-bottom: 1px solid #ececec;
    }

    .jobDescriptionModalDesc {
        padding: 18px 20px;
        font-size: 14px;
        line-height: 28px;
        font-weight: 500;
        background-color: #fff;
    }
    .jobDescriptionModalMatrixHead {
        font-size: 18px;
    }
    .jobDescriptionModalMatrixDataPill {
        /*max-width: 112px;*/
        font-size: 13px;
        padding-top: 8px;
    }
    .jobDescriptionModalMatrixDataReward {
        font-size: 13px;
        padding-top: 10px;
        /*margin-left: -3px;*/
    }
    .jobDescriptionModalMatrixDataPillIcon {
        padding-right: 4px;
        font-size: 12px;
    }

    .jobDescriptionModalMatrixDataPillIconLoc{
    	padding-top: 3px;
    }
    .refModaLabelHelperMobile{
            font-size: 11px;
        font-weight: normal;
        padding-left: 4px;
    }
    .mobile-csl-control-left {
        font-size: 36px;
        margin-top: 24px;
        margin-left: -20px;
    }
    .mobile-csl-control-right {
        font-size: 36px;
        margin-top: 24px;
        padding-left: 32px;
    }
    .jobDescriptionModalHeaderShrBtn,
    .jobDescriptionModalHeaderRefBtn {
        cursor: pointer;
        font-size: 18px;
        padding-left: 20px;
    }
    .refModal,
    .shareModal {
        width: auto !important;
    }
    .job-panel-title-matrix-icon {
        margin-top: -1px;
    }
    .job-panel-title-matrix-icon-loc {
        margin-top: 2px;
    }
    .job-panel-title:hover,
    .job-panel-title-active {
        background-color: inherit !important;
    }
    .modal-dialog {
        margin: 10px 0px !important;
    }
    .refModalLabel{
    	text-align: left !important;
    }
    .referfriendForm{
	    height: auto;
		/*max-height: 480px;*/
    }
    .modalInside{
    	height: auto;
		max-height: 92%;
	    overflow: scroll;
        overflow-x: hidden;
    }

    .modalFooter{
		position: fixed;
	    bottom: 0px;
	    /*left: 0px;*/
	    /*padding: 8px;*/
	    background-color: #F8F8F8;
	    /*width: 100%;*/
    }
    .modalFooter-referform{
        position: relative;
        bottom: 0px;
        background-color: #F8F8F8;
    }
    .modalFooterButtons{
    	text-decoration: none;
    	font-size: 15px;
    	font-weight: bold;
    	padding:16px;
    	border-right: 1px solid #ccc;
    	color: #3962F7;
    	background-color: #F8F8F8;
    	cursor: pointer !important;
    }

    .modalFooterButtons:hover{
        text-decoration: none;
         background-color: #3892fb;
        color: #fff;
    }

    .modalFooterButtons span{
    	padding-right: 4px;
    }

    .noBorderRadiusMobile {
	    border-radius: 0px !important;
	}
	

    /**
     *
     * SECOND PAGE STARTS HERE
     *
     */


    .myRefCardAction{
        background-color: #fff;
    }

    .myRefHeadingSub{
        padding-left: 8px;
    }

    /**
     *
     * THIRD PAGE STARTS HERE
     *
     */

     .myAchvSummaryProfileDataHolder{
        max-width:234px !important;
     }

     .myAchvSummaryProfileBadgeHolder{
        min-width: 100%;
     }

     .myAchvSummaryProfileBadgeGold,
     .myAchvSummaryProfileBadgeSilver,
     .myAchvSummaryProfileBadgeBronze{
        width : 33.3%;
     }

     .myAchvSummaryProfileBadgeIcon{
        margin: 0px auto;
        padding-top: 24px;
     }

     .leaderboardTopFiveCardRanks{
          width: 35%;
          float: left;
          max-width: 140px;
     }

     .leaderboardTopFiveCard{
        height: 98px !important;
     }
    .leaderboardTopFiveCardHolder,
    .leaderboardMyStandingsCardHolder{
        width:100%;

        margin-bottom: 8px;
    }

    .leaderboardTopFiveCardRanksDetails{
        width:63%;
        min-height : auto !important;
    }
    .leaderboardTopFiveCardRanksDetailsUserImageHolder{
        /*width:30%;*/
        float:left;
        max-width: 112px;
        padding-left: 8px;
        position: relative;
    }

    .leaderboardTopFiveCardRanksDetailsUserName,
    .leaderboardTopFiveCardRanksDetailsUserPoints{
        text-align: left !important;
        /*padding: 0px !important*/
        padding: 0px 10px !important;
    }
    .leaderboardTopFiveHolder,
    .leaderboardMyStadingHolder{
        width:100%;
        margin:0 !important;
        padding: 12px !important;
    }

    .myLedBoardBox{
        padding: 12px 6px !important;
        padding: 0px !important;
        background-color : #EFEFEF;
    }

    .leaderboardSwitcHolder{
        padding-left:12px !important;
    }

    .myAchvSummaryProfilePicHolder, .avatarholder {
        padding-left:0px;
        height: 65px;
    }

.badge-notify{
    background: #777;
    position: absolute;
    top: 66%;
    left: 66%;
  }

  .friendPanelResume{
    text-align: left !important;
      padding: 4px 0px !important;
  }

  .mentionRadio, .mentionRadioMessage{
    font-size: 14px !important;
  }

  /*TODO check css*/
    #gray-bg-Right-panel .modal-content {
        position: relative;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 6px;
        outline: 0;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 3px 9px rgba(0,0,0,.5);
        box-shadow: 0 8px 18px rgba(0,0,0,0.18),0 6px 6px rgba(0,0,0,0.23);
    }
    #gray-bg-Right-panel .modal-header .right-panel-title {
        padding: 0px;
        border: 0px;
    }
    #gray-bg-Right-panel .right-panel-title .row, .gray-bg-Right-panel .row {
        margin: 0 !important;
    }
    #gray-bg-Right-panel .browse-job-pos {
        margin-top: 6px;
        font-size: 14px;
    }
    #gray-bg-Right-panel .upper-case-text {
        text-transform: none;
        color: #1c1c1c;
        font-weight: 600;
    }
    #gray-bg-Right-panel .btn-popup {
        padding: 6px 12px;
        border-radius: 3px;
        font-size: 14px;
        box-shadow: none;
        font-weight: normal;
        margin-left: 10px;
    }

    #gray-bg-Right-panel .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        cursor: pointer;
        -moz-user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 2px;
        border-width: 0 !important;
        overflow: hidden;
        position: relative;
        background-image: none !important;
        filter: none;
        text-shadow: none;
        outline: none !important;
        background-image: none !important;
        filter: none;
        text-shadow: none;
        touch-action: manipulation;
    }
    #gray-bg-Right-panel .btn-1-color-theme {
        background-color: #2581ed !important;
        border-color: #2581ed !important;
    }
    #gray-bg-Right-panel .modal .modal-body {
        border-radius: 2px;
        margin: 0;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        border: 0;
    }
    #gray-bg-Right-panel .PD-checkbox-panel.m-b-xs-odd {
        padding: 5px 12px 5px 15px;
    }
    #gray-bg-Right-panel .m-t-sm {
        margin-top: 10px;
    }
    #gray-bg-Right-panel .modal-body #experience,  #gray-bg-Right-panel .modal-body #jobType {
        width: 100%;
        height: 30px;
    }
    #gray-bg-Right-panel .PD-checkbox-panel {
        padding: 5px 12px 5px 15px;
    }
    #gray-bg-Right-panel .m-b-xs-odd {
        margin-bottom: 7px;
    }
    #gray-bg-Right-panel .modal-body .drop-down-search {
        padding: 10px 0px 10px 0px;
    }
    #gray-bg-Right-panel .modal-body .glyphicon-search {
        padding: 16px 8px;
    }
    #gray-bg-Right-panel .right-addon input {
        padding-right: 30px;
    }
    #gray-bg-Right-panel .location-search {
        width: 100%;
        height: 28px;
        padding: 5px;
    }
    #gray-bg-Right-panel #scroll-div, #gray-bg-Right-panel #radio-scroll, #gray-bg-Right-panel #filter-scroll {
        padding-right: 15px;
    }
    #gray-bg-Right-panel .checkbox, #gray-bg-Right-panel .radio {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #gray-bg-Right-panel label {
        display: block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 400;
        color: #0f0f0f;
    }
     #gray-bg-Right-panel div.checker {
        margin-right: 0;
        margin-left: 3px;
    }
    #gray-bg-Right-panel div.checker, #gray-bg-Right-panel div.checker span, #gray-bg-Right-panel div.checker input {
        width: 17px;
        height: 17px;
        margin-right: 2px;
        margin-bottom: 2px;
    }
    #gray-bg-Right-panel div.checker {
        position: relative;
        margin-right: 5px;
    }
    #gray-bg-Right-panel div.selector, #gray-bg-Right-panel div.selector *,  #gray-bg-Right-panel div.radio *, #gray-bg-Right-panel div.checker, #gray-bg-Right-panel div.checker *, #gray-bg-Right-panel div.uploader, #gray-bg-Right-panel div.uploader *, #gray-bg-Right-panel div.button, #gray-bg-Right-panel div.button * {
        margin: 0;
        padding: 0;
    }
    #gray-bg-Right-panel div.selector, #gray-bg-Right-panel div.checker, #gray-bg-Right-panel div.button,  #gray-bg-Right-panel div.uploader {
        display: inline-block;
        zoom: 1;
        vertical-align: middle;
    }
    #gray-bg-Right-panel div.selector, #gray-bg-Right-panel div.selector span, #gray-bg-Right-panel div.checker span, #gray-bg-Right-panel div.radio span, #gray-bg-Right-panel div.uploader, #gray-bg-Right-panel div.uploader span.action, #gray-bg-Right-panel div.button, #gray-bg-Right-panel div.button span {
        background-image: url(../../../images/metronics/uniform/sprite.png);
        background-repeat: no-repeat;
        -webkit-font-smoothing: antialiased;
    }

    #gray-bg-Right-panel div.checker, #gray-bg-Right-panel div.checker span, #gray-bg-Right-panel div.checker input {
        width: 20px;
        height: 20px;
    }
    #gray-bg-Right-panel div.checker span {
        display: inline-block;
        zoom: 1;
        text-align: right;
        background-position: 0 -260px;
        height: 19px;
    }
    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        margin-left: -20px !important;
        cursor: pointer;
    }
    #jobSwitcher{
        font-size: 14px;text-transform: uppercase;;
    }
    .fa-user-plus, .fa-share-alt{
        position: relative;
        top: -2px;
        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;
    }
    .fa-user-plus:before{
        content: '\e82f'
    }
    .fa-share-alt:before{
        content: '\e891'
    }
    .close{
        margin: 2px !important;
        width: 16px;
        height: 14px;
        opacity: 1;
    }

    .challengesPopupModalDialog {
        margin: 30px auto !important;
    }
    .active .all-jobs {
        border-bottom:3px solid #0170F6;
    }
    #jobSwitcher {
        list-style: none;
        margin: 0px 2px;
        padding: 14px 0px 34px 0px;
        padding-left: 6px;
        font-size: 14px;
        text-transform: capitalize;
    }
    .job-tab {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 13px;
    }
    li .job-number{
        padding: 0px 4px;
        background-color: #B9B9B9;
        color: #fff;
        font-size: 11px;
        margin-left: 8px;
        border-radius: 3px;
    }
    li.active .job-number {
        padding: 0px 4px;
        background-color: #116cff;
        color: #fff;
        font-size: 11px;
        margin-left: 8px;
        border-radius: 3px;
    }
    li.active a.ijp-jobs {
        border-bottom:3px solid #35b73a;
    }
    li.active a.ijp-jobs .job-number{
        padding: 0px 4px;
        background-color: #35b73a;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    #filter-scroll {
        min-height: 131px;
    }
    #filter-scroll .loadmask-msg {
        top:30px !important;
    }
    .full_height{
        min-height: 500px !important;
    }
    #filter-scroll input {
        height:16px !important;
    }
    .nav-bar-custom-phone-2-pills-icon{
        width: 122px;
    }

    .refDetailsMore{
        font-size: 13px;
        color: #3892fb;
        margin-top: 8px;
        display: block;
    }
    .referalStatusInfo{
        display: none;
    }

    .referralMessageHolder{
        padding: 0px !important;
    }
    .myAchvHeading, .events_heading{
        background-color: #EFEFEF;
    }
    .PDL80{padding-left: 80px}
    .referralArroHolder{
        height: 0px;
    }
    .h80{
        height: 80px !important;
    }
    .awaiting-icon-height{
        height: 61px !important;
        font-family: ripplehire;
        font-size: 24px;
        padding-right: 10px;
    }
    .awaiting-icon-height:before {
        content: "\e844";
    }
    .nav-bar-pill-custom-back {
        margin-left: 0px;
        padding-right: 8px;
    }
    .custom-header-text{
        font-size: 20px !important;
        padding-left: 15px !important;
        background: none !important;
        padding-top: 0px !important;
        margin-top: -10px !important;
        margin-left: 15px !important;
        width: 160px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .MH130{
        min-height: 130px !important;
        padding-bottom: 20px;
    }
    .myRefCardHeadDesc {
        font-size: 13px;
        color: #000000;
        width: 250px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #gray-bg-Right-panel div.checker input {
        opacity: 0;
    }
    #gray-bg-Right-panel div.checker span.checked {
        background-position: -76px -260px !important;
    }
    .grow-big{
        padding:0px;
        position: relative;
        height: auto;
        background-color: #ffffff;
        text-align: left;
        color: #000000;
    }

    .grow-text{
        color: #000000;
        text-align: left;
    }

    .grow-big #bgimage {
        position: absolute;

        -moz-transform: scale(20);
        -webkit-transform: scale(20);
        -o-transform: scale(20);
        transform: scale(20);
        filter: blur(10px) brightness(75%);
        -webkit-filter: blur(10px) brightness(75%);
        -moz-filter: blur(10px) brightness(75%);
        -o-filter: blur(10px) brightness(75%);
        -ms-filter: blur(10px) brightness(75%);
        width: 100%;
    }

    .grow-text{
        padding: 10px 14px;
    }
    .event-matrix-pill-content{
        font-size: 14px;
        width: auto !important;
        padding: 0px 6px;
    }

    .job-panel-holder.event-page{
        padding-top: 4px !important;
        margin-top:4px !important;
    }

    .event-matrix-button{
        position: absolute;
        top: -32px;
        right: 0px;
    }

    .eventMatrixHolder {
        padding: 12px;
        background-color: #ffffff;
    }

    .event-matrix-small{
        padding-bottom: 4px;
    }

    .event-details-tabs:hover, .settings-tabs:hover{
        text-decoration: none;
        border-bottom: 3px solid #0170F6;
        color: #0170F6;
    }


    .event-details-tabs, .settings-tabs{
        text-decoration: none;
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 14px 8px;
        color: #444;
        cursor: pointer !important;
        font-weight: 600;
        display: inline-block;
    }

    .event-details-tabs-active, .settings-tabs-active {
        border-bottom: 3px solid #0170F6;
        color: #0170F6;
    }

    .page-container{
        padding: 0px !important;
    }

    .eventImageHolder,
    .eventDetailsImageHolder{
        padding:0px;
    }

    #mainBody{
        padding:0px 6px !important;
        padding-bottom: 20px !important;
    }
    .carousel-inner{margin-bottom: 0px !important;}
    .myAchvSummaryBox, .myLedBoardBox{box-shadow: 0 2px 3px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.10) !important;border-radius: 2px !important;}
    .myAchvSummaryBoxHolder{margin-bottom: 12px !important;}

}

@media only screen and (max-width: 400px) {
    .jobnameellipsis
    {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 200px;
        white-space: nowrap;
    }
    .challengesPopupModalBadge {
        left: 41px;
        width: 270px;
    }
    .challengesPopupModalBodyTop {
        height: 240px;
    }
    .challengesPopupModalDialog {
        height: 450px;
        width: 350px !important;
    }
    .eventImage{
        height: 120px !important;
    }
    .event-matrix-pill-content{
        font-size: 12px !important;
    }
    .event-details-tabs, .settings-tabs{
        font-size: 16px !important;
    }

    .nav-bar-notification-icon{
        float:none !important;
    }
    .nav-bar-pill-custom-back .fa{
        font-size: 18px !important;
    }
    .mylink {
        width: 92%;
    }
    #toast-container>div{
        padding: 10px 8px 12px 50px !important;
    }
    #jobSwitcher {
        list-style: none;
        margin: 0px 2px;
        padding: 14px 0px 34px 0px;
        padding-left: 6px;
        font-size: 14px;text-transform: uppercase;;
    }
    .job-tab {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 13px;
    }
    li .job-number{
        padding: 0px 4px;
        background-color: #B9B9B9;
        color: #fff;
        margin-left:8px;
        font-size: 11px;
        border-radius: 3px;
    }
    li.active .job-number {
        padding: 0px 4px;
        background-color: #116cff;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    .active .all-jobs {
        border-bottom:3px solid #0170F6;
    }
    li.active a.ijp-jobs {
        border-bottom:3px solid #35b73a;
    }
    li.active a.ijp-jobs .job-number{
        padding: 0px 4px;
        background-color: #35b73a;
        color: #fff;
        font-size: 11px;
        margin-left: 8px;
        border-radius: 3px;
    }
    #filter-scroll {
        min-height: 131px;
    }
    #filter-scroll .loadmask-msg {
        top:30px !important;
    }
    .full_height{
        min-height: 500px !important;
    }
    #filter-scroll input {
        height:16px !important;
    }
    .nav-bar-custom-phone-2-pills-icon{
        width: 60px;
    }

    #mainBody{
        padding:0px 6px !important;
    }
	.h80 {
        height: 130px !important;
    }
}

@media only screen and (max-width: 358px) {
    .challengesPopupModalDialog {
        height: 410px;
        width: 310px !important;
    }
    .challengesPopupModalBodyTop {
        height: 210px;
    }
    .challengesPopupModalBadge {
        top: 42px;
        left: 36px;
        width: 240px;
    }
    /*.event-matrix-button{
        top: -60px;
    }*/

    .job-panel-item {
        /*min-height: 160px;*/
    }
    .mylink {
        width: 92%;
    }
    #toast-container>div{
        padding: 10px 8px 12px 50px !important;
    }
    #jobSwitcher {
        list-style: none;
        margin: 0px 2px;
        padding: 14px 0px 34px 0px;
        padding-left: 6px;
        font-size: 14px;text-transform: uppercase;
    }
    .job-tab {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom:13px;
    }
    li .job-number{
        padding: 0px 4px;
        background-color: #B9B9B9;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    li.active .job-number {
        padding: 0px 4px;
        background-color: #116cff;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    .active .all-jobs {
        border-bottom:3px solid #0170F6;
    }
    li.active a.ijp-jobs {
        border-bottom:3px solid #35b73a;
    }
    li.active a.ijp-jobs .job-number{
        padding: 0px 4px;
        background-color: #35b73a;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    #filter-scroll {
        min-height: 131px;
    }
    #filter-scroll .loadmask-msg {
        top:30px !important;
    }
    .full_height{
        min-height: 500px !important;
    }
    #filter-scroll input {
        height:16px !important;
    }
    #mainBody{
        padding:0px 6px !important;
    }
}

@media only screen and (max-width: 370px) and (min-width: 320px) {
    .padding-5{
        padding: 5px;
    }
}

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

    .job-desc-location {
        width: 100%;
        max-width: none !important;
    }
    #jobSwitcher {
        list-style: none;
        margin: 0px 2px;
        padding: 14px 0px 34px 0px;
        padding-left: 6px;
        font-size: 13px;
        text-transform: capitalize;
    }
    .job-tab {
        margin: 0px;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 13px;
    }
    li .job-number{
        padding: 0px 4px;
        background-color: #B9B9B9;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    li.active .job-number {
        padding: 0px 4px;
        background-color: #116cff;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    .active .all-jobs {
        border-bottom:3px solid #0170F6;
    }
    li.active a.ijp-jobs {
        border-bottom:3px solid #35b73a;
    }
    li.active a.ijp-jobs .job-number{
        padding: 0px 4px;
        background-color: #35b73a;
        color: #fff;
        margin-left: 8px;
        font-size: 11px;
        border-radius: 3px;
    }
    #filter-scroll {
        min-height: 131px;
    }
    #filter-scroll .loadmask-msg {
        top:30px !important;
    }
    .full_height{
        min-height: 500px !important;
    }
    #filter-scroll input {
        height:16px !important;
    }
    #mainBody{
        padding:0px 6px !important;
    }
}

@media only screen and (min-width: 980px) and (max-width: 1199px){
    .offset-chat{margin-left: 67px; }
    .offset-ML20{margin-left:10px;}
    .offset-ML20-2{margin-left:20px;}
    .offset-ML15{margin-left:15px;}
    .offset-ML11{margin-left:39px;}
    .width-text-chat{width: 74%;}
    .width-text-chat-2{width: 67%;}
    .width-icon{width: 8%;}
    .chat-widget .wrapper-chat .avatar, .chat-widget .wrapper-chat .avatar-white {width: 65px; height: 65px;}
    .MB35 {margin-bottom: 25px;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .offset-chat{margin-left: 36px; }
    .offset-ML20{margin-left:10px;}
    .offset-ML20-2{margin-left:20px;}
    .offset-ML15{margin-left:15px;}
    .offset-ML11{margin-left:34px;}
    .width-text-chat{width: 79%;}
    .width-text-chat-2{width: 76%;}
    .width-icon{width: 8%;}
    .chat-widget .wrapper-chat .avatar, .chat-widget .wrapper-chat .avatar-white {width: 62px; height: 62px;}
    .MB35 {margin-bottom: 25px;}
}

@media only screen and (max-width: 767px) {
    .offset-chat{margin-left: 10px; }
    .offset-ML20{margin-left:10px;}
    .offset-ML20-2{margin-left:20px;}
    .offset-ML15{margin-left:15px;}
    .offset-ML11{margin-left:34px;}
    .width-text-chat{width: 79%;}
    .width-text-chat-2{width: 65%;}
    .width-icon{width: 8%;}
    .chat-widget .wrapper-chat .avatar, .chat-widget .wrapper-chat .avatar-white {width: 50px; height: 50px;}
    .MB35 {margin-bottom: 25px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .offset-chat{margin-left: 38px;}
    .offset-ML20{margin-left:10px;}
    .offset-ML20-2{margin-left:11px;}
    .offset-ML15{margin-left:15px;}
    .offset-ML11{margin-left:43px;}
    .width-text-chat{width: 70%;}
    .width-text-chat-2{width: 82%;}
    .width-icon{width: 8%;}
    .chat-widget .wrapper-chat .avatar, .chat-widget .wrapper-chat .avatar-white {width: 65px; height: 65px;}
    .circle-text-center{font-size: 16px;letter-spacing: 2px}
    .MB35 {margin-bottom: 25px;}
	.h80 {height: 100px !important;}
}

@media only screen and (max-width: 479px){
    .offset-chat{margin-left: 23px; }
    .offset-ML20{margin-left:10px;}
    .offset-ML20-2{margin-left:20px;}
    .offset-ML15{margin-left:15px;}
    .offset-ML11{margin-left:45px;}
    .width-text-chat{width: 65%;}
    .width-text-chat-2{width: 75%;}
    .width-icon{width: 8%;}
    .chat-widget .wrapper-chat .avatar, .chat-widget .wrapper-chat .avatar-white {width: 50px; height: 50px;}
    .MB35 {margin-bottom: 25px;}
	.h80{
        height: 110px !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 387px) {
    .awaiting-icon-height {
        height: 81px !important;
    }
}

.empty{font-size: 14px !important;text-align: center;}
.header-details{margin-top: -8px !important;font-size: 16px !important;}
.js-back-jd{float: left;}
.detail_header{padding-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#navbar-panel{overflow: hidden !important;}
.events_menu_bar, .settings_menu_bar {overflow: auto !important;position: relative;white-space: nowrap;text-align: left;}
.tab_container{
    height: 60px;
    -webkit-user-select: none;
    display: block;
    overflow-y: hidden;
    padding: 0;
    position: relative;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    box-shadow: 0 1px 10px #929292 !important;
}
.eventholder {
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #efefef !important;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.10);
}
.event_controller{background-color: #efefef;}
.event_heading{padding: 8px 12px;padding-bottom: 8px;font-size:14px;font-weight: 700}
#eventLeaderboardContainer,#eventDetailsRulesContainer,#eventDetailsEJobsContainer,#eventActivitiesContainer{padding-top: 4px;}
.rewardTable{padding-bottom: 10px;display:inline-block;}
.player_details,.activity_desc{padding-top: 8px;}
.eventtabitem{display: inline-block;}

.events_menu_bar::-webkit-scrollbar, .settings_menu_bar::-webkit-scrollbar {display: none;}
.eventtabitem{padding: 0px 6px !important;font-size: 16px;}
#event_container{background-color: #efefef;}
.details_clock {
    font-size: 14px;
    padding-right: 4px;
}
.events-panel{background-color: #efefef;}
#rulespanel, #rewardspanel, #hiredrewardspanel, #leaderboardPanel, #mystandingspanel, #recentActivityPanel,
#changePasswordPanel, #socialAuthPanel, #changeAvatarPanel, #coinspanel {
    padding: 10px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.10) !important;
    border: 1px solid rgba(66, 63, 63, 0.2) !important;
    margin-bottom: 10px !important;
}
#mystandingspanel{margin-top: 10px !important;}
#leaderboardPanel, #recentActivityPanel, #mystandingspanel, #changePasswordPanel, #socialAuthPanel, #changeAvatarPanel {padding: 0; overflow: hidden !important;}
.rewards_block{padding: 12px 14px;margin: 2px 0px;
    border: 1px solid #d8d8d8;}
.rewards_display {
    padding: 0px 4px; float: none; overflow: hidden !important;
    padding-bottom: 12px;}
.reward_text{
    font-size:16px;font-weight: 600;}
.reward_text_sub{
    font-size:14px;font-weight: 500;}
.rewards_heading_text{padding: 4px 12px 12px 4px;
    font-size: 16px;
    font-weight: 600;}
.events_panel{background-color: #efefef !important;}
#eventDetailsEJobsDesktopContainer{background-color: #ffffff;}
.event_closed{overflow: hidden;background-color: white;margin: 0px 0px 10px 0px;}
.event_closed_info{float: left;padding: 10px;background-color: #0170F6;color: white;}
.event_closed_text{float: left;padding: 8px;font-size: 16px;font-weight: 600;}
.event_closed_msg{background-color: #E45252;padding: 2px 6px;color: #ffffff;margin-top: 20px; border-radius: 2px;}
.job_container{border-radius: 2px;box-shadow: 0 2px 3px rgba(0,0,0,0.05), 0 2px 6px rgba(0,0,0,0.10) !important;border: 1px solid rgba(66, 63, 63, 0.2) !important;}
#leaderboard{min-height: 60px;}
.active .leaderboard-tab{border-bottom: 2px solid blue;font-weight: bold;}
.myachievementsHeading{padding:0px 6px 8px 2px !important;}
.nothing{font-size: 16px;margin-top: 24px;text-align: center;}
.channel-holder{overflow: hidden;padding: 10px;border-color: #e0e0e0;margin: 4px;border: 1px solid #e0e0e0;}
.social_layout, .avatar_layout{padding:10px !important;}
.social-channel{font-size: 16px;font-weight: 600;padding-top: 4px;}
.social_disclaimer_text{padding: 16px;font-size: 11px;font-style: italic;}
#settings_panel .loadmask-msg{top:114px !important;}
.avatar_layout{overflow: hidden;}
.avatarholder{margin: 0px auto !important;float: none;padding-left: 0;margin-bottom: 16px !important;}
#change_avatar{padding-top: 8px;}
.myProfilePic{margin: 0px auto !important;height: 120px;width:120px;}
.save_avatar {margin-left: 0px !important;}
.remove_text, .add_text{display:none;text-align: center;font-size: 16px;font-weight: 600;padding-bottom: 12px;}
.changeavatar, .add_avatar{border-radius: 2px;padding: 16px 10px 8px 10px !important;}
#change_avatar{background-color: #f7f7f7;}
.remove_avatar_text{padding: 10px 14px;font-size: 14px;}
.font-weight600{font-weight: 600;}