@media(max-width:1399px){
    .contact-details .ftc-adr p {
        font-size: 18px;
    }
    .contact-details .ftc-adr a {
        color: #06090a;
        font-size: 16px;
        line-height: 30px;
    }
    .contact-details .ftc-add {
        margin-right: 30px;
        padding-right: 30px;
    }
    .admsr-ic img {
        max-height: 650px;
        object-fit: contain;
    }
    img.cta-teacher {
        max-height: 390px;
    }
    section.i-banner {
        padding: 70px 0 70px;
    }
    .ibn-ic p, .ibn-ic a {
        font-size: 17px;
    }
    .ibn-ic h4 {
        font-size: 46px;
        margin-bottom: 6px;
    }
    a.nav-link {
        font-size: 18px;
        padding: 25px 0 !important;
        margin: 0 12px;
    }
    .tph-ic {
        padding: 6px 0;
    }
    section.top-header {
        padding-bottom: 20px;
    }
    img.header-logo {
        max-width: 230px;
    }
    .btn1, .btn2 {
        line-height: 56px;
        padding-inline: 24px;
        font-size: 19px;
    }
    .hb-mig {
        max-height: 460px;
        min-height: 460px;
        object-fit: contain;
    }
    .hbs-shape img {
        max-height: 380px;
        min-height: 380px;
        object-fit: contain;
    }
    .habl-ic {
        position: relative;
        max-width: 480px;
    }
    .program-box-items .program-image img {
        max-height: 200px;
    }
    .hacl-ic {
        max-width: 480px;
    }
    .main-tt h4 {
        font-size: 46px;
        margin-bottom: 14px;
    }
    .hacr-con {
        gap: 20px;
    }
    .hbx-l span {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .hbx-l span img {
        max-width: 42px;
    }
    .hbx-r h5 {
        margin-bottom: 4px;
    }
    .hbx-r p {
        line-height: 25px;
    }
    .hac-pencil {
        top: 15%;
    
        max-width: 200px;
    }
    .hac-zebra {
        max-width: 160px;
    }
    .testimonial-items {
        padding: 44px 20px;
    }
    section.h-addmission {
        padding-bottom: 81px;
        padding-top: 100px;
    }
    .hcn-ic {
        padding: 62px 200px;
    }
    .form-group {
        width: 100%;
        margin-bottom: 20px;
    }
    .form-row {
        column-gap: 20px;
    }
    .hcn-form .form-control {
        padding: 12px 22px;
    }
    .ftc-tt h5 {
        font-size: 20px;
    }
    .ftc-tt {
        margin-bottom: 20px;
        padding-bottom: 25px;
    }
    .ft-btm {
        padding: 6px 0 6px;
    }
    footer {
        padding: 120px 0 0px;
    }
    .tbp{
        padding: 70px 0;
    }
    .tbm{
        margin: 70px 0;
    }
    .hero-banner .parasuit-shape {
        top: 15%;
        left: 3%;
        max-width: 50px;
    }
    .hero-banner .book-shape {
        top: 4%;
        max-width: 50px;
    }
}
@media(max-width:1300px){
    section.h-pogramme {
        overflow: hidden;
    }
    .cta-wrapper .cta-image .cta-shape {
        left: -90px;
    }
    .line-shape {
        display: none !important;
    }
    .line-shape-2 {
        display: none !important;
    }
}
@media(max-width:1200px){
    .process-work-wrapper .work-process-items {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .process-work-wrapper .work-process-items .icon {
        order: 1;
    }
    .process-work-wrapper .work-process-items .content {
        order: 2;
    }
    img.header-logo {
        max-width: 170px;
    }
    a.nav-link {
        padding: 18px 0 !important;
        margin: 0 10px;
        font-size: 15px;
    }
    .btn1, .btn2 {
        line-height: 46px;
        padding-inline: 30px;
        font-size: 15px;
    }
    a.dropdown-item {
        padding: 8px 14px;
        font-weight: 600;
        font-size: 15px;
    }
    .main-tt h4 {
        font-size: 40px;
        margin-bottom: 12px;
    }
    .hbc-box {
        font-size: 16px;
    }
    .cta-wrapper .cta-image .cta-shape {
        left: -190px;
    }
    .cta-wrapper .cta-image {
        margin-bottom: -80px;
        
    }
    .program-box-items .program-image img {
        max-height: 300px;
    }
    .hacr-box {
        max-width: 100%;
    }
    .ftc-tt h5 {
        font-size: 18px;
    }
    .ftc-ul li {
        margin: 10px 0;
        font-size: 15px;
    }
    .main-con p {
        font-size: 16px;
        line-height: 28px;
    }
    .tph-ic {
        font-size: 14px;
    }
    section.top-header {
        padding-bottom: 10px;
    }
    .ftb-ic {
        font-size: 14px;
    }
    .ft-btm {
        padding: 6px 0 2px;
    }
}
@media(max-width:991px){
    .contact-details .ftc-address {
        display: flex;
        /* column-gap: 70px; */
        flex-wrap: wrap;
    }
    .contact-details .ftc-add {
        margin-right: 0px;
        padding-right: 0px;
        border: none;
    }
    .admsr-ic img {
        margin-top: 20px;
    }
    .mg-box img {
        min-height: 200px;
        max-height: 200px;
        object-fit: cover;
    }
    .mr-40 {
        margin-right: 0px !important;
    }
    .enf-img {
        margin-top: 20px;
    }
    .ml-40 {
        margin-left: 0px !important;
    }
    .ibn-ic h4 {
        font-size: 38px;
        margin-bottom: 8px;
    }
    .acv-content .row {
        row-gap: 100px;
    }
    footer {
        padding: 80px 0 0px;
    }
    .mt-40 {
        margin-top: 20px !important;
    }
    .rg-30{
        row-gap: 30px;
    }
    .habl-ic {
        margin-inline: auto;
        max-width: 400px;
    }
    .habl-two {
        max-width: 230px;
        position: absolute;
        bottom: -15%;
        right: -5%;
    }
    .process-work-wrapper .work-process-items .content {
        order: 2;
        width: 100%;
    }
    .hacl-ic {
        max-width: 400px;
        margin-inline: auto;
    }
    .hacr-box {
        max-width: 48%;
    }
    .cta-wrapper .cta-image {
        text-align: center;
    }
    .cta-wrapper .cta-image .cta-shape {
        left: 0;
    }
    .hcn-ic {
        padding: 60px 40px;
    }
    a.nav-link {
        padding: 6px 0 !important;
        margin: 0 0px;
        font-size: 15px;
    }
    .main-header, .top-header {
        background: #fff;
    }
}
@media(max-width:767px){
    .mg-box {
        max-width: 48%;
    }
    .fbt-shape img {
        min-height: 100px;
        object-fit: cover;
    }
    .ftb-ic {
        font-size: 14px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    
    .top-sec-shape img, .bottom-sec-shape img {
        min-height: 30px;
    }
    .hac-zebra {
        max-width: 80px;
    }
    section.top-header {
        display: none;
    }
    .main-tt h4 br{
        display: none;
    }
    .main-tt h4 {
        font-size: 30px;
        margin-bottom: 10px;
    }
}
@media(max-width:575px){
    .cta-wrapper .cta-image img {
        width: 100%;
        height: auto;
    }
    .cta-shape img {
        min-width: 300px;
    }
    .cta-wrapper .cta-image .cta-shape {
        left: -65px;
    }
    .cta-wrapper .cta-image {
        text-align: center;
        max-width: 230px;
        margin-inline: auto;
    }
    .hb-mig {
        max-height: 250px;
        min-height: 250px;
        object-fit: contain;
    }  
    .hbs-shape img {
        max-height: 220px;
        min-height: 220px;
        object-fit: contain;
    }
    .btn1, .btn2 {
        line-height: 38px;
        padding-inline: 20px;
        font-size: 14px;
    }
    .hero-banner .left-shape {
        max-width: 80px;
    }
    .main-con p {
        margin-bottom: 0;
        /* display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; */
    }
    .slick-next, .slick-prev {
        width: 40px !important;
        height: 40px !important;
        border-radius: 6px !important;
        top: 60% !important;
    }
    .slick-prev {
        left: 10px !important;
        z-index: 1;
    }
    .slick-next {
        right: 10px !important;
    }
    .main-tt h4 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .main-tt p {
        margin-bottom: 6px;
        font-size: 16px;
    }
    .hbc-box {
        font-size: 16px;
        width: 100%;
    }
    .habr-ic {
        text-align: center;
    }
    .h-about .girl-shape {
        max-width: 70px;
        bottom: 0%;
    }
    .h-pogramme .mask-shape {
        position: absolute;
        top: 40px;
        left: 5%;
        z-index: -1;
        max-width: 60px;
    }
    .program-box-items .program-image img {
        object-fit: cover;
        max-height: 140px;
        border-radius: 170px 170px 120px 60px;
    }
    .hero-banner .parasuit-shape {
        top: 4%;
        left: 3%;
        max-width: 30px;
    }
    .hac-pencil {
        top: 15%;
        max-width: 100px;
    }
    .hacr-box {
        max-width: 100%;
    }
    .hcn-ic {
        padding: 40px 20px;
    }
    .tbp{
        padding: 50px 0;
    }
    .tbm{
        margin: 50px 0;
    }
    .hgl-box {
        margin: 0px 5px;
    }
    .hero-banner .book-shape {
        top: 4%;
        left: 60%;
        max-width: 40px;
    }
    .ftt-shape img {
        min-height: 40px;
        object-fit: cover;
    }
    .i-banner .plane-shape {
        position: absolute;
        top: 18%;
        left: 3%;
        max-width: 110px;
    }
    .i-banner .bee-shape {
        position: absolute;
        bottom: 12%;
        right: 4%;
    }
    .i-banner .doll-shape {
        position: absolute;
        bottom: 15%;
        left: 0%;
    }
    .i-banner .parasuit-shape {
        position: absolute;
        right: 8%;
        top: 12%;
        max-width: 50px;
    }
    .i-banner .frame-shape {
        position: absolute;
        top: 5%;
        right: 28%;
        animation: rounded 5s linear infinite;
        max-width: 60px;
    }
    .radius-shape {
        max-width: 200px;
    }
    .hgl2 .hgl-slider {
        gap: 12px;
    }
    .admsl-ic {
        padding: 20px 20px;
        border-radius: 20px;
    }
    .admsl-form .form-row {
        flex-wrap: wrap;
    }
    .admsr-ic img {
        max-height: 250px;
        object-fit: contain;
        margin-top: 20px;
    }
    section{
        overflow: hidden;
    }
}