/* Extra small devices (phones, portrait - below 576px) */
@media (max-width: 575.98px) {
    .full-width-respon {
        max-width: 100% !important;
    }
    .card-title .slide-ar-title {
        font-size: 20px !important;
    }
    .package-card__wrapper {
        padding: 6px !important;
    }

    .user-infomation {
        display: block !important;
    }

    #AdvertiesDashInfoTab {
        box-shadow: none !important;
        padding: 0px !important;
    }
    .user-section-contain {
        padding: 0px 15px 0px 15px !important;
    }
    #AdvertiesDashInfoTab .nav-link {
        padding: 7px 25px;

        color: #000 !important;
        display: flex !important;
    }
    .employeer-section-contain {
        padding-right: 0px !important;
    }
    #advertiser-section-contain #myTabContent {
        padding-right: 20px;
    }
    #AdvertiesDashInfoTab .nav-item {
        width: 31% !important;
        padding: 0px !important;
    }
    #AdvertiesDashInfoTab li .nav-link.active {
        color: white !important;
        background: #062a26;
    }
    .mega-item {
        background-color: black !important;
        width: 100% !important;
        border-bottom: 1px solid #8f8f8f;
        padding: 1px 0px 1px 33px;
        border-radius: 0px !important;
    }
    .dropdown-menu.mega-menu {
        padding: 0px 0px 0px 0px !important;
    }
    #heroCarousel .article-slide-bg {
        height: 350px !important;
    }
    .for-575device li {
        width: 50%;
    }
    .mobile-width-full,
    .common-bg-src {
        width: 100%;
        max-width: 100% !important;
        display: block !important;
    }

    .side-top-article .pfy-post-content {
        height: 160px;
    }

    .user-info li {
        margin-right: 4px;
        font-size: 11px;
    }
    #contributor-form .profile-image {
        margin: 0 auto;
        left: 34%;
        right: 50%;
    }
    .gust-list-respon li {
        padding: 10px 4px;
        border-bottom: 1px solid #ddd;
    }
    .benfit-check {
        background: white;

        padding: 0px;
    }

    .avilabe {
        width: 22px;
        right: 22px;
    }
    .action-point {
        margin: 0 auto;
        max-width: 74%;
    }
    .MobDev {
        display: block !important;
    }
    .loging-section {
        background-image: none !important;
    }
    .left-input-sec,
    .right-input-sec,
    .side-top-article {
        width: 100% !important;
    }
    .d-none-576device,
    .mega-item img,
    .action-btn,
    #question-listings .left-qa,
    .articleBanner,
    .articl-content,
    .Ads-space {
        display: none !important;
    }
    .mega-item .inner-sub-cat {
        color: white !important;
        font-weight: normal !important;
        font-size: 13px !important;
    }
    .cate-left-sec {
        width: 100% !important;
        margin-top: 15px;
    }
    #contributor-form #user-dashboard-info-Tab .nav-link {
        padding: 12px 18px 12px 15px;
    }
    .for-575device {
        display: block !important;
    }

    .side-table-of-content {
        display: block !important;
    }
    .left_tabl_cont {
        width: 100% !important;
        padding: 0px !important;
    }
    .cat-center-sec {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    aside.NesLteImg {
        display: none;
    }

    #useformob {
        display: block !important;
    }
    #useformob .breadcrumb-item.active a,
    .second-bread li a {
        font-weight: normal !important;
        font-size: 13px !important;
    }

    .main-bg,
    .toc-box,
    .centerContentbg {
        display: none !important;
    }

    #heroCarousel {
        padding: 0px 0px 5px 0px;
    }
    .notmpressed,
    .Impressed {
        padding: 30px 10px;
        width: 97% !important;
        margin: 14px auto;
        border-radius: 10px;
    }
    .job-latest-list img {
        width: 92px;
        margin-right: 11px;
    }

    #contributor-form #user-dashboard-info-Tab .nav-item {
        width: 31.9%;
    }
    .submit-bg-article {
        padding: 0px 0px 52px 0px !important;
    }
    .action-box {
        max-width: 69%;
        padding: 0px 15px 57px 0px;
    }
    .article-img-part img {
        height: 100%;
    }
    .head-cont-action {
        padding: 18px 20px 8px 20px;
    }

    .free_TOP {
        bottom: 0.3em;
    }

    .feature-card {
        padding: 20px 10px;
        margin-bottom: 1rem;
    }
    .pfy-post-thumb {
        height: 100% !important;
    }
    .share-wrapper span {
        font-size: 12px;
    }
    .articl-small-info .article-section-part .slide-ar-title,
    .articl-small-info .squer-bg-content .slide-ar-title {
        font-size: 23px !important;
    }

    .articl-small-info .squer-bg-content {
        padding: 20px 20px !important;
        height: 148px !important;
    }
    aside.middle-header {
        padding: 20px 0px;
    }

    .bottom-header #navbarOffcanvasLg001 {
        width: 64% !important;
    }

    .d-esm-block {
        display: block !important;
    }
    .company {
        display: block !important;
    }
    #author-social-links {
        max-width: 62%;
    }
    .search-bar-sec {
        display: block !important;
        margin-bottom: 1pc;
    }

    .search-bar-sec .ask-ques {
        padding: 11px 13px 10px 12px;
        width: 78% !important;
        margin: 15px auto;
    }

    .search-bar-sec .ask-ques span {
        padding: 8px 33px;
        font-size: 19px;
        width: 100%;
    }
    #search-ques {
        width: 100% !important;
    }

    .hide-on-small-divie {
        display: none !important;
    }
    .author-box {
        padding: 2px 18px 20px !important;
    }
    .image-box {
        width: 500px !important;
    }
}

@media (max-width: 360px) {
    #heroCarousel .article-slide-bg {
        height: 190px !important;
    }

    .article-slide-img {
        height: 270px;
    }
    #contributor-form #user-dashboard-info-Tab .nav-link {
        padding: 12px 0px 12px 0px !important;
        font-size: 14px;
    }
    #contributor-form #user-dashboard-info-Tab .nav-link.active::after {
        left: 1.3em;
    }
    #contributor-form .profile-image {
        left: 19%;
    }

    .for-575device li {
        width: 100%;
    }

    #search-ques {
        display: none;
    }

    .search-bar-sec .ask-ques {
        width: 100% !important;
        margin: 1px auto;
    }
    .head h4 {
        width: 100% !important;
    }

    .share-wrapper span {
        font-size: 11px !important;
    }

    .bottom-header #navbarOffcanvasLg001 {
        width: 80% !important;
    }
    .hrhb-logo {
        left: 0px !important;
    }
    .form-sec-bg {
        padding: 40px 10px 35px 10px !important;
    }
}

@media (max-width: 480px) {
    .image-box {
        width: 159px !important;
        left: 29% !important;
        padding: 6px 6px 12px 19px !important;
    }

    .image-box img {
        width: 110px !important;
        height: 108px !important;
        padding: 6px !important;
    }
    #contributor-form #user-dashboard-info-Tab .nav-link {
        padding: 12px 9px 12px 5px;
    }
    .fs-respon-15 {
        font-size: 15px !important;
    }
    .fs-respon-40 {
        font-size: 40px;
    }
    .inner-parts {
        display: block !important;
    }
}

/* Small devices (phones, landscape) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (max-width: 767px) {
    .head {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .resources-list {
        display: none;
    }

    .footer-toggle-btn {
        cursor: pointer;
        position: absolute;
        right: 5px;
        top: -2px;
        font-size: 21px;
        color: #fff;
    }

    .middle-footer,
    .bottom-footer {
        display: block !important;
    }
    .middle-footer h5::after {
        width: 100% !important;

        bottom: -1px;
    }
    .top-footer,
    .bottom-footer {
        max-width: 100% !important;
    }
    .middle-footer h5 {
        padding-right: 20px;
        width: 100%;
        font-size: 18px;
        padding-bottom: 9px;
    }

    .container,
    .container-sm {
        max-width: 700px;
    }
    .d-esm-block {
        display: block !important;
    }

    .part01 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .container,
    .container-sm {
        max-width: 900px;
    }
    .sub-cate-explore {
        display: none !important;
    }
    span.head_sec {
        left: 60% !important;
    }
    .cat-center-sec {
        width: 100% !important;
    }
    .middle-header {
        background: #0ea900;
        padding: 16px 0px;
    }
    .social ul li {
        width: 239px;
    }

    .head h4 {
        background: #0ea900;
        width: 47%;
        padding: 8px 13px;
        border-radius: 7px 7px 0px 0px;
        font-size: 22px;
    }

    #xsm-respon {
        margin-top: 0em !important;
    }
    .dropdown-menu.show {
        display: block;
    }

    .dropdown-toggle::after {
        right: 17px;
        top: 15px;
    }
    #mobil-respo {
        padding: 8px 1px;
        font-size: 24px;
        width: 57px;
    }
    .nav-item {
        padding: 15px 0px 0px 0px !important;
        border-bottom: 1px solid #646464;
        background-color: transparent !important;
        position: relative;
    }
    ul.dropdown-menu li a {
        padding: 10px 10px 10px !important;
        line-height: 30px !important;
    }

    .top-header #navbarOffcanvasLg {
        width: 60%;
    }

    #Nav_List a {
        font-size: 16px !important;
        width: 100%;
        line-height: 33px;
        display: block;
        font-weight: 500;
    }

    #Nav_List {
        padding: 10px 0px 3px 28px !important;
        display: block !important;
    }

    #search-ques {
        width: 93%;
    }

    .ask-ques {
        padding: 4px 3px 4px 3px;
        display: block;
        width: 23% !important;
    }

    .ask-ques span {
        padding: 8px 34px;

        font-size: 18px;
    }

    #Nav_List a::after {
        background-color: transparent !important;
        content: "\F135" !important;
        font-family: "bootstrap-icons";
        top: 0px !important;
    }

    #for-responseive > .nav-item:nth-child(1),
    #for-responseive > .nav-item:nth-child(2),
    #for-responseive > .nav-item:nth-child(3),
    #for-responseive > .nav-item:nth-child(4),
    #for-responseive > .nav-item:nth-child(5),
    #for-responseive > .nav-item:nth-child(6),
    #for-responseive > .nav-item:nth-child(7),
    #for-responseive > .nav-item:nth-child(8) {
        background-position: 1% 0% !important;
        background-size: 29px 31px !important;
        width: 100%;
        position: relative;
    }
    .mega-drop-down,
    .JobPlanSec,
    .circle-animation,
    .index3-generic-img {
        display: none !important;
    }
    .cat-right-sec {
        width: 100%;
    }

    .full-width-respon {
        width: 100% !important;
        max-width: 100% !important;
    }
    .subscri-modal button::after {
        top: 37px;
    }

    .resources-list a,
    .stay-up {
        font-size: 15px;
    }

    .s-button img {
        margin-left: 4px;
        width: 15px;
        height: 15px;
    }
    .bottom-footer span,
    .bottom-footer span a {
        text-align: left !important;
    }
    .s-button {
        font-size: 13px;
        padding: 7px 8px 6px 10px;
    }

    #navbarOffcanvasLg001 .btn-close,
    .top-header #navbarOffcanvasLg .btn-close {
        color: white;
        opacity: 0.6;
        background: transparent;
        border: none;
        right: 14px;
        top: 19px;
        font-size: 18px;
    }
    .bottom-header #navbarOffcanvasLg001 {
        width: 40%;
    }
    .navbar-toggler {
        display: block !important;
    }
    .dropdown-menu.show {
        width: 100%;
        padding-left: 5px;
    }

    #navbarOffcanvasLg {
        padding: 0px 0px;
    }

    .nav-link {
        color: white !important;
        font-weight: normal !important;
        width: 85%;
        padding-left: 2.5em;
        top: -5px;
    }

    .toggleItem {
        border-top: 1px solid #ddd;
        padding: 3px 0px 0px 38px;
    }
    .toggleItem a {
        font-size: 15px;
        padding-bottom: 2px;
    }
    .toggleItem a::before {
        content: "\F135";
        font-family: "bootstrap-icons";
    }
    .toggleItem a::after {
        border-bottom: 1px solid #ffffff1a;
        content: "";
        width: 100%;
        display: block;
        left: 0px;
        position: absolute;
    }
    .nav-item::after {
        display: none !important;
    }

    .DropDownList {
        display: block !important;
        position: absolute;
        right: 16px;
        top: 8px;
        font-size: 15px;
    }
    .d-none-sec,
    .click-scroll::after {
        display: none !important;
    }

    .inner-part h6,
    .toc a {
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    .top-article-se .container {
        padding: 0px 15px 0px 15px;
    }
    .article-section-part .slide-ar-title,
    .squer-bg-content .slide-ar-title {
        font-size: 18px !important;
    }
    .article-section-part,
    .squer-bg-content {
        padding: 8px 5px !important;
    }

    .article-slide-img {
        height: 404px;
    }
    .article-img-part img {
        height: 200px;
    }
    .for_before_cls::before {
        right: 2em;
        top: 1.3em;
    }
    .article-title {
        font-size: 18px;
    }
    .bannner-img {
        bottom: 12px;
        height: 360px;
    }
    .submit-bg-article {
        padding: 20px 15px 0px 20px;
    }

    .fs-respon-18 {
        font-size: 18px;
    }

    a.primary-btn1 {
        top: 20px;
    }

    .action-box {
        max-width: 93%;
    }
    .auth-boi {
        bottom: -5rem;
    }
}

/* Medium devices (tablets, portrait) */
@media (min-width: 768px) and (max-width: 991.98px) {
}

/* Large devices (laptops, tablets landscape mode) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .row .firstArtFeed:nth-child(1),
    .firstArtFeed:nth-child(5) {
        padding-left: 11px !important;
    }
    .row .firstArtFeed:nth-child(4),
    .firstArtFeed:nth-child(8) {
        padding-right: 14px !important;
    }
    .articl-small-info,
    .squar-image-sec {
        margin: 0px !important;
    }
    .side-top-article {
        width: 200px !important;
    }

    #for-responseive .nav-item:nth-child(4) {
        background-image: url(../images/hr-recruitment.png) !important;
        padding-top: 18px !important;
    }
    .side-right-adapart .Ads-space {
        width: 260px !important;
        height: 250px !important;
        padding: 88px 0px !important;
    }

    .side-right-adapart {
        width: 279px !important;
    }
    #five-tab .nav-link.active::after {
        left: 2.5em;
    }
    #four-tab .nav-link.active::after {
        left: 2.1em;
    }
    #third-tab .nav-link.active::after {
        left: 2.4em;
    }
    #second-tab .nav-link.active::after {
        left: 1.5em;
    }

    p.upload-resume {
        width: 45% !important;
    }
    #Education .btn.basic-info,
    #WorkExperience .btn.basic-info,
    #ProjectDetail .btn.basic-info,
    #Language .btn.basic-info {
        width: 23%;
    }

    .missing-btn {
        max-width: 100% !important;
    }
    #user-dashboard-info-Tab .nav-link {
        padding: 12px 24px 12px 24px !important;
    }
    #user-dashboard-info-Tab .nav-item {
        padding: 0px 15px 0px 0px !important;
    }
    .navbar-nav > .nav-item:nth-child(8) {
        padding: 9px 7px 6px 29px !important;
    }
    .nav-item {
        padding: 9px 17px 9px 33px !important;
    }

    .logo-inner-side img {
        width: 100%;
    }

    .log-in-new,
    .sigup_achor {
        padding: 9px 10px 9px !important;
    }
    .form-sec-bg label {
        font-size: 12px;
    }

    .regis-bg-sec .fxt-socials {
        max-width: 65%;
        left: 3em;
    }

    #for-responseive .nav-link {
        padding-right: 0px !important;
        padding-left: 19px !important;
        font-size: 15px;
    }
    .navbar-nav > .nav-item:nth-child(1) {
        background-position: -4% 36% !important;
    }
    .click-scroll::after {
        font-size: 14px;
    }

    .social {
        top: 45%;
        left: 29px;
    }
    .ask-ques span {
        padding: 11px 34px;
    }
    .user-info li {
        margin-right: 3px;
        font-size: 12px;
    }
    .toc {
        padding: 11px;
    }
    .inner-part h6,
    .toc a {
        font-size: 14px;
    }
    .share-wrapper span,
    .tag-list li {
        font-size: 13px;
    }

    .cate-left-sec .subscri-modal button::after {
        right: 9px;
        top: 38px;
    }

    .navbar-nav > .nav-item:nth-child(1),
    .navbar-nav > .nav-item:nth-child(2),
    .navbar-nav > .nav-item:nth-child(3),
    .navbar-nav > .nav-item:nth-child(4),
    .navbar-nav > .nav-item:nth-child(5),
    .navbar-nav > .nav-item:nth-child(6),
    .navbar-nav > .nav-item:nth-child(7),
    .navbar-nav > .nav-item:nth-child(8) {
        background-size: 32px 34px !important;
    }
    #for-responseive .nav-item {
        padding: 9px 7px 9px 16px !important;
    }

    #Nav_List a {
        font-size: 14px;
    }

    #for-responseive .dropdown-toggle::after {
        border-top: 6px solid;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        margin-left: 5px;
    }

    #for-responseive .navbar-nav > .nav-item:nth-child(8) {
        padding: 9px 8px 3px 18px !important;
    }
    .log-in-new,
    .sigup_achor {
        padding: 9px 7px 9px !important;
        font-size: 14px !important;
        margin: 0px !important;
    }

    #Nav_List a::after {
        left: -7px !important;
    }

    .before-ele {
        top: 4px;
    }

    .user-access-link {
        font-size: 14px;
        line-height: 33px;
    }
    .before-ele img {
        width: 28px;
    }
    .access-point small {
        font-size: 14px;
    }

    .before-ele::after {
        left: 3.3em;
        bottom: 10px;
    }

    .job-latest-list img {
        width: 65px;
        height: 65px;
        margin-right: 6px;
        top: 15px;
    }
    span.location {
        bottom: 3px;
    }

    .inner-part span {
        font-size: 11px;
        font-weight: 300;
        display: flex;
        gap: 1px;
    }
    span.date {
        bottom: 2px;
    }
    span.company {
        bottom: 1px;
    }
    .head h4 {
        width: 45%;
        padding: 8px 14px;

        font-size: 22px;
    }
}

/* Extra large devices (large laptops, desktops) */
@media (min-width: 1300px) and (max-width: 1400px) {
    .side-top-article {
        width: 280px;
    }
}

/* Extra extra large devices (big screens, 4K monitors) */
@media (min-width: 1400px) {
    .top-article-se .container {
        max-width: 1490px;
    }
    #heroCarousel {
        margin-bottom: 5px;
    }

    .article-slide-img {
        height: 100%;
    }

    .third-side-sec .article-img-part img {
        height: 252px;
    }
    .third-side-sec .article-img-part {
        margin: 0px;
    }
}