@media (min-width:1400px) and (max-width:1600px) {
    .row.header-wrap {
        padding: 0
    }

    .header-menu ul li a {
        padding: 35px 15px
    }

    .style-one .about-shape5 {
        top: 14px;
        right: 70px
    }

    .style-one .about-shape4 {
        bottom: 5px;
        right: 80px
    }

    .style-one .feature-shape2 {
        top: 35px;
        right: 170px
    }

    .style-one .feature-shape1 {
        top: 40px;
        left: 50px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .style-one .team-shape1 {
        display: none
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-skill-box {
        right: -24px;
        bottom: 0
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        border-radius: 0
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-one .faq-circle {
        right: 50px;
        top: 12px
    }
}

@media (min-width:1365px) and (max-width:1399px) {
    .row.header-wrap {
        padding: 0
    }

    .header-menu ul li a {
        padding: 35px 15px
    }

    section.hero_area.style-one .hero_content h1 {
        font-size: 45px;
        line-height: 60px
    }

    section.about-area.style-one .section_title h1 {
        font-size: 40px;
        line-height: 50px
    }

    .faq-area.style-two .faq-thumb img,
    section.about-area.style-one .section-title-desc p {
        width: 100%
    }

    .style-one .about-item-box {
        gap: 16px
    }

    .style-one .about-item-list span {
        font-size: 17px
    }

    .case-study-area.style-one .section_title h1,
    .faq-area.style-one .section_title h1,
    .team-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 48px
    }

    .style-one .about-shape5 {
        top: 14px;
        right: 70px
    }

    .style-one .about-shape4 {
        bottom: 5px;
        right: 80px
    }

    .style-one .feature-shape2 {
        top: 35px;
        right: 170px
    }

    .style-one .feature-shape1 {
        top: 40px;
        left: 50px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .style-one .team-shape1 {
        display: none
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-skill-box {
        right: -24px;
        bottom: 0
    }

    .style-one .choose-shape-dot {
        top: 0;
        right: 130px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 50px;
        line-height: 60px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-circle {
        right: 50px;
        top: 12px
    }

    .style-two .accordion li a span:before {
        right: -500px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }
}

@media (min-width:1300px) and (max-width:1364px) {
    .row.header-wrap {
        padding: 0
    }

    .header-menu ul li a {
        padding: 30px 12px
    }

    section.hero_area.style-one .hero_content h1 {
        font-size: 45px;
        line-height: 60px
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after,
    section.feature-area.style-one .section-sub-title h6::after {
        width: 530px;
        height: 1px
    }

    section.about-area.style-one .section_title h1 {
        font-size: 40px;
        line-height: 50px
    }

    .faq-area.style-two .faq-thumb img,
    section.about-area.style-one .section-title-desc p {
        width: 100%
    }

    .style-one .about-item-list span {
        font-size: 17px
    }

    .case-study-area.style-one .section_title h1,
    .faq-area.style-one .section_title h1,
    .team-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 48px
    }

    .style-one .about-shape5 {
        top: 14px;
        right: 70px
    }

    .style-one .about-shape4 {
        bottom: 5px;
        right: 80px
    }

    .style-one .feature-shape2 {
        top: 35px;
        right: 170px
    }

    .style-one .feature-shape1 {
        top: 40px;
        left: 50px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .style-one .team-shape1 {
        display: none
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-skill-box {
        right: -24px;
        bottom: 0
    }

    .style-one .choose-shape-dot {
        top: 0;
        right: 130px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 50px;
        line-height: 60px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-circle {
        right: 50px;
        top: 12px
    }

    .style-two .accordion li a span:before {
        right: -500px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }

    .style-one .about-thumb img {
        width: 100%;
        max-width: 730px
    }
}

@media (min-width:1200px) and (max-width:1299px) {
    .header-menu ul li a {
        padding: 25px 9px
    }

    section.hero_area.style-one .hero_content h1 {
        font-size: 42px
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after section.feature-area.style-one .section-sub-title h6::after {
        width: 530px;
        height: 1px
    }

    section.about-area.style-one .section_title h1 {
        font-size: 40px;
        line-height: 50px
    }

    .faq-area.style-two .faq-thumb img,
    section.about-area.style-one .section-title-desc p {
        width: 100%
    }

    .style-one .about-item-list span {
        font-size: 17px
    }

    .case-study-area.style-one .section_title h1,
    .faq-area.style-one .section_title h1,
    .team-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 48px
    }

    .style-one .about-shape5 {
        top: 14px;
        right: 70px
    }

    .style-one .about-shape4 {
        bottom: 5px;
        right: 80px
    }

    .style-one .feature-shape2 {
        top: 35px;
        right: 170px
    }

    .style-one .feature-shape1 {
        top: 40px;
        left: 50px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .style-one .team-shape1 {
        display: none
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-skill-box {
        right: -24px;
        bottom: 0
    }

    .style-one .choose-shape-dot {
        top: 0;
        right: 130px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 50px;
        line-height: 60px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-circle {
        right: 50px;
        top: 12px
    }

    .style-two .accordion li a span:before {
        right: -500px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .header-btn a {
        padding: 8px 12px
    }

    .header-logo img {
        width: 100%
    }

    .header-menu ul li a::before {
        position: inherit;
        background: 0 0
    }

    .header-menu ul li a:hover,
    .header-menu ul li a:hover i {
        color: var(--titile-color)
    }

    .sticky .header-menu ul li a:hover,
    .sticky .header-menu ul li a:hover i {
        color: #fff
    }

    .header-btn a {
        font-size: 15px
    }

    .header-btn a i {
        display: inline-block;
        margin-left: 8px
    }

    .style-one .about-thumb-wrapper {
        margin-left: 0
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .faq-area.style-two .faq-thumb img {
        width: inherit
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 42px;
        line-height: 52px
    }

    .style-two .hero-btn a {
        padding: 15px 20px
    }

    .style-two .about-thumb-wrapper {
        margin-bottom: 60px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-circle {
        right: 50px;
        top: 12px
    }

    .style-two .accordion li a span:before {
        right: -890px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }

    .style-two .tab_container {
        padding: 80px 0 0
    }

    .header-menu ul li a {
        padding: 20px 10px 20px 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .mobile-menu-area .sticky {
        padding: 0 30px
    }

    .addmission-dot,
    .mean-container .mean-nav ul li a i,
    .style-one .about-shape4,
    .style-one .about-shape5,
    .style-one .choose-shape-dot,
    .style-one .choose-shape-star,
    .style-one .choose-shape2,
    .style-one .faq-circle,
    .style-one .faq-dot,
    .style-one .feature-shape1,
    .style-one .feature-shape2,
    .style-one .team-shape1 {
        display: none
    }

    .row.header-wrap,
    .sticky {
        padding: 0
    }

    .header-menu,
    .style-one .case_study_menu {
        text-align: left
    }

    .header-logo img,
    .style-one .choose-thumb img {
        width: 100%;
        height: auto
    }

    .header-menu ul li a {
        padding: 25px 2px
    }

    .header-menu ul li a::before {
        position: inherit;
        background: 0 0
    }

    .header-menu ul li a:hover,
    .header-menu ul li a:hover i {
        color: var(--titile-color)
    }

    .sticky .header-menu ul li a:hover,
    .sticky .header-menu ul li a:hover i {
        color: #fff
    }

    .header-btn a {
        font-size: 15px;
        padding: 8px 12px
    }

    .header-btn a i {
        display: inline-block;
        margin-left: 8px
    }

    section.hero_area.style-one .hero_content h1 {
        font-size: 40px
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after,
    section.feature-area.style-one .section-sub-title h6::after {
        width: 450px;
        height: 1px;
        bottom: 0
    }

    .style-one .single-feature-box {
        margin-bottom: 20px
    }

    section.about-area.style-one .section-title-desc p {
        width: 60%
    }

    .style-one .about-item-desc p {
        width: 85%
    }

    .style-one .about-item-list span {
        font-size: 17px;
        margin-bottom: 10px
    }

    .style-one .about-item-box,
    .style-one .case-study-single-box {
        margin-bottom: 30px
    }

    .style-one .about-thumb {
        text-align: center;
        margin-bottom: 50px
    }

    .case-study-area.style-one .section_title h1,
    .team-area.style-one .section_title h1 {
        font-size: 32px;
        line-height: 42px
    }

    .style-one .case_study_menu ul li {
        padding: 9px 16px;
        margin: 0 3px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-thumb {
        margin-top: 50px
    }

    .style-one .choose-skill-box {
        right: 10px;
        bottom: -50px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .footer-bottom-social-icon {
        text-align: left;
        margin-top: 20px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        height: 750px;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 42px;
        line-height: 52px
    }

    .style-two .hero-btn a {
        padding: 15px 20px
    }

    .style-two .about-thumb-wrapper {
        margin-bottom: 60px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .marquee-block h3 {
        font-size: 20px
    }

    .style-one .faq-thumb-wrapper {
        margin-bottom: 40px
    }

    .marquee-block h3 span img {
        width: 80%
    }

    .faq-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 48px
    }

    .style-two .accordion li a span:before {
        right: -650px;
        top: -4px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }

    .faq-area.style-two .faq-thumb img {
        width: inherit
    }

    .style-two .tab_container {
        padding: 80px 0 0
    }
}

@media (min-width:600px) and (max-width:767px) {
    .mobile-menu-area .sticky {
        padding: 0 30px
    }

    .addmission-dot,
    .mean-container .mean-nav ul li a i,
    .owl-nav,
    .style-one .about-shape4,
    .style-one .about-shape5,
    .style-one .choose-shape-dot,
    .style-one .choose-shape-star,
    .style-one .choose-shape2,
    .style-one .faq-circle,
    .style-one .faq-dot,
    .style-one .faq-qestion,
    .style-one .faq-star,
    .style-one .feature-shape1,
    .style-one .feature-shape2,
    .style-one .team-shape1 {
        display: none
    }

    .row.header-wrap,
    .sticky {
        padding: 0
    }

    .header-menu,
    .style-one .case_study_menu {
        text-align: left
    }

    .faq-area.style-two .faq-thumb img,
    .header-logo img,
    .style-one .choose-thumb img,
    section.about-area.style-one .section-title-desc p {
        width: 100%
    }

    .header-menu ul li a {
        padding: 25px 2px
    }

    .header-menu ul li a::before {
        position: inherit;
        background: 0 0
    }

    .btn,
    .header-menu ul li a:hover,
    .header-menu ul li a:hover i {
        color: var(--titile-color)
    }

    .sticky .header-menu ul li a:hover,
    .sticky .header-menu ul li a:hover i {
        color: #fff
    }

    .header-btn a {
        font-size: 15px;
        padding: 8px 12px
    }

    .header-btn a i {
        display: inline-block;
        margin-left: 8px
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after,
    section.feature-area.style-one .section-sub-title h6::after {
        width: 450px;
        height: 1px;
        bottom: 0
    }

    .style-one .single-feature-box {
        margin-bottom: 20px;
        padding: 15px
    }

    .style-one h2.feature-title {
        font-size: 21px
    }

    section.about-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 50px
    }

    .style-one .about-item-desc p {
        width: 100%
    }

    .style-one .about-item-list span {
        font-size: 17px;
        margin-bottom: 10px
    }

    .style-one .about-item-box,
    .style-one .case-study-single-box {
        margin-bottom: 30px
    }

    .style-one .about-thumb {
        text-align: center;
        margin-bottom: 50px
    }

    .addmission-learning-section .section_title h1,
    .case-study-area.style-one .section_title h1,
    .section_title h1,
    .team-area.style-one .section_title h1 {
        font-size: 32px;
        line-height: 42px
    }

    .style-one .case_study_menu ul li {
        padding: 9px 16px;
        margin: 0 3px 15px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .style-one .choose-thumb {
        margin-top: 50px
    }

    .style-one .choose-skill-box {
        right: 10px;
        bottom: -10px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .footer-bottom-social-icon {
        text-align: left;
        margin-top: 20px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        height: 750px;
        border-radius: 0
    }

    .style-two .hero_content h1 {
        font-size: 42px;
        line-height: 52px
    }

    .style-two .hero-btn a {
        padding: 15px 20px
    }

    .style-two .about-thumb-wrapper {
        margin-bottom: 60px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-thumb-wrapper {
        margin-bottom: 40px
    }

    .marquee-block h3 span img {
        width: 80%
    }

    .faq-area.style-one .section_title h1 {
        font-size: 36px;
        line-height: 48px
    }

    .style-two .accordion li a span:before {
        right: -470px;
        top: -4px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }

    .style-two .tab_container {
        padding: 80px 0 0
    }
}

@media (min-width:480px) and (max-width:599px) {
    .section_title h1 {
        font-size: 32px
    }

    .mobile-menu-area .sticky {
        padding: 0 30px
    }

    .addmission-dot,
    .addmission-star,
    .mean-container .mean-nav ul li a i,
    .style-one .about-shape4,
    .style-one .about-shape5,
    .style-one .choose-shape-dot,
    .style-one .choose-shape-star,
    .style-one .choose-shape2,
    .style-one .faq-circle,
    .style-one .faq-dot,
    .style-one .faq-qestion,
    .style-one .faq-star,
    .style-one .faq-suport-box,
    .style-one .feature-shape1,
    .style-one .feature-shape2,
    .style-one .team-shape1 {
        display: none
    }

    .row.header-wrap,
    .sticky {
        padding: 0
    }

    .header-menu,
    .style-one .case_study_menu {
        text-align: left
    }

    .faq-area.style-two .faq-thumb img,
    .header-logo img,
    .section-title-desc.two p,
    .style-one .about-thumb img,
    .style-one .choose-thumb img,
    .why-choose-area.style-one .section-title-desc p,
    section.about-area.style-one .section-title-desc p,
    section.about-area.style-two .about-thumb img {
        width: 100%
    }

    .header-menu ul li a {
        padding: 25px 2px
    }

    .header-menu ul li a::before {
        position: inherit;
        background: 0 0
    }

    .btn,
    .header-menu ul li a:hover,
    .header-menu ul li a:hover i {
        color: var(--titile-color)
    }

    .sticky .header-menu ul li a:hover,
    .sticky .header-menu ul li a:hover i {
        color: #fff
    }

    .header-btn a {
        font-size: 15px;
        padding: 8px 12px
    }

    .header-btn a i {
        display: inline-block;
        margin-left: 8px
    }

    .style-two .hero_content h1,
    section.hero_area.style-one .hero_content h1 {
        font-size: 42px
    }

    .style-two .hero-button {
        display: block
    }

    section.feature-area.style-one .section-sub-title h6::after {
        width: 450px;
        height: 1px;
        bottom: 0
    }

    section.feature-area.style-one {
        padding: 110px 0 60px
    }

    section.about-area.style-one {
        padding: 60px 0 0
    }

    .style-one .about-thumb-wrapper {
        margin-left: 0
    }

    .style-one .single-feature-box {
        margin-bottom: 20px;
        padding: 15px
    }

    .style-one h2.feature-title {
        font-size: 21px
    }

    .style-one .about-item-desc p {
        width: 100%
    }

    .style-one .about-item-list span {
        font-size: 17px;
        margin-bottom: 10px
    }

    .style-one .about-item-box,
    .style-one .case-study-single-box {
        margin-bottom: 30px
    }

    .style-one .about-thumb {
        text-align: center;
        margin-bottom: 50px
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after {
        width: 420px;
        height: 1px;
        bottom: 0
    }

    .style-one .case_study_menu ul li {
        padding: 9px 16px;
        margin: 0 3px 15px;
        font-size: 14px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .case-study-area.style-one {
        padding: 110px 0 90px
    }

    .why-choose-area.style-one .section_title h1 {
        font-size: 38px;
        line-height: 48px
    }

    .style-one .choose-thumb {
        margin-top: 50px
    }

    .style-one .choose-skill-box {
        right: 10px;
        bottom: -50px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 36px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        height: 750px;
        border-radius: 0
    }

    .style-two .hero-btn a {
        padding: 15px 20px
    }

    .style-two .about-thumb-wrapper {
        margin-bottom: 60px
    }

    section.about-area.style-two .section_title.two h1 {
        font-size: 35px;
        line-height: 45px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .marquee-block h3 {
        font-size: 28px
    }

    .addmission-learning-section .section_title h1 {
        font-size: 28px;
        line-height: 38px
    }

    .style-one .faq-thumb-wrapper {
        margin-bottom: 40px
    }

    .marquee-block h3 span img {
        width: 80%
    }

    .style-one .accordion li a {
        font-size: 18px;
        line-height: 26px
    }

    .footer-widget-title h4 {
        font-size: 22px;
        margin-bottom: 10px
    }

    .style-two .accordion li a span:before {
        right: -393px;
        top: -4px
    }

    .style-two .accordion li p {
        padding: 20px 10px 20px 15px
    }

    .style-two .accordion li a {
        font-size: 20px
    }

    .style-two .tab_container {
        padding: 80px 0 0
    }
}

@media (min-width:320px) and (max-width:479px) {
    .style-one .row.about-border::before {
        top: 10px
    }

    .style-one .row.about-border::after {
        bottom: 0
    }

    ul.infoGraphic li .number {
        font-size: 30px;
        font-weight: 600
    }

    .mobile-menu-area .sticky {
        padding: 0 30px
    }

    .addmission-dot,
    .addmission-star,
    .mean-container .mean-nav ul li a i,
    .style-one .about-shape4,
    .style-one .about-shape5,
    .style-one .accordion a:after,
    .style-one .accordion a:before,
    .style-one .choose-shape-dot,
    .style-one .choose-shape-star,
    .style-one .choose-shape2,
    .style-one .choose-skill-box,
    .style-one .faq-circle,
    .style-one .faq-dot,
    .style-one .faq-qestion,
    .style-one .faq-star,
    .style-one .faq-suport-box,
    .style-one .feature-shape1,
    .style-one .feature-shape2,
    .style-one .team-shape1 {
        display: none
    }

    .row.header-wrap,
    .sticky {
        padding: 0
    }

    .header-menu {
        text-align: left
    }

    .faq-area.style-one .faq-thumb img,
    .faq-area.style-two .faq-thumb img,
    .header-logo img,
    .section-title-desc.two p,
    .style-one .about-thumb img,
    .style-one .choose-thumb img,
    .style-two .hero_content>p,
    .why-choose-area.style-one .section-title-desc p,
    section.about-area.style-one .section-title-desc p,
    section.about-area.style-two .about-thumb img,
    section.hero_area.style-one .hero_content p {
        width: 100%;
        height: auto
    }

    .header-menu ul li a {
        padding: 25px 2px
    }

    .header-menu ul li a::before {
        position: inherit;
        background: 0 0
    }

    .header-menu ul li a:hover,
    .header-menu ul li a:hover i {
        color: var(--titile-color)
    }

    .sticky .header-menu ul li a:hover,
    .sticky .header-menu ul li a:hover i {
        color: #fff
    }

    .header-btn a {
        font-size: 15px;
        padding: 8px 12px
    }

    .header-btn a i {
        display: inline-block;
        margin-left: 8px
    }

    .style-two .hero_content h1,
    section.hero_area.style-one .hero_content h1 {
        font-size: 32px
    }

    section.hero_area.style-one .hero-btn {
        margin-right: 0;
        margin-bottom: 30px
    }

    section.hero_area.style-one .hero-course-btn a {
        padding-left: 15px
    }

    section.hero_area.style-one .hero-course-btn a::before {
        left: 16px
    }

    .style-two .hero-button {
        display: block
    }

    .case-study-area.style-one .section-sub-title h6::after,
    .team-area.style-one .section-sub-title h6::after,
    section.feature-area.style-one .section-sub-title h6::after {
        width: 280px;
        height: 1px;
        bottom: 0
    }

    .style-one .about-thumb-wrapper {
        margin-left: 0
    }

    .style-one .single-feature-box {
        margin-bottom: 20px;
        padding: 15px
    }

    .style-one h2.feature-title {
        font-size: 21px
    }

    section.about-area.style-one .section_title h1 {
        font-size: 25px;
        line-height: 120%
    }

    .style-one .about-btn {
        margin-top: 40px
    }

    .style-one .row.about-border {
        padding-top: 20px
    }

    .style-one .about-item-desc p {
        width: 100%;
        font-size: 14px;
        line-height: 130%
    }

    .style-one .about-item-list span {
        font-size: 17px;
        margin-bottom: 10px
    }

    .style-one .about-item-box {
        margin-bottom: 30px
    }

    h2.heading_type_h2 {
        font-size: 22px
    }

    .style-one .about-thumb {
        text-align: center;
        margin-bottom: 30px
    }

    .style-one .case_study_menu {
        text-align: left;
        margin-bottom: 12px
    }

    .style-one .case_study_menu ul li {
        padding: 9px 22px;
        margin: 0 3px 15px
    }

    .marquee-block h3 span {
        margin-right: 25px;
        margin-left: 25px
    }

    .case-study-area.style-one,
    .section_limted_v,
    .why-choose-area.style-one {
        padding: 30px 0
    }

    .style-one .case-study-single-box {
        margin-bottom: 30px;
        padding: 30px 15px 32px
    }

    .why-choose-area.style-one .section_title h1 {
        font-size: 25px;
        line-height: 35px
    }

    .style-one .choose-item-menu ul li:first-child,
    .style-one .choose-item-menu ul li:nth-child(2),
    .style-one .choose-item-menu ul li:nth-child(3),
    .style-one .choose-item-menu ul li:nth-child(4) {
        font-size: 16px;
        margin: 0 0 20px;
        padding: 14px 20px
    }

    .style-one .choose-item-menu ul li:nth-child(2),
    .style-one .choose-item-menu ul li:nth-child(3),
    .style-one .choose-item-menu ul li:nth-child(4) {
        padding: 14px 20px
    }

    .style-one .choose-thumb {
        margin-top: 50px
    }

    .footer-widget-title h4 {
        margin-bottom: 0;
        margin-top: 20px
    }

    .educate-header-area.style-two {
        margin-top: 0;
        padding: 0
    }

    .style-two.educate-header-area {
        margin-bottom: -102px
    }

    section.hero_area.style-two {
        margin: 0;
        height: 750px;
        border-radius: 0
    }

    .style-two .hero_content h5 {
        font-size: 16px;
        padding: 0 8px 0 6px
    }

    .section-sub-title.two h6 img,
    .style-two .hero_content h5 i {
        margin-right: 5px
    }

    .style-two .hero-btn a {
        padding: 15px 20px
    }

    .style-two .about-thumb-wrapper {
        margin-bottom: 60px
    }

    section.about-area.style-two .section_title.two h1 {
        font-size: 24px;
        line-height: 32px
    }

    .style-two .about-item-list ul li {
        font-size: 17px;
        display: flex;
        align-items: baseline
    }

    .section-sub-title.two h6 {
        font-size: 14px;
        padding: 3px 10px
    }

    .team-area.style-two {
        padding: 0 20px 60px
    }

    .team-area.style-two .section_title.two h1 {
        font-size: 26px
    }

    .style-two .feature-icon {
        float: inherit;
        margin-right: 0;
        margin-bottom: 20px
    }

    .style-two .feature-content {
        padding-right: 0
    }

    .style-one .faq-thumb-wrapper {
        margin-bottom: 40px
    }

    .marquee-block h3 {
        font-size: 20px
    }

    .marquee-block h3 span img {
        width: 60%
    }

    .style-one .accordion li a {
        padding: 10px 30px 10px 10px;
        font-size: 16px
    }

    .style-two .accordion li p {
        padding: 20px 10px
    }

    .style-two .accordion a:after,
    .style-two .accordion a:before {
        position: inherit
    }

    .style-two .accordion li a span:before {
        display: inherit
    }

    .faq-area.style-two {
        padding: 100px 0 80px
    }

    .style-two .accordion li a {
        font-size: 20px;
        padding: 17px 7px 18px
    }

    .style-two .tab_container {
        padding: 80px 0 0
    }

    .btn {
        color: var(--color-white);
        padding: 21px 30px;
        background: var(--primary-color)
    }
}

@media (max-width:1200px) {
    section.talk_sec.chatbot-cta-bg-2 {
        padding: 110px 50px
    }

    .style-one .about-thumb-wrapper {
        margin-left: 0
    }
}

@media (max-width:992px) {
    .section_title h1 {
        font-size: 34px
    }

    .educate-header-area {
        display: none
    }

    .owl-next i,
    .owl-prev i {
        font-size: 15px;
        width: 38px;
        height: 38px
    }

    .why-choose-area.style-one .section-title-desc p {
        width: 100%
    }

    .choose-content .section_title.leftside-headding {
        margin: 0
    }

    .form-box {
        max-width: 100%;
        margin: 30px auto 0
    }

    .why-choose-area.style-one,
    section.about-area.style-one,
    section.feature-area.style-one {
        padding: 50px 0 50px
    }

    .section_title {
        margin-bottom: 30px
    }

    ul.infoGraphic {
        margin-top: 0
    }

    .talk_sec_con {
        max-width: 100%
    }

    section.talk_sec.chatbot-cta-bg-2 {
        background: var(--primary-color);
        padding: 50px 50px
    }

    h2.heading_type_h2,
    p.heading_type_p {
        color: #fff
    }

    .get_tch_bttn {
        color: #009e60;
        background-color: #fff
    }

    .section-meet-experts {
        margin: 50px 0 60px
    }

    .style-one .choose-item-menu ul li:first-child,
    .style-one .choose-item-menu ul li:nth-child(2),
    .style-one .choose-item-menu ul li:nth-child(3),
    .style-one .choose-item-menu ul li:nth-child(4) {
        margin: 0 15px 20px 0;
        padding: 14px 50px 14px 25px
    }

    .team-area.style-one,
    section.work-process-section {
        margin: 50px 0
    }

    #benefits,
    #ourprocess,
    div#aboutus,
    div#testimonials {
        scroll-margin-top: 50px
    }

    ul.infoGraphic {
        gap: 20px
    }

    ul.infoGraphic li {
        max-width: 20em;
        border-radius: 20px;
        padding: 20px
    }

    a.logo_img img {
        max-width: 100px;
        width: 100%
    }

    .section-title-space {
        margin-bottom: 0;
        padding: 0
    }

    ul.infoGraphic li .number {
        font-size: 26px;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    ul.infoGraphic li .content h2 {
        font-size: 20px;
        margin-bottom: 0
    }

    .marquee-section {
        padding: 15px 0
    }

    .row.addmission-bg {
        padding: 0;
        border-radius: 0;
        background: unset !important
    }

    .addmission-content h1 {
        text-align: left
    }

    .faq-area.style-one,
    .section_limted_v {
        padding: 30px 0
    }

    .style-one .accordion li p {
        padding: 15px 10px;
        font-size: 14px;
        line-height: 24px
    }

    .case-study-area.style-one {
        padding: 20px 0 30px
    }

    .row.add-footer-class {
        row-gap: 20px;
        padding-bottom: 15px
    }

    .about-thumb img {
        width: 100%;
        max-width: 550px;
        margin: 0 auto;
        height: auto
    }

    .style-one .about-thumb-wrapper {
        text-align: center
    }

    section.hero_area.style-one {
        padding: 120px 0 60px
    }
}

@media (max-width:768px) {
    .marquee-block h3 {
        font-size: 18px
    }

    .trainee-image-wrapper {
        height: 310px
    }

    .trainee-img {
        object-position: top
    }

    ul.infoGraphic li {
        max-width: 15em;
        border-radius: 10px;
        padding: 15px
    }

    ul.infoGraphic li .content h2 {
        font-size: 16px;
        line-height: 120%
    }

    ul.infoGraphic li .content p {
        font-size: 14px
    }

    .footer-widget-content.center-footer-content {
        max-width: 100%
    }

    .style-one .choose-item-menu ul li {
        width: 100%
    }

    h2.heading_type_h2 {
        font-size: 30px
    }
}

@media (max-width:575px) {
    .style-one .case-study-single-box {
        padding: 15px 15px 15px
    }

    .style-one .case-study-thumb img {
        border-radius: 10px;
        object-fit: cover
    }

    .style-one .case-study-content p {
        min-height: 70px
    }

    ul.infoGraphic li {
        max-width: 100% !important
    }

    .addmission-btn {
        margin-top: 0
    }

    .style-one .choose-item-menu ul li:first-child,
    .style-one .choose-item-menu ul li:nth-child(2),
    .style-one .choose-item-menu ul li:nth-child(3),
    .style-one .choose-item-menu ul li:nth-child(4) {
        margin: 0 10px 10px 0;
        padding: 14px 20px 14px 20px
    }

    .style-one p.choose-suport-des {
        font-size: 13px;
        margin-bottom: 15px
    }

    .section-title-desc p {
        margin: 0 0 15px
    }

    .style-one .single-team-box {
        border-radius: 10px;
        padding: 10px 10px 10px;
        margin-bottom: 10px
    }

    .expert-card {
        height: 500px
    }

    .footer-bottom-social-icon {
        text-align: center;
        margin-top: 20px
    }

    .marquee-block h3 {
        font-size: 18px
    }

    .style-one .about-item-box h3.counter {
        font-size: 38px
    }

    .style-one .about-item-box span {
        font-size: 30px
    }

    .style-one .case_study_menu {
        margin-bottom: 20px
    }

    .section_title h1 {
        font-size: 26px
    }

    .form-box h2 {
        margin-bottom: 20px;
        font-size: 20px
    }

    .team-title h3 {
        font-size: 22px
    }

    .team-content span {
        font-size: 14px;
        line-height: 160%;
        min-height: 90px
    }

    section.talk_sec.chatbot-cta-bg-2 {
        padding: 30px 20px
    }

    .form-flex-box {
        display: block
    }

    section.work-process-section {
        margin: 30px 0
    }

    .trusted_company_sld_area_inner h2 {
        font-size: 18px
    }

    .trusted_company_sld_area_inner {
        padding: 25px 20px
    }

    .section-successful-trainees {
        padding: 40px 0 40px
    }

    section.hero_area.style-one .hero-shape1 {
        top: 0
    }

    .style-one .about-btn a,
    .style-one .faq-button a,
    section.hero_area.style-one .hero-course-btn a {
        font-size: 14px
    }

    .section_title {
        margin-bottom: 20px
    }

    .style-one .choose-item-menu {
        margin-top: 18px
    }

    .team-area.style-one {
        margin: 20px 0
    }
}