/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

    html {
        font-size: 56%;
    }

    .container {
        max-width: 960px;
        width: 100%;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .graduate_cnt {
        padding: 0 0.6rem;
    }

    .hero_left h1 {
        font-size: 15rem;
    }

    .hero_right p {
        font-size: 2.45rem;
    }

    .title_cnt h6 {
        margin-bottom: 2rem;
    }

    .slider_area2 {
        padding-left: calc((100% - 920px) / 2);
    }

    .approved_main {
        padding: 6rem 6rem
    }

    .approved_cnt h3 {
        font-size: 6.1rem;
    }

    .approved_bottom {
        padding-top: 15rem;
    }

    .faq_left h3 {
        font-size: 6rem;
    }

    .accordion_title h4 {
        font-size: 2.5rem;
        padding-right: 3rem;
    }

    .accordion_title img {
        width: 4rem;
    }

    .carrer_uprLeft h3  {
        font-size: 5.6rem;
    }

    .learn_uprRight h2 {
        font-size: 6rem;
    }

    .learn_right .row {
        --bs-gutter-x: 3rem;
    }

    .learn_btmlogo img {
        max-width: 5.4rem;
    }

    .learn_cnt h4 {
        font-size: 1.7rem;
    }

    .learn_cnt p {
        font-size: 2.2rem;
    }

    .details_leroLeft h2 {
        font-size: 5.85rem;
    }

    .details_leroRight {
        padding: 3.5rem 3.5rem 2.4rem;
        border-radius: 3.5rem 3.5rem 0rem 0rem;
    }

    .details_leroRight h3 {
        font-size: 3rem;
    }

    .details_leroRight .row {
        --bs-gutter-x: 2rem;
    }

    .contact_bottomCnt p {
        font-size: 1.32rem;
    }

    .details_leroBottom h3 {
        font-size: 6rem;
    }

    .details_contentArea .row {
        --bs-gutter-x: 2.5rem;
    }

    .dtcontent_item h4 {
        font-size: 3.2rem;
    }

    .approch_area .approved_bottom {
        padding-top: 13.5rem;
    }

    .approch_area {
        padding: 10rem 0;
    } 

    .experience_area {
        padding-bottom: 10rem;
    }

    .faq_title2 h3 {
        font-size: 3.8rem;
    }

    .faq_title3 h3 {
        font-size: 5.4rem;
    }


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media (max-width: 991px) {

    .ofcavas-menu {
        display: block;
    }

    .main_menu .dropdown-menu li {
        padding: 0;
    }

    .graduate_cnt {
        padding: 0 0.6rem;
    }

    .footer_right {
        margin-left: 0;
    }

    .copy_cnt {
        margin-top: 8rem;
        text-align: center;
    }

    .hero_right {
        max-width: 44rem;
        width: 100%;
        margin-left: auto;
    }

    .hero_right p {
        margin-bottom: 3.5rem;
    }

    .hero_left {
        padding-top: 16rem;
    }

    .hero_left h1 {
        font-size: 18rem;
    }

    .title_cnt h6 {
        margin-bottom: 2rem;
    }

    .approved_area {
        padding: 0 2rem;
    }

    .faq_area {
        padding: 10rem 0rem 1rem;
    }

    .faq_right {
        margin-top: 2.5rem;
    }

    .carrer_uprRight {
        margin-left: 0;
        margin-top: 3.2rem;
        max-width: 32rem;
    }

    .career_main {
        padding-top: 8rem;
    }

    .career_mainRight {
        margin-top: 6rem;
    }

    .learn_right .row {
        --bs-gutter-x: 3rem;
    }

    .learn_btmlogo img {
        max-width: 6rem;
    }

    .learn_inner a img {
        max-width: 6rem;
    }

    .learn_cnt h4 {
        font-size: 1.7rem;
    }

    .learn_cnt p {
        font-size: 2.2rem;
    }

    .learn_right {
        margin-top: 4.5rem;
    }

    .filter_btn button {
        background: none;
        border: none;
        outline: none;
        padding: 0;
        margin-top: 2.4rem;
    }

    .filter_btn button img {
        max-width: 5rem;
    }

    .search_bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        column-gap: 1.5rem;
    }

    .filter_main {
        display: none;
    }

    .details_leroLeft h2 {
        max-width: 65rem;
        width: 100%;
    } 

    .details_leroBottom {
        padding-top: 6rem;
    }

    .details_leroBottom h3 {
        font-size: 6rem;
    }

    .details_leroLeft a {
        margin-top: 3.4rem;
    }

    .details_leroRight {
        margin-top: 4.5rem;
    }

    .about_area {
        padding: 10rem 0 8rem;
    }

    .about_main {
        padding-top: 8rem;
    }

    .about_title h3 {
        font-size: 4.5rem;
    }

    .approch_area .approved_bottom {
        padding-top: 4rem;
    }

    .approch_area {
        padding: 10rem 0;
    }

    .approch_area .approved_bottom p {
        max-width: 100%;
    } 

    .faq_title2 h3 {
        font-size: 4.5rem!important;
        margin-bottom: 0;
    }

    .faq_title3 h3 {
        font-size: 5rem;
        margin-bottom: 0;
    }

    .tution_item h4 {
        font-size: 3rem;
    }

    .about_areast2 {
        padding-bottom: 10rem;
    }

    .about_areast2 .academic_cnt h5 {
        margin-bottom: 2rem;
    }

  
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    html {
        font-size: 50%;
    }

    .container {
        max-width: 720px;
        width: 100%;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .title_cnt h2, 
    .title_cnt h3 {
        font-size: 6rem;
    }

    .academic_innerRow {
        margin-top: 5rem;
    }

    .slider_area2 {
        padding-left: calc((100% - 680px) / 2);
    }

    .programs_cnt h4 {
        font-size: 3.2rem;
    }

    .approved_main {
        padding: 10rem 10rem;
    }

    .approved_bottom {
        padding-top: 4rem;
    }

    .approved_cnt {
        margin-top: 5rem;
    }

    .details_contentArea .row {
        --bs-gutter-x: 2.5rem;
    }

    .dtcontent_item h4 {
        font-size: 3.8rem;
    }

    .dtcontent_item {
        margin-bottom: 4rem;
    }

    .details_contentArea {
        padding-bottom: 2.5rem;
    }

    .experience_area {
        padding-bottom: 10rem;
    }

    .solution_main {
        grid-template-columns: 1fr;
    }


}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {

    html {
        font-size: 50%;
    }

    .container {
        max-width: 540px;
        width: 100%;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .footer_area {
        padding: 8rem 0rem 15rem;
    }

    .footer_item {
        margin-bottom: 5rem;
    }

    .copy_cnt {
        margin-top: 1rem;
    }

    .hero_left {
        padding-top: 14rem;
    }

    .hero_left h1 {
        font-size: 14rem;
    }

    .marquee_item h4 {
        font-size: 5rem;
    }

    .marquee_item h4 img {
        width: 3.2rem;
        margin: 0 2.5rem;
    }

    .title_cnt h2, 
    .title_cnt h3 {
        font-size: 5rem;
    }

    .academic_innerRow {
        margin-top: 5rem;
    }

    .academic_main {
        padding: 10rem 0rem 6.5rem;
    }

    .academic_cnt h5 {
        margin-bottom: 2rem;
    }

    .academic_cnt a {
        margin-top: 4rem;
    }

    .slider_area2 {
        padding-left: calc((100% - 500px) / 2);
        padding-top: 6.5rem;
    }

    .programs_cnt h4 {
        font-size: 3rem;
    }

    .programs_area {
        padding: 10rem 0;
    }

    .programs_inner img {
        max-width: 7rem;
    }

    .approved_main {
        padding: 3rem 3rem 5rem;
    }

    .approved_bottom {
        padding-top: 3.5rem;
    }

    .approved_cnt {
        margin-top: 5rem;
    }

    .career_area {
        padding: 10rem 0 12rem;
    }

    .learn_btmlogo img {
        max-width: 6.8rem;
    }

    .learn_upper {
        padding-bottom: 4rem;
    }

    .learn_main {
        padding-top: 6rem;
    }

    .details_leroBottom h3 {
        font-size: 5rem;
    }


    .details_contentArea .row {
        --bs-gutter-x: 2.5rem;
    }

    .dtcontent_item {
        margin-bottom: 4rem;
    }

    .details_contentArea {
        padding-bottom: 3rem;
    }

    .dtcontent_item h4 {
        font-size: 3rem;
    }

    .about_upper ul {
        width: 118rem;
        margin-top: 3.5rem;
        column-gap: 1.6rem;
        justify-content: flex-start;
    }

    .about_main {
        padding-top: 6.5rem;
    }

    .approch_area {
        padding: 8rem 0;
    } 

    .experience_area {
        padding-bottom: 8rem;
    }

    .experience_main {
        padding-top: 5.2rem;
    }

    .solution_main {
        grid-template-columns: 1fr;
        padding: 5rem 0;
    }

    .solution_cntRow {
        grid-template-columns: 1fr;
        grid-gap: 2.5rem;
    }

    .solution_area {
        padding: 10rem 0;
    }

    .solution_box h4 {
        font-size: 3rem;
    }

    .solution_box {
        padding: 3.2rem 3.2rem;
        border-radius: 2.4rem;
    }

}

@media screen and (max-width: 575px) {

    .back-to-top {
        right: 2rem;
        bottom: 3rem;
    }

    .footer_area {
        padding-bottom: 10rem;
    }

    .hero_left {
        padding-top: 12rem;
    }

    .hero_left h1 {
        font-size: 10.5rem;
    }

    .hero_right {
        max-width: 35rem;
        width: 100%;
        margin-left: auto;
    }

    .slider_area2 {
        padding-left: 2rem;
    }

    .faq_area {
        padding: 9rem 0rem 1rem;
    }

    .faq_right {
        margin-top: 2rem;
    }


    .accordion_title h4 {
        font-size: 2.5rem;
        padding-right: 3rem;
    }

    .accordion_title img {
        width: 3.6rem;
    }

    .accordion_inner {
        padding-right: 3rem;
    }

    .faq_bottom {
        margin-top: 5rem;
    }

    .accordion_item {
        padding: 4rem 0;
    }

    .accordion_title span {
        width: 20%;
    }

    .career_mainRight .accordion_inner {
        padding-left: 20%;
    }

    .accordian_titleInner {
        width: 65%;
    }

    .learn_right .row {
        --bs-gutter-x: 1.5rem;
    }

    .learn_btmlogo img {
        max-width: 4.8rem;
    }

    .learn_main {
        padding-top: 5.2rem;
    }

    .pagination_item ul {
        column-gap: 0.8rem;
    }

    .pagination_item ul li a {
        width: 5rem;
        height: 5rem;
        font-size: 1.75rem;
    }

    .details_leroRight {
        padding: 4rem 3.2rem 2.5rem;
        border-radius: 3.2rem 3.2rem 0rem 0rem;
    }

    .details_leroRight h3 {
        font-size: 3rem;
    }

}