/* 
 * Responsive File
 */
@media (max-width: 1280px) {
  .widget-box .counter,
  .widget-box .text {
    width: 100%;
  }
  .widget-box .text {
    text-align: center;
  }
  .image-header .holder {
    padding: 0px 10px;
  }
  .col-lg-4,
  .col-lg-8 {
    width: 100%;
  }
  #welcome-user {
	width: 25%;
  }
  #user-account {
	width: 15% !important;
  }
 #hiring-manager-title{
	width: 60%;
  }
 .top-bar .icon-list > li{
	padding:0px;
 }
 .dashboard-top-sub-block{
 	width:100%;
 }
 .dash-icons{
 	width:30%
 }
 
 .dash-box-responsive {
		float: none ! important;
	}
	
	.widget-box .counter {
	
	margin-left: 0px ! important;
	}
	
	/* .widget-box .counter {
	
	margin-left: -5px ! important;
} */
	.pagination{float:none;}
}
/*** 980px ***/
@media (max-width: 980px) {
  .widget-box {
    margin-bottom: 15px;
  }
  .widget-box .counter {
    width: 100px;
  }
  .widget-box .text {
    width: auto !important;
  }
  .widget-box .text {
    text-align: center;
  }
  #welcome-user {
	width: 35%;
  }
  #user-account {
	width: 15% !important;
  }
  #hiring-manager-title h1{
	color: #ff503f; font-size: 20px; margin-top: 20px; text-align: center;
  }
  #hiring-manager-title{
	width: 50%;
  }
   .header-text{
 	display:none;
 }
 .header-slash{
 	display:none;
 }
 .dash-icons{
 	width:40%
 }
 .checkbox-lable-inline {
		display: inline-flex;
	}

}
/*** 800px ***/
@media (max-width: 800px) {
	.IniviteCandidateTextarea {
  overflow-x: auto !important;
}
	.inviteCandidateTagsCss {
  margin-left: 0 !important;
}
	.modal-dialog.customModalDialogInvite {
		margin: 50px 5% !important;
		width: 90% !important;
	}
	

	.emailInivteContentDivDetailsTextColor {
	width: 100% !important;
	margin-bottom: 15px !important;
	}
	.emailInivteContentDivDetailsSpan1{
		width: 100% !important;
	}
	.emailInivteSubjectInput {
  margin: 0 1% !important;
  width: 98% !important;
}

.popularizeEmailInivteSubjectInput{
	margin: 0 1% !important;
  width: 98% !important;
}
	.emailInivteSubjectLabel{
	
		width: 98% !important;
		margin: 0 1% !important;
		text-align:left !important;
	}
	.popularizeEmailInivteSubjectLabel{
	
		width: 98% !important;
		margin: 0 1% !important;
		text-align:left !important;
	}
	.prvwPencilContent {
		left: 79% !important;
		top: 71px !important;
		
	}
	.popularizePrvwPencilContent {
  left: 80%  !important;
  top: 131px  !important;
}
	.prvwPencilSubject {
		left: 88% !important;
		top: -27px !important;
	}
	.image-header .holder .header-widget {
    display: none;
  }
  .widget-box .counter,
  .widget-box .text {
    width: 100% !important;
  }
  .widget-box .text {
    text-align: center;
    max-width: 100%;
  }
  .sidebar .sidebar-user-profile,
  .sidebar .inner,
  .sidebar .main-menu {
    display: none;
  }
  .sidebar-left {
    width: 100%;
    position: relative;
    float: none;
  }
  .main-container {
    margin-left: 0px;
  }
  .responsive-menu-trigger {
    display: block !important;
  }
  .top-bar.fixed {
    position: relative;
    margin-left: 0px;
    padding-right: 0px;
  }
  .content.fixed-top-bar {
    padding-top: 0px;
  }
  .fixed-sidebar .top-bar {
    margin-top: 80px;
    position: relative;
  }
  .top-bar.fixed {
    top: 80px;
    position: fixed;
  }
  .top-bar {
	height:100px !important;
  }
  .content.fixed-top-bar {
    padding-top: 160px;
  }
  .fixed-sidebar-header .responsive-menu {
    margin-top: 80px;
  }
  .sidebar-collapsed .sidebar {
    width: 100%;
  }
  .sidebar-collapsed .sidebar .logo-container h1 {
    font-size: 36px;
  }
  .sidebar-collapsed .main-container {
    margin-left: 0px;
  }
  #welcome-user {
	width: 100%;
	text-align:center;
  }

  #user-account {
	width: 100% !important;
	text-align:center;
  }
  #hiring-manager-title h1{
	color: #ff503f; font-size: 20px; margin-top: 20px; text-align: center;
  }
  #hiring-manager-title{
	width: 100%;
	padding:0;
	/*text-align:center;*/
  }
 #user-account-span {
  color: #8e9aa4; cursor: pointer; line-height:20px;
 }
 .top-bar .icon-list > li{
	line-height:25px;
 }

 .dash-box {
		width: 100%
}
.dashboard-top-sub-block{
	width: 100%
}
.box-header div{
	width:100%;
}

	/* #hiring-manager-title>img {
		float: left ! important;
	} */
	.dash-box-new-custom {
		margin-left: 0px ! important;
		margin-top: 15px;
		width: 100% ! important;
	}
	.shortlistToAnotherDivMob{
	display:block !important;
	margin: 0 !important;
	}
		.shortlistToAnotherDivWeb{
	display:none !important;
	}
	}

@media (max-width: 900px) {
	.employee-share-job,.employee-share-job-icons{
	width:85%!important;
	}
 .hide-responsive-2{
   display:none;
 }
 .dash-icons{
 	width:50%
 }
}

@media (max-width: 660px) {
 .dash-icons{
 	width:100%
 }
	#hiring-manager-title>img {
		height: 40px ! important;
		/*float: left ! important;*/
		transition-duration: 1s;
		transition-property: height;
	}
	.responsive-menu-trigger {
		top: 5px ! important;
	}
	.is-sticky #hiring-manager-title img {
		width: none ! important;
	}
	.is-sticky #hiring-manager-title>img {
		height: 35px !important;
	}
	#user-account-span {
		line-height: 45px ! important;
		transition-duration: 1s;
		transition-property: line-height;
	}
	.top-bar .icon-list>li {
		line-height: 45px ! important;
		transition-duration: 1s;
		transition-property: line-height;
	}
	.is-sticky #user-account-span {
		line-height: 28px ! important;
	}
	.is-sticky .top-bar .icon-list>li {
		line-height: 28px ! important;
	}
	.dashboard-text {
		font-size: 18px !important;
	}
	.view-source-mix {
		font-size: 16px ! important;
	}
	.view-source-mix-image {
		height: 27px;
	}
	
	#closed-suspend-heading {
		font-size: 24px ! important;
	}
	
	.source-mix-radio {
	
	padding-left:5px ! important;
	
	}
}

@media (max-width: 360px) {
	.emailInivteSubjectInput,.popularizeEmailInivteSubjectInput {
padding:10px 40px 10px 12px !important
}
  .top-bar {
    /*display: none;*/
  }
   .emailInivteContentDivPadding{
  padding-right:15px !important;
  padding-left:15px !important;
  }
  .fixed-sidebar-header .main-container,
  .fixed-sidebar .main-container {
    margin-top: 80px;
  }
  .content.fixed-top-bar {
    padding-top: 0px;
  }
  .fixed-sidebar-header .responsive-menu {
    margin-top: 0px;
  }
  .login-box {
    margin-top: 120px !important;
  }
  .ui-tabs-vertical.align-right .ui-tabs-nav,
  .ui-tabs-vertical .ui-tabs-nav,
  .ui-tabs .ui-tabs-panel {
    float: none !important;
    width: 100% !important;
  }
  .ui-tabs-vertical .ui-tabs-nav {
    right: 0px;
  }
  .box > .content {
    overflow: hidden;
  }

    #hiring-manager-title img{
	width: none ! important;
  }

}
@media ( max-width : 600px) {
	.customTalentUserInfo{
	margin-top: 10px;
	}
	.hide-responsive-3 {
		display: none;
	}
	#appliesSubDiv1, .applies-plan-title-first {
	
	width:70% ! important;
	
	}
	
	#appliesSubDiv4, .applies-plan-title-fifth {
	
	width:30% ! important;
	
	}
	
	.app-phone-call1 {
		display:block ! important;
	}
	
	.app-phone-call2 {
		display:none ! important;
	}
}

@media ( max-width : 1200px) {
	.hide-responsive-1 {
		display: none;
	}
	.statusandButtonsMainDiv {
 		margin: 25px 0px 50px 0 !important;
	}
	.responsiveMyRefPage{
		margin-top: 0 !important;
		float: left !important;
		margin-left: 17px !important;
		width: 93% !important;
	}
}
@media ( min-width : 520px) and (max-width: 650px) {
	.hide-responsive-3-custom {
		display: none ! important;
	}
	
}

@media ( min-width : 800px) and (max-width: 1280px) {
	.dash-box-responsive-view {
		float: left ! important;
	}
	.dash-box-line {
		width: 66.66% ! important;
		float: left ! important;
	}
	#hiring-manager-title img {
		width: none ! important;
	}
	.post-content.ng-binding {
		margin-left: 15% ! important;
	}
	.talent-search-info-custom1 {
		width: 70% ! important;
	}
	.talent-search-info-custom2 {
		width: 30% ! important;
	}}

@media ( min-width : 150px) and (max-width: 800px) {
	
	.allignContainer{
	margin-top:150px !important;
	text-align:center !important;
	width:85% !important;
	}
	.customJobDetailsRow{
	margin-bottom:10px
	}
	.allign-Description p{
	margin-bottom:0;
	}
	.custom-modal-heder {
  margin: 0 5% !important;
  width: 90% !important;
}
#leftcolumn,#rightcolumn {
		width: 50%;
		float: left;
	}
	#leftcolumn1 {
		width: 80%;
	}
	#rightcolumn1 {
		width: 20%;
	}
	.form-inline.form-inline-custom {
		display: inline-flex;
	}
	.margin {
		margin-right: 7px ! important;
	}
	.margin-mobile {
		margin-left: 6px !important;
		margin-top: 11px;
	}
	.responsive-menu-trigger::after {
		font-size: 18px ! important;
	}
	.right-icons {
		float: left ! important;
	}
	#hiring-manager-title>img {
		margin-left: 8px ! important;
	}
	.dropdown-toggle {
		float: right;
	}
	.strip-content-box {
		width: 100% ! important;
	}
	.dash-box-new-custom {
		width: 100% ! important;
		padding: 20px;
		background-color: #F2F2F2;
		margin-top: 14px;
		margin-left: 0px ! important;
	}
	
	.col-md-5.custom-search-box {
		padding-left: 5px ! important;
		padding-right: 0 ! important;
	}
	
	.custom-tab, .source-mix-section1, .source-mix-section2 {
		width: 100% !important;
	}
	.btn.btn-success.btn-wide.create-btn {
		float: right ! important;
		margin-right: 2px ! important;
	}
	.modal-dialog.unsubscirbeEmailDialog {
		margin: 150px 5% !important;
		width: 90% !important;
	}
	
}

@media ( min-width : 150px) and (max-width: 320px) {
	.customShortRejectMaindiv {
		float: left;
		width: 250px !important;
	}
	.control-label>span {
		float: left;
	}
	.check-lable1 {
		margin-left: 10px;
	}
	.login-box {
		width: 100% ! important;
	}
	.strip-content-no-custom {
		width: 36% ! important;
	}
	.custom-push-button {
		margin-top: 15px;
		margin-right: 1px;
		float: left;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}
	.push_button {
		width: 53px ! important;
		font-size: 12px;
	}
	
	.create-btn {
		width: 107px ! important;
		
	}
	
	.btn.btn-success.btn-wide.create-btn {
	
	padding: 10px 4px ! important;
}

.col-md-11.custom-search-box.talent-search-box {
    float: left;
}
.col-md-11.custom-search-box.talent-search-box {
    width: 67%;
}
.col-md-1.custom-search-box {
    float: left;
    width: 8% !important;
}
.profile-box-text.ng-binding {
    display: inline-block;
}
	
	}

@media ( min-width : 320px) and (max-width: 419px) {
	.mobileViewProfilePoint{
		line-height: 1;
	}
	.custom-push-button {
		margin-top: 15px;
		margin-right: 1px;
		float: left;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}
	.push_button {
		width: 60px ! important;
		font-size: 12px;
	}
.login-box {
		width: 100% ! important;
	}
	
	.col-md-11.custom-search-box.talent-search-box {
    float: left;
}
.col-md-11.custom-search-box.talent-search-box {
    width: 70%;
}
.col-md-1.custom-search-box {
    float: left;
    width: 8% !important;
}

.profile-box-text.ng-binding {
    display: inline-block;
}

}

@media ( min-width : 420px) and (max-width: 991px) {
	.custom-push-button {
		margin-top: 15px;
		margin-right: 5px;
		float: right;
		padding-left: 0px ! important;
		padding-right: 0px ! important;
	}
	.push_button {
		font-size: 12px;
	}
	
	.col-md-11.custom-search-box.talent-search-box {
    float: left;
}
.col-md-11.custom-search-box.talent-search-box {
    width: 80%;
}
.col-md-1.custom-search-box {
    float: left;
    width: 8% !important;
}
.profile-box-text.ng-binding {
    display: inline-block;
}
}

@media ( min-width : 980px) and (max-width: 1140px) {
	#hiring-manager-title {
		width: 71% ! important;
	}
	#welcome-user {
		width: 14% ! important;
	}
	
	
.custom-push-button {
	
	margin-right: 10px ! important;
	}
}

@media ( min-width : 501px) and (max-width: 800px) {
	.dash-pie-chart1 {
		width: 100% ! important;
		margin-bottom: 15px;
	}
	.dash-pie-chart2 {
		width: 100% ! important;
		margin-left: 0px ! important;
	}
	.post-container {
		margin: 10px 10px 0 0 ! important;
	}
	.dash-box-new-sus {
		margin-left: 0px ! important;;
	}
	
	.dash-box-line  {
		width: 100% ! important;
	}
	.dash-box-new-sus {
		width: 100% ! important;
	}
	
	.no-data > img {
    margin-left: 0 ! important;
    }
    .bullet-size { 
	width:65% ! important;
	}
	
	  .custom-padding1 {
    padding-right: 0px ! important;
    }
	
	
	}

@media ( min-width : 250px) and (max-width: 500px) {
	.chart-on-mobile {
		display: block ! important;
	}
	.pie-chart-backgrond {
		background-color: #f2f2f2;
		width: 50%;
	}
	.post-container {
		margin: 10px 20px 0 0 ! important;
	}
	.chart-on-mobile1 {
		display: block ! important;
	}
	.chart-on-mobile2 {
		display: none ! important;
	}
	.widget-box {
		box-shadow: 0 0 0 0 #e1e5e6 ! important;
	}
	.dash-section {
		margin-top: 10px;
	}
	.dash-section {
		margin-top: 10px;
	}
	.dash-section-custom {
		margin-top: 0px ! important;
	}
	.pie-chart-backgrond {
		width: 100%;
	}
	.box-title-green-cutome {
		text-align: center;
	}
	.post-content {
		font-size: 14px ! important;
	}
	.legends-custome-box {
		width: 52% !important;
	}
	.post-container {
		margin: 10px 1px 0 0 ! important;
	}
	
	#closed-suspend-heading  {
		font-size: 26px !important;
	}
	.no-data>img {
		margin-left: 0 ! important;
	}
	
	.no-data {
	
	margin: auto;
	}
	.bullet-size { 
	width:60% ! important;
	}
	  .custom-padding1 {
    padding-right: 0px ! important;
    }
.dash-source-chart {
		height: 270px ! important;
	}
	
	.did-you-know-section-in {
  
    margin-left: 0px !important;
    
	}
	
	.mobile-div {
	float:left;
	
	}
	
	.col-lg-12.mobile-div {
    width: 95%;
}
	
}

@media ( min-width : 800px) and (max-width: 1201px) {
	.dash-box-new {
		width: 49.333% ! important;
	}
	.legends-custome-box {
		width: 100% ! important;
	}
	.post-container {
		margin: 10px 1px 0 0 ! important;
	}
	.dash-widget1 {
		width: 23% ! important;
	}
	#dasboard-top-block-no {
		font-size: 32px ! important;
	}
	#dasboard-top-block-text {
		font-size: 24px ! important;
	}
	.widget-box-text {
		margin-top: 80% ! important;
	}
	
	.pie-chart-backgrond {
    width: 100% ! important;
}
	.no-data>img {
		margin-left: 0 ! important;
	}
	.custom-padding1 {
		padding-right: 0px ! important;
	}
	.responsive-dash-pie1 {
		float: left;
	}
	.responsive-dash-pie2 {
		float: right;
	}
	.dash-pie-chart2 {
		margin-left: 0px ! important;
	}
	
	.dash-box-new-sus {
    margin-left: 0px ! important;
}

.manage-box-in {
    float: none ! important;
}

}

@media ( min-width : 1200px) and (max-width: 1280px) {
	.col-lg-4.custom-padding1 {
    width: 30% ! important;
}

.col-lg-8.custom-padding2 {
    width: 69% ! important;
}
	
.manage-box-in {
    float: none ! important;
}
}


@media ( min-width : 150px) and (max-width: 350px) {
	
			
.dash-box-display {
	
	display: inline-block !important;
	width:100% ! important;
}

.dash-box-pie-inner {
	
	width:89% ! important;
	margin-left: 6%;
}


.legends-custome-box {
    display: inline-block;
    float:none ! important;
    margin-bottom: 15px;
    margin-top: -25px;
    
}

.post-content.ng-binding {
    margin-left: 35% ! important;
}

.post-thumb {
    margin-left: 15%;
}
	
}

@media ( min-width : 1000px) {
	.custom-search-box {
    padding-left: 2.7%;
}
	
	.col-md-7.select-dropdown-custom.applies-job-title {
    width: 50% !important;
}
}

@media ( min-width : 150px) and (max-width: 1142px) {
	.top-button {
		height: 60px ! important;
	}
}

@media ( min-width : 992px) and (max-width: 1142px) {
	.custom-push-button {
		width:22% ! important;
	}
}

@media ( min-width : 600px) and (max-width: 799px) {
	.talent-title-download-class{
	margin:0 7px !important;
	}
	.dash-box-new-pie {
		padding-left: 3%;
	}
	
	.manage-box-out {
   
    width: 85px !important;
}

#appliesSubDiv5 {
	width: 25% ! important;
	
}

.manage-box-out.manage-box-out-applies {
    width: 92px !important;
}
.manage-box-in {
    float: none ! important;
}

.hide-responsive-4 {
	
	display: none;
}
	.applies-plan-title-first, #appliesSubDiv1 {
		width: 50% ! important;
	}
	.applies-plan-title-second, .applies-plan-title-fifth, #appliesSubDiv2,
		#appliesSubDiv4 {
		width: 25% ! important;
	}
}

@media ( min-width : 1250px) {
	.dash-box-new-pie {
		padding-left: 2.5%;
	}
}

@media ( min-width : 800px) and (max-width: 1000px) {
.custom-sus-closed-bullet {
	
	width:65% ! important;
}
}


@media ( min-width : 1001px) and (max-width: 1201px) {
.custom-sus-closed-bullet {
	
	width:65% ! important;
}

}

@media ( min-width : 150px) and (max-width: 991px) {
	.pricing-plan-title-total{
	float: right !important;
	width: 30% !important;
	}
	.ref-points-table{
	
	 overflow-x:  scroll;
}
	
	.pricing-secion-head,.pricing-secion-data {
	width: 1200px !important;
	}
	.job-Title{
	padding: 8px 0 !important;
	}
	.theme-posted-ref{
	
	float: left !important;
	
}
	.label-text-colen{
	float: none !important;
}
	.logout {
    margin: -6px 0 0;
}
	.content.manage-jobs-centent {
    padding: 4px 0 !important;
}
.account-log{
	float: right !important;
	
}
	.account-ref{
	width: 100%;
}
	.search-space{
	margin-top: 5px;
	}
	
	.custom-upload-btn {
	
	margin-top: 2%;
	}
		.col-md-2.applicationViewJobInfoImg {
  width: 20% !important;
  float:left !important;
}
	.applicationViewJobInfoDet{
	width:80% !important;
	}
}

/* Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .form-style{font-size:16px !important}
   /* Safari 5+ ONLY */
   ::i-block-chrome, .select-option {
    margin-top:7px;
   }
}

@media ( min-width : 750px) and (max-width: 1079px) {
	.manage-box-out {
    width: 85px ! important;
}

.manage-box-text {
    font-size:36px ! important;
}

.iconText a {
		font-size: 15px !important;
	}
	
	.container-out-res1 {
	
	width:55% ! important;
	}
	
	.container-out-res2 {
	
	width:45% ! important;
	}
	
	.iconText {
		margin-top: 10px ! important;
	}

}

@media ( min-width : 250px) and (max-width: 600px) {
	.talent-title-download-class {
		margin:0 25px 0 0 !important;
	}
	.shortlistaDiv{
	margin-top: 10px !important;
	}
	.job-visibilty {
		display: block !important;
		padding: 0px !important;
	}
	.job-visibilty-radiobtn {
		width: 100% !important;
	}
	.customSrButton {
		margin-left: 0 !important;
	}
	
	.customBtnInviPopCan{
	width:100% !important;
}
.job-main-div1, .job-main-div2 {
    float: none ! important;
    width: 100% ! important;
}

	.custom-push-button-div {
		float: none ! important;
	}
	
	.manage-box-in {
    float: none ! important;
}
/* .applies-job-class.ng-binding {
    white-space: nowrap;
} */
	.for-responsive {
		width: 550px ! important;
		overflow-x: auto;
    overflow-y:hidden;
	}
	
	#appliesSubDiv5 {
	width: 25% ! important;
	
}

/* .profile-box-text.ng-binding {
    float: left ! important;
} */
.profile-box-text, .profile-box-text1 {
	
	font-size: 16px ! important;
}
.talent-main-div1, .talent-main-div2 {
	width:100% ! important;
}

.talent-job-title-text {
	
	font-size: 15px ! important;
	}
	
	.manage-box-out-main-resume{
	
	 margin: 0 !important;
	float: none ! important;
	}
	.resume-iframe {
		height: 315px ! important;
	}
	/* .resume-model {
		margin: 25% auto ! important;
		width:80% ! important;
	} */
}

@media ( min-width : 250px) and (max-width: 749px) {
.job-main-div1, .job-main-div2 {
    float: none ! important;
    width: 100% ! important;
}

.manage-box-out {
    height: 0% !important;
}

}

@media ( min-width : 250px) and (max-width: 800px) {
	.modalWidth {
		margin: 6% 4px 3px 2% !important;
    	width: 95% !important;
	}
	.manage-custom-breadcrumbs {
		display: none ! important;
	}
	.top-button-custom {
		display: block ! important;
	}
	.enable-breadcrumb {
		display: block ! important;
	}
	.top-button {
		height: 55px !important;
	}
	.filter-checkbox {
		padding-right: 2px !important;
	}
	.manage-jobs-centent {
		padding: 15px 2px ! important;
	}
	
		
.talent-search-info {
    float: none ! important;
    width: 100% ! important;
}
}

@media ( min-width : 250px) and (max-width: 749px) {
	.manage-box-out-main {
		margin: 0 15% !important;
		width: 70% !important;
	}
	.manage-box-out {
		height: 25% ! important;
		width: 25% ! important;
	}
	
	.manage-box-out {
		margin-top: 14px;
	}
	
}

@media ( min-width : 250px) and (max-width: 449px) {
	.manage-box {
		height: 50px ! important;
		width: 55px ! important;
	}
	.manage-box-out-main {
		margin: 0 5% !important;
		width: 90% !important;
	}
	.manage-box-out>p {
		font-size: 14px ! important;
	}
	.manage-box-text {
		font-size: 27px !important;
	}
	.down-arrow-class {
		padding-left: 0px ! important;
	}
	
	.breadcrumb-title {
    padding-left: 1px !important;
}

.btn.btn-success.btn-wide.create-btn {
	float:none ! important;
	/* margin-left:-8px ! important; */
}

#talent-search-box {
	
	height:147px ! important;
}

.profile-box {
    float: none ! important;
    width: 100% ! important;
    text-align: center;
}

.profile-box-text, .profile-box-text1 {
	float: none ! important;
	text-align: center;
	
	}

}

@media ( min-width : 320px) and (max-width: 460px) {
	.mobileViewBulkLoader{
		width: 100% !important;
	}
	.mobileViewBulkUploadBox{
		width: 90% !important;
		margin-left: 16px !important;
	}
	.iconTextMore {
			float: right;
	}
	.iconText {
		margin-top: 10px ! important;
	}
	.iconText a {
		font-size: 13px !important;
	}
	.container-out-res1 {
		width: 55% ! important;
	}
	.container-out-res2 {
		width: 45% ! important;
	}
	.btn.btn-success.btn-wide.create-btn {
		width: 125px ! important;
	}
	.custom-breadcrumb-box {
		padding-left: 0px !important;
	}
	.breadcrumb-title {
		padding-left: 0px ! important;
	}
	
	.btn.btn-success.btn-wide.create-btn {
	
		float:right ! important;
	
}
	.manage-box-in {
		float: none ! important;
	}
	.custom-push-button-div {
		float: none ! important;
	}
	.manage-applies-box {
		height: 60px ! important;
		width: 65px ! important;
	}
	.manage-applies-box-text {
		line-height: 60px ! important;
	}
	.manage-box-in p {
		font-size: 17px ! important;
	}
	.custom-box-content {
		padding: 0px 0 ! important;
	}
	.applies-breadcrumbs {
		padding: 8px 25px ! important;
	}
	.applies-location-class {
		font-size: 17px ! important;
	}
	.applies-job-class {
		font-size: 18px ! important;
	}
	
	.talent-bar-chart-data {
   	 	margin: auto;
    	width: 85% ! important;
}
	
	
}

@media ( min-width : 200px) and (max-width: 319px) {
	.container-out {
		float: none ! important;
		width: 100% ! important;
	}
	.manage-box-in {
		float: none ! important;
	}
	.custom-push-button-div {
		float: none ! important;
	}
	.manage-box-in p {
		font-size: 15px ! important;
	}
	.manage-applies-box {
		height: 50px ! important;
		width: 55px ! important;
	}
	.manage-applies-box-text {
		line-height: 48px ! important;
	}
	.manage-applies-box-text {
		font-size: 28px ! important;
	}
	.applies-location-class {
		font-size: 17px ! important;
	}
	.applies-job-class {
		font-size: 18px ! important;
	}
}

@media ( min-width : 200px) and (max-width: 350px) {
	.key-width{
	width:85% !important;
	}
	.recruiter-label-box{
	margin-top: 6px;
	}
	.recruiter-cbox{
	margin: 3px 5px 0 -1px !important;
	}
	.recruiter-profile{
	
	 line-height: 1;
    margin-left: 8px;
    width: 80%;
}
    

	.container-out {
		float: none ! important;
		width: 100% ! important;
	}
	.iconTextMore {
		float: none ! important;
	}
}

@media ( min-width : 800px){
.custom-modal-heder {
  width: 96% !important;
   margin: 0 2% !important;
}
	
	.applies-breadcrumbs {
		padding: 8px 33px ! important;
	}
	.modal-dialog.unsubscirbeEmailDialog {
		margin: 150px 25% !important;
		width: 50% !important;
	}
	.modal-dialog.customModalDialog {
		margin: 150px 5% !important;
		width: 90% !important;
	}
	.modal-dialog.customModalDialogInvite {
		margin: 50px 10%;
		width: 80% !important;
	}
	 .prvwPencilSubject{
  left:-2.5% ;
  color:#2989CA;
  }
    
	
}

@media ( min-width : 600px) and (max-width: 992px) {
	.custom-push-button-div {
		display: inline;
		float: left ! important;
		margin-left: -2%;
		margin-top: 3%;
	}
	.manage-box-out-applies{
		width: 125px !important;
	}}
	
/* @media ( min-width : 450px) {	
	.profile-box-text.ng-binding {
    float: left ! important;
}
} */

@media ( min-width : 200px) and (max-width: 1199px) {
	.suggest {
    margin-left: 0 !important; 
}
	.search-result {
		margin: 10px 0 0px ! important;
	}
	
	.search-result-text.ng-binding {
    margin-bottom: -4px;
}
}

/* Talent pool search */

@media ( min-width : 200px) and (max-width: 800px) {
	.joblistsection {
  float: left !important;
  margin-bottom: 20px;
  text-align: left !important;
  width: 100% !important;
}
.talent-chart-one {
    margin-left: 0px ! important;
    width: 100% ! important;
}

.talent-chart-two {
    margin-left: 0px ! important;
    margin-top: 10px;
    width: 100% ! important;
}

.talent-pie-chart1, .talent-pie-chart2, .talent-pie-chart3 {
	
	margin-left: 0px ! important;
    margin-top: 10px;
    width: 100% ! important;
	
	}

}

@media ( min-width : 801px) and (max-width: 1160px) {
 .talent-chart-one, .talent-chart-two,.talent-chart-three {
    margin-left: 2px ! important;
} 

.talent-pie-chart1, .talent-pie-chart2, .talent-pie-chart3 {
	
	margin-left: 2px ! important;
}
}
@media ( min-width : 1280px) and (max-width: 1285px) {
	.customViewJob-share-job-box-div {
	display: inline-block;
	}
	.viewJobShareHeading {
	display:inline-block;
	float: left ;
	}
	.viewJobShareIcons {
	float: left;
	}
}
@media ( min-width : 300px) and (max-width: 1199px) {
	.recruiter-label-box{
	margin-top: 6px;
	}
}
@media (min-width: 1280px) {
	.desc-job-view{
	margin-left: 12% !important;
	}
}
@media (max-width: 980px) {
.main-container{
	width: 100% !important;
	
}
#hiring-manager-title{
	width: 100%;
}
.company-logo{
	width: 100% !important;
	text-align: center;
}
	.company-logo-det{
	width: 100% !important;
	}
	.user-point{
	width: 100% !important;
	text-align: center;
	}
}

@media ( min-width : 360px) and (max-width: 450px) {
	.searchBoxAlignResponsive{
		display: inline-block;
    	margin-left: 0 !important;
	}
}

@media ( min-width : 770px) and (max-width: 12000px) {
	.responsiveMyRefPageSearchBox{
		margin-left: 34px !important;
	}
}

@media ( min-width : 320px) and (max-width: 750px) {
	.responsiveReportPageJobTitle{
		width: 98% !important;
		margin-left: -9px !important;
	}
	.responsiveReportPageFromToDate{
		width: 98% !important;
		padding: 0;
		margin-left: 5px !important;
	}
	.responsiveReportPageAppStatus{
		width: 98% !important;
		margin-left: 11px !important;
	}
	.responsiveReportPageGenerateBtm{
		width: 98% !important;
		margin-left: 10px !important;
	}
}