/*========screen 1366px=========*/

@media(max-width:1366px) {
    /*login page*/
    .bottm_loginSectionInr {
        background: none;
    }
    .bottm_loginSectionIMG {
        height: 220px;
        padding-top: 50px;
    }
    .top_loginSectionIMG {
        height: calc(100% - 220px);
    }
    .loginStripLoginCtn::after {
        border-top: 171px solid transparent;
    }
    .loginAccessText img {
        width: 560px;
    }
    .loginStripLogo {
        width: 420px;
    }
    .loginStripLoginCtn {
        width: calc(100% - 450px);
    }
    /*Dashbord Page*/
    .dashboardPage_INR .mCSB_container {
        padding: 30px 70px;
    }
    .mainCTNPnl.activePnl .dashboardPage_INR .mCSB_container {
        padding: 30px 0;
    }
    /*personal list*/
    .personalSearchPlate {
        width: 250px;
    }
    .persona_list-CVR {
        margin-right: 248px;
    }
    .persona_listlPage .addPersonBtn {
        right: 258px;
    }
    .listCTNrt h3 {
        font-size: 18px;
    }
    .personalSearchPlateInr .PersonaliList_Date .datetimePic.input-group .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 210px;
    }
    /*Time Schedules*/
    .timeSceduleBtmPART {
        padding: 12px 15px 15px;
    }
    .timeScheduleSheet ul li {
        padding: 10px 0 10px 30px;
    }
    .leftDayName {
        width: 90px;
        padding-top: 8px;
    }
    .rightDayShedule {
        width: calc(100% - 90px);
    }
    .timeScheduleSheet ul li::before {
        top: 27px;
    }
    .tameTableTextCell span dd {
        font-size: 9px;
        margin-left: -10px;
    }
    /*Cardholder Editor / Personal*/
    body .activeHistory .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
        top: auto;
        bottom: 100%;
        overflow: hidden;
        overflow-y: hidden;
        overflow-y: auto;
    }
    body .mCS_no_scrollbar .activeHistory .multiSelectChk .input-group .multiselect-native-select .btn-group .multiselect-container.dropdown-menu {
        max-height: none;
    }
    /*User Camera Mapping*/
    .camMpingTopPart table.redrSelect tr td:nth-child(1) {
        width: 280px;
    }
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(1) {
        width: 280px;
    }
    .searchRow div[class*="col-"] .btn {
        width: 30px;
        padding: 0;
        height: 34px;
    }
    .searchRow .col-xs-2 {
        width: 40px;
    }
    .searchRow .col-xs-4 {
        width: calc(50% - 40px);
    }
    .searchRow .col-xs-10 {
        width: calc(100% - 40px);
    }
    .rightMapReader .searchRow .col-xs-3 {
        width: calc(33.333% - 13.666px);
    }
}


/*========screen 1365px=========*/

@media(max-width:1365px) {
    /*personal list*/
    .personalSearchPlate {
        position: fixed;
        right: -250px;
        top: 57px;
        z-index: 100;
        bottom: 45px;
        box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.4);
        transition: right linear 0.4s;
    }
    .personalSearchPlate.activeSlide {
        right: 10px;
    }
    .collapseSearchOpen {
        display: block;
    }
    .persona_list-CVR {
        margin-right: 0;
    }
    .personalSearchPlate {
        padding: 16px 13px;
    }
    .personalSearchPlateInr .form-group input.form-control {
        height: 32px;
    }
    .persona_listlPage .addPersonBtn {
        right: 30px;
    }
    /*Dashbord Page*/
    .dashboardPage_INR ul li {
        width: calc(20% - 10px);
    }
    /*personal page*/
    .personalSearchPlate.cardHolerSearch {
        right: -250px;
        width: 250px;
        top: 58px;
    }
    .personalSearchPlate.cardHolerSearch .collapseSearchOpen {
        top: 0px;
    }
    /*Person Identification*/
    .personImg {
        width: 250px;
    }
    .personInfo {
        width: calc(100% - 250px);
    }
    /* Loop/Cluster Diagnostics */
    .LoopCluster-panel-table {
        overflow: auto;
    }
    .LoopCluster-panel-table .lp-table {
        width: 1400px;
    }
}


/*====================================Special Purpose====================================*/

@media(max-width:1365px) and (min-width:1280px) {
    /*Reader Camera Maping Page*/
    .camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) {
        width: 240px;
    }
    /*Elevator Maping Page*/
    .elevatorMappingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) {
        width: 240px;
    }
    /* Door/Reader Properties */
    .doorReaderTopPart .leftMapReader table.redrSelect tr td:nth-child(1) {
        width: 240px;
    }
}

@media(max-width:1279px) and (min-width:992px) {
    /*Reader Camera Maping Page*/
    .col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
        width: 40%;
    }
    .col-sm-12.col-md-7.col-lg-6.col-xs-12.leftMapReader {
        width: 60%;
    }
    .camMpingTopPart table.redrSelect tr td:nth-child(1) {
        width: 190px;
    }
    .camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }
    .camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(2) {
        width: calc(100% - 50px);
    }
    /*.camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(2) .redCamListHD{margin-bottom: 83px;}*/
    .redCamListHD {
        height: auto;
    }
    .btn.addRdrMapBtn {
        margin-top: 166px;
    }
    .rightMapReader .searchRow .col-xs-3 {
        width: 50%;
        margin-bottom: 10px;
    }
    .rightMapReader .searchRow .col-xs-3:nth-child(3) {
        width: calc(100% - 40px);
        margin-bottom: 0;
    }
    /*table.redrSelect .redCamList .singelSelectRadioPlt, .listTableCvr {height: auto;  min-height: 500px;}*/
    .listTableCvr {
        height: calc(100vh - 311px);
        overflow: auto;
    }
    /*Elevator Mapping page*/
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(1) {
        width: 190px;
    }
    .elevatorMappingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }
    .elevatorMappingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(2) {
        width: calc(100% - 50px);
    }
}


/*========screen 1280px=========*/

@media(max-width:1280px) {
    /*personal list*/
    .listCTNrt .bottomBesicInfo .col-sm-3 {
        width: 33.333%;
    }
    .persona_list-CVR article {
        padding: 25px 0;
    }
    .listCTNrt>.row .col-sm-8.col-md-9.topBesicInfo {
        width: auto;
        float: none;
        text-align: left;
        padding-top: 5px;
    }
    .listCTNrt>.row .col-sm-4.col-md-3 {
        width: auto;
        float: none;
    }
    .topBesicInfoBlock.personal-list-check {
        float: right;
        border: none;
    }
    /*Dashbord Page*/
    .dashboardPage_INR ul li {
        width: calc(25% - 10px);
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label {
        width: calc(25% - 14px);
    }
    /*login page*/
    .logFtrLink {
        padding-top: 0;
    }
    .logFtrLink a {
        margin: 3px 0;
    }
    .logFtr .form-group {
        margin-bottom: 10px;
    }
    /*Cardholder Editor / Personal*/
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(1),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(1),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(2),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(2),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(3),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(3),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(4),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(4),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(5),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(5),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(6),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(6),
    .activeHistory .accessGRPctnBox_bottm table th:nth-child(7),
    .activeHistory .accessGRPctnBox_bottm table td:nth-child(7) {
        width: auto;
    }
    /*Person Identification*/
    .personInfo {
        padding-left: 15px;
    }
    .personInfo-left ul li {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .personInfo-left ul li:last-child {
        margin-bottom: 0;
    }
    .personImg {
        width: 220px;
    }
    .personInfo {
        width: calc(100% - 220px);
    }
}


/*========screen 1024px=========*/

@media(max-width:1024px) {
    body {
        -webkit-overflow-scrolling: auto;
    }
    /*login page*/
    .top_loginSectionIMG {
        height: calc(100% - 180px);
    }
    .bottm_loginSectionIMG {
        padding-top: 30px;
        height: 180px;
    }
    .logFtrLink {
        padding-top: 0;
    }
    .loginAccessText img {
        width: 370px;
    }
    .loginStripLogo {
        width: 340px;
    }
    .loginStripLoginCtn {
        width: calc(100% - 340px);
        padding: 15px 20px;
        padding-left: 10px;
        padding-top: 7px;
    }
    .loginStripLoginCtn::after {
        border-right: 140px solid #241e20;
        border-top: 150px solid transparent;
        left: -140px;
    }
    .logFtrLink a {
        font-size: 13px;
    }
    /*personal list*/
    .listCTNrt .bottomBesicInfo .col-sm-3 {
        width: 50%;
        float: left;
    }
    .listCTNrt .bottomBesicInfo .col-sm-6 {
        float: none;
        width: auto;
        clear: both;
    }
    .topBesicInfoBlock a.editBtn {
        background: #6c6c6c;
        border-radius: 4px;
        color: #fff;
        padding: 4px 12px;
        border: none;
    }
    .topBesicInfoBlock a.editBtn.cardholderdelete {
        color: #fff;
    }
    .persona_listlPage_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*defalt scroll*/
    /*Dashbord Page*/
    .dashboardPage_INR .mCSB_container {
        padding: 0;
    }
    .mainCTNPnl.activePnl .dashboardPage_INR .mCSB_container {
        padding: 0;
    }
    .dashboardPage_INR ul li {
        width: calc(33.333% - 10px);
    }
    .dashboardPage_INR ul li.dashBordDropDown ul li a {
        font-size: 12px;
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label {
        width: calc(33.333% - 14px);
    }
    .dashboardPage_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*defalt scroll*/
    .mainCTNPnlINR.dashboardPage {
        padding-bottom: 0;
    }
    /*Cardholder Editor / Personal*/
    .cardPanelBtngroup {
        padding-right: 0;
    }
    .personalPageScrollSec {
        height: auto;
        overflow: visible;
    }
    .detailCollapsPnel {
        margin-left: 0;
        margin-right: 0;
    }
    .addCardDtlModal .detailCollapsPnel {
        margin-left: 15px;
        margin-right: 15px;
    }
    /*Access Group page*/
    .accessGRPctnBox_bottm .col-sm-6.col-xs-12.unAuthorizesTbl,
    .accessGRPctnBox_bottm .col-sm-6.col-xs-12.authorizesTbl {
        width: auto;
        display: block;
        float: none;
    }
    .accsessGroup_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*auto scroll*/
    /*Door/Reader Properties*/
    .doorReader_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*Elevator Properties*/
    .eve_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*Time Schedules*/
    .timeScheduleInr {
        height: auto;
        margin-bottom: 15px;
    }
    /*defalt scroll*/
    .timeScheduleSheet {
        border: none;
    }
    .timeScheduleSheet ul li:before {
        display: none;
    }
    .timeScheduleSheet ul li {
        padding: 10px 0;
    }
    .leftDayName {
        padding: 0 0 5px;
    }
    .leftDayName,
    .rightDayShedule {
        float: none;
        width: auto;
    }
    .rightDayShedule {
        padding-left: 7px;
    }
    .timeScheduleSheet ul li {
        padding: 0 0 17px;
    }
    .tameTableTextCell span dd {
        font-size: 9px;
        margin-left: -7px;
    }
    /*Special Days*/
    .editSpecialDaysInr {
        height: auto;
        margin-bottom: 15px;
    }
    /*defalt scroll*/
    /*Reader Activity Report*/
    .readerActivityReport_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*defalt scroll*/
    /*App Setting Page*/
    .appThmBlock {
        max-width: 214px;
        min-width: 200px;
    }
    .appThemPage_INR {
        height: auto;
        margin-bottom: 10px;
        min-height: calc(100% - 48px);
    }
    /*defalt scroll for scroll panel*/
    .uplodePlate {
        height: 110px;
    }
    .theamColorPlate .colorpltBox {
        height: 50px;
        width: 50px;
    }
    .appThemeTab .tab-content {
        height: auto;
    }
    /*Activity Log Event Report Page*/
    .activityLogEventReport_INR {
        height: auto;
        margin-bottom: 10px;
        max-height: none;
        min-height: calc(100% - 48px);
    }
    /*defalt scroll for scroll panel*/
    /*Launch Point Report*/
    .launchPointReportaInr {
        height: auto;
        margin-bottom: 15px;
    }
    /*auto scroll*/
    /*Person Identification*/
    .mainCTNPnlINR.personIdentification {
        display: block;
        height: 100%;
        overflow: auto;
    }
    .personIdentification_INR {
        margin-bottom: 15px;
        display: block;
    }
    /*defalt scroll*/
    .photo-virification-list {
        padding-bottom: 15px;
    }
    .personInfo-left {
        border-right: none;
    }
    .personInfo-left {
        float: none;
        width: auto;
    }
    .modal.photo-verification-modal .modal-dialog {
        margin: 15px auto;
    }
    /*Operator Settings*/
    /* .operatorSettingsPage_inr{height: auto; margin-bottom: 10px;} */
    /*Crisis Mode Settings*/
    .crisisModeSettingsPage_inr {
        height: auto;
        margin-bottom: 10px;
    }
    /* XML Configuration */
    .update-btn {
        padding-bottom: 10px;
    }
    /* Loop/Cluster Diagnostics */
    .LoopCluster-panel-table .lp-table,
    .LoopCluster-panel-table .lp-table tbody {
        width: 100%;
        display: block;
    }
    .LoopCluster-panel-table .lp-table thead {
        display: none;
    }
    .LoopCluster-panel-table .lp-table tbody tr {
        display: flex;
        flex: 0 0 100%;
        flex-wrap: wrap;
        border-bottom: 4px solid #888;
    }
    .LoopCluster-panel-table .lp-table tbody tr td {
        display: flex;
        flex-direction: column;
        color: #565656;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:before {
        content: attr(data-cell);
        font-family: 'open_sanssemibold';
        font-size: 14px;
        color: #000;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(1) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(2) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(3) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(4) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(5) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(6) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(7) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(8) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(9) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(10) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(11) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(12) {
        flex: 0 0 33.333%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(13) {
        flex: 0 0 100%;
    }
}

@media(min-width:768px) and (max-width:1024px) {
    /* Login */
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*Edit personal page*/
    .personalTabpanel_box.activeHistory .datetimePic .bootstrap-datetimepicker-widget.dropdown-menu {
        top: auto!important;
        bottom: 100%!important;
        z-index: 9999 !important;
        position: absolute;
    }
    .personalPageScrollSec.auto-height .personalTabpanel_box.activeHistory .datetimePic .bootstrap-datetimepicker-widget.dropdown-menu {
        top: auto!important;
        bottom: 100%!important;
        position: absolute !important;
        left: 0!important;
    }
    /*Access Group page*/
    .accsessGroup_INR .input-group label {
        letter-spacing: -0.1px;
    }
}


/*========screen 992px=========*/

@media(max-width:992px) {
    /*login page*/
    .loginAccessText img {
        width: 300px;
    }
    .loginStripLogo {
        width: 170px;
    }
    .loginStripLogo img {
        width: 100%;
        padding-right: 0;
    }
    .loginStripLoginCtn {
        width: calc(100% - 290px);
        padding: 8px 15px;
    }
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*comone structure*/
    .rightOparetorPanelLeft {
        display: none;
    }
    .mainCTNPnl.activePnl {
        width: calc(100% - 45px);
    }
    /*.leftMenuPnl ul {padding: 0 0 5px;}*/
    .rightOparetorPanel {
        padding-right: 10px;
    }
    /*personal list*/
    .listImgLT {
        width: 120px;
        height: 122px;
    }
    .listCTNrt {
        width: calc(100% - 120px);
        padding-left: 15px;
    }
    .listImgLT:after {
        font-size: 80px;
    }
    .listPagination {
        margin-bottom: 10px;
    }
    .addPersonBtn .btn,
    .list-selectAll-btn.chkSingelLabel {
        margin-left: 5px;
    }
    .persona_listlPage .addPersonBtn {
        right: 27px;
        top: 5px;
    }
    /*Access Group page*/
    .accessGroupSaveBtn {
        margin: 12px 0 0 0;
    }
}


/*========screen 991px=========*/

@media(max-width:991px) {
    /* Login */
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*Cardholder Editor / Personal*/
    .cardPanelBtngroup .btn i.fa {
        display: block;
    }
    .cardPanelBtngroup .btn span {
        display: none !important;
    }
    .cardPanelBtngroup .btn {
        padding: 5px 5px;
    }
    .inactiveSaveLabel:after {
        padding-left: 0;
        clear: both;
        float: left;
    }
    .personalPage .addPersonBtn .btn span {
        display: none;
    }
    .personalPage .addPersonBtn .btn i.fa {
        display: inline-block;
    }
    .personalPage .addPersonBtn .btn {
        margin: 0 0 0 1px;
        padding: 4px 8px;
        min-width: 32px;
    }
    /*Reader Camera Maping Page*/
    .camMpingPageInr {
        margin-bottom: 15px;
        height: auto;
    }
    .col-sm-12.col-md-7.col-lg-6.col-xs-12.leftMapReader,
    .col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
        float: none;
        width: auto;
    }
    .col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
        margin-top: 15px;
    }
    .camMpingTopPart table.redrSelect tr td:nth-child(3) {
        width: 63px;
    }
    .listTableCvr {
        height: auto;
    }
    /*Elevator Mapping Page Page*/
    .elevatorMappingPageInr {
        margin-bottom: 15px;
        height: auto;
    }
    .col-sm-12.col-md-7.col-lg-6.col-xs-12.leftMapReader,
    .col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
        float: none;
        width: auto;
    }
    .col-sm-12.col-md-5.col-lg-6.col-xs-12.rightMapReader {
        margin-top: 15px;
    }
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(3) {
        width: 63px;
    }
    .mappinglistTableCvr {
        height: auto;
    }
    /*Door/Reader Properties Page*/
    .doorBtnSec {
        margin-top: 110px;
    }
    /*elevtor Properties Page*/
    .eveBtnSec {
        margin-top: 110px;
    }
    /*Report Settings Page*/
    .setingThemBlock {
        width: 50%;
        max-width: 100%;
    }
    /*Launch Point Report*/
    .rightInsideSelctor .emailInputRow {
        padding: 0 5px;
    }
    .titleDecPart h3 {
        font-size: 18px;
    }
    .rightInsideSelctor .emailInputRow {
        width: 50%;
    }
    .insideReportCntrl {
        padding: 0 10px;
    }
    /*Reader Activity Report*/
    .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_length {
        right: 60px;
    }
    .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 27px;
        padding: 3px 0;
        margin: 0 1px;
    }
    /*Operator Settings*/
    .user-table table tr th:nth-child(5),
    .user-table table tr td:nth-child(5) {
        width: 115px;
    }
    .user-table table tr th:nth-child(4),
    .user-table table tr td:nth-child(4) {
        width: 115px;
    }
    .user-table table tr th:nth-child(3),
    .user-table table tr td:nth-child(3) {
        width: 145px;
    }
    .user-table table tr th:nth-child(2),
    .user-table table tr td:nth-child(2) {
        width: 92px;
    }
}


/*========screen 768px=========*/

@media(max-width:768px) {
    /* Login */
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*personal list*/
    .rightOparetorPanelRight {
        border-left: none;
        margin: 0;
        padding: 0;
    }
    /*Operator Settings*/
    .user-table table tr th:nth-child(1),
    .user-table table tr td:nth-child(1) {
        width: 140px;
    }
}


/*========screen 767px=========*/

@media(max-width:767px) {
    /*login page*/
    .logFtr .form-group .input-group-addon {
        width: 90px;
    }
    .logFtr .form-group .form-control {
        width: calc(50% - 45px);
    }
    .loginStripLoginCtn::after {
        display: none;
    }
    .loginStripLoginCtn {
        width: calc(100% - 180px);
        padding-left: 10px;
    }
    .logFtr>h4 {
        margin-top: 0;
    }
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*personal list*/
    .topBesicInfoBlock {
        border: none;
        padding: 0;
        margin: 0;
        display: block;
    }
    .bottomBesicInfo {
        margin: 22px 0 0 -104px;
    }
    .listImgLT {
        height: 93px;
        width: 90px;
    }
    .listCTNrt {
        width: calc(100% - 90px);
    }
    .listImgLT:after {
        font-size: 53px;
    }
    .topBesicInfoBlock a.editBtn {
        display: inline-block;
        margin-top: 4px;
    }
    .topBesicInfoBlock.personal-list-check {
        position: absolute;
        right: 10px;
        top: -21px;
        float: none;
    }
    .addPersonBtn .btn span {
        display: none;
    }
    .addPersonBtn .btn i.fa {
        display: inline-block;
    }
    .addPersonBtn .btn {
        margin: 0 0 0 1px;
        padding: 4px 8px;
    }
    .listPagination .pagination>li>a,
    .listPagination .pagination>li>span {
        padding: 3px 7px;
    }
    .listPagination {
        margin-top: 0;
    }
    .listPagination ul {
        margin: 0;
    }
    /*Dashboard Page*/
    .dashboardPage_INR ul li {
        width: calc(50% - 10px);
    }
    .dashboardPage_INR ul li a i {
        font-size: 60px;
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label {
        width: calc(50% - 14px);
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label p i {
        font-size: 50px;
    }
    /*Door/Reader Properties Page*/
    .doorBtnSec label {
        display: none;
    }
    .doorBtnGroup {
        margin-top: 0;
    }
    .doorBtnGroup .btn {
        width: calc(33.333% - 7px);
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .doorBotmPart {
        margin-top: 15px;
    }
    .doorBtnGroup .btn:last-child {
        margin-right: 0;
    }
    .doorBtnGroup.mobileVersion {
        padding: 0;
        margin-bottom: 10px;
        clear: both;
    }
    /*display: block; */
    .row.doorBtnGroup {
        display: none;
    }
    .accessGRPctnBox_bottm table {
        min-width: 1200px;
    }
    .accessGRPctnBox_TableCvr {
        overflow: auto;
    }
    /*defalt scroll*/
    .doorReaderPage .doorReaderTopPart .singelSelectRadioPlt {
        height: 255px;
    }
    .doorBtnSec {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .doorBtnSec input {
        padding: 10px 50px;
    }
    /*Elevator Properties Page*/
    .eveBtnSec label {
        display: none;
    }
    .eveBtnGroup {
        margin-top: 0;
    }
    .eveBtnGroup .btn {
        width: calc(33.3% - 10px);
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
    }
    .eveBotmPart {
        margin-top: 15px;
    }
    .eveBtnGroup .btn:last-child {
        margin-right: 0;
    }
    .eveBtnGroup.mobileVersion {
        padding: 0;
        margin-bottom: 10px;
        clear: both;
    }
    /*display: block; */
    .row.eveBtnGroup {
        display: none;
    }
    .accessGRPctnBox_bottm table {
        min-width: 1200px;
    }
    .accessGRPctnBox_TableCvr {
        overflow: auto;
    }
    /*defalt scroll*/
    .evePage .eveTopPart .singelSelectRadioPlt {
        height: auto;
    }
    .eveBtnSec {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .eveBtnSec input {
        padding: 10px 50px;
    }
    /*Elevator page End*/
    .loop-pnl {
        height: auto;
    }
    .loop-pnl .checkboxPanel:last-child {
        border-bottom: none;
    }
    .eve-pnl {
        margin-bottom: 20px;
    }
    /*Access Group page*/
    .accessGroupSaveBtnCvr {
        display: none;
    }
    .accsessGroupTop .row .col-sm-4.col-xs-9 {
        width: calc(100% - 120px);
        padding-right: 0;
    }
    .accsessGroupTop .row .col-sm-4.col-xs-3 {
        width: 120px;
    }
    .accsessGroupTop .row .col-sm-4.col-xs-3 .btn {
        width: 100%;
    }
    .accessGRPctnBox_bottm .doorTblHD {
        margin: 10px 0;
    }
    .accessGRPctnBox_bottm .eveTblHD {
        margin: 10px 0;
    }
    .accessGroupSaveBtn.accessBotmPert {
        display: block;
    }
    .accsessGroup_INR .input-group.chkCVR>label:first-child {
        display: none;
    }
    /*Access Group Wizard*/
    .accessGropWidget .accessGRPctnBox_bottm {
        padding: 0 15px 15px;
    }
    .accessGropWidget .accsessGroup_INR .input-group label.chkSingelLabel {
        margin: 16px 0 0;
    }
    .mainCTNPnlINR.accessGropWidget .accsessGroup_INR {
        margin: 0;
        height: auto;
    }
    /*Cardholder Editor / Personal*/
    .personalTabpanel_box.personalFixedBox {
        height: auto;
    }
    .personalTabpanelCVR {
        height: auto;
    }
    /*defalt scroll*/
    .personalFixedBox .checkboxPanel {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .inactiveSaveLabel:after {
        padding-left: 20px;
        clear: none;
        float: none;
    }
    .personalPageScrollSec {
        overflow: visible;
    }
    .personalFixedBox .row .col-md-2.col-sm-3.col-xs-12 {
        float: none;
    }
    .mobileInactive {
        /*display:block;*/
    }
    .desktopInactive.che_Inactive {
        display: none;
    }
    .personalFixedBox .checkboxPanel.mobileInactive {
        margin-bottom: 0;
    }
    .desktopInactiv {
        display: none;
    }
    .checkboxPanel label p {
        max-width: calc(100% - 40px);
    }
    .detailCollapsPnel {
        margin: 0 0 15px;
    }
    .personalTabpanel_box.personalFixedBox .panel-body {
        box-shadow: none;
    }
    .userProfPix {
        margin: 0 15px 10px;
    }
    .personalTabpanel_box .panel-body .row {
        margin: 0 -10px;
    }
    .personalTabpanel_box .panel-body .row.acessRow {
        margin: 0 -15px;
    }
    .personalTabpanel_box.personalFixedBox .panel-body .row .col-md-10.col-sm-9.col-xs-12 {
        padding: 0 8px;
    }
    .personalTabpanel_box.personalFixedBox .panel-body .row .col-md-2.col-sm-3.col-xs-12 {
        padding: 0 8px;
    }
    .personalTabpanel_box .panel .panel-heading h4 {
        font-size: 15px;
        /* padding-left: 13px;*/
    }
    .personalPageScrollSec .personalTabpanel_box .panel .panel-heading h4 i {
        font-size: 12px;
        top: 3px;
    }
    /*.personalTabpanel_box .panel .panel-heading span {font-size: 12px; padding: 3px 10px; top:5px;}*/
    .personalTabpanel_box {
        margin-bottom: 10px;
    }
    .personalPageScrollSec .personalTabpanel_box .panel .panel-heading h4 {
        padding-left: 14px;
    }
    .falsLabel {
        display: none !important;
    }
    .cardDetailPnel>h1 {
        font-size: 14px;
    }
    .addCardDtlModal .personalTabpanel_box .panel .panel-body {
        padding: 15px;
    }
    .addCardDtlModal .detailCollapsPnel {
        margin-left: 0;
        margin-right: 0;
    }
    .personalTabpanel_box .detailCollapsPnel .separatePatition .checkboxPanel.devid_collapse_chk {
        margin-top: 0;
    }
    .activeHistory .bootstrap-datetimepicker-widget.dropdown-menu {
        top: auto !important;
        bottom: 100% !important;
        position: absolute !important;
    }
    /*history datepicker*/
    .mCS_no_scrollbar .edtPsnlSvBtn.saveBtn {
        display: block;
    }
    .mCS_no_scrollbar .saveHide.edtPsnlSvBtn.saveBtn {
        display: none;
    }
    /*----*/
    .card-print-preview-modal .print-box {
        margin-bottom: 15px;
    }
    .printEventPnl {
        margin-top: 0;
    }
    .card-print-preview-modal .print-box {
        height: auto;
        display: block;
    }
    /*----*/
    .user-pic-upload-modal .modal-body .col-sm-6.col-xs-6 {
        float: none;
        width: auto;
        overflow: hidden;
    }
    .cropBtnPnl {
        margin: 15px 0;
        text-align: center;
    }
    .user-img-upload-box {
        width: 294px;
        margin: 0 auto;
    }
    /*----*/
    .modal.gal_loopMdl .modal-dialog .loopInfomationSelectInr {
        max-height: calc(100vh - 190px);
    }
    /*Cardholder/Personal Widget Page*/
    .widgetSection_box .personalTabpanel_box .panel .panel-heading h4 {
        padding-left: 0;
    }
    .widgetSection_box .userProfPix {
        margin: 0;
    }
    .widgetSection_box .personalTabpanel_box .panel .panel-body .input-group.dataFieldsBtn {
        margin: 0 0 15px 0;
    }
    .widgetSection_box .personalTabpanel_box .panel .panel-body {
        height: auto;
    }
    .widgetSection_box .card_loop_plat {
        font-size: 14px;
    }
    .widgetTop {
        height: calc(100% - 35px);
    }
    .widgetCountBtn {
        height: 35px;
        margin-top: 0;
    }
    .widgetCountBtn ul li a {
        padding: 3px 7px;
    }
    .widgetSection_box .personalTabpanel_box .panel .panel-body .detailCollapsPnel {
        margin: 0 15px 15px;
    }
    .widgetSection_box .personalTabpanel_box .panel .panel-heading a.btn {
        font-size: 12px;
        padding: 2px 5px;
        top: 10px;
    }
    .widgetSection_box .cardDetailPnel>h1 i {
        font-size: 12px;
        padding: 5px;
    }
    .widgetSection_box .cardDetailPnel>h1 {
        font-size: 15px;
    }
    .addCardDtlModal .personalTabpanel_box .panel-body .row {
        margin: 0 -15px;
    }
    .addCardDtlModal .personalTabpanel_box .panel .panel-body {
        padding-bottom: 0;
    }
    .checkboxPanel.cardHolderChkpnl {
        margin-top: 0;
    }
    .row.resPonseRow .col-md-4 {
        padding: 0 7px;
    }
    /*Special Days*/
    .spacialDayBotmPartTablCvr {
        overflow: auto;
        transform: translate(0, 0);
    }
    .spacialDayBotmPartTablCvr .bootstrap-datetimepicker-widget.dropdown-menu {
        position: fixed;
        left: 10px !important;
        top: 10px !important;
        bottom: auto !important;
    }
    /*Personnel Photo Directory*/
    .doorBotmPart.photoDirectoryGrid {
        overflow: auto;
    }
    .photoDirectoryGrid table {
        min-width: 700px;
    }
    /*Personnel Photo Directory*/
    .eveBotmPart.photoDirectoryGrid {
        overflow: auto;
    }
    /*Reader Activity Report*/
    .readerActivityReport_INR .readerActivityReport_btm .row .col-sm-6.col-md-4 {
        margin-bottom: 40px;
    }
    .readerActivityReport_INR .readerActivityReport_btm .row .col-sm-6.col-md-4:last-child {
        margin-bottom: 0;
    }
    .readerActivityReport_INR .input-group label.labelResponsive {
        display: none;
    }
    .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer .dataTables_length {
        position: static;
        width: auto;
        float: none;
        text-align: center;
        margin-top: 10px;
    }
    .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable thead th,
    .readerActivityReportTable .readerActivityReportTableCvr .dataTables_wrapper.no-footer table.dataTable tbody td {
        font-size: 13px;
    }
    .readerActivityReportTblBody .readerActBtn {
        text-align: center;
        left: 15px;
    }
    /*Who's In / Muster Report*/
    .musterReport_btmTblCvr {
        overflow: auto;
    }
    .musterReport_btm table.table {
        min-width: 700px;
    }
    .musterReportBtn .btn {
        margin: 5px;
    }
    /*Time Schedules*/
    .timeScheduleInr .timeSceduleTopPART .input-group label.chkSingelLabel {
        margin-top: 15px;
    }
    .imeScheduleBtnPnl {
        margin: 20px 0 15px;
    }
    .timeScheduleSheet {
        overflow: auto;
    }
    .timeScheduleSheet ul {
        min-width: 700px;
    }
    /*App Setting Page*/
    .appThmBlock {
        width: calc(33.333% - 20px);
    }
    .textUrlChanges {
        float: none;
        width: 100%;
    }
    /*report detils*/
    .reportFilterPage .accsessGroup_INR {
        margin-bottom: 0;
    }
    .reportFilterPage .saveTop .saveBtn {
        margin-top: 0;
        padding-bottom: 20px;
    }
    /*report Builder WidPage*/
    .panel-body.addReportTime .checkboxPanel.sendMailTm {
        margin-top: 0;
        padding-bottom: 8px;
    }
    .personalTabpanel_box .panel .panel-body .input-group label.blankLabel {
        display: none;
    }
    /*Reader Camera Maping Page*/
    .camMpingTopPart table.redrSelect,
    .camMpingTopPart table.redrSelect tbody,
    .camMpingTopPart table.redrSelect tr,
    .camMpingTopPart table.redrSelect tr td {
        display: block;
        width: auto;
        padding: 0;
    }
    .camMpingTopPart table.redrSelect tr td:nth-child(1) {
        width: auto;
    }
    .camMpingTopPart table.redrSelect tr td:nth-child(2) {
        width: auto;
        margin-top: 15px;
    }
    .camMpingTopPart table.redrSelect tr td:nth-child(3) {
        width: auto;
        border-bottom: 1px dashed #5b5b5b;
        padding-bottom: 15px;
    }
    .btn.addRdrMapBtn {
        margin-top: 20px;
        width: 120px;
        padding: 9px 9px;
    }
    .btn.addRdrMapBtn {
        margin-top: 20px;
    }
    table.redrSelect .redCamList .singelSelectRadioPlt,
    .listTableCvr {
        height: auto;
    }
    /*Elevator Mapping Page*/
    .elevatorMappingTopPart table.redrSelect,
    .elevatorMappingTopPart table.redrSelect tbody,
    .elevatorMappingTopPart table.redrSelect tr,
    .elevatorMappingTopPart table.redrSelect tr td {
        display: block;
        width: auto;
        padding: 0;
    }
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(1) {
        width: auto;
    }
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(2) {
        width: auto;
        margin-top: 15px;
    }
    .elevatorMappingTopPart table.redrSelect tr td:nth-child(3) {
        width: auto;
        border-bottom: 1px dashed #5b5b5b;
        padding-bottom: 15px;
    }
    .btn.addRdrMapBtn {
        margin-top: 20px;
        width: 120px;
        padding: 9px 9px;
    }
    .btn.addRdrMapBtn {
        margin-top: 20px;
    }
    table.redrSelect .redCamList .singelSelectRadioPlt,
    .listTableCvr {
        height: auto;
    }
    /*Add VMS Page*/
    .vmsAddpage_INR {
        height: auto;
        margin-bottom: 15px;
    }
    /*Launch Point Report*/
    .titleDecPartFlex {
        display: block;
    }
    .titleDecPartRight {
        margin-top: 20px;
    }
    .insideReportCntrl {
        margin-bottom: 10px;
    }
    .col-sm-8.titleDecPartLeft {
        padding: 0;
        border: none;
    }
    /*Person Identification*/
    .personImg {
        float: none;
        margin-bottom: 20px;
    }
    .personInfo {
        width: auto;
        float: none;
        padding: 0;
    }
    /*HVideo Stream*/
    .video-controler {
        visibility: hidden;
        right: 0;
        bottom: 25px;
        transition: all 0.3s ease;
    }
    .video-controler.visibal {
        visibility: visible;
    }
    .video-controler svg {
        width: 110px;
        height: 110px;
    }
    /* Loop/Cluster Diagnostics */
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(1) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(2) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(3) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(4) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(5) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(6) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(7) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(8) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(9) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(10) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(11) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(12) {
        flex: 0 0 50%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(13) {
        flex: 0 0 100%;
    }
    /*Operator Settings*/
    .operatorSettingsPage_inr .user-table table {
        min-width: 610px;
    }
    .operatorSettingsPage_inr .user-table {
        margin: 0;
    }
    /* Who's in */
    .whosIn-search-sec .personalSearchPlate,
    .userstatustselect .whosIn-search-sec .personalSearchPlate {
        width: auto;
    }
    /*=====Activity Log Event Report Page======*/
    .settingmuteboxmodal .modal-dialog,
    .AlarmSoundboxmodal .modal-dialog {
        width: auto !important;
    }
    /*==Delete icon for Cardholder photo delete==*/
    .CardholderPhotodelete {
        color: red;
        position: absolute;
        left: 30px;
        top: 10px;
        display: none;
        z-index: 999;
        cursor: pointer;
    }
}

@media(max-width:640px) {
    /*login page*/
    .loginStripLogo {
        padding: 15px;
    }
    .top_loginSectionIMG {
        display: none;
    }
    .bottm_loginSectionIMG {
        padding: 0;
    }
    .loginStrip {
        padding: 0;
    }
    .loginStripLogo {
        width: auto;
        float: none;
        height: calc(45% - 15px);
        min-height: 100px;
        position: relative;
    }
    .loginStripLoginCtn {
        width: auto;
        float: none;
    }
    .bottm_loginSectionIMG {
        height: 100%;
        padding: 0;
        text-align: center;
    }
    .loginStripLogo img {
        max-width: 200px;
        position: relative;
        top: calc(50% - 37px);
    }
    .logingEroorMsg {
        float: none;
        margin: 0;
    }
    .loginStripLoginCtn {
        height: auto;
        min-height: 55%;
        margin: 0 10px 15px;
        padding-left: 7px;
    }
    .loginSection {
        overflow: auto;
    }
    .logFtr>h4 {
        margin-top: 5px;
    }
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*Reader Camera Mapping*/
    /*Report Settings Page*/
    .setingThemBlock {
        width: auto;
        max-width: none;
        float: none;
    }
    /*personal List*/
    .persona_listlPage .addPersonBtn {
        right: 26px;
    }
    /*Cardholder Settings Page*/
    body .cardholderSettingsPage .setingThemBlock .checkboxPanel label {
        white-space: normal;
        padding-right: 0;
    }
    .cardholder_setingThemBlock.setingThemBlock {
        padding: 0;
    }
    /*Launch Point Report*/
    .rightInsideSelctor {
        display: block;
    }
    .rightInsideSelctor .emailInputRow {
        float: none;
        width: auto;
    }
    /*=====Activity Log Event Report Page======*/
    .parameterBtn i.fa {
        display: block;
    }
    .parameterBtn p {
        display: none;
    }
    /*Door/Reader Properties Page*/
    .doorBtnGroup .btn {
        padding: 10px;
    }
    .AlarmSettingslabel .input-group .input-group-addon {
        height: 34px;
    }
    .AlarmSettingslabel .input-group {
        display: block;
    }
    .input-group.dScheduleSlot.alarmSettings .form-control {
        margin: 0 0 5px;
        display: block;
    }
    .input-group.dScheduleSlot.alarmSettings .input-group-multi-select {
        margin: 0 0 5px;
        width: 45%;
        float: left;
    }
    .AlarmSettingslabel .input-group .form-control {
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        float: none;
    }
    .AlarmSettingslabel h2 .labelone,
    .AlarmSettingslabel h2 .labeltwo,
    .AlarmSettingslabel h2 .labelthree {
        display: none;
    }
    .AlarmSettingslabel h2 {
        display: block;
    }
    /*Elevator Properties Page*/
    .eveBtnGroup .btn {
        padding: 10px;
    }
    /*Person Identification*/
    .personInfo-left ul li label {
        display: block;
        margin: 0;
        width: auto;
        background: #eaeaea;
        padding: 3px 6px;
        margin-bottom: 4px;
    }
    .personInfo-left ul li {
        margin-bottom: 7px;
        padding-bottom: 7px;
    }
    .personInfo-left ul li label::after {
        display: none;
    }
    .personInfo-left ul li p {
        display: block;
        padding: 0 6px;
    }
    /*Crisis Mode Settings*/
    .loop-pnl-btn .btn {
        width: auto;
        padding: 8px 20px;
    }
    .loop-pnl-btn {
        margin: 10px 0 0 0;
    }
    /*Show-Error-Page*/
    .error-wrapper h1 {
        font-size: 100px;
        margin-bottom: 15px;
        margin-top: 0;
    }
    .error-wrapper .opps-subtxt {
        font-size: 14px;
    }
    .error-wrapper .opps-undefined {
        margin: 10px auto;
    }
    .error-wrapper .continue-btn {
        margin-top: 0;
    }
}


/*========screen 530px=========*/

@media(max-width:530px) {
    .pageHd {
        height: 43px;
    }
    /*login page*/
    .logFtr .form-group .form-control {
        display: block;
        width: auto;
        margin-bottom: 15px;
        height: auto;
        padding: 0;
    }
    .logFtr .form-group .input-group-addon {
        display: block;
        width: auto;
        padding-left: 0;
    }
    .logFtrLink a {
        border: none;
    }
    .logFtr .form-group .form-control input {
        font-size: 12px;
        height: 30px;
        padding: 0 7px;
    }
    .logFtr .form-group .input-group-addon input {
        height: 28px;
        padding: 2px;
    }
    .logFtrLink a {
        display: block;
        /* font-size: 12px; */
        margin: 3px 0;
    }
    .logFtrLink {
        padding-top: 5px;
    }
    .loginStripLoginCtn {
        margin: 0 10px 10px;
        padding: 10px 15px;
    }
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*comone structure*/
    .leftHd p {
        padding: 3px 0 0;
        font-size: 18px;
    }
    .leftLogoPanel {
        padding-top: 6px;
        text-align: center;
        width: 45px;
    }
    .leftLogoPanel img {
        height: 36px;
        width: auto;
        margin: 0;
    }
    .headerRight {
        width: calc(100% - 46px);
        padding-left: 10px;
    }
    .rightOparetorPanel span.autrName {
        display: none;
    }
    .rightOparetorPanel span.caret {
        display: none;
    }
    .rightOparetorPanel p.authRow span.glyphicon {
        margin: 0;
    }
    .mainCTNPnlINR {
        padding: 0 10px 10px;
    }
    .pageHd {
        font-size: 17px;
    }
    /*Dashbord Page*/
    .dashboardPage_INR ul li a {
        padding: 30px 5px 38px;
    }
    .dashboardPage_INR ul li a i {
        font-size: 50px;
    }
    .dashboardPage_INR ul li.dashBordDropDown ul li a {
        padding: 1px 5px;
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label p i {
        font-size: 45px;
    }
    .modal.dashbordModalBox .dashbordModalBox_INR label p span {
        font-size: 12px;
        line-height: 15px;
    }
    .dashboardPage_INR h2 {
        font-size: 15px;
    }
    /*personal list*/
    .personalSearchPlate.activeSlide .collapseSearchOpen {
        border-radius: 4px;
        left: auto;
        right: 12px;
        top: 8px;
    }
    .personalSearchPlate {
        padding: 13px 12px 0;
    }
    .personalSearchPlateInr {
        height: calc(100% - 76px);
        margin-top: 9px;
    }
    .personalSearchPlate.activeSlide .collapseSearchOpen {
        line-height: 18px;
        width: 24px;
    }
    .personal_searchBTN.btn {
        margin: 7px 0 0;
    }
    .listPagination .pagination>li>a,
    .listPagination .pagination>li>span {
        padding: 0px 4px;
    }
    .list-selectAll-btn.chkSingelLabel p {
        display: none;
    }
    .list-selectAll-btn.chkSingelLabel {
        padding-bottom: 5px;
    }
    .persona_listlPage .addPersonBtn .btn {
        padding: 2px 4px;
    }
    .list-selectAll-btn.chkSingelLabel {
        padding: 0px 3px;
    }
    .list-selectAll-btn.chkSingelLabel {
        padding: 1px 4px 3px;
        margin-left: 1px;
    }
    .persona_listlPage .addPersonBtn {
        top: 7px;
        right: 28px;
    }
    /*report detils*/
    body .checkboxPanel.allSelectLabel {
        margin-top: 0;
        text-align: left;
    }
    /*personal page*/
    .personalSearchPlate.cardHolerSearch {
        top: 56px;
    }
    /*App Setting Page*/
    .appThemPage_INR h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .appThmBlock {
        width: calc(50% - 10px);
        max-width: none;
        min-width: 1px;
        margin: 5px;
        padding: 5px 7px 7px;
    }
    .appThemPage_INR {
        padding: 0;
    }
    .uplodePlate {
        height: 89px;
    }
    .theamColorPlate .colorpltBox {
        height: 40px;
        width: 40px;
    }
    .theamColorPlate input {
        width: calc(100% - 50px);
    }
    .camMpingTopPart table tr td:last-child .addRdrMapBtn i.fa {
        transform: rotate(90deg);
        margin: 4px 0 0 0;
    }
    .elevatorMappingTopPart table tr td:last-child .addRdrMapBtn i.fa {
        transform: rotate(90deg);
        margin: 4px 0 0 0;
    }
    .listTableCvr {
        margin-top: 5px;
    }
    .camMpingPageInr {
        padding: 0 5px;
    }
    .readerActivityReportDaysdifference {
        display: block;
    }
    .readerActivityReportDaysdifference .input-group-addon.rardd {
        display: block;
        text-align: left;
        padding: 0 0 5px 0;
        white-space: normal;
    }
    .readerActivityReportDaysdifference .form-control {
        display: inline-block;
        width: 80px;
    }
    .readerActivityReportDaysdifference .input-group-addon {
        display: inline-block;
        background: none;
        width: auto;
        border-radius: 0;
        border: none;
        padding: 10px 0 0 5px;
    }
    /*Reader Camera Mapping*/
    .rightMapReader .searchRow .col-xs-3 {
        width: 50%;
    }
    .rightMapReader .searchRow .col-xs-3:nth-child(3) {
        width: calc(100% - 40px);
        margin-top: 10px;
    }
    .rightMapReader .searchRow .col-xs-2 {
        margin-top: 10px;
    }
    .redCamListHD {
        height: auto;
    }
    .listTableCvr table tr td:last-child .addRdrMapBtn i.fa {
        transform: rotate(90deg);
        margin: 4px 0 0 0;
    }
    .listTableCvr {
        margin-top: 5px;
    }
    .elevatorMappingPageInr {
        padding: 0 5px;
    }
    /*Elevator Mapping Page*/
    .rightMapReader .searchRow .col-xs-3 {
        width: 50%;
    }
    .rightMapReader .searchRow .col-xs-3:nth-child(3) {
        width: calc(100% - 40px);
        margin-top: 10px;
    }
    .rightMapReader .searchRow .col-xs-2 {
        margin-top: 10px;
    }
    .redCamListHD {
        height: auto;
    }
    /*Cardholder Settings Page*/
    .cardholder_setingThemBlock table thead {
        display: none;
    }
    .cardholder_setingThemBlock table tr td:nth-child(2),
    .cardholder_setingThemBlock table tr th:nth-child(2) {
        width: 50px;
    }
    .cardholder_setingThemBlock table tr td:nth-child(1),
    .cardholder_setingThemBlock table tr th:nth-child(1) {
        width: calc(100% - 50px);
    }
    /*Access Group*/
    .accsessGroupTop>.row {
        margin: 0 -10px;
    }
    /*HVideo Stream*/
    .videoStreemScreen {
        margin: 0 -10px;
    }
    .item-1 .video-Item {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    .video-Item::after {
        color: transparent;
    }
}


/*========screen 480px=========*/

@media(max-width:480px) {
    .header-btn-right a.crisisModeBtn {
        /*width: 60px;*/
        text-align: center;
        line-height: 12px;
        padding: 3px 5px 4px;
        border-radius: 2px;
        margin: 14px 5px 0 0;
        text-align: center;
        font-size: 12px;
    }
    .rightOparetorPanel p.authRow {
        margin-top: 13px;
    }
    .rightOparetorPanel p.authRow span.glyphicon {
        height: 22px;
        padding-top: 3px;
        width: 22px;
    }
    .rightOparetorPanel p.authRow span.glyphicon::before {
        font-size: 12px;
    }
    .singelSelectRadioPlt label p span.badge {
        margin-top: 5px;
    }
    /* Login */
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*comone structure*/
    /*Dashbord Page*/
    .dashboardPage_INR ul li span {
        font-size: 12px;
        line-height: 15px;
    }
    .dashboardPage_INR ul li a i {
        margin-bottom: 5px;
    }
    .dashboardPage_INR ul li a {
        font-size: 12px;
    }
    .dashboardPage_INR ul li a {
        padding: 22px 5px 27px;
    }
    .dashboardPage_INR ul li {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .addNewDashMenu span {
        display: none;
    }
    /*Door/Reader Properties Page*/
    .doorBtnGroup .btn {
        margin: 5px 0;
        width: 100%;
        float: none;
    }
    .row.doorBtnGroup {
        margin: 10px 0;
    }
    .doorBtnSec .clearfix {
        margin: 0;
    }
    .doorBtnSec input {
        float: none;
        width: 100%;
        margin: 5px 0;
        margin-bottom: 15px;
    }
    .doorBtnSec {
        margin-bottom: 0;
    }
    /*Elevator Properties Page*/
    .eveBtnGroup .btn {
        margin: 5px 0;
        width: 100%;
        float: none;
    }
    .row.eveBtnGroup {
        margin: 10px 0;
    }
    .eveBtnSec .clearfix {
        margin: 0;
    }
    .eveBtnSec input {
        float: none;
        width: 100%;
        margin: 5px 0;
        margin-bottom: 15px;
    }
    .eveBtnSec {
        margin-bottom: 0;
    }
    /*personalList page*/
    .listPagination .input-group {
        width: 247px;
    }
    .alphabetSearch {
        display: none;
        width: 0;
        height: 0;
        overflow: hidden;
    }
    .persona_list-INR {
        width: auto;
        float: none;
    }
    /*personal page*/
    /*.personalPage .addPersonBtn {right: 22px;}
	.personalPage .addPersonBtn .btn {float: left; margin: 0 2px 0 0; padding: 4px 3.5px;}*/
    label.chkSingelLabel.getHistoryChk {
        margin-bottom: 0;
    }
    body .devidePnl.chkColaps .checkboxPanel label p {
        white-space: normal;
    }
    .modal.fade.magModal .modal-dialog .modal-footer .btn {
        margin: 5px;
    }
    /*Time Schedules*/
    .imeScheduleBtnPnl .btn {
        margin: 5px;
        width: calc(50% - 10px);
    }
    .timeSceduleTopPART>.row {
        margin: 0 -10px;
    }
    .SetDayTime .input-group .form-control {
        display: block;
        float: left;
    }
    .SetDayTime .input-group:after {
        display: table;
        clear: both;
        content: "";
    }
    .SetDayTime .input-group {
        display: block;
    }
    .SetDayTime .input-group span.timeCellSpan {
        display: block;
        float: left;
        width: 9px;
        padding-top: 5px;
    }
    .SetDayTime .input-group .input-group-addon {
        float: left;
        width: 29px;
        padding: 9px 0 0 0;
        height: 34px;
    }
    .SetDayTime .input-group .form-control select {
        background-position: calc(100% - 4px) 12px;
        padding: 0 2px;
    }
    .SetDayTime .input-group .form-control {
        width: calc(25% - 19px);
    }
    .SetDayTime .input-group span.timeCellSpan.toSpan {
        width: 19px;
    }
    .SetDayTime h3 span {
        padding: 8px 2px;
        width: 29px;
        text-align: center;
    }
    .row.topSdlSelct .col-sm-6.col-md-4.col-xs-7 {
        width: calc(100% - 100px);
    }
    .row.topSdlSelct .col-sm-6.col-md-4.col-xs-5 {
        width: 100px;
        padding-left: 0;
    }
    .row.topSdlSelct .col-sm-6.col-md-4.col-xs-5 .timeshedlAddBtn {
        max-width: 100%;
    }
    .timeSceduleTopPART {
        padding: 0;
        background: none;
    }
    /*report Builder WidPage*/
    .monthlySelect-Oter label {
        float: none;
        margin: 0 !important;
        width: auto;
        padding-bottom: 5px;
    }
    .personalTabpanel_box .panel .panel-body .monthlySelect-Oter .monthlySelect-row.input-group {
        float: none;
        width: 100%;
    }
    .btnPlatePnl .btn {
        float: none;
        margin-bottom: 7px;
        margin-top: 0;
    }
    .btnPlatePnl label {
        float: none;
    }
    /*Reader Camera Maping Page*/
    .camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }
    .camMpingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(2) {
        width: calc(100% - 50px);
    }
    /*Elevator Mapping Page*/
    .elevatorMappingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(1) {
        width: 100%;
        margin-bottom: 10px;
    }
    .elevatorMappingTopPart .leftMapReader table.redrSelect tr td:nth-child(1) .searchRow .col-xs-5:nth-child(2) {
        width: calc(100% - 50px);
    }
    /*Launch Point Report*/
    .emailInputRow label {
        float: none;
        width: auto;
        padding-bottom: 4px;
    }
    .emailInputRow .input-group {
        float: none;
        width: auto;
        display: block;
    }
    .emil_inputPart {
        padding-left: 0;
        padding-right: 0;
    }
    .col-sm-4.titleDecPartRight {
        padding: 15px 0 0 0;
        margin-top: 0;
        padding-bottom: 70px;
    }
    .report-fixed-readonly-pnl .emailInputRow {
        padding: 0;
    }
    .emailInputRow {
        margin-bottom: 10px;
    }
    .insiChkPnl label.chkSingelLabel {
        float: none;
        width: auto;
    }
    .rightInsideSelctor .emailInputRow {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .titleDecPart h3 {
        font-size: 17px;
    }
    .emailInputRow.report-select-sec div[class*="col-sm-"] {
        float: none;
        width: auto;
    }
    .emailInputRow.report-select-sec .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .emailInputRow.report-select-sec .col-md-8.col-sm-6.col-xs-4.text-right {
        height: 20px;
    }
    .emailInputRow.report-select-sec .btn {
        margin-top: 2px;
    }
    /*Cardholder/Personal Widget Page*/
    .widgetCountBtn ul {
        padding-left: 0;
        padding-right: 0;
    }
    .widgetCountBtn ul li {
        margin: 2px 0;
    }
    .widgetCountBtn ul li a {
        padding: 4px 6px;
        font-size: 12px;
    }
    /*Cardholder Editor / Personal*/
    .user-img-upload-box {
        width: 272px;
        margin: 0 auto;
        height: 339px;
    }
    .cardPanelBtngroup .chkSingelLabel p {
        display: none;
    }
    .cardPanelBtngroup .chkSingelLabel {
        padding: 0px 4px 4px;
    }
    .personalPage .pageHd {
        height: auto;
        padding-bottom: 10px;
    }
    .personalPage .addPersonBtn {
        position: static;
        text-align: center;
        padding-top: 4px;
    }
    .personalPage .addPersonBtn .btn {
        padding: 2px 4px;
    }
    /*Reader Camera Mapping*/
    .searchRow .col-xs-4 {
        width: calc(100% - 40px);
        margin-bottom: 10px;
    }
    .rightMapReader .searchRow .col-xs-3 {
        width: 100%;
        margin-bottom: 10px;
    }
    .rightMapReader .searchRow .col-xs-3:nth-child(3),
    .rightMapReader .searchRow .col-xs-2 {
        margin-top: 0;
    }
    /*App Setting Page*/
    .appThemeTab .nav-tabs>li a {
        padding: 10px 12px;
    }
    /*Crisis Mode Settings*/
    .loop-pnl-btn {
        text-align: center;
    }
    .loop-pnl-btn .btn {
        margin-top: 5px;
    }
    body .loop-pnl .checkboxPanel label {
        max-width: none;
        margin-bottom: 0;
    }
    .loop-pnl .checkboxPanel span.badge {
        position: static;
        margin: 0 0 10px 15px;
    }
    /* Loop/Cluster Diagnostics */
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(1) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(2) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(3) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(4) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(5) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(6) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(7) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(8) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(9) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(10) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(11) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(12) {
        flex: 0 0 100%;
    }
    .LoopCluster-panel-table .lp-table tbody tr td:nth-child(13) {
        flex: 0 0 100%;
    }
    /*=====Activity Log Event Report Page======*/
    .AlarmSettingslabel .input-group {
        display: block;
    }
    .input-group.dScheduleSlot.alarmSettings .form-control {
        margin: 0 0 5px;
        display: block;
    }
    .AlarmSettingslabel .input-group .form-control {
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        float: none;
    }
    .AlarmSettingslabel .input-group .form-control select {
        background-position: calc(100% - 11px) 12px;
        padding: 0 2px;
    }
    .AlarmSettingslabel .input-group span.timeCellSpan {
        width: 0 !important;
    }
    .AlarmSettingslabel .input-group .input-group-addon {
        float: left;
        width: 29px;
        padding: 9px 0 0 0;
        height: 34px;
    }
    .AlarmSettingslabel .input-group .input-group-addon {
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555555;
        text-align: center;
        float: right;
        border: 1px solid #ccc;
        border-right: none;
    }
}

@media(max-width:380px) {
    .leftHd p {
        padding: 0px 0 0;
        font-size: 14px;
    }
    /* Login */
    .login-info-user-modal {
        width: 95%;
        height: calc(90%);
    }
    /*Cardholder Editor / Personal*/
    .cardPanelBtngroup {
        padding-top: 2px;
    }
    .cardPanelBtngroup .btn {
        padding: 0px;
        background: none !important;
        border: none !important;
        color: #000 !important;
        margin: 0 3px;
        font-size: 14px;
    }
    .cardPanelBtngroup .chkSingelLabel {
        padding: 0;
        border: none;
        line-height: 7px;
    }
    /*personal list*/
    .persona_listlPage .pageHd {
        height: auto;
        padding-bottom: 10px;
    }
    .persona_listlPage .addPersonBtn {
        position: static;
        text-align: center;
    }
    .list-selectAll-btn.chkSingelLabel input:checked+span::after {
        left: 0px;
    }
    /*Door/Reader Properties*/
    .readerID.badge {
        font-size: 12px;
        padding-left: 0;
        padding-right: 0;
    }
    /*=====Activity Log Event Report Page======*/
    .input-group.dScheduleSlot.alarmSettings .input-group-multi-select {
        margin: 0 0 5px;
        width: 100%;
        float: left;
    }
}


/*===========================================================================================*/


/*===========================================================================================*/

@media(min-width:767px) {
    /*Cardholder Editor / Personal*/
    .che_Inactive.mobileInactive {
        display: none !important;
    }
    .che_Inactive.mobileInactive[style="display:block;"] {
        display: none !important;
    }
}


/*===========================================================================================*/


/*===========================================================================================*/

@media (max-height:700px) and (max-width:1400px) and (min-width:1025px) {
    /*Cardholder Editor / Personal*/
    .personalTabpanel_box.activeHistory .datetimePic .bootstrap-datetimepicker-widget.dropdown-menu {
        position: fixed !important;
        top: auto!important;
        bottom: 60px!important;
        z-index: 9999;
        left: 250px!important;
    }
    .personalTabpanel_box.activeHistory .datetimePic.endDatePic .bootstrap-datetimepicker-widget.dropdown-menu {
        left: calc(50% + 50px)!important;
    }
}