@media screen and (min-width: 992px) {
    .mobile-only {
        display: none !important;
    }

    .desk-only {
        display: block !important;
    }

    .small-label .form-group label {
        min-width: 91px;
    }
}

@media screen and (max-width: 1199px) {
    :root {
        --h1: normal 500 46px/1.3 var(--first-font);
        --h2: normal 500 36px/1.3 var(--first-font);
        --h3: normal 500 28px/1.3 var(--first-font);
        --h4: normal 500 24px/1.3 var(--first-font);
        --h5: normal 500 20px/1.3 var(--first-font);
        --h6: normal 500 16px/1.3 var(--second-font);
    }

}

@media screen and (max-width: 991px) {
    :root {
        --h1: normal 500 36px/1.3 var(--first-font);
        --h2: normal 500 32px/1.3 var(--first-font);
        --h3: normal 500 26px/1.3 var(--first-font);
        --h4: normal 500 22px/1.3 var(--first-font);
        --h5: normal 500 18px/1.3 var(--first-font);
        --common-text: normal 400 14px/1.3 var(--second-font);
    }

    .section-title {
        margin: 0 0 18px;
    }

    .pt {
        padding-top: 30px;
    }

    .pb {
        padding-bottom: 30px;
    }

    .logo-col {
        padding: 8px 0px;
        border-bottom: 1px solid var(--border-color);
    }

    .sidebar { 
        left: -250px; 
    }

    .sidebar.active {
        left: 0;
    }

    .sidebar {
        gap: 10px;
    }

    .site-header .menu-items-col {
        display: none;
    }

    .mobile-menu-bar {
        padding: 0px 15px 15px 15px;
    } 

    .main-content {
        margin-left: 0;
        width: 100%;
        padding: 15px;
    }

    .close-sidebar-btn {
        display: block;
    }

    .menu-title {
    font-size: 14px;
    }

    .submenu a , .submenu-title {
    font-size: 13px;
    }

    .site-header {
        width: 100%;
        margin-left: 0;
    }

    .desktop-logo {
        display: none;
    }
    .mobile-logo {
        display: block;
    }
    .search-input {
        margin: 0 0 15px 0;
    }

}

@media screen and (max-width: 767px) {
    :root {
        --h1: normal 500 32px/1.3 var(--first-font);
        --h2: normal 500 26px/1.3 var(--first-font);
        --h3: normal 500 24px/1.3 var(--first-font);
        --h4: normal 500 20px/1.3 var(--first-font);
    }

    .btn ,
    .sidebar-menu li a {
        padding: 8px 11px !important;
        font-size: 14px !important;
    }  

    .btn svg {
        min-height: 15px;
        min-width: 15px;
    }

    #dashboard-section {
        padding: 0px;
        box-shadow: none;
    }

    .dropdown-submenu>.dropdown-menu {
        top: 30px;
    }

    .site-header {
        padding: 10px 0px;
    }

    .site-header { 
        padding: 10px 0px;
        height: 60px;
    }

    .error-inner h2 {
        font-size: 60px;
    }

    .error-inner h3 {
        font-size: 30px;
    }

    .error-inner h2 , .error-inner h3 ,.error-inner p {
        margin-bottom: 15px;
    }
            
    .stats-grid {
        grid-template-columns: 1fr;
    }

}

@media screen and (max-width: 575px) {
    :root {
        --h1: normal 500 30px/1.3 var(--first-font);
        --h2: normal 500 26px/1.3 var(--first-font);
        --h3: normal 500 22px/1.3 var(--first-font);
    }

    .section-title {
        text-align: center;
    }

    .logo-col {
        padding: 20px 0px
    }

    ul.tabs {
        gap: 6px;
        margin-bottom: 15px;
    }

    ul.tabs li {
        padding: 10px;
    }

    .common-popup {
        max-width: calc(100% - 30px);
    }

    .common-table h3 {
        font-size: 16px;
    }

    table th {
        font-size: 13px;
    }
    .form-content h2 {
        margin-bottom: 15px;
    }
    .edit-inner {
        padding: 0px 15px 15px;
    }

    .error-inner h2 {
        font-size: 50px;
    }
    
    .error-inner h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 450px) {
    .dashboard-container {
        padding: 15px;
    }

    .form-group {
        flex-direction: column;
        align-items: start;
    }

    .form-group label { 
        min-width: max-content;
    }

    .profile-info {
        display: none;
    }

    .profile-box {
        padding: 0px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .profile-img {
        height: 36px;
        width: 36px;
        border-color: 2px solid var(--first-color);
    }

    .mobile-menu-wrapper .menu-close-icon {
        padding: 15px;
    }

}

@media screen and (max-width: 480px) {

    .table-responsive-search, .table-responsive-pagination {
        display: block !important;
    }

    .table-responsive-pagination{
        text-align: center;
    }

    .table-responsive-search input, .table-responsive-pagination .btn-group{
        margin-top: 15px !important;
    }

    .custom-search {
        max-width: 100%;
    }

}

 @media screen and (max-width: 575px) {
    .log-in-page .industry-form-dtl {
        width: 420px;
    }
 }
 
 @media screen and (max-width: 450px) {
     .log-in-page .industry-form-dtl {
        width: 331px;
    }
 }

  @media screen and (max-width: 767px) {
     :root {
         --h1: normal 500 32px/1.3 var(--first-font);
         --h2: normal 500 26px/1.3 var(--first-font);
         --h3: normal 500 24px/1.3 var(--first-font);
         --h4: normal 500 20px/1.3 var(--first-font);
     }

     .btn svg {
         min-height: 15px;
         min-width: 15px;
     }

     #dashboard-section {
         padding: 0px;
         box-shadow: none;
     }

     .dropdown-submenu>.dropdown-menu {
         top: 30px;
     }

     .site-header {
         padding: 10px 0px;
     }
     .item-table-head { 
        font-size: 13px;
    }

    .log-in-page .container {
        right: auto;
     }

 }

 @media screen and (max-width: 575px) {
     :root {
         --h1: normal 500 30px/1.3 var(--first-font);
         --h2: normal 500 26px/1.3 var(--first-font);
         --h3: normal 500 22px/1.3 var(--first-font);
     }

     .section-title {
         text-align: center;
     }

     .logo-col {
         padding: 4px 0px
     }

     ul.tabs {
         gap: 6px;
         margin-bottom: 15px;
     }

     ul.tabs li {
         padding: 10px;
     }

     .common-popup {
         max-width: calc(100% - 30px);
     }

     .common-table h3 {
         font-size: 16px;
     }

     table th {
         font-size: 13px;
     }
     .form-content h2 {
        margin-bottom: 15px;
     }
     .edit-inner {
        padding: 0px 15px 15px;
     }
    .log-in-page .industry-form-dtl {
        width: 420px;
    }
    /* Dashboard css  */
    .stats {
        grid-template-columns: repeat(2, 1fr);
    }
 }

 @media screen and (max-width: 450px) {
     .dashboard-container {
         padding: 15px;
     }

     .form-group {
         flex-direction: column;
         align-items: start;
     }
 
     .form-group label { 
         min-width: max-content;
     }

     .profile-info {
         display: none;
     }

     .profile-box {
         padding: 0px;
         border-radius: 50%;
         -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         -ms-border-radius: 50%;
         -o-border-radius: 50%;
     }

     .profile-img {
         height: 36px;
         width: 36px;
         border-color: 2px solid var(--first-color);
     }

     .mobile-menu-wrapper .menu-close-icon {
         padding: 15px;
     }

    .acnav-list .form-group {
        flex-direction: row;
     }
     .accordian-table .acnav-list {
        padding: 10px;
     }
     .accordian-table {
        padding: 15px 10px;
     }
     .item-table-row .input-group input {
        padding: 10px;
     }

     .log-in-page .industry-form-dtl {
        width: 300px;
    }
    /* Dashboard css  */
    .dashboard-card {
         padding: 15px;
         border-radius: 10px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         -ms-border-radius: 10px;
         -o-border-radius: 10px;
}

    .stats { 
        grid-template-columns: 1fr;
    }
 }