@media only screen and (min-width: 2000px) {
	span.companies_type {
		padding: 1px;
		min-width: 25px;
		display: inline-block;
		text-align: center;
	}
	#nav-tree li span.suffix, #nav-tree li span.prefix {
		min-width: 25px;
	}
}

@media only screen and (min-width: 1840px) {
	.page_title, .jtbdProgDiv .user_title  {
		font: normal normal bold 20px/24px Lato;
	}
	.page_maintitle, .generalText, .surveyRightAccordion .page_title, .custom_modal .modal-header .modal-title, .rolecard-details h5.roleTxt, .clickScoreList .ScoreList li a span:not(.scoreBall) {
		font: normal normal bold 22px/26px Lato;
	}
	.fullProfileWrapper .profileCard h5.textellipsis {
		font: normal normal bold 28px/32px Lato !important;
	}
	.page_subtitle {
		font: normal normal 400 20px/24px Lato;
		text-shadow: 0 0 0 #000;
	}
	.page_desctitle, .commentText, .rolesurvey-stages a, .rightCard .accordion-body, .rolecard-details h6 span:first-child, .clickScoreList .ScoreList li a, .jtbdDetailDiv p.jtbdTitle, .jtbdDetailDiv .jtbdDesc, .legend_rating_modal ul li p, .infoTooltip {
		font: normal normal normal 18px/22px Lato;
	}
	.user_title, .fullProfileWrapper .profileCard h3, .rolesurvey-details p, .leftCard .accordion-button, .surveyAccordion .rolesurvey-stages a, .rolecard-details h6 span:last-child, .weightageSpanNew, .backSurveyBtn, .backDashBtn {
		font: normal normal bold 18px/22px Lato;
	}
	.page_smalltitle, .rolecard-details h6, .ratingLabel p.ratingLabelText, .entries_text, .pagination .page-link, .form-label, .companyDetails p, .pe-none .select2-container--default .select2-selection--multiple .select2-selection__choice, .profileDetails h6, .expertiseSec p, .expertiseSec ul li, .generalList li, .referenceSec span, .rolesurvey-details h6, .rolecard-details h6 span:first-child.valtxt, .custom_modal .modal-body, .surveySuccess p {
		font: normal normal normal 16px/19px Lato;
	}
	.description {
		font: normal normal normal 16px/24px Lato;
	}
	.profileDetails h5, .surveySuccess h2 {
		font: normal normal bold 18px/22px Lato !important;
	}
	.main_menu ul li a, .main_menu ul li>div, .backRoleDashBtn {
		font: normal normal normal 18px/22px Lato;
	}
	.jtbdDetailDiv p.jtbdTitle {
		font: normal normal normal 18px/22px Lato !important;
	}
	.page-wrapper.open .jtbdScore {
		width: 220px;
	}
	.jtbdScore span:first-child, .masterMenuList li a {
		font: normal normal normal 18px/18px Lato;
	}
	.jtbdScore span:first-child, .jtbdScore span:last-child {
		padding: 10px;
	}
	.executive_edit_icon, .surveyRatingStatus h5 {
		font: normal normal normal 20px/24px Lato;
	}
	.intExtList li a, .rolecard-details h5, .jtbdDetailDiv span.weightageSpan, .ratingDesc p, .ratingRoleDesc p, .jtbdScoreDivWrapper label.generalText, .surveyModuleTitle .generalText, .jtbdScoreDivWrapper span.generalText, .comments-accordion h5, .generalText.usrTitle  {
		font: normal normal bold 18px/25px Lato;
	}
	.clickScoreList .ScoreList li a span {
		font: normal normal bold 26px/32px Lato;
	}
	.clickScoresurveyDate, p.sidebar_title, .fullProfileWrapper .profileCard h5 {
		font: normal normal bold 16px/19px Lato;
	}
	.rightCard .accordion .jtbd_weightage, .rightCard .accordion .jtbd_weightage.editableItem {
		min-width: 75px;
	}
	.breadcrumb-item.active span {
		font: normal normal 600 14px/14px Lato;
	}
	.breadcrumb-item a, span.companies_type, .profileDetails p, .extraInfo span {
		font: normal normal normal 14px/17px Lato;
	}
	.custom_table, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .form-check [type="radio"]:checked+label, .form-check [type="radio"]:not(:checked)+label, .select2-container--default .select2-selection--single .select2-selection__placeholder {
		font-size: 18px;
	}
	.headerSec {
		height: 60px;
	}
	.sidehide {
		top: 46px;
	}
	.form-control, .form-select, .btn, .rightCard .form-control {
		font-size: 18px;
		height: 40px;
		line-height: 22px;
	}
	.roleExportLink {
		font: normal normal bold 14px/16px Lato;
		width: 75px;
		height: 30px;
	}
	.menu-bar {
		width: 315px;
		padding: 0 6px;
	}
	.right-col, .pagination_container {
		width: calc(100% - 315px);
		margin-left: 315px;
	}
	.logoSec .hidecollapse {
		width: 180px;
	}
	.page-wrapper.open .menu-bar {
		width: 110px;
		padding: 0 6px !important;
	}
	.page-wrapper.open .right-col, .page-wrapper.open .pagination_container {
		width: calc(100% - 110px);
		margin-left: 110px;
	}
	.form-label {
		margin-bottom: 12px;
	}
	.select2-container--default .select2-search--inline .select2-search__field::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		font: normal normal normal 18px/26px Lato;
	}
	.drilldown.breadcrumb a, .drilldown.breadcrumb .breadcrumb-item span {
		font: normal normal bold 18px/30px Lato;
	}
	.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		font: normal normal normal 18px/22px Lato;
	}
	.form-control::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		font: normal normal normal 18px/22px Lato;
	}
	.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
		font: normal normal normal 18px/22px Lato;
	}
	.form-control::-ms-input-placeholder { /* Internet Explorer 10-11 */
		font: normal normal normal 18px/22px Lato;
	}
	.form-control::placeholder { /* Most modern browsers support this now. */
		font: normal normal normal 18px/22px Lato;
	}
	.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
		font: normal normal normal 18px/22px Lato;
	}
	.page-wrapper.open #nav-tree-search {
		padding: 0px 12px 4px 73px;
	}
	.upload-area p, .projectListDetails .project_substatus {
		font: normal normal 400 12px/14px Lato;
	}
	.upload-area h4, .projectListDetails .project_points {
		font: normal normal normal 15px/18px Lato;
	}
	.companyDetails h5 {
		font: normal normal bold 14px/17px Lato;
	}
	.form-error {
		font-size: 14px;
	}
	.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
		min-height: 40px;
	}
	.profileFinderPic {
		width: 90px;
		height: 90px;
	}
	.main_wrapper.survey_users .right-col {
		margin-left: 0;
		width: 100%;
	}
	span.companies_type {
		min-width: 24px;
	}
	.fundManage {
		top: 34px;
	}
	.input-group-append .input-group-text, .input-group-prepend .input-group-text {
		padding: 7px 12px;
	}
	.jtbdDetailDiv span.weightageSpan {
		width: 60px;
	}
	.clickscore-data svg {
		height: 370px;
	}
	.clickScoreList .ScoreList li a span:not(.scoreBall):before {
		left: -10px;
	}
	.scoreBall {
		margin: 0 15px 0 0;
	}
	.clickScoreList .ScoreList li a {
		padding: 6px 15px;
	}
	.rolecard-details h6 span:first-child {
		min-width: 110px;
	}
	/* .clickScoreRight {
		width: 48%;
	}
	.clickScoreLeft {
		width: 52%;
	} */
	.jtbdScoreDiv.bordered .jtbdProgDiv {
		width: 35%;
	}
	.jtbdScoreDiv.bordered .jtbdDetailDiv {
		width: 65%;
		padding-left: 12px !important;
	}
	.jtbdScoreDiv.bordered::before {
		left: 33%;
	}
	.talentMatBtn {
		width: calc(100% - 51.2%);
	}
	.clickscore-data {
		margin-top: 32px !important;
	}
	.click_version_graph {
		top: 160px;
	}
	.jtbdScore span:last-child {
		width: 50px;
	}
	.clickscore-comment-template {
		max-width: 700px;
	}
	.add_roleimport_modal {
		max-width: 550px;
	}
	.jtbdDetailDiv span.weightageSpan, .weightageSpanNew {
		width: 60px;
	}
	.rolecard-details {
		margin-bottom: 10px;
	}
	.clickScoreList .ScoreList {
		margin: 25px 0 !important;
	}
	.ratingLabelWrapper.talent_label {
		width: 605px;
	}
	/* .guide_content_main .col-9 .bg-white {
		max-height: 662px;
	} */
	.roundedAcc .w-66, .page-wrapper.open .surveySetupList .w-65 {
		width: 72%;
	}
	.page-wrapper .surveySetupList .w-65 {
		width: 68%;
	}
	.back_label_wrapper .back_label {
		top: 31px;
		height: 40px;
		padding: 6px 10px;
		font: normal normal normal 16px/27px Lato;
	}
	.resendCode {
		top: 49px;
	}
	#success_support_modal .surveySuccess {
		max-width: 460px;
	}
	.back_label_wrapper .back_label.ttvBtn {
		width: 180px;
		right: -180px;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1365px) {
	.projectListDetails .project_points {
		font: normal normal normal 12px/17px Lato;
		color: #8D8D8D;
	}
	.projectListWrapper {
		padding: 16px 5px !important;
	}
	.common_table {
		width: 85%;
	}
	.jtbdDetailDiv p.jtbdTitle, .rolecard-details h6 span:last-child {
		font: normal normal bold 14px/19px Lato !important;
	}
	.jtbdDetailDiv p.jtbdTitle, .jtbdDetailDiv .jtbdDesc, .jtbdScore span:first-child, .commentText, .leftCard .accordion-button, .surveyAccordion .rolesurvey-stages a, .main_menu ul li a, .main_menu ul li>div, .clickScoreList .ScoreList li a, .rolecard-details h6 span:first-child {
		font: normal normal normal 14px/18px Lato;
	}
	.page-wrapper.open .jtbdScore {
		width: 160px;
	}
	.surveyRatingStatus h5 {
		font: normal normal normal 16px/19px Lato;
	}
	.rolecard-details h5 {
		font: normal normal bold 18px/22px Lato;
	}
	.clickScoreList .ScoreList li a span {
		font: normal normal bold 22px/27px Lato;
	}
	.intExtList li a, .ratingDesc p, .ratingRoleDesc p {
		font: normal normal bold 14px/22px Lato;
	}
	.rolecard-details h6 {
		font: normal normal normal 13px/16px Lato;
	}
	.clickScoreList .ScoreList li a {
		height: 44px;
	}
	.jtbdDetailDiv span.weightageSpan, .rolesurvey-details p {
		font: normal normal bold 14px/17px Lato;
	}
	.page_title {
		font: normal normal bold 16px/19px Lato;
	}
	.breadcrumb-item.active span {
		font: normal normal 600 12px/15px Lato;
	}
	.breadcrumb-item a, .form-label, .rolecard-details h6 span:first-child.valtxt {
		font: normal normal normal 12px/15px Lato;
	}
	p.sidebar_title {
		font: normal normal bold 12px/15px Lato;
	}
	.page_maintitle {
		font: normal normal bold 18px/22px Lato;
	}
	.custom_table {
		font-size: 14px;
	}
	.menu-bar {
		width: 270px;
	}
	.right-col {
		width: calc(100% - 270px);
		margin-left: 270px;
	}
	.logoSec .hidecollapse {
		width: 145px;
	}
	.form-control, .form-select, .btn {
		font-size: 14px;
		height: 34px;
	}
	.rolecard-details h6 span:first-child {
		min-width: 82px;
	}
	.click_version_graph {
		top: 138px;
	}
	.clickScoreList .ScoreList {
		margin: 25px 0 !important;
	}
	.btn.take_survey_btn {
		padding: 5px 6px;
	}
	/* .guide_content_main .col-9 .bg-white {
		max-height: 782px;
	} */
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	body {
		font-size: 12px;
	}
	.rolesurvey-details h6 {
		font: normal normal normal 12px/14px Lato;
	}
	.rolesurvey-details p {
		font: normal normal bold 12px/15px Lato;
	}
	.rolesurvey-stages a {
		font: normal normal 14px/15px Lato;
	}
	.rolesurvey-stages .stageList .imgSec {
		margin-right: 10px !important;
		width: 20px;
		height: 20px;
	}
	.rolesurvey-stages .stageList .imgSec svg {
		height: 12px;
		width: 12px;
	}
	.masterMenuList li a, .page_desctitle, .fullProfileWrapper .profileCard h4, .fullProfileWrapper .profileDetails p, #nav-tree li a, .main_menu ul li a, .main_menu ul li>div {
		font: normal normal normal 14px/17px Lato;
	}
	.headerSec .dropdown-toggle span, .generalText {
		font: normal normal bold 14px/17px Lato;
	}
	.rightJtbd label, .custom_table td, .custom_table th, .questionRow .form-label, .questionList.questionPointList li, .questionPointList li, .surveyQuesHead span  {
		font: normal normal normal 11px/17px Lato;
	}
	.custom_table td, .custom_table th {
		padding: 10px 5px;
	}
	.custom_table td .common_crud img {
		width: 20px;
	}
	.btn {
		font: normal normal normal 12px/15px Lato;
		padding: 9px 15px;
		height: 32px;
	}
	.referenceSec span, .rolesurvey-stages a, .techscore_table .progressVal, .form-control, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .rightCard .form-control, .surveyQues, p.sidebar_title, .ratingLabel p.ratingLabelText, .ratingDesc p, .commentText {
		font: normal normal normal 12px/15px Lato;
	}
	.rightCard .accordion-body {
		padding: 10px;
	}
	.rightCard .w-69 {
		width: 55%;
	}
	.fullProfileWrapper .profileCard h6, .surveyRatingStatus h5 {
		font: normal normal normal 16px/20px Lato;
	}
	.fullProfileWrapper .profileDetails .textellipsis {
		width: 190px;
	}
	.fullProfileWrapper .profileCard h5, .surveyQuesHead  {
		font: normal normal bold 13px/16px Lato;
	}
	.hcbs_indicator_label, .upload-area h4, .form-label {
		font: normal normal normal 13px/16px Lato;
	}
	.rolesurvey-stages .stageList:after {
		left: 9px;
	}
	.extraInfo {
		justify-content: start !important;
		margin: 0 0 10px 0;
	}
	.profileStatus {
		padding: 3px 10px;
		min-width: 65px;
		font: normal normal normal 12px/15px Lato;
	}
	.customCheckBox .form-check-input[type=checkbox] {
		width: 14px;
		height: 14px;
		margin-left: -1em;
	}
	.list-search .hcbs_indicator {
		margin: 0px 10px 0 0;
	}
	.hcbs-table .progress {
		width: 30px;
		height: 30px;
	}
	.hcbs-table .progress .progress-value {
		font: normal normal bold 10px/15px Lato;
		line-height: 26px;
	}
	.hcbs_indicator {
		width: 10px;
		height: 10px;
	}
	.user_img p {
		line-height: 24px;
		font-size: 16px;
	}
	.user_img {
		width: 24px;
		height: 24px;
	}
	.click_score_graph:after {
		border: none;
	}
	.invite_status {
		font: normal normal 400 11px/14px Lato;
		padding: 3px 5px;
		min-width: 70px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		margin-bottom: 2px;
		padding: 4px 4px 4px 20px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		top: 4px;
	}
	.form-control::-webkit-input-placeholder{
		font-size: 12px;
	}
	.form-control::-moz-placeholder{
		font-size: 12px;
	}
	.form-control::-moz-placeholder {
		font-size: 12px;
	}
	.form-control::-ms-input-placeholder {
		font-size: 12px;
	}
	.form-control::placeholder {
		font-size: 12px;
	}
	.form-control:-ms-input-placeholder {
		font-size: 12px;
	}
	.projectListWrapper {
		padding: 8px !important;
	}
	.projectListCockpit .cockpitLink.roleAppLink {
		min-width: 55px;
		font: normal normal bold 10px/13px Lato;
		padding: 6px 4px;
	}
	.projectListCockpit .projectLink img {
		width: 25px;
	}
	.risk-percentage-border .col-3 {
		padding: 0 5px;
	}
	.risk-percentage-border .form-select {
		font: 13px/16px Lato;
		padding: 0 20px 0 4px;
		margin: 0 0 0 8px;
	}
	.risk-percentage-color {
		width: 15px;
		height: 15px;
		margin: 0 6px;
	}
	.statusIndicator:before {
		left: -5px;
	}
	.upload-area img {
		width: 25px;
	}
	.retriveSec .btn_secondary_red {
		padding: 6px 20px;
	}
	.leftCard .accordion-body {
		padding: 12px;
	}
	.roleAppSliderValue:before, .roleAppSliderValue:after {
		top: 14px;
	}
	.roleSlider.ui-slider-vertical .ui-slider-handle.greyBg {
		box-shadow: 0px 0px 0px 3px #F2F2F1;
	}
	.questionList {
		margin: 0 0 0 -10px !important;
	}
	.rightCard .w-75 {
		width: 70% !important;
	}
	.page-wrapper.open .right-col, .page-wrapper.open .pagination_container {
		width: calc(100% - 70px);
		margin-left: 70px;
	}
	.page-wrapper.open .menu-bar {
		width: 75px;
	}
	.menu-bar {
		width: 220px;
	}
	.right-col {
		width: calc(100% - 220px);
		margin-left: 220px;
	}
	#nav-tree li a {
		padding: 4px;
	}
	span.companies_type {
		font: normal normal 400 10px/14px Lato;
	}
	#nav-tree li.active .ms-4 {
		margin-left: 0px !important;
	}
	.surveyRadio .radioBox:after {
		width: 47px;
		right: -40px;
		top: -4px;
	}
	.surveyRadio .radioBox {
		margin-right: 40px;
	}
	.surveyRadio .form-check [type="radio"]:checked+label:before, .surveyRadio .form-check [type="radio"]:not(:checked)+label:before {
		width: 20px;
		height: 20px;
	}
	.surveyRadio .form-check [type="radio"]:checked+label:after, .surveyRadio .form-check [type="radio"]:not(:checked)+label:after {
		width: 10px;
		height: 10px;
		top: 5px;
		left: 5px;
	}
	.surveyAccordion .w-80 {
		width: 66%;
	}
	.ratingLabelWrapper {
		width: 360px;
	}
}