@media (max-width:1366px) {

    .onboarding-p .on-board-main .on-board-item .content h3 {

        font-size: 24px;

    }

    .job-latest .job-item .cont .loc {

        width: 50%;

    }

    .banner {

        margin-top: 100px;

        height: 77vh;

    }

    .banner .mySwiper2 {

        margin-top: 0px;

    }

    .banner .mySwiper {

        height: 81%;

    }

    .navbar-nav .nav-link {
        font-size: 14.1px !important;
        padding: 1px 0.4rem !important;
    }

    .onboarding-p.common-space {
        padding-top: 90px;
    }

    header .navbar-brand img {
        max-width: 210px;
    }

    header.sticky .navbar-brand img {
        max-width: 210px;
    }

}

@media (max-width:1286px) {
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        padding: 1px 0.5rem;
    }
}



@media (max-width:1024px) {

    header .navbar-brand img {

        max-width: 180px;

    }



    header .navbar-expand-lg .navbar-nav .nav-link {

        padding: 1px 0.3rem;

        font-size: 12px !important;

    }

    header .navbar-expand-lg .navbar-collapse {

        padding-left: 10px;

    }

    header.sticky .navbar-brand img {

        max-width: 180px;

    }




    .proj-gal .common-btn {

        font-size: 13px;

    }

    .common-heading {

        font-size: 32px;

    }

    .event-single-p .content-event {

        margin-top: 85px;

    }

    .banner .trend-heading .head-heading p {
        font-size: 13px;
    }

    .banner .mySwiper {
        height: 77%;
    }

    .banner .story-ban,
    .banner .story {
        margin-top: 8px;
    }

    .dropdown-item {
        font-size: 13px;
        padding: 5px 10px;
    }

}







@media (max-width:992px) {

    .perf-bussiness .perf-main {

        grid-template-columns: repeat(2, 1fr);

    }

    .job-latest .side-img img {

        width: 100%;

    }

    .article-latest .sec-list .on-board-item-2 {

        grid-template-columns: repeat(2, 1fr);

    }

    .event-latest .conference-main {

        grid-template-columns: repeat(1, 1fr);

    }

    .event-latest .conference-main .event-item .confernce {

        height: 180px;

    }

    .top-auth .auther-list {

        grid-template-columns: repeat(2, 1fr);

    }

    .banner {

        margin-top: 100px;

        height: auto;

        overflow: hidden;

    }

    .editor-choice .on-board-item-2 {

        grid-template-columns: repeat(2, 1fr);

    }



    .editor-choice .editor-badge {

        gap: 20px;

    }

    .common-heading {

        font-size: 25px;

    }

    .editor-choice .editor-badge img {

        max-width: 110px;

    }



    .resource-web .on-board-item-2 {

        grid-template-columns: repeat(2, 1fr);

    }



    header .navbar-expand-lg .navbar-nav .nav-link {

        margin-bottom: 15px;

    }



    .search-btn {

        margin-bottom: 15px;

    }



    header .navbar-expand-lg .navbar-collapse {



        padding-left: 0;

        margin-top: 15px;

    }



    .indust-cate .cate-main {

        grid-template-columns: repeat(2, 1fr);

    }

    .article-p-all .articles-main .articles-item .content h3 {

        font-size: 18px;

    }

    .article-p-all .articles-main .articles-item .content p {

        line-height: normal;

    }

    .article-p-all .articles-main .articles-item {

        gap: 0px;

    }

    .for-down .ebooks-main {

        grid-template-columns: repeat(2, 1fr);

    }

    .ebooks-p .ebooks-main {

        gap: 15px;

    }

    .webinar-p .on-board-item-2 {

        grid-template-columns: repeat(2, 1fr);

    }

    .recent-webinar .on-board-item-2 {

        grid-template-columns: repeat(2, 1fr);

    }

    .proj-gal .tabs-p ul {

        border-bottom: 0px solid var(--theme-color);

        flex-wrap: wrap;

        justify-content: flex-start;

    }

    .proj-gal .common-btn.active {

        border-bottom: 1px solid var(--theme-color);

    }



    .proj-gal .common-btn.active::after {

        display: none;

    }

    .guide.list {

        margin-top: 30px;

    }

    .proj-gal .gal-box-wrapper .listing-item {

        padding: 20px 0px;

    }

    .press-rel-p .press-items {

        grid-template-columns: repeat(1, 1fr);

    }

    .press-release-single-p .press-intro .common-heading {

        font-size: 25px;

    }

    .press-release-single-p .buss-info {

        margin-bottom: 20px;

        margin-top: 30px;

        padding: 0px 20px;

    }

    .press-release-single-p .press-release-content {

        padding: 0px 20px;

    }

    .events-p-head .events-web-items {

        grid-template-columns: repeat(2, 1fr);

        margin-top: 0px;

    }

    .events-p-head .events-web-items .events-web-item:nth-child(1),
    .events-p-head .events-web-items .events-web-item:nth-child(3) {

        margin-top: 00px;

    }

    .events-p-head .events-web-items .events-web-item:nth-child(2) {

        margin-bottom: 0px;

    }

    .proj-gal .gal-box-wrapper .listing-item {

        padding: 20px 20px;

    }

    .event-single-p::before {

        height: 244px;

    }

    .banner .story-ban,
    .banner .story {
        display: flex;
        gap: 20px;
        margin-top: 15px;
        margin-top: 20px;
        justify-content: flex-start;
    }

    .banner .story-ban .img,
    .banner .story .img {
        width: 92px;
        height: 100px;
    }

    .banner .trend-heading {
        margin-top: 20px;
    }

    .beard-head .bread h1 {
        font-size: 27px;
    }

    .navbar-toggler {
        position: absolute;
        right: 147px;
        top: 16px;
    }

    header .common-btn {
        position: absolute;
        right: 220px;
        top: 10px;
    }

    .searc-btn {
        position: absolute;
        right: 330px;
        top: 10px;
    }

    header .navbar .navbar-nav .nav-item .dropdown-menu {
        margin-bottom: 14px;
    }
    header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px !important;
        line-height: 23px;
    }
}

@media (max-width:768px) {
    .navbar-toggler {

        right: 38px;
        top: 16px;
    }

    .searc-btn {

        right: 219px;
        top: 12px;
    }

    header .common-btn {

        right: 109px;

    }

}

@media (max-width:576px) {

    .top-auth .auther-list {

        grid-template-columns: repeat(1, 1fr);

    }

    .editor-choice .editor-badge {

        flex-direction: column;

    }

    .editor-choice .on-board-item-2 {

        grid-template-columns: repeat(1, 1fr);

    }

    .resource-web .on-board-item-2 {

        grid-template-columns: repeat(1, 1fr);

    }

    .perf-bussiness .perf-main {

        grid-template-columns: repeat(1, 1fr);

    }

    .event-latest .conference-main .event-item {

        flex-direction: column;

    }

    .event-latest .conference-main .event-item .confernce {

        width: 100%;

        height: 50px;

        border-radius: 1em;

    }

    .event-latest .conference-main .event-item .confernce h3 {

        transform: translate(-50%, -50%) rotate(359deg);

    }

    .event-latest .conference-main .event-item .training {

        width: 100%;

    }

    .event-latest .conference-main .event-item .time {

        width: 100%;

    }

    .event-latest .conference-main .event-item .time::before {

        display: none;

    }

    .job-latest .job-item .cont .loc {

        width: 100%;

        margin-top: 15px;

    }

    .job-latest .job-item .cont {

        display: flex;

        flex-direction: column;

    }



    .job-latest .job-item .cont .icon {

        display: flex;

        align-items: flex-start;

        gap: 20px;

        flex-direction: column;

    }

    .article-latest .sec-list .on-board-item-2 {

        grid-template-columns: repeat(1, 1fr);

    }

    footer .social-links {

        margin-top: 20px;

        display: flex;

        gap: 10px;

        justify-content: flex-start;

        padding-left: 0;

    }



    footer .bottom-foo {

        flex-direction: column;

    }

    footer .bottom-foo .link-list-1 {

        gap: 5px;

        flex-direction: column;

    }

    .perf-bussiness {

        position: relative;

        overflow: hidden;

    }



    .indust-cate .cate-main {

        grid-template-columns: repeat(1, 1fr);

    }

    .article-p-all .articles-main .articles-item {

        flex-direction: column;

    }



    .article-p .social-links {

        justify-content: flex-start;

    }

    .ebooks-p .ebooks-main {

        grid-template-columns: repeat(1, 1fr);

        gap: 30px;

    }

    .ebooks-p .ebooks-main .ebooks-item:first-child img {

        max-width: 100%;

    }

    .ebooks-p .ebooks-main .ebooks-item:last-child img {

        max-width: 100%;

    }

    .for-down .ebooks-main {

        grid-template-columns: repeat(1, 1fr);

    }

    .recent-webinar .on-board-item-2 {

        grid-template-columns: repeat(1, 1fr);

    }

    .webinar-p .on-board-item-1 {

        grid-template-columns: repeat(1, 1fr);

    }

    .webinar-p .on-board-item-2 {

        grid-template-columns: repeat(1, 1fr);

    }



    .proj-gal .gal-box-wrapper .listing-item {

        gap: 20px;

        align-items: self-start;

        padding: 20px;

        flex-direction: column;

    }

    .proj-gal .gal-box-wrapper .listing-item .content {

        width: 100%;

    }

    .press-rel-p .pres-item h4 {

        flex-direction: column;

    }

    .events-p-head .events-web-items {

        grid-template-columns: repeat(1, 1fr);

    }

    .events-lists .gal-box-wrapper .listing-item .content {

        width: 100%;

        flex-direction: column;

    }

    header .common-btn {

        right: 107px;
        top: 12px;
    }


    header .common-btn {

        right: 79px;
        top: 13px;
        padding: 6px 14px;
        font-size: 15px;
    }

    .searc-btn {
        right: 147px;
        top: 8px;
    }

    header .navbar-brand img {
        max-width: 132px;
    }

    .navbar-toggler {
        top: 11px;
        right: 10px;
    }

    header.sticky .navbar-brand img {
        max-width: 134px;
    }
}