/* Devices: Large desktops and high-resolution monitors */
@media (min-width: 1439px) and (max-width: 1920px) {
}

/* Devices: Large laptops and smaller desktop monitors */
@media (min-width: 1281px) and (max-width: 1360px) {
    .grid-table-sec {
        height: 470px;
    }
    .login-screen {
        margin-top: 30px;
    }
    .signin-screen {
        margin-top: 30px;
    }
    .login-screen-version-sec {
        margin: 40px 0px 10px !important;
    }

    #tdCompLogo {
        padding: 25px 0px;
    }
    .top_main_nav_widg li a {
        padding: 12px 8px !important;
    }
}

/* Fix overlap issue specifically for 1225px-1280px range */
@media (min-width: 1225px) and (max-width: 1280px) {
    .right-widget-menu-sec {
        width: 24% !important;
        min-width: 200px;
    }
    .submenu.large-submenu.dropdown-content-large-submenu {
        width: 76% !important;
        max-width: calc(100% - 200px);
    }
    .header-menu-list {
        overflow: hidden !important;
    }
    .top_main_nav_widg li a {
        padding: 12px 8px !important; /* Reduced padding */
        font-size: 14px !important;
    }
}

/* Devices: Medium-sized laptops and high-end tablets */
@media (min-width: 1200px) and (max-width: 1280px) {
    .grid-table-sec {
        height: 470px;
    }

    .login-screen {
        margin-top: 30px;
    }
    .signin-screen {
        margin-top: 30px;
    }
    .login-screen-version-sec {
        margin: 40px 0px 10px !important;
    }
    #tdCompLogo {
        padding: 25px 0px;
    }
    .container.main-section-login {
        align-items: center;
        justify-content: center;
        display: flex !important;
        height: 100vh !important;
    }
    .navbar-header.modulesecimg {
        min-width: 240px;
    }
    .top_main_nav_widg li a {
        padding: 12px 10px !important;
    }
    .right-widget-menu-sec {
        width: 25%;
        min-width: 200px; /* Increased to prevent overlap */
    }
    .submenu.large-submenu.dropdown-content-large-submenu {
        width: 75% !important; /* Changed from 76% to 75% for better fit */
        max-width: calc(100% - 200px); /* Ensure it doesn't overlap with right widget */
    }
    /* Prevent menu overlap */
    .header-menu-list {
        overflow: hidden !important;
    }
    .top_main_nav_widg li a {
        padding: 12px 8px !important; /* Reduced padding */
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .left-page-exdent {
        min-width: 198px !important;
    }

        .left-page-exdent .left-sidebar {
            width: 198px !important;
        }
    .left-page.left-page-exdent .side-bar-icon {
        width: 175px;
    }
    [data-sidebar-position=fixed] .left-sidebar {
        overflow: visible;
    }
    .side-bar-icon {
        width: 180px;
    }

    .left-font-icon {
        font-size: 14px;
        width: 40px;
        height: 33px !important;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        width: 200px !important;
    }

    .header-sidebar-logo-sec {
        width: 175px !important;
    }
    .shotcut-footer-sec {
        width: 180px;
    }
    .menu-icon.ic-mg.list-styke.right-widget-home-sec {
        font-size: 18px;
        height: 36px;
        width: 36px;
        margin-right: 25px;
    }
    li.menu-ai-icon.ic-mg.list-styke.right-widget-home-sec {
        margin-right: 10px;
        font-size: 18px;
        height: 36px;
        width: 36px;
    }
    .outline-header {
        padding: 0px 6px 0px 0px;
    }
    .menu-icon.ic-mg.list-styke.right-widget-home-sec::before {
    right: -13px;
}
    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        min-width: 200px;
    }
    .top_main_nav_widg li a {
        padding: 10px !important;
    }
    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 325px !important;
    }
    span.lft_hvr {
        font-size: 13px;
        padding-left: 10px;
    }
    .outline-header {
        gap: 10px;
    }
}

/* Devices: Tablets in landscape mode and small desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .grid-table-sec {
        height: 470px;
    }

    .dropdown-wth .dropdown.bootstrap-select.form-control {
        width: 140px !important;
    }

    .dxgvtable-sec {
        overflow-y: scroll;
        width: 100%;
    }

    .card.pswd-help.pass-expiry-area {
        width: 30%;
    }

    .login-screen {
        margin-top: 50px;
    }

    .login-screen-version-sec {
        margin: 40px 0px 20px !important;
    }

    .user-screen-front-sec img {
        width: 80%;
        margin: auto;
    }

    #tdCompLogo {
        padding: 25px 0px;
    }

    .signin-screen {
        margin-top: 30px;
    }

    li.headertop-menu i {
        font-size: 15px;
    }

    a.headertop-menu-list.nav-link p {
        font-size: 13px;
    }

    .content-title i {
        font-size: 10px;
    }

    .content-menu {
        font-size: 11px;
    }

    .dropdown-content-top {
        height: 25px;
    }

    a.headertop-menu-list {
        padding: 8px 8px !important;
    }

    .courier-dashboard-summary-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .MaterialDashBoard .details-view-box {
        width: 24%;
    }
    .assets-dashboard .header-sidebar-logo-sec, .attendance-dashboard .header-sidebar-logo-sec, .contractor-dashboard .header-sidebar-logo-sec, .mrm-dashboard .header-sidebar-logo-sec, .parking-dashboard .header-sidebar-logo-sec, .PTWDashBoard-body-sec .header-sidebar-logo-sec, .MultiTenancyDashboard .header-sidebar-logo-sec, .MaterialDashBoard .header-sidebar-logo-sec, .VisitorOfficeDashboard .header-sidebar-logo-sec, .chat-body-sec .header-sidebar-logo-sec, .mhome-dashboard-page .header-sidebar-logo-sec, .mhome-sec .header-sidebar-logo-sec {
        margin-top: 0px;
    }
}

/* Devices: Tablets in portrait mode and small mobile devices */
/* Fix overlap issue between 768px and 991px */
@media (min-width: 768px) and (max-width: 991px) {
    /* Ensure menu doesn't overlap */
    .submenu.large-submenu.dropdown-content-large-submenu {
        width: 70% !important;
        max-width: calc(100% - 200px);
    }
    .webcam-mobile-section {
        display: block
    }
    .right-widget-menu-sec {
        width: 30% !important;
        min-width: 200px;
    }
    .header-menu-list {
        overflow: hidden !important;
    }
    .grid-table-sec {
        height: 470px;
    }

    .dropdown-wth .dropdown.bootstrap-select.form-control {
        width: 140px !important;
    }

    .dxgvtable-sec {
        overflow-y: scroll;
        width: 100%;
    }

    .card.pswd-help.pass-expiry-area {
        width: 40%;
    }
    .login-top-vector-sec {
        width: 40%;
    }
    .login-screen {
        width: 100%;
    }
    .login-screen {
        margin-top: 40px;
    }
    #tdCompLogo {
        padding: 20px 0px;
    }
    .login-screen-version-sec {
        margin: 40px 0px 20px !important;
    }
    .user-screen-front-sec img {
        width: 80%;
        margin: auto;
    }
    .col-btn-alignment {
        margin-top: 15px;
    }
    .container.main-section-login {
        max-width: 920px;
        align-items: center;
        justify-content: center;
        display: flex !important;
        height: 100vh !important;
    }
    li.headertop-menu i {
        font-size: 15px;
    }

    a.headertop-menu-list.nav-link p {
        font-size: 13px;
    }

    .content-title i {
        font-size: 10px;
    }

    .content-menu {
        font-size: 11px;
    }

    .dropdown-content-top {
        height: 25px;
    }

    a.headertop-menu-list {
        padding: 8px 8px !important;
    }
    .courier-dashboard-summary-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .card.pswd-help {
        width: 90%;
    }
    .MaterialDashBoard .details-view-box {
        width: 24%;
    }
    .small-screen-left-menu {
        padding: 0px 7px;
    }
    div#divS2SubReg {
        padding: 0px;
    }
    .dropdown-content-new {
        max-height: 465px;
    }
    .bootstrap-datetimepicker-widget.dropdown-menu {
        left: -20px !important;
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        width: 290px !important;
    }
    .col-sm-12.col-md-12.col-lg-7.pe-lg-2.pr-0.md-mb-20.pd-rht-lft {
        padding: 0px;
    }
    .assets-dashboard .header-sidebar-logo-sec, .attendance-dashboard .header-sidebar-logo-sec, .contractor-dashboard .header-sidebar-logo-sec, .mrm-dashboard .header-sidebar-logo-sec, .parking-dashboard .header-sidebar-logo-sec, .PTWDashBoard-body-sec .header-sidebar-logo-sec, .MultiTenancyDashboard .header-sidebar-logo-sec, .MaterialDashBoard .header-sidebar-logo-sec, .VisitorOfficeDashboard .header-sidebar-logo-sec, .chat-body-sec .header-sidebar-logo-sec, .mhome-dashboard-page .header-sidebar-logo-sec, .mhome-sec .header-sidebar-logo-sec {
        margin-top: 0px;
    }
    .right-widget-menu-sec {
        width: 25%;
        min-width: 150px; /* Prevent too small on narrow screens */
    }
    .submenu.large-submenu.dropdown-content-large-submenu {
        width: 75%;
        max-width: calc(100% - 150px); /* Ensure it doesn't overlap with right widget */
    }
    /* Prevent menu overlap */
    .header-menu-list {
        overflow: hidden !important;
    }
    i.fa-light.fa-file-export.fs-2.text-primary.file-upload-mobile-view {
        display: flex;
    }

    .file-upload-desktop-view {
        display: none;
    }
    .col-md-4.col-lg-4.col-sm-12.col-xs-12.file-lbl-mobile-view {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
}

@media (min-width: 768px) and (max-width: 1024.99px) {

    .left-font-icon {
        font-size: 17px;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        width: 170px !important;
    }

    .header-sidebar-logo-sec {
        width: 140px !important;
    }

    .header-sidebar-logo-area {
        display: none !important;
    }

    span.small-header-menu {
        display: none;
    }

    .left-menu-small {
        min-height: 398px;
        width: 56px !important;
        min-width: 40px;
        background-color: #e1e1e1;
        position: fixed;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top: 65px;
        z-index: 999;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=overlay] .topbar .top-navbar .navbar-header {
        min-width: 140px;
    }

    .header-customer-logo-sec {
        margin-top: 0px;
    }

    .header-arrow-icon i {
        font-size: 18px;
    }

    .header-arrow-icon {
        padding: 4px;
    }

    .text-muted {
        font-size: 8px !important;
    }

    .user-text {
        font-size: 10px;
        width: 90px;
    }

    .user-initial {
        width: 25px;
        height: 25px;
        font-size: 14px;
    }

    .menu-icon.ic-mg.list-styke.right-widget-home-sec {
        font-size: 15px;
        height: 28px;
        width: 28px;
        display: flex;
        margin-right: 13px;
    }
    li.menu-ai-icon.ic-mg.list-styke.right-widget-home-sec {
        font-size: 15px;
        height: 28px;
        width: 28px;
        display: flex;
        margin-right: 6px;
    }
        .menu-icon.ic-mg.list-styke.right-widget-home-sec::before {
            position: absolute;
            content: " ";
            right: -8px;
            height: 100%;
            width: 1px;
            background-color: #B6B6B6;
        }
    .top_main_nav_widg li a {
        font-size: 12px;
        gap: 4px;
        padding: 7px !important;
    }

    .nav-font-icon i {
        font-size: 15px;
    }

    .nav-font-icon p {
        font-size: 12px;
    }

    .outline-header {
        height: 60px;
    }

    .header-line {
        min-height: 60px;
    }

    .customer_logo {
        height: 45px;
    }

    .dropdown-content-new a {
        font-size: 15px !important;
        padding: 8px;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    .mod-list.dropdown-module-menu {
        grid-template-columns: repeat(2, 1fr);
    }

    .custom-dropdown .dropdown-menu {
        left: -37px;
        width: 160px;
        padding: 7px;
    }
    ul.dropdown-menu.top-head-widget-area .dropdown-menu {
        left: -195px;
        width: 190px;
        padding: 7px;
    }
        .custom-dropdown .dropdown-menu li.ic-mg a, .custom-dropdown .dropdown-menu li.dropdown-submenu, .custom-dropdown .dropdown-menu li.ic-mg a.dropdown-item.profile-cont {
            padding: 5px 10px;
        }

    .large-icon-link {
        font-size: 14px;
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
        padding-top: 70px;
    }

    .outline-header {
        gap: 5px;
        padding: 0px 3px 0px 0px;
    }

    .top_main_nav_widg li {
        border-left: 0px solid #F3F3F3;
    }
    .left-widget-user-sec {
        padding: 4px 5px;
    }
    /*.scroll-sidebar {
        height: calc(100% - 10px);
    }*/
    .shotcut-footer-sec {
        display: none !important;
    }
    .left-page.left-page-exdent .lft_hvr {
        display: none !important;
    }
    .left-page.left-page-exdent .side-bar-icon {
        padding: 0px 3px !important;
        width: 45px;
        height: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .side-bar-icon {
        width: 40px;
    }
    #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6], #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {
        padding-left: 3px;
    }
    li.nav-item.custom-dropdown.position-relative a.nav-link.d-flex.align-items-center {
        padding: 5px !important;
    }
    .container.main-section-login {
        align-items: center;
        justify-content: center;
        display: flex !important;
        height: 100vh !important;
    }
    .left-page-exdent .left-sidebar {
        width: 64px !important;
    }
    .left-page-exdent {
        min-width: 68px !important;
    }
    ul.mod-list.dropdown-module-menu li a {
        padding: 12px 15px;
    }
    .topbar .navbar-brand {
        margin-top: -29px;
    }
    aside {
        padding-top: 68px !important;
    }
    .left-page.left-page-exdent ul.in.icon-widg.sm-shortcut-block {
        padding: 0px 0px !important;
    }
    .no-L-padding-lap {
        padding-left: 0px;
    }
    .left-widget-user-sec {
        width: 145px;
    }
}
/* Devices: Mobile phones and smaller tablets */
@media (max-width: 767px) {
    .webcam-mobile-section {
        display: block
    }

    .file-upload {
        display: grid !important;
        justify-content: center;
        text-align: center;
        margin: auto;
    }

    .upload-section {
        width: 100% !important;
    }

    .file-upload-control-area {
        width: max-content !important;
    }
    input#dcCourierOutward_disp_ReceivedBy {
        width: 100% !important;
    }

    input#dcCourierOutward_disp_SentBy {
        width: 100% !important;
    }

    input#dcCourierOutward_disp_AddressedTo {
        width: 100% !important;
    }

    input#dcCourierInward_disp_ReceivedBy {
        width: 100% !important;
    }

    input#dcCourierInward_disp_ReceivedTo {
        width: 100% !important;
    }

    input#dcCourierInward_disp_SentBy {
        width: 100% !important;
    }

    input#dcCourierInward_disp_SenderCompany {
        width: 100% !important;
    }

    .sm-pe-zero {
        padding-right: 0px !important;
    }

    .sm-ps-zero {
        padding-left: 0px !important;
    }

    .grid-table-sec {
        height: 470px;
    }

    .dropdown-wth .dropdown.bootstrap-select.form-control {
        width: 140px !important;
    }

    #ctlGPRequest_VendorMasterAutoList_txtVendor {
        width: 100% !important;
    }

    #ControlsHolder .input-group-text {
        height: 41px !important;
        background-color: #e9ecef;
        border: 1px solid #ced4da;
    }

    #trAuth .materialauthorizer .ptw_apr {
        width: 115px;
    }

    .btnalgn {
        padding: 0px !important;
    }

    .btnalgnview {
        padding: 0px !important;
    }

    .loginbtnalgn {
        gap: 13px;
        justify-content: center;
    }

    .col-btn-alignment {
        width: initial !important;
    }

    #divForgotPassword {
        width: 80%;
        margin: auto;
    }

    .dropdown-wth td.auto-style3 input {
        width: 70px !important;
    }

    .dxgvtable-sec .grd_outerpad.px-0 .GridTable {
        padding: 0px 0px;
    }

    .dxgvtable-sec {
        overflow-y: scroll;
        width: 100%;
    }

    .card.pswd-help.pass-expiry-area {
        width: 50%;
    }

    table.notification-tbl_sec {
        width: 550px !important;
    }

    .navbar-nav {
        flex-direction: row-reverse;
        align-items: center;
    }

    a.chat-icon-head {
        font-size: 15px;
        padding: 3px 6px;
    }

    .header-customer-logo-sec {
        margin-top: 0px;
    }

    .custom-dropdown .dropdown-menu li.dropdown-submenu.p-0 {
        display: block !important;
    }

    .custom-dropdown .dropdown-menu li.dropdown-submenu a {
        display: flex;
        justify-content: space-between;
        padding: 10px 4px !important;
    }

    .custom-dropdown .dropdown-menu {
        width: 175px;
    }

    .dropdown-submenu > .dropdown-menu {
        width: 190px;
        padding: 5px;
    }

    .left-widget-user-sec {
        margin-right: 5px;
    }

    .mod-list.dropdown-module-menu {
        grid-template-columns: repeat(2, 1fr);
    }

    .dropdown-content-new a {
        font-size: 15px !important;
        padding: 8px;
        padding-right: 0px;
        margin-bottom: 5px;
        width: 260px;
    }

    .top_main_nav_widg li a {
        font-size: 12px;
        gap: 7px;
        padding: 10px !important;
    }

    .nav-font-icon i {
        font-size: 16px;
    }

    .nav-font-icon p {
        font-size: 12px;
    }
    li.nav-item.custom-dropdown.position-relative a.nav-link.d-flex.align-items-center {
        padding: 7px !important;
    }
    .col-md-6.col-sm-12.col-xs-12.login-left {
        display: none;
    }
    .login-form-sec::before {
     display: none;
    }
    .login-screen {
        width: 100%;
    }
    .login-screen-version-sec {
        margin: 10px 0px 10px !important;
    }
    .login-screen-version-sec p {
        margin-bottom: 2px;
    }
    #tdCompLogo {
        padding: 5px 0px;
    }
    img.imglogin {
        width: 95px !important;
        height: 45px !important;
    }
    .login-screen {
        margin-top: 145px;
    }
    .login-bottom-vector-sec {
        width: 25%;
    }
    .login-top-vector-sec {
        width: 40%;
    }
    .login-form-2 {
        padding: 0px 40px 0px 40px !important;
    }
    .courier-dashboard-summary-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .card.pswd-help {
        width: 80%;
        grid-template-columns: 100%;
    }
    .user-screen-front-sec {
        display: none;
    }
    .pwdhelp-screen-form-card::before {
        width: 0px;
    }
    .pwdhelp-screen-form-sec {
        padding-left: 0px;
    }
    .MaterialDashBoard .details-view-box {
        width: 22.9%;
    }
    .countdown-box-sec {
        padding: 10px !important;
        gap: 8px;
    }
    .me-rt-10.col-md-6.dashboard-image-section {
        width: 50%;
        padding: 0px;
    }
    p.dashboard-count-value {
        font-size: 18px;
    }
    p.dashboard-count-head {
        font-size: 13px;
    }
    .small-screen-left-menu {
        margin-top: 65px;
    }
    .VisitorOfficeDashboard .countdown-box-sec {
        margin-bottom: 10px;
    }
    div#divS2SubReg {
        padding: 0px;
    }
    .customer_logo.headercommom-logo img {
        width: 100px !important;
        height: 60px !important;
        object-fit: contain;
    }
    #main-wrapper[data-layout=vertical][data-header-position=fixed] .topbar {
        box-shadow: none;
    }
    .no-L-padding-lap {
        padding-left: 0px;
    }
    #divCreateSpotCheck .card {
        width: 50%;
        margin: auto;
    }
    .row.camera-box {
        gap: 25px;
    }
    .spot-check-entry-modal-body .card.overflow-auto {
        height: 500px !important;
        width: 100% !important;
    }
    .left-widget-user-sec {
        padding: 4px 4px;
        width: 150px;
    }
    .user-initial {
        width: 25px;
        height: 27px;
        font-size: 14px;
    }
    .user-text {
        font-size: 10px !important;
        width: 85px;
    }
    .col-sm-12.col-md-12.col-lg-7.pe-lg-2.pr-0.md-mb-20.pd-rht-lft {
        padding: 0px;
    }
    .more-dropdown {
        left: -65px;
    }
    .PTWSpotCheck .curvedBox.divCreateSpotCheck-modal {
        width: 500px !important;
    }
    .PTWSpotCheck #divCreateSpotCheck {
        width: 80% !important;
    }
    .charts-view-table-body #dvreport_filter table {
        width: -webkit-fill-available !important;
    }
    .headcount-loc-col{
        text-align: left;
        margin-top: 15px
    }
    div#divBlackList {
        width: 100% !important;
    }
    body.home-sec .header-menu-list {
        margin: 10px 0px 10px 3px;
    }
    body.home-sec .small-position-fixed {
        left: 0px;
    }
    body.home-sec .col-lg-12.col-xs-12.header-sm-submenu-sec {
        padding: 0px;
    }
}

/* Devices: Small mobile phones and devices */
@media (max-width: 575px) {
    .sm-mt-head {
        margin-top: 5px;
    }

    .materialeditalgn .tableview table {
        border: unset !important;
    }

    .Viewtbl_lbl {
        font-size: 12px !important;
    }

    .materialtable .tableview table {
        border: unset !important;
    }

        .materialtable .tableview table .Viewtbl_lbl {
            font-size: 11px !important;
        }

    .materialauthorizer #ctlMaterialAuthorizer_dispAlt_L2 {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .materialauthorizer #ctlMaterialAuthorizer_disp_L2 {
        width: 100% !important;
    }

    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 88% !important;
    }

    #divForgotPassword, #divVerifyOTP, #divResetPassword {
        width: 100%;
    }

    .card.pswd-help.pass-expiry-area {
        width: 65%;
    }

    .dropdown-content-new a {
        font-size: 13px !important;
        padding: 5px;
        width: 220px;
    }

    .mod-list.dropdown-module-menu {
        padding: 8px 8px 2px 8px;
    }

    .dropdown-content-new {
        left: -50px !important;
    }
    .dropbtn-icon {
        font-size: 16px;
    }

        .dropdown-content-new::before {
            left: 56px;
        }
    .login-screen {
        width: 75%;
    }
    .login-form-2 {
        padding: 0px 40px 0px 40px !important;
    }
    .login-screen-version-sec {
        margin: 0px 0px 10px !important;
    }
    .col-btn-alignment {
        margin-top: 15px;
    }
    #tdCompLogo {
        padding: 15px 0px;
    }
    .courier-dashboard-summary-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .MaterialDashBoard .details-view-box {
        width: 47%;
    }
    .popUpView {
        width: 420px;
    }
    .report-mis-default-sec #dvreport_filter table {
        width: 460px;
    }
    .report-mis-default-sec #dvreport_filter td.control {
        width: 150px !important;
    }
    .dashboard-drop-cus-width button {
        width: 150px !important;
    }
    .multidaylist-body-sec .blockUI.blockMsg.blockPage,
    .contractor-search-body-sec .blockUI.blockMsg.blockPage,
    .home-sec .blockUI.blockMsg.blockPage,
    .visitor-view-checkinlist .blockUI.blockMsg.blockPage {
        width: 420px !important;
    }
    div#divPopUpView {
        width: 100% !important;
        left: 45% !important;
    }
}

@media (max-width: 568px) {
    .card.pswd-help {
        width: 80%;
    }

        .card.pswd-help.pass-expiry-area {
            width: 82%;
        }
}
/* Devices: Very small mobile phones */
@media (max-width: 480px) {
    .Viewtbl_lbl {
        font-size: 10px !important;
    }

    .materialgridrtn table td {
        padding: 10px 2px;
        font-size: 9px !important;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 8px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 85% !important;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 400px !important;
    }
    .header-menu-list ul.dropdown-menu.custom-dropdown-menu.position-absolute li {
        margin: 5px;
    }
    li.top-header-logout-area a {
        padding: 5px;
    }

    li.top-header-logout-area::before {
        top: -13px;
    }

    li.top-header-logout-area {
        margin-top: 10px;
    }
    .login-screen {
        width: 90%;
    }
    .logic-screen-title {
        margin-bottom: 15px;
    }
    .dashboard-title-single-content-sec h1, .dashboard-title-content-sec h1 {
        font-size: 16px;
    }
    .dashboard-title-content-sec.d-flex {
        display: grid !important;
        height: 90px;
    }
    .dashboard-title-content-dropdown .bootstrap-select > .dropdown-toggle {
        padding: 5px;
        height: 35px;
        font-size: 14px;
    }
    .bootstrap-select .dropdown-toggle .filter-option::after {
        top: 0px;
        height: 30px;
        padding: 6px 6px 6px 6px;
    }
    .dashboard-title-content-dropdown .bootstrap-select .dropdown-toggle .filter-option::after {
        font-size: 15px;
    }
    #divCreateSpotCheck .card {
        width: 40%;
        margin: auto;
    }

    .row.camera-box {
        gap: 20px;
    }
    .spot-check-entry-modal-body .card.overflow-auto {
        height: 500px !important;
        width: 100% !important;
    }
    .report-mis-default-sec #dvreport_filter table {
        width: 400px;
    }
    .report-mis-default-sec #dvreport_filter td.control {
        width: 135px !important;
    }
    .mobile-popup-view {
        width: 300px !important;
    }
}

/* Devices: Extra small mobile phones and some older models */
@media (max-width: 414px) {
    #trAuth .materialauthorizer #ctlMaterialAuthorizer_disp_ACK1 {
        width: 82% !important;
    }

    .Viewtbl_lbl {
        font-size: 8px !important;
        padding: 4px !important;
    }

    .materialtable .tableview table {
        border: unset !important;
    }

    .materialgridrtn table th {
        padding: 2px 0px;
        font-size: 7px;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 6px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 82% !important;
    }

    .materialtable .tableview #ctlGPView_tblMain {
        overflow: auto;
    }

    table.notification-tbl_sec {
        width: 430px !important;
    }

    .dropdown-content-new {
        left: -140px !important;
    }

        .dropdown-content-new::before {
            left: 146px;
        }

        .dropdown-content-new a {
            font-size: 11px !important;
            width: 200px;
        }

    .dropbtn-icon {
        font-size: 15px;
    }
    .header-menu-list ul.dropdown-menu.custom-dropdown-menu.position-absolute li {
        margin: 5px;
    }
    .header-arrow-icon {
        padding: 4px;
    }
    li.mob-sm-icon.dropdown-submenu {
        padding: 4px 3px !important;
    }
    li.user-icon.nav-item.ic-mg.mob-sm-icon a.dropdown-item.profile-cont {
        padding: 4px 3px;
    }
}

/* Devices: Tiny mobile screens, typically older or less common devices */
@media (max-width: 375px) {
    .hover-carousel {
        height: 71px !important;
        min-width: 96px;
    }

    .multi-alert-close {
        padding: 0px !important;
        margin-right: 4px;
    }

    #trAuth .materialauthorizer #ctlMaterialAuthorizer_disp_ACK1 {
        width: 100% !important;
    }
    /*.Viewtbl_lbl {
        font-size: 6px !important;
        padding: 1px !important;
    }*/
    .materialprocalgn .tableview table {
        border: unset !important;
    }

    #ControlsHolder .custom-file-label {
        font-size: 12px !important;
        padding: 3px;
        display: flex;
        align-items: center;
    }

    span#ctlGPRequest_ctl_spnAttachmentName {
        font-size: 11px;
    }

    #ControlsHolder .custom-file-label::after {
        padding: 9px;
    }

    #ControlsHolder .input-group-text {
        font-size: 12px;
    }

    .viewbtnalgn #ctlDetailButtons_tblDetailButtons {
        display: flex;
        gap: 5px;
    }
    /*.materialtable .tableview table .Viewtbl_lbl {
        font-size: 5px !important;
    }*/
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 77% !important;
    }

    .curvedBox.divCreateSpotCheck-modal {
        width: 350px !important;
    }

    table.notification-tbl_sec {
        width: 400px !important;
    }

    .dropdown-content-new a {
        font-size: 11px !important;
        width: 170px;
    }
    .popUpView {
        width: 360px;
    }
    .report-mis-default-sec #dvreport_filter table {
        width: 365px;
    }
    .report-mis-default-sec #dvreport_filter td.control {
        width: 110px !important;
    }
    .multidaylist-body-sec .blockUI.blockMsg.blockPage,
    .contractor-search-body-sec .blockUI.blockMsg.blockPage,
    .home-sec .blockUI.blockMsg.blockPage,
    .visitor-view-checkinlist .blockUI.blockMsg.blockPage {
        width: 335px !important;
    }
}


/* Devices: Extremely small mobile screens, rarely used */
@media (max-width: 320px) {
    .materialauthorizer #ctlMaterialAuthorizer_disp_L1 {
        width: 76% !important;
    }
    .details-view-box {
        width: 96.9%;
    }
}