@media (max-width:1460px) {}

@media (max-width:1024px) {
    .wrapper {
        padding-top: 99px;
        padding-left: 0
    }

    .wrapper.full {
        padding-left: 0
    }

    .header-area {
        padding: 5px 10px
    }
    .header-area .search-area{
        width:300px;
    }
    .header-company-name{font-size:12px; width: 80%;}

    .header-area .btn-menu {
        margin: 0 5px 0 10px;
        padding: 0;
      }

    .header-area .logo-icon span {
        display: none
    }

    .header-area .right {
        margin-left: 10px
    }


    #sidebar {
        left: -260px
    }

    #sidebar.mini-sidebar {
        min-width: 240px;
        max-width: 240px;
        left: 0
    }

    #sidebar.mini-sidebar ul.main-menu li a {
        font-size: .778rem;
        font-weight: 400;
        text-decoration: none;
        line-height: 1.3;
        color: #212121;
        padding: 4px 8px 4px 50px;
        min-height: 40px;
        position: relative;
        display: flex;
        align-items: center;
        transition: all 0.3s
    }

    #sidebar.mini-sidebar ul.main-menu li a .icon {
        left: 8px;
        transition: all 0.3s
    }
    #content{
        margin-left: 15px;
        width: calc(100% - 30px) !important;
    }
    .titlebar-area .right .btn-add, .btn-edit, .btn-info, .btn-view{
        padding: 6px 14px;
        font-size: 12px;
    }

    .titlebar-area {
        top: 51px;
        padding: 8px 12px;
        margin-top: 15px;
        margin-left: 15px;
        width: calc(100% - 30px);
    }

    .titlebar-area .right {
        justify-content: center
    }

    .titlebar-area.full {
        padding: 8px 12px
    }
    .form-main-area .form-block{
        height: calc(100vh - 58px);
    }
    .multi-step-form .step-btns{
        margin-top: 15px;
    }
    .multi-step-form .btn-submit,
    .multi-step-form .btn-cancel{
        padding: 9px 20px;
        font-size: 13px;
    }
    .job-cards-list {
        gap: 15px;
        padding: 15px 0;
    }
    .job-card .job-card-main{
        padding: 15px;
        gap: 0;
    }
    .job-card .job-card-left{
        flex: auto;
        width: 100%;
        border-bottom: #f0f3f7 1px solid;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
    }
    .job-card .job-card-title-row{
        margin-bottom: 0;
        justify-content: space-between;
    }
    .job-card .stat-group{
        min-width: auto;
        align-items: center;
        gap: 10px;
        flex-direction: row;
    }
    .job-card .btn-job-action{
        font-size: 12px;
        padding: 6px 16px;
        line-height: 18px;
    }
    .form-main-area {
        width: 100%
    }

    .form-main-area .form-block {
        padding: 15px;
        top: 50px

    }

    .multi-step-form .step-progress {
        gap: 10px;
        max-width: 100%;
        margin-bottom: 35px;
        padding: 0 30px;
    }

    .multi-step-form .step-item {
        width: 32px;
        height: 32px;
        font-size: 13px;
    }

    .multi-step-form .step-progress::before {
        top: 15px;
        left: 5%;
        width: 90%;
    }

    .multi-step-form .step-item::after {
        top: 38px;
        font-size: 11px;
    }

    .multi-step-form .step-form {
        padding: 20px;
    }
    .form-main-area .form-block h4{
        font-size: 18px;
        margin-bottom: 20px;
        border-bottom: #e2e8f0 1px dashed;
        padding-bottom: 15px;
    }
    .select2-container--default .select2-selection--single{height: 45px !important;}
    .job-preview-wrapper {
        grid-template-columns: 1fr;
    }

    .preview-header-banner {
        flex-direction: column;
        align-items: flex-start;
        padding:20px;
        gap: 15px;
    }
    .preview-company-avatar {
        width: 60px;
        height: 60px;
    }
    .preview-banner-info h2{
        font-size: 20px;
        margin: 0 0 4px 0;
    }
    .preview-banner-info p {
        font-size: 14px;
    }
    .preview-badge{
        padding: 6px 15px;
        font-size: 12px;
    }
    .unified-grid{gap: 15px 20px;}
    .unified-section{padding: 16px;}
    .unified-section-title{margin-bottom: 20px;}
    .u-info label{margin:0px;}
    .u-info span{font-size: 12px; line-height: 16px; font-weight: 500; color: #7a849c;}

    .multi-step-form .plan-inner {padding: 55px 20px 20px 20px;}
    .multi-step-form .plan-header{gap: 6px;}
    .multi-step-form .plan-title-area h3{font-size: 18px; letter-spacing: 0;}
    .multi-step-form .plan-subtitle{font-size: 11px;}
    .multi-step-form .plan-features{margin: 0;}
    .multi-step-form .plan-features li{text-transform: capitalize; letter-spacing: 0; font-size: 14px;}
    .multi-step-form .plan-divider{margin-bottom: 14px;}
    .form-main-area .top-part {
        padding: 10px 15px
    }

    .form-main-area .form-block .mb-3 {
        margin-bottom: 15px !important
    }

    .form-main-area .form-block .form-control,
    .form-main-area .form-block .form-select {
        font-size: 13px;
        line-height: 16px;
        padding: 10px 12px
    }

    .form-main-area ul.radio-area li {
        width: auto
    }

    input[type="radio"].css-radio+label.css-radiolabel {
        padding: 8px 10px;
        font-size: .8rem
    }

    .filter-area .top-part {
        padding: 10px 15px
    }

    .dl-menuwrapper li.dl-back>a {
        padding: 8px 8px 8px 42px;
        font-size: 14px;
        line-height: 19px
    }

    .dl-menuwrapper li.dl-back>a::before {
        top: 5px;
        left: 12px
    }

    .dl-menuwrapper li a {
        font-size: 14px;
        padding: 6px 15px
    }

    .filter-area .sub-title {
        font-size: 12px;
        line-height: 12px
    }

    .filter-area .inside .mb-3 {
        margin-bottom: 15px !important
    }

    .filter-area .inside .form-control,
    .filter-area .inside .form-select {
        font-size: 13px;
        line-height: 16px;
        padding: 10px 12px
    }

    .filter-area .inside .form-check {
        margin-bottom: 12px
    }

    .whatsapp-page {
        padding: 25px
    }

    .whatsapp-page .inner-flex .left-side {
        width: 40%;
        padding: 5px 0 0 0
    }

    .whatsapp-page .inner-flex .right-side {
        width: 60%
    }

    .whatsapp-page .right-side .right-side-chat {
        padding: 5px 25px 10px 25px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-img {
        margin: 0 10px 0 8px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col {
        height: 65px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant {
        height: 65px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-title h5 {
        font-size: 15px;
        line-height: 18px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-text p {
        font-size: 13px;
        line-height: 14px
    }

    .whatsapp-page .right-side .right-side-top {
        padding: 8px 12px
    }

    .whatsapp-page .right-side .right-side-top .right-side-top-left {
        gap: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items h6 {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items {
        max-width: 238px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time span {
        font-size: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time svg {
        width: 11px !important
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item h6 {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item span {
        font-size: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item img {
        width: 160px
    }

    .whatsapp-page .wb-tab-menu ul .wp-tab-a {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-footer-menu .right-side-footer-menu-input input {
        padding: 8px 8px;
        font-size: 14px
    }

    .whatsapp-page .right-side .right-side-footer-menu {
        min-height: 54px
    }

    .whatsapp-page .whatsapp-title h1 {
        font-size: 20px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time {
        bottom: 2px
    }

    .form-main-area.page-view .text-block .page-view-area .gride-three {
        grid-template-columns: 1fr 1fr
    }

    .form-main-area.page-view .text-block .page-view-area .gride-three .form-group:last-child {
        grid-column: span 2
    }

    #sidebar.mini-sidebar .logo-icon {
        display: flex;
    }

    #sidebar.mini-sidebar .sidebar-header {
        justify-content: space-between;
    }

    .main-content-wrapper.full {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:767px) {
    html {
        -webkit-text-size-adjust: none
    }

    .wrapper {
        padding-top: 129px;
        padding-left: 0
    }

    .titlebar-area {
        top: 51px;
        padding: 8px 12px;
        display: block
    }

    .titlebar-area h1 {
        text-align: center;
        margin: 0 0 10px 0;
        border-bottom: #c6ccd2 1px dashed;
        padding-bottom: 10px;
    }
    .titlebar-area .right{
        gap: 4px;
        flex-direction: column;
    }
    .show-records{margin: 0 0 5px 0; font-size: 12px;}
    .titlebar-area .right .btn-add{width: 100%;}
    .job-card .job-card-left{border-bottom: none; padding: 0;}
    .job-card .job-meta-row{gap: 5px; margin-top: 4px;}
    .job-card .meta-item{padding: 2px 6px; font-size: 10px;}
    .job-card-center-stats{padding:10px 0;}
    .job-card .job-card-center-stats{gap: 0;}
    .job-card .job-badge {padding: 3px 10px 1px 10px;}
    .form-main-area .form-block label{font-size: 10px; line-height: 14px;}
    .select2-selection {min-height: 38px !important}
    .select2-container--default .select2-selection--single {height: 38px !important;}
    .select2-container--default .select2-selection--single{font-size: 12px !important; padding: 8px 14px !important;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{top: 9px !important;}
    .candidate-salary-row{flex-direction: column;}
    .preview-header-banner{padding: 15px; gap: 10px;}
    .preview-company-avatar{width: 50px; height: 50px;}
    .preview-company-avatar i{font-size: 24px;}
    .preview-banner-info {width: 100%; text-align: center;}
    .preview-banner-left{flex-direction: column; width: 100%;}
    .preview-banner-info h2{font-size: 16px; margin: 0;}
    .preview-banner-info p{font-size: 12px; justify-content: center; width: 100%;}
    .preview-banner-badges{display: flex; gap: 0; flex-wrap: wrap; position: relative; z-index: 1;}
    .preview-badge{padding: 7px 0; font-size: 12px; width: 100%; background: transparent; border: none; border-top: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0px;}
    .salary-slider-container{margin-top: 60px !important;}
    .multi-step-form .plan-wrapper{margin-bottom: 0; gap: 16px; display: grid; grid-template-columns: 1fr;}
    .multi-step-form .plan-inner{padding: 44px 20px 20px;}
    .multi-step-form .plan-header{gap: 10px; flex-wrap: wrap; margin-bottom: 14px;}
    .eligible-badge { top: 11px; right: 13px;}
    .multi-step-form .plan-title-area h3{font-size: 18px; margin-bottom: 6px;}
    .plan-price-block .price { font-size: 36px !important;}
    .multi-step-form .plan-price-block{margin-bottom: 15px;}
    .multi-step-form .price-period{font-size: 12px; letter-spacing: 0.5px;}
    .multi-step-form .plan-divider{margin-bottom: 12px;}
    .multi-step-form .plan-features li{font-size: 13px; padding: 0px 0;}
    .multi-step-form .step-btns.full-size {flex-direction: column;gap: 5px;}
    .header-area .search-area{display:none;}
    .form-main-area .top-part {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px
    }

    .form-main-area .top-part .left {
        width: 100%;
    }

    .form-main-area .top-part .right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .form-main-area .top-part .btn-cancel {
        width: 49%
    }

    .form-main-area .top-part .btn-submit {
        width: 49%
    }

    .form-main-area .form-block {
        top: 80px
    }

    .filter-area .top-part {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px
    }

    .filter-area .top-part .left {
        width: 100%;
        margin: 0 0 10px 0
    }

    .filter-area .top-part .right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-title h5 {
        font-size: 15px;
        line-height: 18px
    }

    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-text p {
        font-size: 13px;
        line-height: 14px
    }

    .whatsapp-page .right-side .right-side-top {
        padding: 8px 12px
    }

    .whatsapp-page .right-side .right-side-top .right-side-top-left {
        gap: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items h6 {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items {
        max-width: 238px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time span {
        font-size: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time svg {
        width: 11px !important
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item h6 {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item span {
        font-size: 10px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item img {
        width: 160px
    }

    .whatsapp-page .wb-tab-menu ul .wp-tab-a {
        font-size: 13px
    }

    .whatsapp-page .right-side .right-side-footer-menu .right-side-footer-menu-input input {
        padding: 8px 8px;
        font-size: 14px
    }

    .whatsapp-page .right-side .right-side-footer-menu {
        min-height: 54px
    }

    .whatsapp-page .whatsapp-title h1 {
        font-size: 20px
    }

    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time {
        bottom: 2px
    }

    .form-main-area.page-view .text-block .page-view-area .gride-three {
        grid-template-columns: 1fr 1fr
    }

    .form-main-area.page-view .text-block .page-view-area .gride-three .form-group:last-child {
        grid-column: span 2
    }

    #sidebar.mini-sidebar .logo-icon {
        display: flex;
    }

    #sidebar.mini-sidebar .sidebar-header {
        justify-content: space-between;
    }

    .main-content-wrapper.full {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:767px) {
    html {
        -webkit-text-size-adjust: none
    }

    .wrapper {
        padding-top: 129px;
        padding-left: 0
    }

    .titlebar-area {
        top: 51px;
        padding: 8px 12px;
        display: block
    }

    .titlebar-area h1 {
        text-align: center;
        margin: 0 0 10px 0;
        border-bottom: #c6ccd2 1px dashed;
        padding-bottom: 10px;
    }
    .titlebar-area .right{
        gap: 4px;
        flex-direction: column;
    }
    .show-records{margin: 0 0 5px 0; font-size: 12px;}
    .titlebar-area .right .btn-add{width: 100%;}
    .job-card .job-card-left{border-bottom: none; padding: 0;}
    .job-card .job-meta-row{gap: 5px; margin-top: 4px;}
    .job-card .meta-item{padding: 2px 6px; font-size: 10px;}
    .job-card-center-stats{padding:10px 0;}
    .job-card .job-card-center-stats{gap: 0;}
    .job-card .job-badge {padding: 3px 10px 1px 10px;}
    .form-main-area .form-block label{font-size: 10px; line-height: 14px;}
    .select2-selection {min-height: 38px !important}
    .select2-container--default .select2-selection--single {height: 38px !important;}
    .select2-container--default .select2-selection--single{font-size: 12px !important; padding: 8px 14px !important;}
    .select2-container--default .select2-selection--single .select2-selection__arrow{top: 9px !important;}
    .candidate-salary-row{flex-direction: column;}
    .preview-header-banner{padding: 15px; gap: 10px;}
    .preview-company-avatar{width: 50px; height: 50px;}
    .preview-company-avatar i{font-size: 24px;}
    .preview-banner-info {width: 100%; text-align: center;}
    .preview-banner-left{flex-direction: column; width: 100%;}
    .preview-banner-info h2{font-size: 16px; margin: 0;}
    .preview-banner-info p{font-size: 12px; justify-content: center; width: 100%;}
    .preview-banner-badges{display: flex; gap: 0; flex-wrap: wrap; position: relative; z-index: 1;}
    .preview-badge{padding: 7px 0; font-size: 12px; width: 100%; background: transparent; border: none; border-top: 1px solid rgba(255, 255, 255, 0.25); border-radius: 0px;}
    .salary-slider-container{margin-top: 60px !important;}
    .multi-step-form .plan-wrapper{margin-bottom: 0; gap: 16px; display: grid; grid-template-columns: 1fr;}
    .multi-step-form .plan-inner{padding: 44px 20px 20px;}
    .multi-step-form .plan-header{gap: 10px; flex-wrap: wrap; margin-bottom: 14px;}
    .eligible-badge { top: 11px; right: 13px;}
    .multi-step-form .plan-title-area h3{font-size: 16px;}
    .multi-step-form .plan-price-block{margin-bottom: 15px;}
    .multi-step-form .plan-inner .price {font-size: 30px !important;}
    .multi-step-form .price-period{font-size: 12px; letter-spacing: 0.5px;}
    .multi-step-form .plan-divider{margin-bottom: 12px;}
    .multi-step-form .step-btns.full-size {flex-direction: column;gap: 5px;}
    .header-area .search-area{display:none;}
    .form-main-area .top-part {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px
    }

    .form-main-area .top-part .left {
        width: 100%;
    }

    .form-main-area .top-part .right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .form-main-area .top-part .btn-cancel {
        width: 49%
    }

    .form-main-area .top-part .btn-submit {
        width: 49%
    }

    .form-main-area .form-block {
        top: 80px
    }

    .filter-area .top-part {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 15px
    }

    .filter-area .top-part .left {
        width: 100%;
        margin: 0 0 10px 0
    }

    .filter-area .top-part .right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .filter-area .top-part .btn-cancel {
        width: 49%
    }

    .filter-area .top-part .btn-submit {
        width: 49%
    }
    .multi-step-form .step-form { padding: 20px;}
}



@media ( max-width:991px) {
    .multi-step-form .plan-wrapper { flex-direction: column;}
}
@media (max-width: 767px) {
    .multi-step-form .plan-wrapper { display: flex; flex-direction: column; gap: 20px; }
    .multi-step-form .plan-inner { padding: 20px; }
    .premium-plan-card .plan-inner { padding-top: 40px; }
    .multi-step-form .plan-wrapper { flex-direction: column; }
    .plan-icon { width: 48px; height: 48px; font-size: 18px;}
    .multi-step-form .plan-features { margin: 0 0 10px 0;}
    .plan-btn {    font-size: 14px; padding: 12px 0;}
    .eligible-badge { top: 30px; right: 0px;}
}