/* Responsive */
    @media (max-width: 1399px) {
        .max-w-sm{max-width:100%;}
        .job_count_row{grid-template-columns: repeat(4, 1fr);}
        .analytics_header_info{grid-template-columns: repeat(3, minmax(0, 1fr));}
    }

    @media (max-width: 1280px) {
        .max-w-sm{max-width:100%;}
        .sf-btn {padding: 3px 15px;}
        .sf-hero .sf-hero-content{max-width: 55%;}
        .emp-zone-title{padding-bottom: 15px;}
        .btn-zone-sec{margin: 25px 0px;}
        .modal-title{font-size: 25px;}
        .sf-footer .sf-footer-heading{font-size: 1.125rem;}
        .btn-download, .btn-view-dwn{padding: 5px 10px;}
        .emp_dash_top, .analytics_header_info{grid-template-columns: repeat(3, minmax(0, 1fr));}
        .grid-cards{grid-template-columns: repeat(3, 1fr);}
        .share_option{float: none; margin-top: 10px;}
    }
    @media (max-width: 1199px) {
        .max-w-sm{max-width:100%;}
        header.site-header .nav.navbar-nav{gap: 1px;}
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 0px 10px;
        }
        .header-style-3 .header-nav-btn-section .twm-nav-btn-left, 
        .header-style-3 .header-nav-btn-section .twm-nav-btn-right{margin-right: 0px;}
        header.site-header .extra-nav.header-2-nav .twm-nav-post-a-job,
        header.site-header .extra-nav.header-2-nav .twm-nav-sign-up{padding: 3px 15px;}
        .custom-vertical-line{height: 2rem;}
        .btn-zone-sec{margin: 20px 0px;}
        .training_dash, .blog_dashboard{margin-top: 15px;}
        .dashboard-profile-overview, .dashboard-analytics-card, .dashboard-tabs-container, .dashboard-bottom-card
        {margin-bottom: 15px;}
        .training_list{display: grid; gap: 15px;}
        .ep-tab-btn .my_tabs{padding: 2px 5px;}
        .training_list, .grid-cards {grid-template-columns: repeat(2, 1fr);}
        .docs-row, .job_top_info, .emp_dash_top, .analytics_header_info {grid-template-columns: repeat(2, minmax(0, 1fr));}
        .job_count_row{grid-template-columns: repeat(3, 1fr);}
        .card-banner{height: 75px;}
        .company_name a{font-size: 1rem; line-height: 18px;}
        .twm-job-address{font-size: 12px;}
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary{font-size: 14px;}
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary{padding: 5px 5px;}
        .sf-categories-label{padding-right: 10px;}
        .container-lg, .container-md, .container-sm, .container{max-width: 96% !important;}
        .employer_form .vehicle-box{display: block;}
        .employer_form .toggle-switch{margin-bottom: 0px; margin-top: 10px;}
    }
    
    @media (max-width: 1024px) {
        .max-w-sm{max-width:100%;}
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 0px 7px;
        }
        .sf-hero .sf-hero-content{max-width: 70%;}
        .emp-zone-title{padding-bottom: 10px;}
        .btn-zone-sec{margin: 15px 0px;}
        .sf-job-search .sf-search-field i{font-size: 20px;}
        .sf-categories-list .sf-carousel-wrapper{width: 75% !important;}
    }

    @media (max-width: 991px) {
        .header-style-3 .header-nav .nav > li{
            display: block; width: 100%;
        }
        header.site-header .nav.navbar-nav > li > a, header.site-header .nav.navbar-nav > li > a:visited{
            padding: 7px 7px;
        }
        .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer {
            min-height: 30px;
            position: absolute;
            z-index: 9999;
            right: 0;
        }
        
        .sf-hero{position: relative;
          background-position: right -30px top 30px;}
        .sf-hero:after{
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            background: rgb(255 255 255 / 40%);
        }
        .sf-hero .sf-hero-badge{line-height: 18px;}
        .sf-hero .sf-hero-title{font-size: 1.5rem!important;}
        .sf-hero-subtitle{display: none;}
        .sf-groupby-employers-grid{margin-bottom: 30px;}
        .related_jobs{margin-bottom: 0px;}
        .related_jobs{margin-top: 30px;}
        .sf-categories-title{font-size: 1.25rem;}
        .account-image {display: none;}
        .twm-log-reg-form-wrap{width: 90%;}
        .twm-log-reg-form-wrap .wt-title, .twm-job-self-info .twm-job-self-top .twm-job-title{font-size: 20px;}
        .sf-footer .sf-footer-bottom span{font-size: 14px;}
        .trumbowyg-editor ul li, .ep-add-new-btn{font-size: 13px !important;}
        .sf-footer .sf-footer-bottom{padding: 15px 0px;}
        .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary{
            padding: 4px 10px;
        }
        .emp-zone-title{padding-bottom: 5px;}
        .btn-zone-sec{margin: 10px 0px;}
        .about_us .hero-content h2, .milestone h2, .training-homepage .hero-content h1, .abt_short_info h2 span {font-size: 1.125rem;}
        .training-homepage.services .hero-content p, .training-homepage .hero-content p{font-size:1rem;}
        .max-w-sm{max-width:100%;}
        .main_dash_link{display: none;}
        header .dropdown.text-end{margin-left: 0px;}
        .ep-edit-card{margin-bottom: 15px;}
        .ep-btn-prev, .ep-btn-next {padding: 5px 10px; line-height: 16px;}
        .ep-add-new-btn{padding: 5px 7px;}
        .card-banner{height: 65px;}
        .sf-premium-search-sec{margin-bottom: 1px;}
        .sf-hero{width: 100%; overflow: hidden; overflow-x: hidden !important;}
        .sf-top-categories-section {padding: 0px 0px 30px 0px;}
        .sf-categories-list .sf-carousel-wrapper{width: 73% !important;}
        .sf-carousel-track{gap: 10px;}
        .sf-category-tag{padding: 2px 10px;}
         .sf-categories-label{padding-right: 7px;}
         .service_provide{gap: 0;}
         .save-jobs-item{font-size: 1.7rem;}
    }

    @media (max-width: 768px) {
        .training-detail-header {
            height: 300px;
        }
        .sf-job-search{width: 800px;}
        .info-items {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        .tabs-navigation {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .career-paths-grid,
        .trainers-detail-grid,
        .reviews-grid {
            grid-template-columns: 1fr;
        }
        .training-cta-section {
            padding: 60px 0;
        }
        .modal-title{line-height: 24px;}
        .not-found-icon {
            font-size: 80px;
        }
        .cta-content h2, .modal-title {
            font-size: 24px;
        }
        .not-found-title,  .training-title {
            font-size: 28px;
        }
        .training-title {
            font-size: 26px;
        }
        .content-section h2, .emp-zone-title {
            font-size: 22px;
        }
        .faq-category-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-job-self-info .twm-job-self-top .twm-job-title,
        .sf-footer .sf-footer-contact li i, .related_jobs .twm-s-title,
        .sf-job-search .sf-search-field i {
            font-size: 18px;
        }
        .not-found-message, .company_name_dtl, .job_desc .twm-s-title, .company_desc h4,
          .company_name a, .sf-premium-search-subtitle, .emp-zone-subtitle,
          .about_us .hero-content h2, .milestone h2 {
            font-size: 16px;
        }
        .cta-content p, .training-tagline, .short_jobs_info .flex.flex-col span,
        .job_ttl_com_name .sf-job-title, .de_active_sec h5, .sf-tab,
        .training-homepage .hero-content p, .training-homepage .hero-content ul li, 
        .training-homepage .hero-buttons button, .abt_short_info p {
            font-size: 15px;
        }
        .job_desc p, .job_desc ul li, .company_desc p, .sf-footer .sf-footer-brand .sf-footer-desc,
        .company_description p{font-size: 14px;}
        .sf-footer .sf-footer-links li a, .job_ttl_com_name .sf-job-company{font-size: 14px;}
        .ep-edit-card-header h5, .de_active_sec h6, .alert, .wt-panel-heading p, .acc_ttl p,
        .sf-footer .sf-footer-bottom span{font-size: 13px;}
        .tab-btn {
            font-size: 12px;
        }
        .tab-btn i {display: none;}
        .job_title_share, .short_jobs_info .flex, .short_jobs_info .flex.flex-col span{display: block;}
        .social_share, .short_jobs_info .flex.flex-col span{text-align: left;}
        .twm-media-bg, .company_desc, .short_jobs_info, .bg-light-gray, .bg-gray{padding: 20px;}
        .header-style-3 .navbar-toggler, .twm-social-tags a{margin-left: 0px;}
        .twm-social-tags a{ margin-right: 10px;}
        .btn-readmore{margin-top: 0px;}
        .sf-testimonial-card{margin-top: 30px;}
        .faq-category-title, .sf-footer .sf-footer-brand .sf-footer-desc,
        .sf-testimonial-card {
            margin-bottom: 15px;
        }
         .twm-media-bg{margin-bottom: 20px;}
        .p-t120{padding-top: 90px;}
        .sf-footer .sf-footer-row{padding-bottom: 30px;}
        .emp-zone-title{padding-bottom: 0px;}
         .sf-footer .sf-footer-bottom{padding: 10px 0px;}
        .tab-btn {
            padding: 15px 15px;
        }
        .training-content {
            padding: 40px 0;
        }
        .sf-premium-search-field{gap: 2px;}
        .job_count_row, .stats-row, .employer_form .vehicle-box{gap: 10px;}
        .emp-zone-subtitle, .training-homepage .hero-content p, .training-homepage .hero-content ul li{line-height: 22px;}
        .emp_zone_top{padding: 20px;}
        .sf-tab-item {padding: 0px 4px;}
        .sf-local-tabs{padding: 10px 15px;}
        .wt-panel-heading p, .acc_ttl p, .alert{line-height: 16px; }
        .twm-about-1-bottom-wrap .twm-card-blocks .twm-icon{margin-right: 5px;}
        .employer_form .vehicle-box{padding: 10px 15px;}
        .social_share{padding-top: 10px;}
        .sf-top-categories-section {padding: 0px 0px 25px 0px;}
        .sf-categories-list .sf-carousel-wrapper{width: 72% !important;}
        .sf-carousel-track{gap: 5px;}
        .sf-tab{padding:9px 20px;}
        .twm-w-process-steps-2 .twm-w-pro-top{width: 100%;}
        .sf-hero .sf-hero-badge{margin-top: 0px;}
        .sf-job-search-placeholder-new, .sf-job-search .sf-search-field input{font-size: 15px;}
        .sf-categories-bar{padding: 10px 0px;}
        .save-jobs-item{font-size: 1.6rem;}
    }
    @media (max-width: 767px) {
        .ep-tab-btn{padding: 2px;}
        .stats-row, .grid-cards{grid-template-columns: repeat(2, 1fr);}
        .docs-row {grid-template-columns: repeat(1, minmax(0, 1fr));}
        .job_count_row{grid-template-columns: repeat(2, 1fr);}
        .card-banner{height: 55px;}
        .twm-job-self-info .twm-job-self-top .twm-job-title{margin: 5px 0px 10px 0px;}
        .job_title_share .job_apply_sec .twm-job-self-bottom{
            margin-top: 0px !important; margin-right: 0px !important;}
        .sf-top-categories-section {padding: 0px 0px 20px 0px;}
        .sf-categories-label{padding-right: 5px;}
        .employer_form .form-row.three-col{display: block;}
        .employer_form .vehicle-box{display: flex;}
        .save-jobs-item{font-size: 1.5rem;}
    }
    
    @media (max-width: 686px) {
        .twm-media-bg, .company_desc, .short_jobs_info, .bg-light-gray, .bg-gray{padding: 15px;}
        .stats-row{
            grid-template-columns: repeat(2, 1fr);
        }
        .sf-categories-list .sf-carousel-wrapper{width: 70% !important;}
        .sf-job-search-placeholder-new, .sf-job-search .sf-search-field input{
            font-size: 14px;
        }
    }
    @media (max-width: 600px) {
        header.site-header .extra-nav.header-2-nav .twm-nav-post-a-job, header.site-header .extra-nav.header-2-nav .twm-nav-sign-up
        {
            padding: 3px 10px;
        }
        .sf-job-search{width: 600px;}
        .sf-hero{padding-bottom: 45px; min-height: 400px;}
        .sf-hero .sf-hero-title{font-size: 24px !important;}
        .sf-hero .sf-hero-badge{margin: 30px 0px;}
        .sf-hero .sf-hero-badge i {height: 20px; width: 20px;}
        .sf-hero .sf-hero-subtitle{display: none;}
        .sf-hero .sf-hero-badge, .sf-hero .sf-hero-badge i, .emp-zone-subtitle{line-height: 20px;}
        .sf-categories-list .sf-carousel-wrapper{width: 67% !important;}
    }
    @media (max-width: 575px) {
        header.site-header .main-bar > .container,
        header.site-header .logo-header, header.site-header .extra-nav.header-2-nav{display: block;}
        header.site-header .logo-header, header.site-header .extra-nav.header-2-nav{
            width: 100%; float: none !important;}
        .header-style-3 .extra-nav{height: 42px;}
        .sf-category-tag {padding: 2px 10px;}
        .modal-title{line-height: 20px;}
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title, .modal-title{font-size: 22px !important;}
        .emp-zone-title, .star_list span{font-size: 20px;}
        .page-title, .acc_ttl h4{font-size: 1.125rem;}
        .sf-section-header .sf-section-title, .faq-category-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-job-self-info .twm-job-self-top .twm-job-title, .sf-job-search .sf-search-field i,
        .sf-footer .sf-footer-heading, .account_setting_sec .panel-heading .panel-tittle,
        .sf-categories-title{font-size: 1rem;}
        .sf-categories-label{font-size: 0.8rem !important;}
        .sf-premium-search-btn, .sf-premium-search-subtitle, .emp-zone-subtitle, .sf-tab-item,
         .nav-pills .nav-link, .ac-job-card .job-title, .about_us .hero-content h2, .milestone h2 {font-size: 15px;}
        .sf-job-search .sf-search-btn, .twm-log-reg-form-wrap .twm-log-reg-subtitle,
        .twm-candi-self-info .twm-candi-self-top .twm-candi-fee, .twm-s-title,
        .short_jobs_info .flex.flex-col span, .sf-footer .sf-footer-socials li a, .company_name a,
        .ac-job-card .job-title, .account_setting_sec .panel-heading p, .de_active_sec h5,
        .setting-label, .sf-tab, .training-homepage .hero-content p, .training-homepage .hero-content ul li,
        .training-homepage .hero-buttons button, .abt_short_info p {font-size: 14px; }
        .sf-job-search .sf-search-field input, .job_desc p, .job_desc ul li, 
        .company_desc p, .btn-readmore, .sf-footer .sf-footer-brand .sf-footer-desc,
        .sf-footer .sf-footer-links li a, .company_description p, .download-btn,
        .sf-job-search-placeholder-new, .account_setting_sec .panel-heading p,
        .ac-job-card .btn-apply, .resume-content ul li, .sf-footer .sf-footer-contact li,
        .social-info p, .social-info a,
         .twm-about-1-bottom-wrap .twm-card-blocks .twm-content .icon-content-info,
         .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary,
        .sf-footer .sf-footer-contact li span, .sf-footer .sf-footer-links li{font-size: 13px;}
        .ac-job-card .meta-row .meta-text, .de_active_sec h6, .alert, .sf-footer .sf-footer-bottom span,
        .sf-category-tag, .sf-categories-btn{font-size: 12px;}
        .badge{font-size: 11px;}
        .ac-job-card .meta-row .icon{height: 15px; width: 15px;}
        .job_desc p, .job_desc ul li, .company_desc p, .company_description p{font-weight: 400;}
        .job_desc p, .job_desc ul li, .company_desc p, .company_description p{text-align: justify;}
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title, 
        .twm-log-reg-form-wrap .radio_tabs, .company_desc, .short_jobs_info, 
        .bg-light-gray, .bg-gray{margin-bottom: 20px;}
        .sf-footer .sf-footer-heading, .sf-footer .sf-footer-brand .sf-footer-desc,
        .ep-edit-card, .ep-add-new-btn {margin-bottom: 10px;}
        .ac-job-card .card-top{margin-bottom: 5px;}
        .ac-job-card .meta-row{margin-bottom: 2px;}
        .ac-job-card .match-card{margin-top: 5px;}
        .sf-hero .sf-hero-badge{margin: 25px 0px;}
        .job_apply_sec .job-save-btn, .job_apply_sec .job-email-apply-btn, 
        .job_apply_sec .twm-job-self-bottom{ margin-right: 5px; }
        .sf-hero{padding-bottom: 30px; min-height: 380px;}
        .sf-job-search{width: 580px;}
        .sf-job-search .sf-search-btn {padding:3px 15px;}
        .ac-job-card .btn-apply{padding: 7px 15px;}
        .twm-log-reg-form-wrap .radio_tabs ul li, .related_jobs, .sf-local-tabs,
        .sf-categories-btn{padding: 5px 10px;}
        .badge, .download-btn{padding: 2px 5px;}
        .sf-footer .sf-footer-row{padding-bottom: 15px;}
        .job_ttl_com_name a{padding-bottom: 2px;}
         .related_jobs .twm-s-title{padding-top: 5px;}
        .sf-footer .sf-footer-socials li a{height: 30px; width: 30px;}
        .sf-footer .sf-footer-row{gap: 15px 40px;}
        .ac-job-card .card-top, .ac-job-card .meta-row,
        .sf-footer .sf-footer-links{gap: 0px;}
        .skill_tag_list{width: 88%;}
        .save-jobs-item{width: 10%;}
        .twm-jobs-grid-style1 .twm-right-content .twm-jobs-browse, 
        .twm-jobs-grid-style1 .twm-right-content .btn-outline-primary,
        .sf-premium-search-btn{
            border-radius: 0.35rem;
        }
        .sf-premium-search-select, .sf-premium-search-input, .sf-premium-search-btn,
        .css-1m5om8j, .css-glp6ar-control, .css-11qzz1n-control{height: 35px !important;}
        .sf-premium-search-select, .sf-premium-search-input{padding: 5px 30px 5px 10px;}
        .css-1m5om8j{padding: 0 8px 0 10px !important;}
        .sf-job-search-placeholder-new{left: 22px;}
        header .dropdown.header_notification .dropdown-menu{min-width: 350px;}
        .ac-job-card .bookmark-icon{width: 45px; line-height: 16px;}
        .training_list, .grid-cards{grid-template-columns: repeat(1, 1fr);}
        .edit_download_sec{margin-top: 0px;}
        .ac-job-card .logo-box{margin-right: 5px;}
        .twm-about-1-bottom-wrap .twm-card-blocks a, .twm-card-blocks.p_com_sec{padding: 5px 9px;}
        .job_top_info, .emp_dash_top, .job_count_row, .stats-row, .sf-footer .sf-footer-socials,
        .analytics_header_info{gap: 1px;}
        .twm-card-blocks.p_com_sec:hover, .twm-about-1-bottom-wrap .twm-card-blocks a:hover,
        .stats-row .stat-card:hover{
          transform: translateY(0px);
        }
        .twm-about-1-bottom-wrap .twm-card-blocks a, .stat-card{border-radius: 0px;}
        .twm-about-1-bottom-wrap .emp_dash_top .twm-card-blocks:last-child,
        .twm-about-1-bottom-wrap .job_count_row .job_count_div:last-child{width: 200%;}
        .page-header .flex{display: block;}
        .page-header .flex .filter-select{min-width: 50px;}
        .sf-footer .sf-footer-bottom{padding: 5px 0px;}
        .card-banner{height: 45px;}
        /* .sf-hero{display: none !important;} */
        .sf-top-categories-section {padding: 0px 0px 15px 0px;}
        .sf-categories-list .sf-carousel-wrapper{width: 65% !important;}
        .sf-tab{padding:9px 15px;}
        .training-homepage .hero-content p, .training-homepage .hero-content ul li{line-height: 18px;}
        .training-homepage .hero-buttons button{padding: 2px 10px; margin-right: 10px; line-height: 16px;
        border-radius: 0.45rem !important;}
        .training-homepage .hero-buttons button.bg-primary{margin-right: 0px;}
        .sf-categories-bar{padding: 5px 0px;}
        .employer_form .btn{padding: 5px 10px;}
        .employer_form .btn-group-right{gap: 2px;}
        .employer_form .content-card{padding: 20px 15px 20px;}
        .employer_form .btn{font-size: 13px; border-radius: 6px;}
        /* .employer_form .form-footer, .employer_form .btn-group-right{display:block;} */
    }
    @media (max-width: 481px) {
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title, .modal-title{font-size: 20px !important;}
        .twm-log-reg-form-wrap .radio_tabs ul l, .sf-premium-search-subtitle, .emp-zone-subtitle{font-size: 14px;}
        .nav-pills .nav-link{font-size: 13px;}
        .setting_tab_content .nav-pills .nav-item{width: 90px; text-align: center; line-height: 14px;}
        .sf-hero .sf-hero-badge{margin: 20px 0px; font-size: 0.9rem;}
        .sf-hero .sf-hero-badge, .sf-premium-search-subtitle{line-height: 18px;}
        .sf-hero{padding-bottom: 20px; min-height: 360px;}
        .sf-job-search{width: 550px;}
        .dashboard-profile-middle-content{display: block !important;}
        .dashboard-profile-photo-wrap{margin-right: 0px; text-align: center;}
        .dashboard-profile-photo{margin-left: auto; margin-right: auto;}
        .dashboard-profile-name, .dashboard-profile-jobtitle{text-align: center;}
        .main_dash_link, .header_notification{margin-right: 10px;}
        header.site-header .logo-header{width: 55%;}
        .ep-tab-num{display: none;}
        .sf-categories-list .sf-carousel-wrapper{width: 58% !important;}
    }
    @media (max-width: 420px) {
        .sf-hero .sf-hero-title, .twm-log-reg-form-wrap .wt-title, .modal-title{font-size: 18px !important;}
        .sf-hero .sf-hero-badge, .twm-log-reg-form-wrap .twm-log-reg-subtitle, 
        .nav-pills .nav-link{font-size: 13px;}
        .sf-category-tag, .account_setting_sec .panel-heading p{font-size: 12px;}
        .sf-hero .sf-hero-badge{margin: 15px 0px; line-height: 16px;}
        .sf-job-search{width: 500px;}
        .sf-hero{min-height: 350px;}
        .sf-category-tag {padding: 2px 10px; font-weight: 400;}
        .sf-categories-btn{padding: 4px 10px;}
        .twm-log-reg-form-wrap .radio_tabs{margin-bottom: 15px;}
        .twm-log-reg-form-wrap .wt-title, .twm-log-reg-form-wrap .twm-log-reg-subtitle
        {margin-bottom: 10px;}
        .job-email-apply-btn{margin-top: 5px;}
        .sf-categories-list .sf-carousel-wrapper{width: 56% !important;}
        .employer_form .btn{padding: 5px 7px;}
    }
    @media (max-width: 393px) {
         .sf-job-search{width: 460px;}
         .sf-categories-list .sf-carousel-wrapper{width: 55% !important;}
    }
    @media (max-width: 384px) {
         .sf-job-search{width: 450px;}
         .sf-categories-list .sf-carousel-wrapper{width: 54% !important;}
    }
    @media (max-width: 375px) {
         .sf-job-search{width: 420px;}
         .sf-categories-list .sf-carousel-wrapper{width: 51% !important;}
    }

/* Hide mobile sidebar and overlay by default on desktop/tablet resolutions */
.mobile-sidebar,
.mobile-sidebar-overlay {
    display: none !important;
}

/* ==========================================
   MOBILE LEFT-SLIDE SIDEBAR NAVIGATION (≤992px)
   ========================================== */
@media (max-width: 992px) {
    /* Hide default desktop menus completely on mobile */
    header.site-header .header-nav,
    header.site-header .extra-nav {
        display: none !important;
    }

    /* Container flex adjustments to keep logo & toggler aligned */
    header.site-header .main-bar > .container {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    header.site-header .logo-header {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    header.site-header .logo-header img {
        width: auto !important;
    }

    /* Override bootstrap toggler hidden states */
    .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        padding: 8px !important;
        margin: 0 !important;
        cursor: pointer;
        z-index: 1001;
    }

    /* Hamburger icon bar overrides for smooth active animation */
    .header-style-3.mobile-sider-drawer-menu #mobile-side-drawer .icon-bar {
        background: #171d28 !important;
        height: 2px !important;
        width: 24px !important;
        margin: 4px 0 !important;
        display: block !important;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        transform-origin: center;
    }

    /* Overlay styling with glassmorphism blur */
    .mobile-sidebar-overlay {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(23, 29, 40, 0.45) !important;
        /* backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important; */
        z-index: 99999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.4s ease, visibility 0.4s ease !important;
    }

    .mobile-sidebar-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Mobile left slide-in navigation sidebar container */
    .mobile-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 80% !important;
        max-width: 310px !important;
        height: 100vh !important;
        background-color: #ffffff !important;
        z-index: 100000 !important;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15) !important;
        display: flex !important;
        flex-direction: column !important;
        transform: translateX(-100%) !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .mobile-sidebar.active {
        transform: translateX(0) !important;
    }

    /* Header section of the drawer */
    .mobile-sidebar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 2px 24px !important;
        border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
        background-color: #ffffff !important;
    }
    .mobile-sidebar-header h4{font-weight: 600; margin-bottom: 0px;}
    .mobile-sidebar-close {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: #171d28 !important;
        font-size: 24px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
    }

    .mobile-sidebar-close:hover {
        background-color: #f1f5f9 !important;
        color: #1967d2 !important;
    }

    /* Sidebar list elements and scrolling body */
    .mobile-sidebar-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 0px 0 !important;
    }

    .mobile-sidebar-nav {
        list-style: none !important;
        padding: 10px 15px !important;
        margin: 0 !important;
    }

    .mobile-sidebar-nav li {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .mobile-sidebar-nav li a {
        display: flex !important;
        align-items: center !important;
        padding: 0px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #000 !important;
        transition: all 0.25s ease !important;
        /* border-left: 3px solid transparent !important; */
        margin-bottom: 2px;
    }

    .mobile-sidebar-nav li a i {
        font-size: 18px !important;
        margin-right: 12px !important;
        color: #718096 !important;
        transition: color 0.25s ease !important;
    }

    /* Hover and Active highlights matching primary theme */
    .mobile-sidebar-nav li a:hover,
    .mobile-sidebar-nav li a.active {
        color: #2e3192 !important;
        /* background-color: rgba(25, 103, 210, 0.04) !important; */
        /* border-left-color: #2e3192 !important; */
        text-decoration: none !important;
    }

    .mobile-sidebar-nav li a:hover i,
    .mobile-sidebar-nav li a.active i {
        color: #1967d2 !important;
    }

    /* Dividers & headers within sidebar list */
    .mobile-sidebar-nav li.mobile-sidebar-divider {
        height: 1px !important;
        background-color: #2e3192 !important;
        margin: 15px 0px !important;
    }

    .mobile-sidebar-user-welcome {
        padding: 8px 24px 12px !important;
        font-size: 14px !important;
        color: #000 !important;
    }

    .mobile-sidebar-user-welcome strong {
        color: #171d28 !important;
        font-weight: 600 !important;
    }

    /* Special customized styles for core actions */
    .mobile-sidebar-nav li.mobile-sidebar-emp-zone {
        padding-top: 15px !important;
        margin-top: 15px !important;
        border-top: 1px solid #2e3192;
    }

    .mobile-sidebar-emp-zone a {
        display: block !important;
        text-align: center !important;
        color: #ffffff !important;
        padding: 10px 16px !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
        border-left: none !important;
        transition: all 0.2s ease !important;
    }

    .mobile-sidebar-emp-zone a:hover {
        color: #2e3192 !important;
    }

    .mobile-sidebar-logout a {
        color: #e53e3e !important;
    }

    .mobile-sidebar-logout a:hover {
        background-color: rgba(229, 62, 62, 0.05) !important;
        border-left-color: #e53e3e !important;
    }

    .mobile-sidebar-logout a:hover i {
        color: #e53e3e !important;
    }
}

/* ==========================================
   MOBILE FILTER SIDEBAR DRAWER (≤992px)
   ========================================== */
/* By default, hide filter icon and sidebar overlay on desktop resolutions (>992px) */
.mobile_filter_icon,
.mobile-filter-sidebar,
.mobile-filter-sidebar-overlay {
    display: none !important;
}

@media (max-width: 992px) {
    /* Hide the desktop sidebar column completely */
    .rightSidebar {
        display: none !important;
    }

    /* Style the mobile filter button - Displays native style.css properties */
    .mobile_filter_icon {
        display: block !important;
        cursor: pointer !important;
        margin-bottom: 2px !important;
    }

    /* Mobile filter sidebar overlay with blur */
    .mobile-filter-sidebar-overlay {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-color: rgba(23, 29, 40, 0.45) !important;
        /* backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important; */
        z-index: 99999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: opacity 0.4s ease, visibility 0.4s ease !important;
    }

    .mobile-filter-sidebar-overlay.active {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Sliding filter drawer from the right side */
    .mobile-filter-sidebar {
        display: flex !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 85% !important;
        max-width: 340px !important;
        height: 100vh !important;
        background-color: #ffffff !important;
        z-index: 100000 !important;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.15) !important;
        flex-direction: column !important;
        transform: translateX(100%) !important;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    .mobile-filter-sidebar.active {
        transform: translateX(0) !important;
    }

    /* Header section of the drawer */
    .mobile-filter-sidebar-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 2px 24px !important;
        /* border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important; */
        background-color: #ffffff !important;
    }

    .mobile-filter-sidebar-header h4 {
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #171d28 !important;
    }

    .mobile-filter-sidebar-close {
        background: transparent !important;
        border: none !important;
        outline: none !important;
        color: #171d28 !important;
        font-size: 24px !important;
        width: 36px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        border-radius: 50% !important;
        transition: background-color 0.2s ease, color 0.2s ease !important;
        margin-left: auto;
    }

    .mobile-filter-sidebar-close:hover {
        background-color: #f1f5f9 !important;
        color: #2e3192 !important;
    }

    /* Scrollable body of the drawer containing the form */
    .mobile-filter-sidebar-body {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 0px 24px !important;
    }
    .mobile-filter-sidebar-body .side-bar{
        box-shadow: none !important;
    }
    .mobile-filter-sidebar-body .widget.tw-sidebar-tags-wrap{
        margin-bottom: 0px;
    }

    /* Sidebar form styling adjustments to look perfect inside drawer */
    .mobile-filter-sidebar-body form {
        padding: 0 !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Specificity overrides to force JobFilterForm parts to display inside the mobile drawer */
    .mobile-filter-sidebar .widget.tw-sidebar-tags-wrap,
    .mobile-filter-sidebar .search-bx .section-head-small,
    .mobile-filter-sidebar .twm-sidebar-ele-filter,
    .mobile-filter-sidebar .serach_by_location {
        display: block !important;
    }
}

/* =============================================
   CMS PAGE – RESPONSIVE STYLES
   ============================================= */

/* Tablet */
@media (max-width: 991px) {
  .cms-post-body {
    padding: 28px 28px 32px;
  }
  .cms-post-media {
    width: 220px;
    margin-right: 22px;
  }
  .cms-post-title h1 {
    font-size: 23px;
  }
  .cms-post-content h1 { font-size: 24px; }
  .cms-post-content h2 { font-size: 21px; }
  .cms-post-content h3 { font-size: 18px; }
  .cms-post-content table thead,
  .cms-post-content table tbody,
  .cms-post-content table tr {
    table-layout: auto;
  }
}

/* Small tablets / large phones – clear float, stack image above */
@media (max-width: 768px) {
  .cms-post-card {
    border-radius: 12px;
    margin: 0 -5px;
  }
  .cms-post-body {
    padding: 24px 24px 32px;
  }
  .cms-post-media {
    float: none;
    width: 220px;
    margin: 0 auto 20px auto;
    display: block;
  }
  .cms-post-title {
    text-align: center;
    margin-bottom: 18px;
  }
  .cms-title-accent {
    width: 48px;
    height: 3px;
    margin: 0 auto;
  }
  .cms-post-card:hover .cms-title-accent {
    width: 80px;
  }
  .cms-post-title h1 {
    font-size: 22px;
    line-height: 1.35;
  }
  .cms-post-content {
    font-size: 14px;
    line-height: 1.8;
  }
  .cms-post-content h1 { font-size: 22px; margin: 28px 0 12px; }
  .cms-post-content h2 { font-size: 19px; margin: 24px 0 12px; }
  .cms-post-content h3 { font-size: 17px; margin: 22px 0 10px; }
  .cms-post-content h4 { font-size: 16px; }
  .cms-post-content h5 { font-size: 15px; }
  .cms-post-content h6 { font-size: 13px; }
  .cms-post-content blockquote {
    padding: 16px 18px 16px 22px;
    margin: 22px 0;
  }
  .cms-post-content blockquote::before {
    font-size: 36px;
    left: 8px;
  }
  .cms-post-content table thead th,
  .cms-post-content table tbody td {
    padding: 9px 12px;
    font-size: 13px;
  }
  .cms-post-content pre {
    padding: 16px 18px;
    font-size: 12px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .cms-page-section.p-t120 {
    padding-top: 90px;
  }
  .cms-post-card {
    border-radius: 0;
    box-shadow: none;
    margin: 0 -15px;
  }
  .cms-post-card:hover {
    box-shadow: none;
  }
  .cms-post-body {
    padding: 20px 20px 28px;
  }
  .cms-post-media {
    width: 180px;
  }
  .cms-post-media-inner {
    border-radius: 8px;
  }
  .cms-post-title h1 {
    font-size: 20px;
  }
  .cms-post-content {
    font-size: 14px;
    line-height: 1.75;
  }
  .cms-post-content p {
    margin-bottom: 14px;
    text-align: justify;
  }
  .cms-post-content h1 { font-size: 20px; }
  .cms-post-content h2 { font-size: 18px; padding-bottom: 8px; }
  .cms-post-content h3 { font-size: 16px; }
  .cms-post-content h4 { font-size: 15px; }
  .cms-post-content h5 { font-size: 14px; }
  .cms-post-content h6 { font-size: 13px; }
  .cms-post-content ul li { padding-left: 20px; }
  .cms-post-content ul li::before { width: 6px; height: 6px; top: 14px; }
  .cms-post-content ol li { padding-left: 28px; }
  .cms-post-content ol li::before { width: 20px; height: 20px; font-size: 10px; }
  .cms-post-content table {
    font-size: 13px;
    border-radius: 8px;
  }
  .cms-post-content table thead th { font-size: 12px; padding: 8px 10px; }
  .cms-post-content table tbody td { padding: 8px 10px; font-size: 13px; }
  .cms-post-content blockquote {
    padding: 14px 16px 14px 18px;
    margin: 18px 0;
  }
  .cms-post-content blockquote::before {
    font-size: 30px;
    top: -2px;
    left: 6px;
  }
  .cms-post-content img {
    border-radius: 8px;
    margin: 14px 0;
  }
  .cms-post-content pre {
    padding: 14px 16px;
    border-radius: 8px;
  }
  .cms-post-content hr {
    margin: 24px 0;
  }
}