/**************************************Font-Resize *********************************************************************************/
@media (max-width:1280px) {
    body, html {
        font-size: 13px;
    }

    #page-help-popin {
        right: 135px !important;
    }
}

@media (min-width:1281px) {
    body, html {
        font-size: 14px
    }
}

@media (min-width:1400px) {
    body, html {
        font-size: 15px
    }
}

@media (min-width:1600px) {
    body, html {
        font-size: 16px
    }
}

@media (min-width: 1900px) {
    body, html {
        font-size: 16px
    }
}

@media (min-width: 3840px) {
    body, html {
        font-size: 18px
    }
}

@media (max-width:1820px) {
    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(100vh - 340px) !important;
        min-height: calc(100vh - 340px) !important;
    }
}

@media (max-width:1600px) {
    #page-help-popin {
        right: 145px !important;
    }

    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 380px) !important;
        min-height: calc(var(--app-height) - 380px) !important;
    }

    #FieldLayout .form-group {
        width: 50% !important;
    }

    #demographicsfields #FieldLayout {
        padding: 20px 40px 20px 40px !important;
    }

    .muti-header-responsive .gridheader__bottom {
        padding-top: 5px;
        height: auto;
    }

    .muti-header-responsive .gridheader__bottom > li {
        padding-top: 10px;
        margin-right: 10px;
    }

    .muti-header-responsive .gridheader__bottom > li:last-child {
        margin-right: 0px;
    }

    .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget, .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget .k-dropdown-wrap {
        width: 100px !important;
    }

    /*.muti-header-responsive .gridheader__bottom .inactive-check {
                margin-left: initial;
            }*/

    .muti-header-responsive .gridheader__bottom .group-by, .muti-header-responsive .gridheader__bottom #divAdvancedSort, .muti-header-responsive .gridheader__bottom #divAppointment, .muti-header-responsive .gridheader__bottom #lnkSendToExcel, .muti-header-responsive .gridheader__bottom #divAdvancedSort {
        margin-left: 0 !important;
    }

    .status__in-complete, .status__complete {
        width: 165px;
    }
}

@media (max-width:1510px) {
    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 425px) !important;
        min-height: calc(var(--app-height) - 425px) !important;
    }
}

@media (max-width:1366px) {
    #page-help-popin {
        right: 136px !important;
    }

    #divMultipleProspectMode .app__gridheader .view-options .dropdown-toggle.togle-cls {
        padding-top: 13px;
    }
}

@media (max-width:1099px) {
    #page-help-popin {
        right: 128px !important;
    }

    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 110px !important;
    }

    .muti-header-responsive .gridheader__top .togle-cls {
        width: 110px;
    }
}

/**************************************Font-Resize *********************************************************************************/
/************************************** PHONE **************************************************************************************/
/*smartphones, portrait iPhone, portrait 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : portrait) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : landscape) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android):common width */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) {
    .school-name {
        width: 104px;
    }

    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }
}
/************************************** PHONE ***************************************************************************************/


/**************************************SMALLER TABS & IPADS****************************************************************************/
/*smaller tablets portrait*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : portrait) {

    .ascii-card-container, .sent__ap-card-container, .sent__ap-card-container, .sent__ascii-card-container, .correction__required-card-container, .registered-card-container, .registered__correction__required-card-container, .deleted-card-container {
        padding-right: 15px !important;
        margin-bottom: 15px;
        width: 33.3%;
    }

    #divEnrollmentButtons {
        margin-bottom: 0 !important;
    }

    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        width: 60% !important;
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 20px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    /*header medeaquery ends*/
}

/*smaller tablets landscape*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : landscape) {


    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        width: 60% !important;
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }


    .app__header .header__rightsec .recent__prospects {
        margin-right: 55px;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    /*header medeaquery ends*/
}

/*smaller tablets landscape:common width*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) {

    #divSingleProspectLookupTabs .grid__searchbox .SuperDBSearchBox {
        width: auto !important;
    }

    .app-kpopup__container.tab-manual-email-recipients.app-h-auto {
        width: auto !important;
    }

    .quick-mail__container .add-reciepients-email {
        padding: 6px 10px;
    }

    .quick-mail__container .email-actions .basic-mode-right {
        margin-top: 10px;
    }

    .quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid {
        width: calc(100% - 300px);
        margin-top: 3px;
    }

    .header__leftsec li {
        margin-right: 5px !important;
    }

    .app__header .header__rightsec .recent__prospects {
        margin-right: 30px !important;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 106px;
    }

    .header__leftsec li.propect__add .app__addprospect.app-ml-20 {
        margin-left: 0 !important;
    }

    .school-name {
        width: 104px;
    }

    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 100%;
        margin-bottom: 5px !important;
        padding-right: 0px !important;
    }

    .decision__container {
        margin-bottom: 0 !important;
    }

    .portfolio-card, .appointments-card {
        margin-top: 5px !important;
    }
}
/**************************************SMALLER TABS & IPADS*****************************************************************************/


/**************************************NORMAL TABS & IPADS******************************************************************************/
/* portrait tablets, portrait iPad, small devices*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) and (orientation : portrait) {
    #divEventLayout .tab-width-btns{
        width: auto;
    }
    /*Notes*/
    .tab-h-auto {
        height: auto !important;
    }
    /*    .app__gridheader .gridheader__bottom.tab-note__bottom {
        height: 65px !important;
    }*/
    /*Notes*/
    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 110px;
        margin-left: 0 !important;
    }

    .app__header .header__leftsec .propect__year .app-ml-20.app__year-pick {
        margin-left: 0 !important;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    /*header medeaquery ends*/

}

/* landscape tablet, landscape iPad, small devices*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) and (orientation : landscape) {
    .active-tab-value {
        display: block;
    }
    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 700px !important;
    }
    /*    1376::after create table */
    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }

    /*header medeaquery ends*/

    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 150px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 25px;
        display: block;
        position: relative;
        bottom: 20px;
    }

    /*.collapsed__key {
        width: 400px !important;
    }
*/
    /*.student__grade {
        width: 800px !important;
    }*/

    .collapsed__value {
        width: 400px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
}

/* landscape tablet iPad, small devices:common width*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) {
    /*1477*/
    .email-top-header-right {
        display: block;
    }

    .when-to-send-div {
        padding-right: 0;
        margin-bottom: 10px;
    }

    #btnSendAllMails {
        margin-right: 5px;
    }

    .email__section #divEmailLayout .stngs-contact {
        width: 90px !important;
    }
    /*1477*/
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 480px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 578px !important;
    }

    /*ADMCOM - 1409 : Email*/
    .quick-mail__container .compose-mail__right {
        width: var(--email-right-container);
    }

    #DvContactsTypes.tab-DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields.tab-DvDisplayLocalFields #GridContactLocalFields {
        width: 274px;
    }

    .tab__windowsEmailTemplates, .tab__divEmailRecipientProspectContact {
        width: 760px !important;
    }

    ul.tab-add-recipient-to__stepper {
        margin-left: 0px;
    }

    .tab-email-selected__right-content {
        padding-top: 12px;
    }

    .tab-templateLabel {
        display: none;
    }

    .create-template__div .tab-create-template__input {
        width: 168px;
    }

    .quick-mail__container .txtEmailSubjectFullRow {
        margin-bottom: 10px;
        width: 100%;
    }

    .content-wrapper .attachment__container {
        margin-left: 0px;
    }

    .content-wrapper .advanced-mode-compose__top > .app-d-flex {
        display: block;
    }

    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
    /*ADMCOM - 1409 : Email*/
    .tab-app__fixed-admissionlist {
        width: calc(100% - 58px);
        left: 29px;
    }

    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    .portfolio-edit-table {
        width: 700px !important;
    }
    /*Lottery screen */
    .data__display-container .data__items {
        width: 100%;
        margin: 5px 0;
    }

    .data__info-container {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    #WLCProspectGrd .app-row.media-block {
        display: block;
    }

    #WLCProspectGrd .app-row.media-block .flex__box {
        display: flex;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container {
        padding-left: 10px;
        padding-bottom: 0 !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container.media-pb {
        padding-bottom: 10px !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container.media-pb {
        padding-left: 0;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container {
        padding-left: 0;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
        border-left: 0;
    }

    #WLCProspectGrd .media-block .media__displayprospect {
        padding-top: 0 !important;
    }

    .lottery__right-gridbox #divLotteryProspectList .app-primary-btn-container button {
        width: 150px;
    }

    .lottery__right-gridbox {
        padding: 20px 5px 0;
    }

    .lottery__left-gridbox {
        width: 255px;
    }

    .lottery__right-gridbox {
        width: calc(100% - 255px);
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
        padding-left: 10px;
    }

    .tab-change-decision {
        padding-left: 0 !important;
    }

    .lottery__right-gridbox .data__display-container.app-d-flex {
        display: block;
    }

    .lottery__right-gridbox .data__display-container .app-d-flex.media-block {
        display: block;
    }

    .lottery__right-gridbox .triangle {
        display: none;
    }

    .data__display-container {
        height: 140px;
    }
    /*Lottery screen */
    #divMultipleProspectMode.tab-divMultipleProspectMode .tab-app-kgrid__container .k-grid-content, #divMultipleProspectMode.tab-divMultipleProspectMode .tab-app-kgrid__container .k-grid-content-locked {
        max-height: calc(100vh - 384px) !important;
        min-height: calc(100vh - 384px) !important;
    }
    /* 1376::after create table */
    .tab-superdb-m-0 {
        margin: 0 !important;
    }

    .tab-superdb-pb-5 {
        padding-bottom: 5px;
    }

    .tab-create-table, .tab-edit-table {
        width: 700px !important;
    }
    /*    1376::after create table */
    .tab-communication-search__detailbox {
        width: 90px;
        text-align: left !important;
    }

    .tab-portfolio-search__detailbox {
        width: 160px;
        text-align: left !important;
    }

    .tab-superdb-search__detailbox {
        width: 104px;
        text-align: left !important;
    }

    .tab-contact__search {
        width: 87px !important;
    }

    .tab-search__detailbox {
        width: 104px;
        text-align: left !important;
    }

    .tab-notes-search__detailbox {
        width: 125px;
        text-align: left !important;
    }

    .tab-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .app__gridheader .grid__settings {
        margin: auto;
    }

    #divDisplayContactsData {
        overflow-x: auto;
        position: absolute;
        width: 94%;
    }

    #divBatchOptionTabStrip #divDisplayContactsData {
        overflow-x: auto;
        width: 96%;
    }

    #ShowAllContactsGrid {
        width: 200%;
    }
    /*superdb */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: -7px;
    }

    #AdivSuperDB .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 10px;
    }

    #AdivSuperDB .tab-superDB__bottom > li:nth-of-type(2) #ABtnSuperDBExport {
        margin-left: 5px !important;
    }

    .tab-superDB__search {
        width: 200px !important;
    }

    .superdb-heading-tab {
        position: absolute;
        bottom: 50px;
    }

    .superdb-view-tab {
        position: relative;
        right: 132px;
    }

    .app__gridheader .gridheader__bottom.tab-superDB__bottom {
        height: 120px !important;
    }

    .tab-superDB-app-button {
        padding: 6px 4px;
        min-width: 76px;
        position: relative;
        top: 50px;
    }

    #demographicsfields #screenSettings span.k-dropdown {
        width: 145px;
    }

    #SSuperDBAddRow {
        padding: 8px 10px !important;
        width: 75px;
    }

    .tab-superDB__top {
        position: relative;
        left: 0;
        top: 0;
        height: 111px;
    }

    .tab-superDB__top > li:nth-of-type(1) {
        position: absolute;
        bottom: 11px;
    }

    .tab-superDB__top > li:nth-of-type(2) {
        position: absolute;
        bottom: 11px;
        left: 143px;
    }

    .tab-superDB__top > li:nth-of-type(3) {
        position: absolute;
        top: 11px;
        right: 10px;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 12px 5px 5px 10px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__li {
        margin-left: 3px;
        position: absolute;
        right: 0;
    }

    .tab-pl-0 {
        padding-left: 0 !important;
    }

    .tab-pr-2 {
        padding-right: 2px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap {
        width: 134px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 134px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 106px;
        padding: 10px 5px 5px 10px !important;
    }
    /*notes*/
    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap {
        width: 111px !important;
    }

    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .app__gridheader .tab-note__bottom {
        height: 111px !important;
    }
    /*    .tab-pl-30{
        padding-left: 30px;
    }*/
    .grid__searchbox #StxtNotesSearchText.tab-note__search {
        width: 190px;
    }

    #AdivProspectNotesTab .grid__searchbox .SuperDBSearchBox.tab-note__search {
        width: 115px;
    }

    .tab-contacts-export-all {
        margin-left: 0;
    }

    #divHomeTab .allGrids__SearchBox {
        width: 145px;
    }
    /*portfolio*/
    .tab-portfolio-ml-5 {
        margin-left: 5px;
    }

    .grid__searchbox .tab-portfolio__search {
        width: 140px;
    }

    .tab-portfolio__app-button {
        padding: 6px 10px;
        min-width: 20px;
    }

    .app-kgrid__container {
        background: var(--brand-default-light-background);
    }
    /*communication */
    .tab-communication__top {
        height: 111px;
        position: relative;
    }

    .app__gridheader .tab-communication__bottom {
        height: 110px;
    }

    .grid__searchbox .tab-communication__search {
        width: 130px;
    }

    #AdivCommunicationLogFilters .app__gridheader .tab-communication__bottom {
        height: 68px;
    }

    #AdivCommunicationLogFilters .grid__searchbox .tab-communication__search {
        width: 137px;
    }

    .tab-communication__list-one {
        position: absolute;
        top: 64px;
        left: 10px;
    }

    .tab-communication__list-two {
        position: absolute;
        top: 64px;
        left: 255px;
    }

    .tab-communication__list-three {
    }
    /*one prospect grid*/
    .btnAdd, .k-button {
        padding: 8px 5px !important;
    }

    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-p-0 {
        padding: 0 !important;
    }

    .tab-d-none {
        display: none;
    }

    .tab-gridheader__top, .tab-gridheader__bottom {
        position: relative;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
    }

    .tab-contacts__gridheader__top, .tab-portfolio__gridheader__top {
        height: 110px;
    }

    .grid__searchbox .tab-allGrids__SearchBox {
        width: 180px !important;
    }

    .tab-contacts-view-options {
        position: absolute;
        left: 0;
        top: 60px;
    }

    .tab-contacts-export {
        margin-top: 10px;
    }

    .portfolio-containsbegins-button {
        width: 90px;
    }

    .tab-communication-log-header {
        position: absolute;
        bottom: 9px;
    }

    .tab-communication-print {
        position: absolute;
        left: 10px;
        top: 63px;
    }

    .tab-communication-log-view {
        position: absolute;
        right: 0;
    }

    .communication-log__add {
        top: 5px;
    }

    .app__gridheader .tab-gridheader__bottom {
        padding: 15px 10px;
    }

    .temporary-caret.tab-caret {
        margin-left: 30px !important;
    }

    .app__gridheader .tab-togle-cls {
        width: 113px;
        padding: 10px 5px 5px 5px;
    }

    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .add-prospect__container {
        width: 1100px !important;
        height: 562px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
    .email-basic-mode__popup {
        width: 700px !important;
        top: 20px !important;
        /* ADCOM 1477*/
        height: 96% !important;
        overflow: auto;
        /* ADCOM 1477*/
    }

    #dvtxtEmailEditor .basic-mode__center {
        width: 287px;
    }

    .basic-mode__subject {
        width: 390px !important;
    }

    .basic-mode__center {
        width: 399px;
    }

    .input-cc, .input-bcc {
        width: 119px;
    }

    :root {
        --email-right-container: 260px;
    }
    /*Email*/

    /* Prospects Menu */
    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .student__value {
        padding-right: 0.6em;
    }

    .student__key {
        padding-right: 0.4em;
    }

    .navbar-toggle {
        display: block;
    }
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 150px;
    }

    .prospects__tabs-header .collapse-btn-wrap {
        min-height: 50px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 27px;
        display: block;
        position: relative;
        bottom: 15px;
    }


    .prospects__tabs-header .nav-tabs > li {
        margin-right: 0;
        width: 100%;
    }

    .collapsed__value {
        width: 120px !important;
    }

    .vr__student {
        margin-left: 10px;
        margin-right: 5px;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }

    .emoji-response {
        width: 350px !important;
        position: absolute;
        margin-left: 7px;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Enrollment Tiles Starts********************/
    .registered-image {
        width: 30% !important;
    }

    .registered-details {
        width: 70% !important;
    }

    .ready-to-send-image {
        width: 30% !important;
    }

    .ready-to-send-details {
        width: 70% !important;
    }

    .deleted-image {
        width: 35% !important;
    }

    .deleted-details {
        width: 65% !important;
    }

    .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .sent__ascii-card-container, .ascii-card-container {
        width: 33.3%;
        margin-bottom: 15px !important;
    }

    .enrollment__margin-left {
        float: left;
    }

    .deleted-card-container {
        margin-bottom: 0 !important;
    }
    /************Enrollment Tiles Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 33%;
    }

    /* .snapshot-value {
        width: 67%;
    }*/

    .prospect__image, .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }

    .step-in-progress__container {
        left: 34.1%;
    }

    .decision__reaction-image {
        height: 45px;
        width: 45px;
    }

    .demographics-details {
        width: 35%;
    }


    .divPictures, #divAddProspectPhotoView {
        height: 550px !important;
        width: 600px !important;
    }

    .admission__resolution, #divDemographic {
        height: 535px !important;
        width: 600px !important;
    }

    .admission__resolution, #newWindow {
        height: auto !important;
        width: 600px !important;
    }

    .admission__resolution {
        top: 100px !important;
    }

    .decision-scroll ul {
        width: 540px;
    }

    .divPictures {
        top: 150px !important;
    }

    .jrac_viewport {
        width: 550px !important;
        height: 400px !important;
        right: 10px;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 100%;
        margin-bottom: 5px !important;
    }

    .portfolio-card, .appointments-card {
        margin-top: 5px !important;
    }

    .sent__ascii-card-container {
        padding-right: 15px !important;
    }

    .contact__container, .admission__container, .student__container, .demograhics__container, .communication__container, .application__container, .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .ascii-card-container, .admission-process__container {
        padding-right: 0px !important;
    }

    .ascii-card-container, .sent__ap-card-container, .sent__ap-card-container, .correction__required-card-container, .registered-card-container, .registered__correction__required-card-container, .deleted-card-container {
        padding-right: 15px !important
    }

    .registered__correction__required-card-container, .sent__ap-card-container {
        padding-right: 0px !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }

    .ascii-card-container, .correction__required-card-container, .deleted-card-container {
        padding-left: 0 !important;
    }
    /************Snapshot Ends********************/

    /*    Admission Tabs*/

    .school-name {
        width: 104px;
    }

    .admission__fields__container, .basic-dates__fields__container, .admissions__process__container {
        width: 100%;
        margin-bottom: 11px;
        padding: 0 !important;
    }
    /*Graphical view*/
    .tab-graphical__view {
        padding-top: 123px;
    }

    .tab__graphical-view__top {
        width: 100%;
        padding: 15px 20px;
        display: block;
        height: 106px;
    }

    .tab-graphical-top-left__container {
        width: 100%;
        padding-bottom: 10px;
        flex-wrap: wrap;
    }

    .tab-graphical-top-right__container {
        width: 100%;
        justify-content: start;
        align-items: center;
    }

    .tab-graphical-top-left__inner-container {
        padding-right: 0px;
        width: 100%;
        padding-bottom: 10px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }

    #admissionsListview .k-tabstrip-items .k-link {
        padding: 7px 5px 10px 5px !important;
    }

    #admissionsListview .k-tabstrip-items li.k-state-active span.k-link {
        padding: 7px 5px 10px 5px !important;
    }

    /*List View */

    .tab-w-200 {
        width: 200%;
    }

    /*.tab-app__tabstrip {
            overflow-x: auto;
        }*/

    /* need to remove once kendo implemented*/
    .quick-mail__container .tab-app__tabstrip {
        overflow: initial;
    }
    /* End need to remove */

    .app__fixed-admissionlist .graphical-view-top {
        position: relative;
        left: -1px;
        top: 0px;
        width: 100.4%;
    }

    /*  Provisonal requirement  */

    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    /* End:   Admission Tabs*/

    #divOneProspectMode, #divMultipleProspectMode {
        width: calc(100% - 230px);
    }

    .One-prospect__filter-box {
        width: 230px;
    }

    #grdOneProspectList {
        width: 230px !important;
    }

    .One-prospect__filter-box .one-prospect__dropdown .k-widget .k-dropdown-wrap {
        width: 200px !important;
    }

    .one-prospect__dropdown .k-widget.k-dropdown {
        width: 200px !important;
    }

    .prospect__box {
        width: 230px;
    }

    .multiple-prospect__left-container {
        width: 230px;
    }

    .One-prospect__filter-box .app-radio label {
        margin-right: 20px !important;
    }

    /*    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }*/
    /************Add Prospect Starts*****************/
    .add-prospect__container {
        width: 630px !important;
        height: 710px !important;
        position: absolute !important;
        top: 400px !important;
    }

    .add-prospects-text {
        display: flex;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 255px;
    }

    .add-prospect-right__inner-container {
        width: 170px !important;
        overflow-x: auto;
        height: 322px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 170px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 570px !important;
    }
    /************Add Prospect Ends*****************/
    /************Add/Edit Notes for Prospect Starts***************/
    .add-note__popup-wrapper {
        height: 520px !important;
        width: 600px !important;
        position: absolute !important;
        top: 125px !important;
    }

    #txtAreaProspectNotes {
        width: 450px !important;
        height: 195px !important;
    }

    #divNotes .app__gridheader .togle-cls {
        width: 120px !important;
        margin-left: 8px;
    }
    /************Add/Edit Notes for Prospect Ends***************/


    .prospects__tabs-header .nav-tabs > li > a {
        padding: 5px 0px 1px 0px !important;
        margin: 0 0 4px 0;
    }

    .prospects__tabs-header .nav-tabs > li.active > a {
        border-bottom: 1px solid var( --global-light-color-indicator);
    }

    .prospects__tabs-header .nav-tabs {
        padding-right: 15px;
    }
    /* End Prospects Menu */
    /********All Popup's Starts***********/
    .contact-global-field__wrapper {
        top: 400px !important;
        width: 745px !important;
    }

    .map__household, .contact__address {
        top: 150px !important;
    }

    .setup__contacts {
        width: 650px !important;
        top: 400px !important;
        left: 400px !important;
    }

    .contact-salutation, .contact-setting-global-add-field__wrapper, .validateWidth__setup {
        top: 400px !important;
    }

    #btnSuperDBTableDelete {
        padding-bottom: 10px !important;
    }

    .portfolio-height {
        margin-top: 70px !important;
    }

    .portfolio__grid-header {
        position: absolute;
        top: 100px !important;
        width: 700px !important;
    }

    .add-portfolio {
        width: 85% !important;
    }

    .portfolio__add-window {
        height: 800px !important;
        width: 700px !important;
        top: 20px !important;
    }

    .portfolio-left {
        width: 70%;
        float: left;
    }

    .portfolio-right {
        float: right;
        width: 30%;
        display: inline-grid;
    }

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

    .category-dropdown {
        width: 66%;
    }

    .portfolio-addcategory {
        margin-left: 10px !important;
        margin-top: 3px;
    }

    .portfolio-radiobuttons {
        margin-bottom: 10px !important;
    }

    .communication__window {
        width: 700px !important;
        top: 100px !important;
    }

    #divDisplayProspects {
        position: absolute;
        width: 360px !important;
        left: 300px !important;
        top: 50px !important;
    }

    .communication__prospects {
        width: 310px !important;
    }

    .portfolio-allignment {
        padding-left: 0 !important;
        width: 15%;
    }

    #portfolio_Controls > div, .portfolio-left > div {
        display: flex;
    }

    .portfolio-data {
        width: 24%;
    }

    .portfolio-datasource {
        width: 100%;
        padding-left: 10px !important;
    }

    #divUserNameGrid .k-grid-content.k-auto-scrollable.km-widget.km-native-scroller {
        height: 154px !important;
    }

    #userNameGrid {
        height: 194px !important;
    }

    .household__popup {
        width: 755px !important;
        height: 700px !important;
        top: 400px !important;
    }

    #leftHouseholdSearchbox {
        width: 160px !important;
    }

    .visible-data {
        margin-bottom: 5px !important;
    }

    .prospect__buttons {
        padding-left: 0 !important;
    }

    #EnrollmentGrid {
        margin-top: 30px !important;
    }

    .generate__lottery, .lottery__email-template, .advanced__sort-options, .add__bookmarked-prospects, .add-view__popup {
        width: 700px !important;
        top: 20px !important;
    }

    .advanced-sort, .email-data, .bookmark-table, .bookmarked-details {
        display: flex;
    }

    .sort-order {
        width: 100%;
    }

    .sort-radio {
        width: 50%;
        float: right;
    }

    .email-template {
        width: 469px !important;
    }

    .email-name {
        width: 25%;
    }

    .search-info {
        width: 35px;
    }

    .bookmarked__text {
        width: 152px;
    }

    .contains-search {
        width: 87px;
        margin-left: 35px;
    }

    #divAddBookmarkedProspects #bookmarkDescription {
        width: 140px;
    }

    .bookmarked-save {
        position: absolute;
        right: 5px !important;
        margin-bottom: 10px !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .add-edit__task {
        top: 200px !important;
    }

    #divAddTask #txtTaskName {
        width: 571px !important;
    }

    .status-length {
        width: 8% !important;
    }

    #lblPortfolioTitle {
        position: relative;
        top: 30px !important;
    }

    .enrollments-grid-height {
        height: 254px !important;
    }

    .contains-btn {
        width: 85px !important;
        right: 65px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: calc(100% - 230px) !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
        position: absolute;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 143px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 291px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .tasks-home-screen {
        width: 100% !important;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .fixed-tiles {
        min-width: 442px !important;
        width: 100%;
    }

    .tab__manage-page__popup {
        width: 600px;
        height: 100%;
        right: 80px;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        height: 96%;
        width: 570px;
        right: 15px !important;
        position: absolute;
    }

    .tab-home__tiles-box .home-settings {
        width: 100px !important;
        padding: 0 !important;
    }

    .save-settings, .cancel-settings {
        padding: 0 !important;
    }

    .tab__manage-page__popup .add-new-tile-button {
        margin-right: 10px !important;
    }

    .add__bookmarked-prospects {
        overflow-x: hidden;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        margin-top: 10px !important;
        padding-left: 5px !important;
    }

    .tab__manage-page__popup .home-add__btn {
        height: 12px;
        margin: 0 !important;
        padding-right: 5px !important;
    }

    .manage-home-popup.app-kgrid__container .k-grid-content table td {
        text-overflow: clip !important;
    }

    .tab__manage-page__popup .home-settings {
        width: 105px !important;
        padding: 2px 0px !important;
    }

    .search-info {
        width: 50px;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }

    .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 176px;
    }

    .tab-search-bookmarks {
        width: 265px !important;
    }
    /**********Home Screen Responsive Ends*******/

    .tab-add-new__tiles .add-new-tile__inner-content {
        width: 630px !important;
    }

    .tab-add-new__tiles .add-new-tile__popup {
        width: 670px !important;
    }

    .tab-add-new__tiles .tab-tiles {
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: absolute;
        right: 30px;
    }

    .tab-enrollments {
        padding-left: 10px !important;
    }

    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 700px !important;
        top: 70px !important;
    }

    .name-recipients {
        width: 180px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 200px !important
    }
    /***********Manual Email Ends****************/
    .prospects-bookmarks-yellow {
        top: 0;
        left: 15px;
    }

    .help_popup {
        position: absolute;
        right: 55px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    #divAlertWindow_wnd_title.k-window-title {
        padding-bottom: 4px;
    }

    .add-notes-text-box {
        margin-left: 6px;
    }

    .portfolio-add-school {
        width: 205px;
    }

    #portfolio_Controls {
        width: 652px !important;
    }
    /******ADMCOM-1412 Ends***********/
    .tab-communication-log-view {
        width: 110px !important;
        right: 40px;
    }

    .tab-communication__list-two .app__dropdownmenulist .dropdown-menu {
        position: absolute;
        left: -150px !important;
        top: 40px !important;
    }

    .tab-contacts-name {
        width: 114px;
    }

    .tab-document-data {
        width: 97px;
    }

    .tab-communication-log-data {
        max-width: 115px;
        overflow: hidden;
        margin-right: 10px;
    }

    #divCommunicationLog .seperation__line {
        margin: 0 10px;
    }

    #divCommunicationLog .tab-CommunicationLog-ScreenName {
        width: max-content;
    }

    .super-view-tab-label {
        width: max-content;
    }

    .tab-multi-super-db {
        position: relative;
        top: 50px;
    }

    .demographic__settingsscreen #screenSettings .k-dropdown-wrap {
        width: 200px;
    }

    #divProvisionalView .pr-rdcrnr,
    #divBatchOptionTabStrip .pr-rdcrnr {
        display: none;
    }
    /************Resposnive Codes for Old Tabs***********/
    .tabs-hb {
        height: 95px;
        margin-bottom: 0;
    }

    .tab-holding-data {
        display: none !important;
    }

    .tab-holding-bin-header {
        margin-left: 10px;
        width: max-content;
    }

    #divApplicantsAndFormsGrid_1 .tab-incomplete-header {
        height: 100px;
    }

    .tab-max-width {
        width: max-content;
    }

    #divApplicantsAndFormsGrid_1 .tab-incomplete-tab-delete {
        position: relative;
        top: 50px;
        right: 69px;
    }

    #3_btnDeleteApplicantForm {
        margin-top: 3px;
    }

    #gridViewEmailRecipients .k-grid-header {
        margin-top: 70px;
    }

    #divApplicantsAndFormsGrid_3 .tab-incomplete-header,
    #divApplicantsAndFormsGrid_4 .tab-incomplete-header,
    #divApplicantsAndFormsGrid_5 .tab-incomplete-header {
        height: 100px;
    }

    #divInquiryFormsGrid_1 .tab-inquiry-header,
    #divInquiryFormsGrid_4 .tab-inquiry-header,
    #divInquiryFormsGrid_5 .tab-inquiry-header {
        height: 85px;
    }

    #divApplicantsAndFormsGrid_3 .tab-incomplete-btns,
    #divApplicantsAndFormsGrid_4 .tab-incomplete-btns,
    #divApplicantsAndFormsGrid_1 .tab-incomplete-btns,
    #divApplicantsAndFormsGrid_5 .tab-incomplete-btns,
    #divInquiryFormsGrid_1 .tab-inquiry-btns,
    #divInquiryFormsGrid_4 .tab-inquiry-btns,
    #divInquiryFormsGrid_5 .tab-inquiry-btns {
        margin-top: 50px;
    }

    #divApplicantsAndFormsGrid_1 .tab-max-width {
        width: auto;
    }

    #divApplicantsAndFormsGrid_1 .holding-bin-delete {
        position: absolute;
        top: 3px;
        left: 140px;
    }

    .olfreceiveforms-header label.olf-header-label {
        width: max-content;
    }

    .tab-inquiry-header .tab-max-width {
        width: max-content !important;
    }

    .setup-containrt-outer #tabstripsetup > .k-content:nth-child(3) {
        background: var(--brand-default-light-background) !important;
        height: calc(100vh - 170px) !important;
        overflow-y: auto;
    }

    .setup-containrt-outer #tabstripsetup > .k-content:first-child {
        height: auto !important;
    }

    .setup-containrt-outer #tabstripsetup > .k-content {
        background: var(--brand-default-light-background) !important;
        height: calc(100vh - 425px) !important;
        overflow-y: auto;
    }

    #fieldProperties #DivField {
        width: 50%;
        margin-left: -6px;
    }

    #fieldProperties #DivTable {
        position: absolute;
        top: 60px;
        right: 0;
        width: 50%;
    }

    #btnAddEvent {
        position: absolute;
        right: 13px;
        bottom: 5px;
        width: max-content;
    }

    .divCalendarLeft {
        width: 25%;
    }

    .divCalendarRight {
        position: absolute;
        width: 73%;
        right: 0;
        top: 0;
    }

    .tab-mr-0{
        margin-right: 0 !important;
    }

    .tab-display-grid {
        display: grid;
    }

    #divEventLayout .divEventContent .divEventContentRight, #divEventLayout .divEventContent .divResponseArea .divEventContentLeft {
        width: 55%;
    }

    .event-tooltip-title {
        height: 40px;
    }

    #event-category-list {
        display: grid;
    }

    .divCalLeftHeader:first-child {
        padding-top: 10px;
    }

    #importedCalendars-heading2, #importedCalendars-heading {
        margin-left: 5px !important;
    }

    #receive_allTabContent .receive-right {
        padding: 0;
        width: 63%;
    }

    #tabstripreceive-1, #asciiTemplateNavpanel {
        height: 725px !important;
        overflow-y: auto;
    }

    #divBatchOptionTabStrip {
        background-color: var(--brand-default-light-background) !important;
        height: 100vh !important;
    }

    #divStatisticsContentTab .PivotFieldPad {
        padding-top: 45px;
    }

    .tab-statistics-date, .tab-column-field {
        margin-left: 15px;
    }


    .tab-statistics-date .form-control {
        width: 97%;
    }

    #divStatisticsContentTab {
        overflow-y: auto;
    }

    .tab-grid-content.form-horizontal .form-group {
        display: flex;
    }

    #DivTable #btnValidationList {
        width: 68% !important;
    }

    .tab-appointments-data, .tab-event-checkbox {
        display: flex;
    }

    .tab-half-width {
        width: 50%;
    }

    /****************Holding Bin Responsive Starts*************/
    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .tab-incomplete-btns, .tab-inquiry-btns {
        margin-top: 20px;
    }

    .holding-bin.min-max-width .generic-left__section {
        width: 40%;
    }

    .holding-bin.min-max-width .right__section{
        width: 60%;
    }

    .holding-bin.min-max-width .applicantInquirySetting {
        margin-top: 60px;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    .holding-bin .tab-d-block {
        display: block;
    }

    .holding-bin .tab-mb-10{
        margin-bottom:10px;
    }

    #tbApplicantFormDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 326px) !important; 
        height: calc(var(--app-height) - 326px) !important;
    }

    #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 318px) !important;
        height: calc(var(--app-height) - 318px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 477px) !important;
        height: calc(var(--app-height) - 477px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 480px) !important;
        height: calc(var(--app-height) - 480px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .holding-bin.min-max-width .tab-inquiry-buttons-div{
        height: 122px;
    }

    .holding-bin #divInquiryHoldingBinTab .tab-incomplete-header {
        width: 88%;
    }

    .attachments-box .attachments-box-w-61per{
        min-width:61%;
    }
    /****************Holding Bin Responsive Ends*************/
    .tab-calendar-tabstrip {
        height: 4vh;
    }

    .divBatchrequirement .row {
        display: flex;
    }

    .tab-checkbox, .tab-chkHousehold {
        margin-left: 7px;
    }

    .tab-chckDuplicates {
        padding-left: 5px;
    }

    #setupcont .df-alrtfld {
        width: 38.4%;
    }

    #DivTable #chkAlert {
        margin-left: -14px;
    }

    #inpAutoFill, .tab-Chart-Type {
        margin-left: 15px;
    }

    .tab-inpFieldName {
        width: 79%;
        margin-left: 31px;
    }

    .tab-ddlFieldType {
        margin-left: 15px;
        width: 74%;
    }

    #divEventCategory .checkbox-list {
        width: 68%;
        margin-left: 10px;
    }

    #divEventCategory #event-category-list {
        overflow-x: hidden;
    }

    #addAppointment .divEventContent {
        float: left;
        margin-top: 10px;
    }

    #addAppointment .EventsArea {
        margin-right: 50px;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /************Resposnive Codes for Old Tabs***********/

    #divDashboard #divSetAsStartUpPage {
        position: absolute;
        right: 0px;
    }

    .tab-dasshboard-data {
        width: 50%;
    }

    #ContactReminderChart, #AppointmentReminderChart {
        height: 645px;
        border-radius: 5px;
    }

    .tab-dashboard-header {
        display: flex;
    }

    #AdmissionStepsChart {
        height: 491px !important;
    }

    .column-box.remaining-openings {
        height: 645px;
    }

    #BodyScreen .loginRight {
        padding-bottom: 15px;
        margin-top: 65px;
        float: none;
        margin: 0 auto;
    }

    .loginContent .marginLeft.loginLeft {
        width: 100% !important;
    }

    #BodyScreen .loginRight > div {
        margin: 20px;
        padding-top: 30px;
        margin-bottom: 1px;
    }

    #BodyScreen .loginContent p {
        font-size: var(--global-text-size-lg) !important;
    }

    .dashboard-settings-icon {
        width: 6%;
    }

    .contact-reminder-titleA {
        width: 46%;
    }

    .latest-appointment-popup__triangle {
        margin-top: 2px !important;
        /*left: 150px;*/
    }

    .scheduleAppointmentProspectsLookup_area .latest-appointment-popup__triangle.latest-appointment-popup-data__triangle {
        margin-top: 59px !important;
        right: 55px !important;
    }

    .tab-admissions-provisional__popup {
        width: 80% !important;
    }
}
/**************************************NORMAL TABS & IPADS********************************************************************************/


/**************************************SMALLER DESKTOP************************************************************************************/
/* low-res laptops and desktops portrait*/
@media only screen and (min-device-width :992px) and (max-device-width : 1024.98px) and (orientation : portrait) {
    /****************Holding Bin Responsive Starts*************/
    .non-linked-field {
        min-width: 47%;
    }

    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .holding-bin.min-max-width .tab-incomplete-btns, .holding-bin .tab-incomplete-btns {
        margin-top: 20px;
    }

    .holding-bin.min-max-width .applicantInquirySetting {
        margin-top: 60px;
    }

    .holding-bin.min-max-width .generic-left__section {
        width: 40%;
    }

    .holding-bin.min-max-width .right__section {
        width: 60%;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    .holding-bin .tab-d-block {
        display: block;
    }

    .holding-bin .tab-mb-10 {
        margin-bottom: 10px;
    }

    #tbApplicantFormDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 326px) !important;
        height: calc(var(--app-height) - 326px) !important;
    }

    #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 318px) !important;
        height: calc(var(--app-height) - 318px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 477px) !important;
        height: calc(var(--app-height) - 477px) !important;
    }

    .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content{
        border: 0px !important;
        min-height: calc(var(--app-height) - 480px) !important;
        height: calc(var(--app-height) - 480px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 416px) !important;
        height: calc(var(--app-height) - 416px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .attachments-box .attachments-box-w-61per{
        min-width:61%;
    }
    /****************Holding Bin Responsive Ends*************/
    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap {
        width: 111px !important;
    }

    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }
    /*header medeaquery starts*/

    .nav.nav-pills.top-menu.header__leftsec{
        width: max-content;
    }
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__addprospect {
        width: 130px !important;
    }

    /*header medeaquery ends*/

}

/* low-res laptops and desktops landscape*/
@media only screen and (min-device-width :992px) and (max-device-width : 1024px) and (orientation : landscape) {
    /****************Holding Bin Responsive Starts*************/
    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .holding-bin.min-max-width .tab-incomplete-btns, .tab-inquiry-btns {
        margin-top: 0px;
    }

    .holding-bin.min-max-width .applicantInquirySetting {
        margin-top: 60px;
    }

    .holding-bin.min-max-width .tab-incomplete-btns, .holding-bin .tab-incomplete-btns {
        margin-top: 20px;
    }

    .holding-bin.min-max-width .generic-left__section {
        width: 40%;
    }

    .holding-bin.min-max-width .right__section {
        width: 60%;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    .holding-bin .tab-d-block {
        display: block;
    }

    .holding-bin .tab-mb-10 {
        margin-bottom: 10px;
    }

    #tbApplicantFormDetail #divApplicantFormDetail, #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 300px) !important;
        height: calc(var(--app-height) - 300px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 477px) !important;
        height: calc(var(--app-height) - 477px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 416px) !important;
        height: calc(var(--app-height) - 416px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .attachments-box .attachments-box-w-61per {
        min-width: 61%;
    }
    /****************Holding Bin Responsive Ends*************/
    .tab-display-grid {
        display: grid;
    }

    #divEventLayout .divEventContent .divEventContentRight, #divEventLayout .divEventContent .divResponseArea .divEventContentLeft {
        width: 78%;
    }

    .event-tooltip-title {
        height: 40px;
    }
    #ScheduleGuestGrid.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 460px);
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .recent__prospects {
        margin-right: 55px;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }


    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    /*header medeaquery ends*/
}

@media only screen and (max-width: 1199px) and (min-width: 900px) {
    /*Lottery screen */
    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    .data__display-container .data__items {
        width: 100%;
        margin: 5px 0;
    }

    .data__info-container {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    #WLCProspectGrd .app-row.media-block .flex__box {
        display: flex;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container {
        padding-left: 10px;
        padding-bottom: 0 !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container.media-pb {
        padding-bottom: 10px !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container.media-pb {
        padding-left: 0;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container {
        padding-left: 0;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
        border-left: 0;
    }

    #WLCProspectGrd .media-block .media__displayprospect {
        padding-top: 0 !important;
    }

    .lottery__right-gridbox #divLotteryProspectList .app-primary-btn-container button {
        width: 150px;
    }

    .lottery__right-gridbox .data__display-container.app-d-flex {
        display: block;
    }

    .lottery__right-gridbox .data__display-container .app-d-flex.media-block {
        display: block;
    }

    .lottery__right-gridbox .triangle {
        display: none;
    }

    .data__display-container {
        height: 140px;
    }
    /*Lottery screen */
}

/* low-res laptops and desktops landscape:common width*/
@media only screen and (min-width :992px) and (max-width : 1024.98px) {
    /*1477*/
    .email-top-header-right {
        display: block;
    }

    .when-to-send-div {
        margin-bottom: 10px;
    }

    /*1477*/
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 480px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 578px !important;
    }
    /*Email add recipient*/
    .tab__windowsEmailTemplates, .tab__divEmailRecipientProspectContact {
        width: 990px !important;
    }

    #DvContactsTypes.tab-DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields.tab-DvDisplayLocalFields #GridContactLocalFields {
        width: 343px;
    }

    ul.tab-add-recipient-to__stepper {
        margin-left: 0px;
    }

    .tab-email-selected__right-content {
        padding-top: 12px;
    }

    .create-template__div .tab-create-template__input {
        width: 240px;
    }

    .quick-mail__container .txtEmailSubjectFullRow {
        margin-bottom: 10px;
        width: 100%;
    }

    .content-wrapper .attachment__container {
        margin-left: 0px;
    }

    .content-wrapper .advanced-mode-compose__top > .app-d-flex {
        display: block;
    }

    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
    /*Email add recipient*/
    .tab-app__fixed-admissionlist {
        width: calc(100% - 58px);
        left: 29px;
    }

    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    /*Lottery screen */
    .data__display-container .data__items {
        width: 100%;
        margin: 5px 0;
    }

    .data__info-container {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    #WLCProspectGrd .app-row.media-block {
        display: block;
    }

    #WLCProspectGrd .app-row.media-block .flex__box {
        display: flex;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container {
        padding-left: 10px;
        padding-bottom: 0 !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container.media-pb {
        padding-bottom: 10px !important;
    }

    #WLCProspectGrd .app-row.media-block .flex__box .app-primary-btn-container.media-pb {
        padding-left: 0;
    }

    #WLCProspectGrd .app-row.media-block .flex__box.app-d-flex .app-primary-btn-container {
        padding-left: 0;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:not(:first-child) {
        border-left: 0;
    }

    #WLCProspectGrd .media-block .media__displayprospect {
        padding-top: 0 !important;
    }

    .lottery__right-gridbox #divLotteryProspectList .app-primary-btn-container button {
        width: 150px;
    }



    .lottery__right-gridbox .data__display-container.app-d-flex {
        display: block;
    }

    .lottery__right-gridbox .data__display-container .app-d-flex.media-block {
        display: block;
    }

    .lottery__right-gridbox .triangle {
        display: none;
    }

    .data__display-container {
        height: 140px;
    }
    /*Lottery screen */
    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 950px !important;
    }
    /*    1376::after create table */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px !important;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 12px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    #divDisplayContactsData {
        overflow-x: auto;
    }

    #ShowAllContactsGrid {
        width: 200%;
    }
    /*superdb */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    .tab-md-d-none {
        display: none;
    }

    .tab-superDB__li {
        margin-left: 3px;
    }

    .tab-pl-0 {
        padding-left: 0 !important;
    }

    .tab-pr-2 {
        padding-right: 2px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap {
        width: 120px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .grid__searchbox #StxtNotesSearchText.tab-note__search {
        width: 169px;
    }
    /*communication */
    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap {
        width: 111px !important;
    }

    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .grid__searchbox .tab-communication__search {
        width: 180px;
    }

    .tab-communication__list-two {
        padding-left: 0px !important;
    }
    /*one prospect grid*/
    .btnAdd, .k-button {
        padding: 10px 5px !important;
    }

    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
        height: auto;
    }

    .app__gridheader .tab-gridheader__bottom {
        padding: 15px 10px;
        height: auto;
    }

    .temporary-caret.tab-caret {
        margin-left: 98px !important;
    }
    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .add-prospect__container {
        width: 1100px !important;
        height: 562px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
    .email-basic-mode__popup {
        width: 700px !important;
        /* ADCOM 1477*/
        height: 96% !important;
        overflow: auto;
        /* ADCOM 1477*/
    }

    #dvtxtEmailEditor .basic-mode__center {
        width: 287px;
    }

    .basic-mode__subject {
        width: 390px !important;
    }

    .basic-mode__center {
        width: 399px;
    }

    .input-cc, .input-bcc {
        width: 119px;
    }

    :root {
        --email-right-container: 260px;
    }
    /* Email*/
    .student__popup-wrapper, .admission__popup-wrapper {
        width: 650px !important;
    }

    .add-note__popup-wrapper {
        width: 750px !important;
    }

    .note__textarea {
        width: 593px !important;
    }

    .app__panelheader ul li  {
        width: auto !important;
    }

    /************Contact Card Colapse Expand Starts********************/
    .student__info-container {
        max-width: 250px;
    }

    .collapsed__container, .student__info-container {
        height: 150px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 25px;
        display: block;
        position: relative;
        bottom: 20px;
    }

    .collapsed__value {
        width: 200px !important;
    }

    .collapsed__decision {
        width: 150px;
        padding-right: 18px;
    }

    .emoji-response {
        width: 350px !important;
        position: absolute;
        margin-left: 7px;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 33%;
    }

    /* .snapshot-value {
        width: 67%;
    }*/

    .prospect__image, .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }

    .step-in-progress__container {
        left: 34.1%;
    }

    .decision__reaction-image {
        height: 45px;
        width: 45px;
    }

    .demographics-details {
        width: 33%;
    }


    .divPictures, #divAddProspectPhotoView {
        height: 550px !important;
        width: 600px !important;
    }

    .admission__resolution, #divDemographic {
        height: 535px !important;
        width: 600px !important;
    }

    .admission__resolution {
        height: auto !important;
        width: 600px !important;
    }

    .add-note__popup-wrapper #newWindow {
        width: 700px !important;
        height: auto !important;
    }

    .admission__resolution {
        top: 100px !important;
    }

    .decision-scroll ul {
        width: 540px;
    }

    .divPictures {
        top: 150px !important;
    }

    .jrac_viewport {
        width: 550px !important;
        height: 400px !important;
        right: 10px;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 100%;
        margin-bottom: 5px !important;
    }

    .portfolio-card, .appointments-card {
        margin-top: 5px !important;
    }

    .sent__ascii-card-container {
        padding-right: 15px !important;
    }

    .contact__container, .admission__container, .student__container, .demograhics__container, .communication__container, .application__container, .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .ascii-card-container, .admission-process__container {
        padding-right: 0px !important;
    }

    .ascii-card-container, .sent__ap-card-container, .sent__ap-card-container, .correction__required-card-container, .registered-card-container, .registered__correction__required-card-container, .deleted-card-container {
        padding-right: 15px !important
    }

    /*
    .registered__correction__required-card-container, .sent__ap-card-container {
        padding-right: 0px !important;
    }*/

    #divSnapshotPanel {
        margin-top: 0 !important;
    }

    .ascii-card-container, .correction__required-card-container, .deleted-card-container {
        padding-left: 0 !important;
    }
    /************Snapshot Ends********************/
    /************Enrollment Starts********************/
    .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .sent__ascii-card-container, .ascii-card-container {
        width: 25%;
        margin-bottom: 15px;
        padding-right: 15px;
    }

    .enrollment__margin-left {
        float: left;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }

    .deleted-card-container {
        margin-bottom: 0 !important;
    }
    /************Enrollment Ends********************/

    /*Admission Tabs*/
    .school-name {
        width: 104px;
    }

    .admission__fields__container, .basic-dates__fields__container, .admissions__process__container {
        width: 50%;
        margin-bottom: 11px;
    }

    .tab-graphical__view {
        padding-top: 123px;
    }

    .tab__graphical-view__top {
        width: 100%;
        padding: 15px 20px;
        display: block;
        height: 106px;
        top: 34px;
    }

    .tab-graphical-top-left__container {
        width: 100%;
        padding-bottom: 20px;
    }

    .tab-graphical-top-right__container {
        width: 100%;
        justify-content: start;
        align-items: center;
    }

    .tab-graphical-top-left__inner-container {
        padding-right: 0px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }

    .admissions__process__container {
        padding-right: 15px;
    }
    /*List View */
    span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
        display: none !important;
    }

    .multi-color-tabs span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
        display: block !important;
    }

    .tab-w-200 {
        width: 200%;
    }

    .tab-app__tabstrip {
        overflow-x: auto;
    }

    /* need to remove once kendo implemented*/
    .quick-mail__container .tab-app__tabstrip {
        overflow: initial;
    }
    /* End need to remove */

    .app__fixed-admissionlist .graphical-view-top {
        position: relative;
        left: -1px;
        top: 0px;
        width: 100.4%;
    }

    /*Provisonal*/
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    /************Add Prospect Starts*****************/
    .add-prospect__container {
        width: 700px !important;
        height: 680px !important;
        position: absolute !important;
        top: 400px !important;
    }

    .add-prospects-text {
        display: flex;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 255px;
    }

    .add-prospect-right__inner-container {
        width: 250px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 250px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 540px !important;
    }
    /************Add Prospect Ends*****************/
    /************Add/Edit Notes for Prospect Starts***************/
    .add-note__popup-wrapper {
        height: 500px !important;
        width: 700px !important;
        position: absolute !important;
        top: 125px !important;
    }

    #txtAreaProspectNotes {
        width: 520px !important;
    }

    .notes-program {
        width: 200px;
    }
    /************Add/Edit Notes for Prospect Ends***************/
    /* Prospects Menu */
    .prospects__tabs-header .nav-tabs > li {
        margin-right: 19px;
    }

    body {
        /*ADMCOM - 1477*/
        /* overflow-y: hidden;*/
        overflow-y: auto;
    }
    /* End Prospects Menu */
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 700px !important;
        width: 900px !important;
        top: 40px !important;
    }

    .household__popup {
        width: 865px !important;
    }

    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .category-dropdown {
        width: 68%;
    }

    .search-info {
        width: 50px;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .bookmark-table {
        display: flex;
    }

    .contains-search {
        margin-left: 20px !important;
    }

    #divAddBookmarkedProspects input#bookmarkDescription {
        margin-left: 25px !important;
        width: 370px;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 20px !important;
    }

    .enrollments-grid-height {
        height: 244px !important;
    }

    .portfolio__grid-header {
        height: 601px !important;
    }

    .add-view__popup {
        width: 800px !important;
    }

    .contains-btn {
        width: 85px !important;
        right: 60px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 145px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 296px !important;
        padding: 10px !important;
        margin: 3px !important
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen {
        width: 50% !important;
    }

    .bookmarked-add {
        display: flex;
        align-items: center;
    }

    .tab__manage-page__popup {
        width: 800px;
        height: 100%;
        right: 80px;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        height: 95%;
        width: 770px;
        right: 15px !important;
        position: absolute;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
        padding-right: 2px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 35px;
        margin-top: 10px;
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }

    .tab-home__tiles-box .bookmarked-home-screen {
        padding-right: 2px !important;
    }

    .tasks-home-screen {
        padding-right: 0 !important;
    }

    .tab-enrollments {
        padding-left: 10px !important;
    }

    .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 177px;
    }
    /**********Home Screen Responsive Ends*******/
    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 900px !important;
        top: 70px !important;
    }

    .name-recipients {
        width: 280px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 250px !important
    }
    /***********Manual Email Ends****************/
    /******ADMCOM-1412 Starts***********/
    .prospects-bookmarks-yellow {
        top: 0;
        left: 15px;
    }

    .help_popup {
        position: absolute;
        right: 45px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    .prospects-notes-name {
        width: 335px;
    }

    #portfolio_Controls {
        width: auto !important;
    }
    /******ADMCOM-1412 Ends***********/

    .tab-contacts-export {
        margin-top: 10px;
    }

    .grid__searchbox .tab-portfolio__search {
        width: 200px;
    }

    .tab-communication-log-view {
        width: 107px !important;
    }

    .tab-CommunicationLog-ScreenName {
        width: min-content;
    }

    .tables-tab-mt-10 {
        margin-top: 10px;
    }

    #divEnrollmentButtons {
        margin-bottom: 0 !important;
    }

    #divApplicantsAndFormsGrid_1 .tab-change-decision {
        padding-left: 0 !important;
    }

    /************Resposnive Codes for Old Tabs***********/
    #divHoldingBinTab #divApplicantsAndFormsGrid_1 .app-primary-btn.app-button {
        width: auto;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(7) {
        padding: 0px 20px;
    }

    .tab-change-decision {
        padding-left: 0 !important;
    }
    /************Resposnive Codes for Old Tabs***********/
    #BodyScreen .loginContent p {
        font-size: var(--global-text-size-lg) !important;
    }

    .dashboard-settings-icon {
        width: 4%;
    }

    .contact-reminder-titleA {
        width: 40%;
    }

    .dashboard-wrap .k-chart {
        height: 579px !important;
    }

    #AppointmentReminderChart {
        height: 645px;
    }

    .latest-appointment-popup__triangle {
        left: 150px !important;
    }
}
/**************************************SMALLER DESKTOP*************************************************************************************/

/**************************************NORMAL DESKTOP***************************************************************************************/
/* big laptops and desktops :common width*/
@media only screen and (min-width :1025px) and (max-width : 1099.98px) {
    /****************Holding Bin Responsive Starts*************/
    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .holding-bin.min-max-width .generic-left__section {
        width: 40%;
    }

    .holding-bin.min-max-width .right__section {
        width: 60%;
    }

    .holding-bin.min-max-width .tab-incomplete-btns {
        margin-top: 20px;
    }

    .holding-bin.min-max-width .applicantInquirySetting {
        margin-top: 60px;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    #tbApplicantFormDetail #divApplicantFormDetail, #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 300px) !important;
        height: calc(var(--app-height) - 300px) !important;
    }

     .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 416px) !important;
        height: calc(var(--app-height) - 416px) !important;
    }

    .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-contentntent {
        border: 0px !important;
        min-height: calc(var(--app-height) - 476px) !important;
        height: calc(var(--app-height) - 476px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .page__headerbar .tab-d-none {
        display: none;
    }

    .attachments-box .attachments-box-w-61per {
        min-width: 61%;
    }
    /****************Holding Bin Responsive Ends*************/
    .quick-mail__container #lblEmailTemplateName {
        top: 65px;
    }
    /*ADMCOM-1477*/
    .quick-mail__container .divEmail label {
        padding-left: 2px;
    }

    .quick-mail__container .email-top__container {
        padding: 10px 10px;
    }
    /*ADMCOM-1477*/
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 480px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 578px !important;
    }
    /*Email add recipient*/
    .tab__windowsEmailTemplates, .tab__divEmailRecipientProspectContact {
        width: 1000px !important;
    }

    #DvContactsTypes.tab-DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields.tab-DvDisplayLocalFields #GridContactLocalFields {
        width: 358px;
    }

    ul.tab-add-recipient-to__stepper {
        margin-left: 0px;
    }

    .quick-mail__container .txtEmailSubjectFullRow {
        margin-bottom: 10px;
        width: 100%;
    }

    .content-wrapper .attachment__container {
        margin-left: 0px;
    }

    .content-wrapper .advanced-mode-compose__top > .app-d-flex {
        display: block;
    }

    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
    /*Email add recipient*/
    .tab-app__fixed-admissionlist {
        width: calc(100% - 58px);
        left: 29px;
    }

    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }
    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 1000px !important;
    }
    /*    1376::after create table */
    /*one prospect grid*/
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px !important;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 12px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__top, .tab-superDB__bottom {
        padding: 15px 10px !important;
    }

    .tab-pl-0 {
        padding-left: 0 !important;
    }

    .tab-pr-2 {
        padding-right: 2px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap {
        width: 120px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .grid__searchbox .tab-communication__search {
        width: 193px;
    }

    .tab-lg-d-none {
        display: none;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap {
        width: 111px !important;
    }

    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .temporary-caret.tab-caret {
        margin-left: 98px !important;
    }
    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .add-prospect__container {
        width: 1100px !important;
        height: 562px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
    .email-basic-mode__popup {
        /*width: 700px !important;*/
        /* ADMCOM-1477*/
        width: 1000px !important;
        height: 96% !important;
        overflow: auto;
        /* ADMCOM-1477*/
    }

    #dvtxtEmailEditor .basic-mode__center {
        width: 287px;
    }

    .basic-mode__subject {
        width: 390px !important;
    }

    .basic-mode__center {
        width: 399px;
    }

    .input-cc, .input-bcc {
        width: 119px;
    }

    :root {
        --email-right-container: 260px;
    }
    /* Email*/

    .manage-home {
        top: 120px;
    }

    body {
        /*overflow-y: hidden;*/
        overflow-y: auto;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }


    .app__header .header__rightsec .recent__prospects {
        margin-right: 55px;
    }

    .app__header .header__rightsec .propsect__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__addprospect {
        width: 130px !important;
    }

    /*header medeaquery ends*/
    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__addprospect {
        width: 130px !important;
    }

    /*header medeaquery ends*/
    .prospects__tabs-header .nav-tabs > li {
        margin-right: 19px;
    }

    /************Contact Card Colapse Expand Starts********************/
    
    .collapsed__container, .student__info-container {
        height: 150px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 25px;
        display: block;
        position: relative;
        bottom: 20px;
    }

   /* .collapsed__key {
        width: 100px !important;
    }*/

    /*.student__grade {
        width: 300px !important;
    }*/


    .collapsed__value {
        width: 200px !important;
    }

    .collapsed__decision {
        width: 150px;
        padding-right: 18px;
    }

    .emoji-response {
        width: 350px !important;
        position: absolute;
        margin-left: 7px;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 30%;
    }

    .snapshot-value {
        width: 70%;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }
    /*Admission Tabs*/
    .admission__fields__container, .basic-dates__fields__container, .admissions__process__container {
        width: 50%;
        margin-bottom: 11px;
    }

    .school-name {
        width: 104px;
    }

    .tab-graphical__view {
        padding-top: 123px;
    }

    .tab__graphical-view__top {
        width: 100%;
        padding: 15px 20px;
        display: block;
        height: 106px;
        top: 34px;
    }

    .tab-graphical-top-left__container {
        width: 100%;
        padding-bottom: 20px;
    }

    .tab-graphical-top-right__container {
        width: 100%;
        justify-content: start;
        align-items: center;
    }

    .tab-graphical-top-left__inner-container {
        padding-right: 0px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }
    /*Provisonal View*/
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }

    .app__fixed-admissionlist .graphical-view-top {
        position: relative;
        left: -1px;
        top: 0px;
        width: 100.4%;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 50%;
        margin-bottom: 5px !important;
    }

    .contact__container, .communication__container {
        padding-right: 0 !important;
    }


    .deleted-card-container, .sent__ascii-card-container, .registered__correction__required-card-container, .correction__required-card-container, .registered-card-container, .sent__ap-card-container, .ascii-card-container {
        width: 25%;
        padding-right: 15px !important;
    }

    .registered-card-container, .registered__correction__required-card-container, .deleted-card-container {
        padding-top: 15px !important;
    }

    .student__container, .admission__container, .demograhics__container, .admission-process__container {
        padding-right: 5px !important;
    }
    /************Add Prospect Starts*****************/
    .add-prospect__container {
        width: 700px !important;
        height: 680px !important;
        position: absolute !important;
        top: 400px !important;
    }

    .add-prospects-text {
        display: flex;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 255px;
    }

    .add-prospect-right__inner-container {
        width: 250px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 250px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 540px !important;
    }
    /************Add Prospect Ends*****************/
    /********All Popup's Starts***********/
    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    .search-info {
        width: 30px;
    }

    .bookmarked__text {
        width: 89% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .bookmark-table {
        display: flex;
    }

    .contains-search {
        margin-left: 0 !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - var(--header-height));
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 143px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 290px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen {
        width: 50% !important;
    }

    .bookmarked-add {
        display: flex;
        align-items: center;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 36px;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
        height: 105px;
    }

    .tab-communication-print {
        margin-top: 5px;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
        height: 105px;
    }

    .tab-communication-print {
        margin-top: 5px;
    }
}

@media only screen and (min-width :1100px) and (max-width : 1279.98px) {
    /****************Holding Bin Responsive Starts*************/
    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .holding-bin.min-max-width .generic-left__section {
        width: 40%;
    }

    .holding-bin.min-max-width .right__section {
        width: 60%;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    .holding-bin .tab-d-block {
        display: block;
    }

    .holding-bin .tab-mb-10 {
        margin-bottom: 10px !important;
    }

    #tbApplicantFormDetail #divApplicantFormDetail, #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 300px) !important;
        height: calc(var(--app-height) - 300px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content, .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 416px) !important;
        height: calc(var(--app-height) - 416px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .attachments-box .attachments-box-w-61per {
        min-width: 61%;
    }
    /****************Holding Bin Responsive Ends*************/
    #dvtxtEmailEditor .basic-mode__center {
        width: 535px;
    }

    .quick-mail__container #lblEmailTemplateName {
        top: 65px;
    }

    .email-basic-mode__popup {
        width: 1000px !important;
        height: 96% !important;
        overflow: auto;
    }
    /*Email add recipient*/
    .tab__windowsEmailTemplates, .tab__divEmailRecipientProspectContact {
        width: 1050px !important;
    }

    ul.tab-add-recipient-to__stepper {
        margin-left: 0px;
    }

    .quick-mail__container .txtEmailSubjectFullRow {
        margin-bottom: 10px;
        width: 100%;
    }

    .content-wrapper .attachment__container {
        margin-left: 0px;
    }

    .content-wrapper .advanced-mode-compose__top > .app-d-flex {
        display: block;
    }

    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
    /*Email add recipient*/
    .tab-app__fixed-admissionlist {
        position: absolute;
        width: calc(100% - 58px);
        top: 37px;
        z-index: 1;
        left: 29px;
    }

    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 1000px !important;
    }
    /*    1376::after create table */

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 12px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__top, .tab-superDB__bottom {
        padding: 15px 10px !important;
    }

    .tab-pl-0 {
        padding-left: 0 !important;
    }

    .tab-pr-2 {
        padding-right: 2px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap {
        width: 120px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .tab-lg-d-none {
        display: none;
    }

    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact__margin-150per {
        margin-top: 6px;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header, .portfolio__add-window {
        width: 768px !important;
    }

    .contact-global-field__wrapper {
        height: 581px !important;
    }

    .contact-salutation {
        height: 581px !important;
        width: 500px !important;
    }

    .contact__address {
        height: 510px !important;
        width: 555px !important;
    }

    .map__household {
        height: 540px !important;
        width: 541px !important;
    }

    .setup__contacts {
        height: 605px !important;
    }

    .portfolio__grid-header {
        height: 600px !important;
        top: 100px !important;
    }

    .portfolio__add-window {
        height: 700px !important;
    }

    .add-prospect__container {
        width: 1100px !important;
        height: 562px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /************Add/Edit Notes for Prospect Starts***************/
    .add-note__popup-wrapper {
        height: 700px !important;
        width: 500px !important;
        position: absolute !important;
        top: 125px !important;
    }

    #txtAreaProspectNotes {
        width: 560px !important;
    }
    /************Add/Edit Notes for Prospect Ends***************/
    /************Enrollment Starts********************/
    .ascii-card-container, .registered-card-container {
        padding-left: 0 !important;
    }

    .contact__container, .admission__container, .student__container, .demograhics__container, .communication__container, .application__container, .deleted-card-container, .registered__correction__required-card-container, .correction__required-card-container, .sent__ap-card-container, .sent__ascii-card-container, .admission-process__container {
        padding-left: 10px !important;
    }
    /************Enrollment Ends********************/
    /********All Popup's Starts***********/
    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .search-info {
        width: 35px;
    }

    .bookmarked__text {
        width: 90% !important;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    .search-info {
        width: 50px;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .bookmark-table {
        display: flex;
    }

    .contains-search {
        margin-left: 0 !important;
    }

    .category-dropdown {
        width: 65%;
    }

    #portfolio_Controls {
        width: 720px !important;
    }

    .enrollments-grid-height {
        height: 244px !important;
    }

    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .contains-btn {
        width: 85px !important;
        right: 60px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /************Add Prospect Starts*****************/
    .add-prospect__container {
        width: 800px !important;
        height: 710px !important;
        position: absolute !important;
        top: 400px !important;
    }

    .add-prospects-text {
        display: flex;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 440px;
    }


    /************Add Prospect Ends*****************/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 128px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 261px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen {
        width: 50% !important;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .tasks-home-screen {
        padding-right: 0 !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 41px;
        margin-top: 10px;
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .decision__reaction-image {
        height: 45px;
        width: 45px;
    }

    .registered-card-container, .registered__correction__required-card-container, .deleted-card-container {
        padding-top: 15px;
    }

    .prospect__image, .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 100%;
        margin-bottom: 11px;
    }

    .contact__container, .communication__container {
        padding-right: 0 !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }
    /************Snapshot Ends********************/
    /************Ennrolment Starts********************/
    .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .sent__ascii-card-container, .ascii-card-container {
        width: 25%;
        margin-bottom: 0px;
    }

    .enrollment__margin-left {
        float: left;
    }

    .ascii-card-container, .registered-card-container {
        padding-left: 0 !important;
    }

    .contact__container, .admission__container, .student__container, .demograhics__container, .communication__container, .application__container, .deleted-card-container, .registered__correction__required-card-container, .correction__required-card-container, .sent__ap-card-container, .sent__ascii-card-container, .admission-process__container {
        padding-left: 15px !important;
    }

    /************Ennrolment Ends********************/


    .add-prospect-right__inner-container {
        width: 300px !important;
        overflow-x: auto;
        height: 240px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 170px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 570px !important;
    }
    /************Add Prospect Ends*****************/
    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__addprospect {
        width: 130px !important;
    }

    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 150px;
    }

    .student__info-container {
        max-width: 290px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 25px;
        display: block;
        position: relative;
        bottom: 20px;
    }

    .collapsed__value {
        width: 400px !important;
    }

    .collapsed__decision {
        width: 150px;
        padding-right: 18px;
    }

    .emoji-response {
        width: 350px !important;
        position: absolute;
        margin-left: 7px;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/

    /************Enrollment Tiles Starts********************/
    .enrollments-image {
        width: 25% !important;
    }

    .enrollments-details {
        width: 75% !important;
    }

    .ready-to-send-image {
        width: 20%;
    }

    .ready-to-send-details {
        width: 80%;
    }

    .registered__icon {
        display: block;
        margin: 0 auto;
    }

    .enrollments__icon {
        display: block;
        margin: 0 auto;
    }

    .enrolment-card {
        width: 50px;
    }



    /************Snapshot Starts********************/
    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .prospect__image, .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        margin-top: 20px;
    }

    .step-in-progress__container {
        left: 42.1%;
    }


    .divPictures, #divAddProspectPhotoView {
        height: 600px !important;
        width: 800px !important;
    }

    .divPictures {
        top: 100px !important;
        left: 210px !important;
    }

    .jrac_viewport {
        width: 750px !important;
        height: 450px !important;
        right: 10px;
    }

    .student__container, .contact__container, .admission__container, .decision__container, .demograhics__container, .communication__container, .application__container, .admission-process__container {
        width: 50% !important;
        margin-bottom: 5px;
    }

    .portfolio-card, .appointments-card {
        margin-top: 5px !important;
    }

    .portfolio-card {
        height: 205px;
    }

    .contact__container, .decision__container, .communication__container, .application__container {
        padding-left: 5px !important;
    }

    .contact__container, .communication__container, .admission__container, .demograhics__container, .admission-process__container, .student__container {
        padding-right: 0 !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }

    .student__container, .admission__container, .demograhics__container, .admission-process__container {
        padding-left: 0 !important;
    }
    /************Snapshot Ends********************/
    /*Admission Tabs*/
    .admission__fields__container, .basic-dates__fields__container, .admissions__process__container {
        width: 50%;
        margin-bottom: 11px;
    }

    .school-name {
        width: 104px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }

    .tab-graphical__view {
        padding-top: 123px;
    }

    .tab__graphical-view__top {
        width: 100%;
        padding: 15px 20px;
        display: block;
        height: 106px;
        top: 34px;
    }

    .tab-graphical-top-left__container {
        width: 100%;
        padding-bottom: 20px;
    }

    .tab-graphical-top-right__container {
        width: 100%;
        justify-content: start;
        align-items: center;
    }

    .tab-graphical-top-left__inner-container {
        padding-right: 0px;
    }

    .admissions__process__container {
        padding-right: 15px;
    }
    /*Provisonal View*/
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }

    .app__fixed-admissionlist .graphical-view-top {
        position: relative;
        left: -1px;
        top: -1px;
        width: 100.4%;
    }

    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 900px !important;
        top: 70px !important;
    }

    .name-recipients {
        width: 280px !important;
    }

    .tab-enrollments {
        padding-left: 10px !important;
    }


    .alternate-email-recipients, .email-recipients {
        width: 250px !important
    }
    /***********Manual Email Ends****************/

    .bookmark-helptext {
        position: absolute;
        right: 12px;
        top: 164px;
    }
    /******ADMCOM-1412 Starts***********/
    .prospects-bookmarks-yellow {
        top: 0;
        left: 15px;
    }

    .prospects-bookmarks {
        top: -13px;
    }
    /******ADMCOM-1412 Ends***********/
    /************Add/Edit Notes for Prospect Starts***************/
    .add-note__popup-wrapper {
        height: 520px !important;
        width: 700px !important;
        position: absolute !important;
        top: 125px !important;
    }

    #txtAreaProspectNotes {
        width: 520px !important;
        height: 200px !important;
    }

    .notes-program {
        width: 200px;
    }
    /************Add/Edit Notes for Prospect Ends***************/
    .grid__searchbox .tab-allGrids__SearchBox {
        width: 180px !important;
    }

    .tab-communication-log-view {
        width: 115px !important;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
        height: auto;
    }

    .divTableValues .k-grid-add.btnAdd {
        margin-top: 6px !important;
    }

    /************Resposnive Codes for Old Tabs***********/
    #divApplicantsAndFormsGrid_1 .tab-incomplete-header {
        height: 100px;
    }

    #divApplicantsAndFormsGrid_1 .tab-max-width {
        width: max-content;
    }

    #divApplicantsAndFormsGrid_1 .tab-incomplete-btns {
        position: absolute;
        right: 0px;
        top: 100px;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(3),
    #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(5) {
        padding-left: 0;
    }

    .tab-change-decision {
        padding-left: 0 !important;
    }

    #divLotteryProspectList #WLCProspectGrd .flex__box:nth-child(4) {
        padding-right: 10px;
    }

    #btnWaitListEmailTemplate {
        margin-left: 10px;
    }

    /************Resposnive Codes for Old Tabs***********/
    #AdmissionStepsChart {
        height: 495px !important;
    }

    #BodyScreen .loginContent p {
        font-size: var(--global-text-size-lg) !important;
    }

    .dashboard-settings-icon {
        width: 4%;
    }

    .contact-reminder-titleA {
        width: 46%;
    }

    #AppointmentReminderChart {
        height: 649px !important;
    }
}

@media only screen and (max-height:900px) {

    .side__menubar .menu__hidden {
        display: none;
    }

    .sidemenu__more .menu__hidden {
        display: block;
    }

    .app__menubar .logo {
        bottom: 10px !important;
    }

    .app__menubar .side__menubar li.sidemenu__more {
        display: block;
    }

    /*#divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(100vh - 240px) !important;
        min-height: calc(100vh - 240px) !important;
    }*/

    /*.app__gridheader .gridheader__bottom {
            height: auto;
        }*/
    /*    .app__dropdown .k-widget.k-dropdown, .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
        width:160px!important;
    }*/
    .moreoption__list .menu__hidden {
        display: none;
    }

    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        /*height: calc(var(--app-height) - (var(--header-height))) !important;*/
        overflow-y: auto;
    }
    /**********Home Screen Responsive Ends*******/
    .newProspectContentWindow.add-prospect__container #newProspectWindow {
        max-height: 90vh !important;
        overflow-y: auto !important;
    }
}

@media only screen and (max-height:768px) {
    .menu__hidden.ht-768 {
        display: block;
    }

    .menu-hidden-768ht {
        display: none;
    }

    .app__menubar .sidemenu__more .moreoption__list {
        top: -95px;
    }
}

@media only screen and (max-height:700px) {
    .menu__hidden.ht-700 {
        display: block;
    }

    .menu-hidden-700ht {
        display: none;
    }

    /*.appointment-home-content, .tasks-home-content {
        max-height: 550px;
    }*/

    .bookmarked-home-content .k-grid-content {
        max-height: 530px;
    }
}

@media only screen and (max-height:575px) {
    .menu__hidden.ht-575 {
        display: block;
    }

    .menu-hidden-575ht {
        display: none;
    }
}


@media only screen and (min-height:901px) {
    .side__menubar .menu__hidden {
        display: block;
    }

    .sidemenu__more .menu__hidden {
        display: none;
    }
}

@media only screen and (min-width :760px) and (max-width:794px) {
    /**********Home Screen Responsive Starts*******/
    #divPageTitle {
        max-width: 106px !important;
        margin-top: 0 !important;
    }
    /**********Home Screen Responsive Ends*******/
    /*#divPageTitle.emailDivPageTitle {
            max-width: 200px!important;
        }*/
}

/**************************************NORMAL DESKTOP*****************************************************************************************/
/**************************************LARGE DESKTOP*****************************************************************************************/
/* big HD SCREENS and desktops :common width*/
@media screen and (min-width: 1280px) {
    /************Popup Scrollbar for Inner Container Starts***********/
    .addcontact__container .tab-content {
        height: calc(100vh - 330px) !important;
        min-height: calc(100vh - 330px) !important;
        overflow-y: auto;
    }

    #divAllContacts .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #copyallcontact .app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 450px) !important;
    }

    #divAddContactView #divSnapShotFields.basic__contactdetails, #divadditionalCol, #divEditContactWindow {
        height: calc(100vh - 250px) !important;
        min-height: calc(100vh - 250px) !important;
        overflow-y: auto;
    }
    /************Popup Scrollbar for Inner Container Ends***********/
    #divAdmissionAppointments .time-bdr {
        padding-left: 18px !important;
    }

    .tab-bookmarked-add {
        padding: 6px 10px;
    }

    .student__container, .demograhics__container {
        width: 29%;
    }

    .contact__container, .admission__container, .communication__container, .admission-process__container {
        width: 24.4%;
    }

    .decision__container, .application__container {
        width: 22.2%;
    }

    .deleted-card-container, .sent__ascii-card-container {
        width: 14.1%;
    }

    .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .ascii-card-container {
        width: 14.2%;
    }

    .admission__fields__container, .basic-dates__fields__container, .admissions__process__container {
        width: 33.33%;
    }
    /************Contact Card Colapse Expand Starts********************/

    .student__name {
        max-width: 180px;
    }

    .collapsed__decision {
        padding-right: 18px;
    }

    .vr__student {
        position: relative;
        top: 17px;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Enrollment Tiles Starts********************/
    .ready-to-send-image {
        width: 30% !important;
    }

    .ready-to-send-details {
        width: 70% !important;
    }

    .deleted-image {
        width: 30% !important;
    }

    .deleted-details {
        width: 70% !important;
    }

    .registered-image {
        width: 30%;
    }

    .registered-details {
        width: 70%;
    }

    .deleted-letters {
        letter-spacing: -0.6px;
    }

    .registered__icon {
        display: block;
        margin: 0 auto;
    }

    .enrollments__icon {
        display: block;
        margin: 0 auto;
    }

    .enrolment-card {
        width: 50px;
    }

    .deleted-card-container {
        width: 14.2%;
        padding-right: 0px;
    }

    .sent__ascii-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .ascii-card-container {
        width: 14.3%;
        padding-right: 15px;
    }

    /************Enrollment Tiles Ends********************/
    /************Snapshot Starts********************/
    .prospect__image {
        height: 80px;
        width: 80px;
        top: 20px;
        position: relative;
    }

    .decision__reaction-image {
        width: 40px;
        height: 40px;
        top: -7px;
    }

    .step-in-progress__container {
        left: 35.1%;
    }

    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .admissions-details {
        width: 33%;
    }

    .admissions-value {
        width: 67%;
    }

    .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        top: 20px;
    }

    .student__container, .demograhics__container {
        width: 29%;
    }

    .contact__container, .admission__container, .communication__container, .admission-process__container {
        width: 24.4%;
    }

    .decision__container, .application__container {
        width: 22.2%;
    }

    .contact__household {
        margin-right: 4px;
    }
    /************Snapshot Ends********************/
    .app__fixed-admissionlist .graphical-view-top {
        position: relative;
        left: -1px;
        width: 100.4%;
    }

    .school-name {
        width: 104px;
    }
    /********All Popup's Starts***********/
    .portfolio-addcategory {
        position: absolute;
        right: 16px;
    }

    .add__bookmarked-prospects {
        width: 1110px !important;
    }

    .search-info {
        width: 70px;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 5px !important;
    }

    .bookmark-table {
        display: flex;
    }

    .contains-search {
        margin-left: 10px !important;
    }

    .bookmarked-save {
        position: absolute;
        right: 5px !important;
        margin-bottom: 10px !important;
    }

    #bookmarkDescription {
        width: 420px !important;
    }

    .contact-global-field__wrapper, .portfolio__grid-header {
        height: 500px !important;
        width: 768px !important;
    }

    .portfolio__grid-header {
        height: auto !important;
        width: 768px !important;
    }

    .contact-salutation, .contact__address {
        height: 510px !important;
        width: 500px !important;
    }

    .setup__contacts {
        height: 585px !important;
        width: 700px !important;
    }

    .map__household {
        height: 540px !important;
        top: 10px !important;
    }

    .contacts__grid-height {
        height: 315px !important;
    }

    #AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
        height: 150px !important;
    }
    /********All Popup's Ends***********/
    /************Add Prospect Starts*****************/
    /*.add-prospect__container {*/
    /* width: 900px !important;*/
    /* height: 510px !important;
        position: absolute !important;
        top: 300px !important;*/
    /*}*/

    .add-prospect__inner-container {
        height: auto !important;
    }

    .add-prospects-text {
        display: flex;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 335px;
    }

    #FieldValidationGrid .k-grid-content {
        height: 280px !important;
    }

    #PortfolioCategoryGrid {
        height: 345px;
    }

    .category-dropdown {
        width: 65% !important;
    }

    .lottery__email-template {
        width: 900px !important;
        height: 570px !important;
    }

    .advanced__sort-options, .add-view__popup, .add__bookmarked-prospects {
        height: 570px !important;
    }

    .school-name {
        width: 104px;
    }


    .enrollment__specifications {
        height: auto !important;
        top: 20px !important;
    }

    .enrollments-grid-height {
        height: 139px !important;
    }

    #gridGradeLevels .k-grid-content {
        height: 230px !important;
    }

    .generate__lottery {
        height: 620px !important;
    }

    #winLotterySpec .msg-container {
        height: 140px !important;
    }
    /************Add Prospect Ends*****************/
    /****************Home Screen Responsive Starts**********/
    .tab-home__tiles-box {
        /*height: calc(var(--app-height) - (var(--header-height))) !important;*/
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 128px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 270px !important;
        padding: 10px !important
    }

    .bookmarked-add {
        display: flex;
        align-items: center;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 23px;
    }
    /****************Home Screen Responsive Ends*************/
    .email-basic-mode__popup {
        width: 1000px !important;
        top: 20px !important;
        height: 96% !important;
        overflow: auto;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 328px;
    }

    .tab-email-mode .basic-mode__subject {
        width: 477px !important;
    }

    .tab-email-mode .basic-mode__center {
        width: 488px;
    }

    .tab-email-mode .input-cc, .tab-email-mode .input-bcc {
        width: 128px;
    }

    .tab-email-mode .multipleEmails #dvtxtEmailEditor {
        width: 100% !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        width: 477px !important;
    }

    .tab-email-mode .tab-advanced-mode {
        padding-right: 0px !important;
    }
    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 900px !important;
        top: 70px !important;
        height: 600px !important;
    }

    .name-recipients {
        width: 280px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 250px !important
    }
    /***********Manual Email Ends****************/

    .tab-email-mode .tab-advanced-mode {
        padding-right: 0px !important;
    }

    .appointments-home-screen {
        width: 33% !important;
        padding-right: 6px !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 33.4% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 33.6% !important;
    }

    .tab-email-mode .tab-advanced-mode {
        padding-right: 0px !important;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        width: 260px !important;
        height: 35px !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 177px;
    }

    #grdAdmissionTiles1 .k-grid-content.k-auto-scrollable {
        min-height: 100px !important;
        max-height: 310px !important;
    }

    .enrollments-view-options-btn {
        padding: 9px 8px 8px 11px !important;
        border: none !important;
    }
    /***********Manual Email Ends****************/
    .prospects-bookmarks-yellow {
        top: 0;
        left: 15px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    .applicationNotSubmitted {
        margin-top: 5px !important;
        margin-left: 15px;
    }

    .applicationSubmitted {
        margin-left: 10px;
    }
    /******ADMCOM-1412 Ends***********/
    .addcontact__container .contact__tabscontainer li.active a, .addcontact__container .contact__tabscontainer li.active a:hover, .addcontact__container .contact__tabscontainer li.active a:focus {
        width: 243px;
    }

    .addcontact__container .tab-content .tab-pane .contact__tabdata {
        width: auto;
    }
}

@media screen and (min-width: 1400px) {
    #divAdmissionAppointments .time-bdr {
        padding-left: 25px !important;
    }

    .quick-mail__container.tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 392px !important;
    }

    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }
    /************Contact Card Colapse Expand Starts********************/
    

    .student__name {
        max-width: 220px;
    }

    .collapsed__decision {
        padding-right: 10px;
    }
    /************Contact Card Colapse Expand Ends********************/

    /************Enrollment Tiles Starts********************/
    .registered__icon {
        display: block;
        margin: 0 auto;
    }

    .enrollments__icon {
        display: block;
        margin: 0 auto;
    }

    .enrolment-card {
        width: 50px;
    }
    /************Enrollment Tiles Ends********************/

    /************Snapshot Starts********************/
    .prospect__image {
        height: 140px;
        width: 120px;
        top: 0;
    }

    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .student__container .snapshot-details {
        width: 48%;
    }

    .student__container .snapshot-value {
        width: 52%;
    }

    .decision__reaction-image {
        width: 47px;
        height: 47px;
        top: -10px;
    }

    .step-in-progress__container {
        left: 36.1%;
    }

    .overlay, .overlay__add-image {
        height: 140px;
        width: 120px;
        top: 0px;
    }

    .admissions-details {
        width: 33%;
    }

    .admissions-value {
        width: 67%;
    }

    .contact__household {
        margin-right: 0px;
    }
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .contacts__grid-height {
        height: 401px !important;
    }

    #AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
        height: 200px !important;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header {
        height: auto !important;
        width: 800px !important;
    }

    .contact__address {
        height: 555px;
        width: 900px;
    }

    .map__household, .contact__address {
        width: 600px !important;
        height: 550px !important;
    }

    .contact-salutation {
        height: auto !important;
        width: 600px !important;
    }

    .portfolio__add-window {
        height: 600px !important;
        width: 800px !important;
        top: 50px !important;
    }

    #FieldValidationGrid .k-grid-content {
        height: 400px !important;
    }

    #PortfolioCategoryGrid {
        height: auto;
    }

    .lottery__email-template {
        width: 900px !important;
        height: 670px !important;
    }

    .advanced__sort-options, .add-view__popup, .add__bookmarked-prospects {
        height: 720px !important;
        top: 10px !important;
    }

    .enrollments-grid-height {
        height: 187px !important;
    }

    #gridGradeLevels .k-grid-content {
        height: 280px !important;
    }

    .generate__lottery {
        height: 720px !important;
        top: 15px !important;
    }

    #winLotterySpec .msg-container {
        height: 180px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 150px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 320px !important;
        padding: 7px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 20px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .email-basic-mode__popup {
        /*width: 700px !important;*/
        width: 1100px !important;
        top: 11px !important;
        height: 96% !important;
        overflow: auto;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 227px;
    }

    .tab-email-mode .basic-mode__subject {
        width: 350px !important;
    }

    .tab-email-mode .basic-mode__center {
        width: 399px;
    }

    .tab-email-mode .input-cc, .tab-email-mode .input-bcc {
        width: 77px;
    }

    .tab-email-mode #dvtxtEmailEditor {
        width: calc(100% - var(--email-right-container));
    }

    .tab-email-mode .multipleEmails #dvtxtEmailEditor {
        width: 100% !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        width: 374px !important;
    }

    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 1000px !important;
        top: 70px !important;
        height: 600px !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        width: 374px !important;
    }


    .name-recipients {
        width: 280px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 300px !important
    }
    /***********Manual Email Ends****************/

    #grdAdmissionTiles1 .k-grid-content.k-auto-scrollable {
        max-height: 400px !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        right: 26px;
        top: 178px;
    }

    /******ADMCOM-1412 Starts***********/
    .prospects-bookmarks {
        top: -16px;
    }

    .prospects-bookmarks-yellow {
        top: 0;
        right: 10px;
    }

    .applicationNotSubmitted {
        margin-left: 10px;
    }
    /******ADMCOM-1412 Ends***********/
    .addcontact__container .contact__tabscontainer li.active a, .addcontact__container .contact__tabscontainer li.active a:hover, .addcontact__container .contact__tabscontainer li.active a:focus {
        width: 241px;
    }
}

@media screen and (min-width: 1500px) {
    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 170px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 358px !important;
    }
}

@media screen and (min-width: 1600px) {
    #divEmailLayout #EmailContent #dvEmailEditor #dvtxtEmailEditor ul.k-editor-toolbar > li.k-tool-group > span.k-widget.k-combobox.k-combobox-clearable.k-editor-widget.k-group-end > span.k-dropdown-wrap.k-state-default {
        width: 100px !important;
    }

    .quick-mail__container .compose-mail__right {
        width: 100%;
    }

    .quick-mail__container.tab-email-mode #dvtxtEmailEditor {
        width: calc(100% - 22%);
    }

    .quick-mail__container .compose-email__right-side-container {
        width: 22%;
    }
    /*.quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid, .quick-mail__container.tab-email-mode-twoBtns.tab-email-mode .to-cc-bcc-inputs {
        width: calc(100% - 31%);
        margin-top: 3px;
    }*/
    .quick-mail__container .email-recipients-grid {
        border-right: 1px solid var(--brand-email-seperator);
    }

    .quick-mail__container .email-recipients-grid {
        padding-right: 0 !important;
    }
    /*.quick-mail__container .email-actions {
        width: 31%;
        padding-left: 10px;
    }*/
    .email-recipients-grid:after {
        background: var(--brand-email-seperator);
        position: absolute;
        right: 19px;
        top: 5px;
        width: 0px;
        height: 100%;
        content: "";
    }

    .quick-mail__container.tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 485px !important;
    }

    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }

    .school-name {
        width: 200px;
    }
    /************Enrollment Tiles Starts********************/
    .registered-image {
        width: 40%;
    }

    .registered-details {
        width: 60%;
    }
    /************Enrollment Tiles Ends********************/

    /************Contact Card Colapse Expand Ends********************/
    .enrolment-card {
        width: 68px;
    }

    .student__name {
        max-width: 240px;
    }

    .collapsed__decision {
        padding-right: 8px;
    }

    /********All Popup's Starts***********/
    .advanced__sort-options, .add-view__popup, .add__bookmarked-prospects {
        height: 740px !important;
    }

    .lottery__email-template {
        width: 900px !important;
        height: 770px !important;
        top: 10px !important;
    }

    .enrollments-grid-height {
        height: 235px !important;
    }

    .portfolio__add-window {
        height: 750px !important;
    }

    .generate__lottery {
        height: 730px !important;
        top: 70px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 180px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 375px !important;
        padding: 7px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 23px !important;
    }

    .email-basic-mode__popup {
        width: 1500px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 430px;
    }

    .tab-email-mode .basic-mode__subject {
        width: 350px !important;
    }

    .tab-email-mode .basic-mode__center {
        width: 632px;
    }

    .tab-email-mode .input-cc, .tab-email-mode .input-bcc {
        width: 177px;
    }

    .tab-email-mode #dvtxtEmailEditor {
        width: calc(100% - var(--email-right-container));
    }

    .tab-email-mode .multipleEmails #dvtxtEmailEditor {
        width: 100% !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        width: 588px !important;
    }

    .tab-email-mode .tab-adanced-email-mode {
        padding-bottom: 10px !important;
    }

    .appointments-home-screen {
        width: 33% !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 33.5% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 33.5% !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        right: 28px;
        top: 180px;
    }

    .enrollments-view-options-btn {
        padding: 9px 8px 8px 11px !important;
        border: none !important;
    }

    .addcontact__container .contact__tabscontainer li.active a, .addcontact__container .contact__tabscontainer li.active a:hover, .addcontact__container .contact__tabscontainer li.active a:focus {
        width: 237px;
    }
}

@media screen and (min-width: 1708px) {
    .tab-home__tiles-box .box-fixed {
        width: 426px !important;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 203px !important;
    }
}

@media screen and (min-width: 1900px) {
    .quick-mail__container.tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 638px !important;
    }

    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }
    /************Contact Card Colapse Expand Starts********************/
  
    .collapsed__decision {
        padding-right: 15px;
    }

    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .prospect__image {
        height: 140px;
        width: 120px;
        top: 0px;
        margin-bottom: 11px;
    }

    .overlay, .overlay__add-image {
        height: 140px;
        width: 120px;
        top: 0px;
        padding-right: 0 !important;
    }

    .step-in-progress__container {
        left: 29.1%;
    }

    .admissions-details {
        width: 28%;
        margin-bottom: 10px;
    }

    .admissions-value {
        width: 72%;
    }

    .views__margin-top {
        margin-top: 0 !important;
    }

    .decision__reason {
        margin-top: 0px !important;
        position: relative;
        bottom: 8px;
    }

    .decision__step-in-progress {
        position: relative;
        bottom: 8px;
    }

    .decision__reaction-image {
        width: 55px;
        height: 55px;
        top: -17px;
    }
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 905px !important;
        width: 800px !important;
        top: 0 !important;
    }


    .advanced__sort-options, .add-view__popup {
        height: 740px !important;
        top: 100px !important;
    }

    .lottery__email-template {
        width: 900px !important;
        height: auto !important;
        top: 10px !important;
    }

    .email-basic-mode__popup {
        width: 1160px !important;
        /*height: auto !important;*/
    }

    .add__bookmarked-prospects {
        width: 1100px !important;
        height: 676px !important;
        top: 130px !important;
    }

    .contact-global-field__wrapper {
        width: 900px !important;
    }

    .map__household {
        top: 200px !important;
    }

    .enrollments-grid-height {
        height: 236px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 225px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 470px !important;
        padding: 20px !important;
    }
    /**********Home Screen Responsive Ends*******/

    .tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 640px !important;
    }

    .tab-email-mode .basic-mode__subject {
        width: 350px !important;
    }

    .tab-email-mode .basic-mode__center {
        width: 900px;
    }

    .tab-email-mode .input-cc, .tab-email-mode .input-bcc {
        width: 284px;
    }

    .tab-email-mode #dvtxtEmailEditor {
        width: calc(100% - var(--email-right-container));
    }

    .tab-email-mode .multipleEmails #dvtxtEmailEditor {
        width: 100% !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        /*width: 788px !important;*/
        width: 849px !important;
    }

    .tab-email-mode .tab-advanced-mode {
        padding-right: 0px !important;
    }

    .tab-email-mode .tab-adanced-email-mode {
        padding-bottom: 10px !important;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        width: 260px !important;
        height: 35px !important;
    }


    .appointments-home-screen {
        width: 32% !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 32.3% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 32.3% !important;
    }

    .enrollments-view-options-btn {
        padding: 9px 8px 8px 11px !important;
        border: none !important;
    }

    .enrollment_margin-top {
        margin: 0 !important;
    }

    /***********Manual Email Starts****************/
    .name-recipients {
        width: 300px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 340px !important
    }

    .tab-manual-email-recipients {
        width: 1100px !important;
        top: 70px !important;
        height: 684px !important;
    }
    /***********Manual Email Ends****************/
    .app-kpopup__container.tab-manual-email-recipients.app-h-auto {
        height: auto !important;
    }
    /******ADMCOM-1412 Starts***********/
    .prospects-bookmarks {
        top: -16px;
    }

    .prospects-bookmarks-yellow {
        top: 0px;
        left: 15px;
    }

    .applicationNotSubmitted {
        margin-top: 15px !important;
        margin-left: 0px;
    }

    .applicationSubmitted {
        margin-left: 0px;
    }

    #portfolio_Controls .filter-not-visible {
        width: max-content !important;
    }
    /******ADMCOM-1412 Ends***********/
    .addcontact__container .contact__tabscontainer li.active a, .addcontact__container .contact__tabscontainer li.active a:hover, .addcontact__container .contact__tabscontainer li.active a:focus {
        width: 260px;
    }

    .add-textbox {
        width: 440px;
    }

    #divDashboard #message {
        position: absolute;
        left: 42%;
        top: 50%;
    }
    /************Popup Scrollbar for Inner Container Starts***********/
    .addcontact__container .tab-content {
        height: auto !important;
        min-height: auto !important;
    }

    #divAllContacts .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #copyallcontact .app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 490px) !important;
    }
    /************Popup Scrollbar for Inner Container Ends***********/
}

@media screen and (min-width: 3840px) {
    /************Contact Card Colapse Expand Starts********************/
    /*.student__grade {
        width: 400px !important;
    }*/
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .step-in-progress__container {
        left: 30.7%;
    }
    /************Snapshot Ends********************/
}
/**************************************LARGE DESKTOP*****************************************************************************************/

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

    #divAttendanceChart .attendance-form-control-dropdown {
        width: 130px !important;
    }

    .quick-mail__container #lblEmailTemplateName {
        top: 65px;
    }

    body {
        /*overflow-y: hidden;*/
        /*1477*/
        overflow: auto;
    }

    .app__header .propect__add .app__addprospect {
        width: 110px;
    }

    #divMultipleProspectMode #divHomeTab .row.full-width .pagination {
        display: table;
    }

    #divMultipleProspectMode #divHomeTab .row.full-width .pagination > div {
        float: left;
    }

    .app__header .header__rightsec .recent__prospects {
        margin-right: 55px;
    }

    .app__header .recent__prospects .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__prospects .k-widget.k-dropdown {
        width: 130px !important;
    }

    .muti-header-responsive .gridheader__top {
        padding: 5px 20px 15px;
    }

    .muti-header-responsive .gridheader__top .multi-prospect-btn {
        margin-left: initial;
    }

    .muti-header-responsive #divAppointment {
        margin-left: 0px !important;
    }

    .muti-header-responsive .gridheader__top > li {
        margin-top: 10px;
        margin-right: 10px !important;
        padding-left: 0 !important;
    }

    .muti-header-responsive .gridheader__top > li:last-child {
        margin-right: 0 !important;
    }

    #divMultipleProspectMode #AdivContactTap #AprospectContactCustomPagerNumbers {
        float: left;
    }

    /* Custom Pagination */
    .custom-pagination .k-grid-pager .k-pager-sizes.k-label {
        margin-left: 41px;
    }

    .custom-pagination .k-grid-pager .k-pager-numbers, .custom-pagination .k-pager-numbers {
        position: initial !important;
        float: left;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        height: 30px !important;
    }

    .custom-pagination .k-pager-wrap > .k-link .k-icon {
        margin-bottom: 0px !important;
    }

    .custom-pagination .k-grid-pager .k-pager-numbers li {
        height: 30px;
        padding-top: 3px;
    }

    .custom-pagination .k-grid-pager .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
        top: 5px;
    }
}

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

    .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:before {
        width: 115px;
    }

    .app__header .propect__toggle .prospect__togglebutton .prosects__knobs .app__singleprospect {
        left: 4px;
    }

    .app__header .propect__toggle .prospect__togglebutton {
        width: 240px;
    }

    .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs:before {
        width: 130px;
        left: 125px;
    }

    /* Multi Prospect - Contact Tab */

    .multi-contact-header .gridheader__top .app-primary-btn-container .app-button, .multi-contact-header .gridheader__bottom .app-primary-btn-container .app-button {
        padding: 6px 10px;
    }

    .multi-contact-header .gridheader__top, .multi-contact-header .gridheader__bottom {
        padding: 10px 20px 0;
    }

    .multi-contact-header .gridheader__top > li, .multi-contact-header .gridheader__bottom > li {
        margin-bottom: 10px;
    }

    .multi-contact-header .gridheader__top a.dropdown-toggle.togle-cls {
        width: 116px !important;
        padding: 10px 5px 5px 10px;
    }

    .multi-contact-header .gridheader__top .view-options-width {
        width: 116px !important;
    }

    /* Custom pagination */
    .custom-pagination .k-grid-pager .k-pager-nav {
        max-height: 32px;
        height: 32px !important;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes.k-label {
        margin-left: 39px;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        height: 31px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:1200px) {
    .enrollments__row {
        height: auto;
    }

    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 420px) !important;
        min-height: calc(var(--app-height) - 420px) !important;
    }

    .add-edit-modal, .add-new-modal {
        width: 98% !important;
    }

    .add-new-modal .contact__tabscontainer li, .add-new-modal .contact__tabscontainer li.active {
        margin-right: 1% !important;
        margin-left: 1%;
        width: 23.5%;
    }

    .add-new-modal .contact__tabscontainer li:last-child {
        margin-right: 0 !important;
    }

    .add-new-modal .contact__tabscontainer li:first-child {
        margin-left: 0 !important;
    }


    .add-new-modal .contact__tabscontainer li a, .add-new-modal .contact__tabscontainer li a:hover, .add-new-modal .contact__tabscontainer li a:focus {
        width: 100%;
    }

    .add-new-modal .allcontacts__container {
        flex-wrap: wrap;
        padding-top: 0;
    }

    .add-new-modal .allcontacts__container > div, .add-new-modal .allcontacts__container > button {
        margin-top: 15px;
    }

    .add-new-modal .addcontact__helpbox {
        width: 100%;
    }

    .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown, .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
        width: 140px !important;
    }

    #divEnrollment {
        height: calc(100vh - 65px);
        overflow-y: auto;
    }

    .app__header .header__leftsec .app__addprospect {
        margin-left: 0 !important;
    }

    .header__leftsec li {
        margin-right: 10px !important;
    }
    /* prospect__togglebutton */
    .prospects__tabs-header {
        background: var(--brand-default-light-background);
        min-height: 50px;
    }

    /* End prospect__togglebutton*/

    .app__header .app__year-pick .k-widget.k-dropdown, .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 100px !important;
    }

    .header__leftsec li {
        margin-right: 10px !important;
    }

    .app__header .propect__add .app__addprospect {
        margin-left: 0px !important;
    }

    .muti-header-responsive .gridheader__top, .muti-header-responsive .gridheader__bottom {
        padding-left: 10px;
        padding-right: 10px;
    }

    .muti-header-responsive .gridheader__top #filterControls ul li.dropdown {
        margin-left: 0;
    }

    .muti-header-responsive .gridheader__top .togle-cls {
        padding-top: 10px;
    }

    .muti-header-responsive .gridheader__top .app__dropdown .k-widget, .muti-header-responsive .gridheader__top .app__dropdown .k-widget .k-dropdown-wrap {
        width: 140px !important
    }

    .muti-header-responsive .gridheader__top .app-button, .muti-header-responsive .gridheader__bottom .app-button {
        padding: 6px 10px;
    }

    /* Contact tab */
    #divContacts .app__gridheader .tab-contact__bottom .app-primary-btn-container .app-button {
        padding: 6px 10px;
    }

    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 140px !important;
    }

    #divContacts .app__gridheader .tab-contact__top {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    #divContacts .app__gridheader .tab-contact__bottom {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    #divContacts .app__gridheader .tab-contact__bottom li {
        margin-bottom: 10px;
        padding-bottom: 0 !important;
    }

    /* Multi Contact Tab */

    .multi-contact-header .gridheader__top, .multi-contact-header .gridheader__bottom {
        padding: 10px 10px 0;
    }

    .multi-contact-header .grid__searchbox .close__icon, .muti-header-responsive .grid__searchbox .close__icon {
        top: 11px;
    }
}

@media only screen and (max-width:991px) {
    #divPageTitle {
        max-width: 130px;
        margin-top: 10px !important;
    }
    /*        #divPageTitle.emailDivPageTitle {
            max-width: 200px !important;
        }*/

    .add-new-modal .contact__tabscontainer .contact__tabbox {
        padding: 20px 10px;
    }

    .add-new-modal .addcontact__container .pull-left.app-w-75 {
        width: auto;
    }

    .add-edit-modal .relation__wrapper {
        display: block;
    }

    .app__gridheader .gridheader__bottom {
        height: auto;
    }

    .app__header .propect__add .app__addprospect {
        width: 110px;
    }

    .active-tab-value {
        display: block;
    }

    header ul.nav.top-menu {
        margin-right: 0 !important;
    }

    #FieldLayout .form-group {
        width: 100% !important;
    }

    #FieldLayout .form-group label {
        width: 35% !important;
        float: left;
    }

    #FieldLayout .form-group label + div {
        width: 65% !important;
        float: left;
    }

    #demographicsfields #FieldLayout input {
        width: 100%;
    }

    #demographicsfields #FieldLayout {
        padding-right: 0;
    }

    .prospect-left-col, .prospect-right-col {
        width: auto;
    }

    .prospect-right-col {
        float: right;
    }

    .app__header .app__year-pick .k-widget.k-dropdown, .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 84px !important;
    }

    .app__header .header__rightsec .recent__prospects {
        margin-right: 38px;
    }

    .app__singleprospect {
        display: none !important;
    }

    .responsive-prospect-toogle {
        display: block !important;
    }

    .app__header .propect__toggle .prospect__togglebutton .prosects__knobs .app__singleprospect {
        width: 50px;
        top: 2px;
    }

    .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:before {
        width: 57px;
    }

    .app__header .propect__toggle .prospect__togglebutton .prosects__knobs:after {
        content: 'Multiple';
    }

    .app__header .propect__toggle .prospect__togglebutton {
        width: 110px;
    }

    .app__header .propect__toggle .prospect__togglebutton .prospect__checkbox:checked + .prosects__knobs:before {
        width: 65px;
        left: 60px;
    }

    .header__leftsec {
        margin-right: 0 !important;
    }
}

@media only screen and (min-width: 740px) and (max-width:767.68px) {
    /****************Holding Bin Responsive Starts*************/
    .app-kgrid-custom__container .custom-div-scroll, .app-kgrid-custom__container .custom-div-header .tab-span-width {
        width: 100%;
    }

    .tab-incomplete-btns {
        margin-top: 0px;
    }

    .holding-bin.min-max-width .applicantInquirySetting {
        margin-top: 60px;
    }

    .holding-bin .tab-incomplete-btns, .tab-inquiry-btns {
        margin-top: 20px;
    }

    .holding-bin.min-max-width .right__section, .holding-bin.min-max-width .generic-left__section {
        width: 50%;
    }

    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
    }

    .holding-bin .tab-contacts-details-box.app-kgrid-custom__container .custom-div-scroll {
        max-height: 205px;
        display: flex;
    }

    .holding-bin .tab-non-linked-div {
        display: flex;
    }

    .holding-bin .tab-d-block {
        display: block;
    }

    .holding-bin .tab-mb-10 {
        margin-bottom: 10px !important;
    }

    #tbApplicantFormDetail #divApplicantFormDetail, #tbInquiryFormsDetail #divApplicantFormDetail {
        overflow-y: auto;
        min-height: calc(var(--app-height) - 300px) !important;
        height: calc(var(--app-height) - 300px) !important;
    }

    .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 467px) !important;
        height: calc(var(--app-height) - 467px) !important;
    }

    .holding-bin.min-max-width .app-kgrid__container.k-widget.k-grid.gridStyle.applicantsAndFormsGrid.fld-bin.k-display-block .k-grid-content, .app-kgrid__container.k-widget.k-grid.gridStyle.inquiryForms_Grid.k-display-block .k-grid-content {
        border: 0px !important;
        min-height: calc(var(--app-height) - 467px) !important;
        height: calc(var(--app-height) - 467px) !important;
    }

    .holding-bin.min-max-width #divInquiryHoldingBinTab .applicantInquirySetting {
        margin-top: 0px;
    }

    #home-wrap.holdingbin_section.holding-bin {
        overflow: hidden;
    }

    .page__headerbar .tab-d-none {
        display: none;
    }

    .attachments-box .attachments-box-w-61per {
        min-width: 61%;
    }
    /****************Holding Bin Responsive Ends*************/
    /*1477*/
    .email-top-header-right {
        display: block;
    }

    .when-to-send-div {
        margin-bottom: 10px;
    }
    /*1477*/
    :root {
        --email-right-container: 260px;
    }

    .scheduler__container .scheduled-save__btn {
        margin-left: 12px;
    }

    .quick-mail__container .compose-mail__right {
        width: var(--email-right-container);
    }

    .tab__windowsEmailTemplates, .tab__divEmailRecipientProspectContact {
        width: 760px !important;
    }

    .tab-templateLabel {
        display: none;
    }

    .create-template__div .tab-create-template__input {
        width: 141px;
    }

    .quick-mail__container .txtEmailSubjectFullRow {
        margin-bottom: 10px;
        width: 100%;
    }

    .content-wrapper .attachment__container {
        margin-left: 0px;
    }

    .content-wrapper .advanced-mode-compose__top > .app-d-flex {
        display: block;
    }

    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
}

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


    #divOneProspectMode, #divMultipleProspectMode {
        height: calc(100vh - (105px));
    }

    .content-wrapper {
        margin: 105px 0 0 0px;
    }

    .app__header header.page-header {
        height: 105px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #page-help-popin .panel-group .panel {
        border: 0px solid #fafafa !important;
    }

    #page-help-popin .panel-title > a, #page-help-popin .panel-collapse {
        border: 0px solid #fafafa !important;
    }
}

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

    .tab-email-mode-twoBtns .email-actions .send-now, .tab-email-mode-twoBtns .email-actions .basic-mode-right {
        width: auto;
    }

    .quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
        padding: 8px 10px 10px 10px !important;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px;
    }

    .cc-bcc-address .cc-address, .cc-bcc-address .bcc-address {
        width: 100%;
    }

    .cc-bcc-address .bcc-address {
        margin-top: 15px;
    }

    .quick-mail__container .basic-mode-right, .quick-mail__container .send-now {
        width: auto;
    }

    .quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid, .tab-email-mode-twoBtns.tab-email-mode .to-cc-bcc-inputs {
        width: calc(100% - 220px);
    }

    .advanced_mode-ref .email-actions {
        width: 217px;
    }

    .quick-mail__container .email-actions {
        width: 220px;
    }
}

@media not all and (hover:hover) {
    body {
        height: var(--app-height);
    }

    #grdOneProspectList .k-grid-content {
        height: calc( var(--app-height) - (var(--header-height) + var(--one-prospect-filter-box-height))) !important;
    }

    #divOneProspectMode {
        height: calc(var(--app-height) - var(--header-height));
        overflow-y: auto;
    }
    /*#divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 360px) !important;
        min-height: calc(var(--app-height) - 360px) !important;
    }*/

    #divMultipleProspectMode.tab-divMultipleProspectMode .tab-app-kgrid__container .k-grid-content, #divMultipleProspectMode.tab-divMultipleProspectMode .tab-app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 400px) !important;
        min-height: calc(var(--app-height) - 400px) !important;
    }

    #divMultipleProspectMode {
        height: calc(var(--app-height) - var(--header-height));
        overflow-y: auto;
    }
}

@media only screen and (max-width:908px) {
    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 470px) !important;
        min-height: calc(var(--app-height) - 470px) !important;
    }
}

@media only screen and (max-width:846px) {
    #divMultipleProspectMode .app-kgrid__container .k-grid-content, #divMultipleProspectMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 535px) !important;
        min-height: calc(var(--app-height) - 535px) !important;
    }
}

/* Quick Email*/
@media only screen and (min-width :740px) and (max-width : 817.98px) {
    .quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer {
        height: calc(var(--app-height) - var(--header-height));
    }

    .quick-mail__container {
        overflow: auto;
        /* ADCOM 1477*/
        /* height: calc(var(--app-height) - (var(--header-height) + 60px) );*/
        height: 100%;
        /*ADCOM 1477*/
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 309px)) !important;
    }

    .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 155px)) !important;
    }
    /*Create new template*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
        height: calc(100vh - (var(--header-height) + 170px)) !important;
    }
    /*Edit/Update grid*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
        height: calc(100vh - (var(--header-height) + 250px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
        height: calc(100vh - (var(--header-height) + 96px)) !important;
    }
}

@media only screen and (min-width :818px) and (max-width : 1279.98px) {
    .quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer {
        height: calc(var(--app-height) - var(--header-height));
    }

    .quick-mail__container {
        overflow: auto;
        /* ADCOM 1477*/
        /*  height: calc(var(--app-height) - (var(--header-height) + 60px) );*/
        height: 100%;
        /*ADCOM 1477*/
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 338px)) !important;
    }

    .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 183px)) !important;
    }
    /*Create new template*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
        height: calc(100vh - (var(--header-height) + 200px)) !important;
    }
    /*Edit/Update grid*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
        height: calc(100vh - (var(--header-height) + 278px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
        height: calc(100vh - (var(--header-height) + 126px)) !important;
    }
}

@media only screen and (min-width :1280px) and (max-width : 1348.98px) {
    .dashboard-settings-icon.rt-spaceing {
        margin-left: 0px;
    }

    .latest-appointments-dropdown {
        width: 190px !important;
        margin-left: 0 !important;
    }

    .contact__household {
        margin-right: 8px;
    }

    .contact__row {
        padding: 1em 0.5em 1em 0.5em;
    }

    .latest-appointment-popup__triangle-height {
        left: 135px;
    }

    .contact__household {
        margin-right: 8px !important;
        height: 21px !important;
        width: 21px !important;
        margin-left: -20px;
    }

    .appointments__name {
        max-width: 85%;
    }

    .quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer {
        height: calc(var(--app-height) - var(--header-height));
    }

    .quick-mail__container {
        overflow: auto;
        /* ADCOM 1477*/
        /*  height: calc(var(--app-height) - (var(--header-height) + 60px) );*/
        height: 100%;
        /*ADCOM 1477*/
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 383px)) !important;
    }

    .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 230px)) !important;
    }
    /*Create new template*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
        height: calc(100vh - (var(--header-height) + 243px)) !important;
    }
    /*Edit/Update grid*/
    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
        height: calc(100vh - (var(--header-height) + 325px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
        height: calc(100vh - (var(--header-height) + 174px)) !important;
    }

    .status__in-complete, .status__complete {
        width: 165px;
    }
}

@media only screen and (min-width :768px) and (max-width : 796.98px) {
    /****************Holding Bin Responsive Starts*************/
    .holding-bin .tab-incomplete-header {
        flex-wrap: wrap;
        width: 90%;
    }

    .holding-bin .tab-approval-left-btns {
        position: relative;
        top: -30px;
    }

    .holding-bin.min-max-width .tab-approval-left-btns {
        position: relative;
        top: 0px;
    }

    .attachments-box .attachments-box-w-61per {
        min-width: 61%;
    }
    /****************Holding Bin Responsive Ends*************/
    /************Resposnive Codes for Old Tabs***********/
    #divStatisticsReportTab #btnPivotTblNext {
        margin-top: 10px;
    }

    #divStatisticsReportTab .split-content-wrap.demographic-field-wrap {
        margin-right: 15px;
    }

    #receive_allTabContent .btn-row {
        width: 418px;
    }
    /************Resposnive Codes for Old Tabs***********/
    .demographic__settingsscreen #screenSettings .k-dropdown-wrap {
        width: 150px;
    }
}

@media only screen and (min-width :1400px) and (max-width : 1600px) {
    .contact__household {
        margin-right: 8px !important;
        height: 21px !important;
        width: 21px !important;
    }

    .latest-appointments-dropdown {
        width: 220px !important;
        margin-left: 0 !important;
    }

    .latest-appointment-popup__triangle-height {
        left: 160px !important;
    }

    .contact__household {
        margin-right: 8px;
    }

    .contact__row {
        padding: 1em 0.5em 1em 0.5em;
    }

    .addcontact__container .tab-content {
        height: calc(100vh - 330px) !important;
        min-height: calc(100vh - 330px) !important;
        overflow-y: auto;
    }
}

@media only screen and (min-width : 800px) and (max-width : 850px) and (orientation : landscape) {
    #divEventLayout .divEventContent .divEventContentRight, #divEventLayout .divEventContent .divResponseArea .divEventContentLeft {
        width: 58%;
    }
}