@media(max-width:991px){
    .contact-right-bg{
 
    padding: 20px 20px 20px;background-size: cover;
    
}
    .mobile-top{
        margin-top: 30px;
    }
    .apply-now-sec {
    padding: 0 !important;
    margin-top: 40px;
}
    .ef-iconic-info-box.style-two {
   
    display: block;
    
}
.ef-iconic-info-box.style-two .icon-box {
   
    margin-bottom: 10px;
}
        .edufit-image-box.style-one {
        max-width: 690px;
        margin: 0 auto 50px;
        padding-bottom: 42px;
        position: rel;
        height: auto;
    }
    .about-us-sec{
  padding: 30px 0;
}
.academics-programs-sec{
   padding: 30px 0;
}
.goals-sec{
   padding: 30px 0;
}
    .login-sec{
  padding: 20px 0 0 ;
}
    .about-image1 {
   
    padding: 0px 10px 10px;
    
}
.about-image1 .l-logo {
        padding-bottom: 30px;
    padding-top: 30px;
}
    .course-detail-feature-box ul {
    column-count: 1;
    
}
    .course-requirement-box-row {
    
    grid-template-columns: repeat(1, 1fr);
    
}
        .about-image-box-bg1 {
        aspect-ratio: unset !important;
    }
    .choose-us{
   padding: 20px 0 !important;
}
.resons{
  padding: 80px 0 50px !important;
}
    .become-ins{
  padding: 20px 0 !important;
}
    .content-img-wrap .content-img-3 {
   
    display: none;
}.content-img-wrap .content-img-2 {
   
    display: none;
}
.content-img-wrap .content-img-1 {
     max-width: 100%
   
}
.promo-item-2 {
  
    margin-bottom: 30px;
}
    .apply-now-box {
        padding: 25px 25px 0;
    }

    .apply-now-shape {
        left: 30px;
        width: calc(clamp(30rem, 19.374vw + 26.125rem, 38.125rem));
    }

    .apply-now-content {
        gap: 24px;
    }

    .apply-now-image-box {
        width: 275px;
    }

    .mbnn{
        display: none;
    }

.certification-box-wp {
    
    right: 0 !important;
    bottom: -72px !important;
    left: auto !important;
   
}
.testimonial-sec::before, .testimonial-sec::after {
    
    background: linear-gradient(90deg, rgb(255 255 255 / 16%) 22%, rgba(255, 255, 255, 0.5) 68%, rgba(255, 255, 255, 0) 100%);
   
}
.testimonial-sec::after {
  
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 32%, rgb(255 255 255 / 25%) 77%);
}

	.submenu-box {
   
    margin: 10px 0;
}
    .h2-title {
        font-size: 30px;
        line-height: 40px;
    }
    .sec-space {
    padding: 50px 0;
}
.liveclass-inner {
  
        margin-bottom: 10px;
    margin-top: 10px;
}
.p-listbox {
   
    margin-bottom: 10px;
}
.navbar {
  
    max-width: 100% !important;
    padding-inline: 0;
}
    .h1-title {
        font-size: 34px;
        line-height: 43px;
    }
    .inner-banner .banner-content .h1-title{
        font-size: 27px !important;
        line-height: 43px;
    }
    .banner-breadcrum ul li, .banner-breadcrum ul li a {
   
    font-size: 10px;
}
.banner-breadcrum {
    
    padding: 5px 15px 5px;
    
}
    .top-course-sec {
    background: #ececec;
    padding: 0;
}
    .students-endroll-box {
/*        top: 140px;*/
        margin-top: -244px;
        padding: 10px;
/*        left: 5px;*/
    }
        .about-image-box-bg {
        aspect-ratio: 1 / 0.93023255;
    }
    .about-sec {
    padding: 0;
}
    .students-endroll-image img {
        width: 150px;
    }
}
@media screen and (max-width: 1199px) {
    .about-image-box-bg {
        width: 100%;
    }
}
@media screen and (max-width: 991px) {
    .about-image img {
        max-width: 100%;
        max-height: 100%;
    }
}
@media screen and (max-width: 991px) {
    .our-event-box-wp {
        --width: 50%;
        --gap: 24px;
        display: flex
;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px var(--gap);
    }
}
@media screen and (max-width: 767px) {
    .our-event-box-wp {
        --width: 100%;
    }
}
@media screen and (max-width: 991px) {
    :root {
        --sec-space-120: 80px;
    }

    .sub-title {
        margin-bottom: 5px;
            font-size: 15px;
    }
.nav-item {
    margin-right: 6px;
    margin-bottom: 10px;
}
.nav-link.active {
  
    padding: 10px 21px;
    
}
.nav-tabs .nav-link {
   padding: 10px 21px;
           font-size: 14px;
}
    .sec-btn {
        padding: 16px 31px;
    }

    .sec-btn::after {
        --size: 92px;
        top: -45px;
        right: -28px;
    }

    .form-input {
        padding: 13px 20px 12px;
    }

    textarea.form-input {
        height: 100px;
    }

    .site-header {
        height: 70px;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        -moz-backdrop-filter: blur(20px);
        -ms-backdrop-filter: blur(20px);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        background: rgb(255, 255, 255, 0.8);
    }

    .top-header {
        display: none;
    }

    .site-header .container {
        max-width: 100%;
        height: 100%;
    }

    .site-header .bottom-header,
    .bottom-header .container .row {
        height: 100%;
    }

    .site-branding {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: 30px;
        width: 200px;
        height: auto;
    }

    .header-btn {
        display: none;
    }

    .search-wp {
        display: none;
    }

    .main-navigation {
        width: 100%;
    }

    .header-icon-wp {
        display: block;
        position: absolute;
        right: 90px;
        top: 23px;
    }

    .cart-icon {
        display: inline-block;
    }

    .cart-icon img {
        width: 26px;
        object-fit: cover;
    }

    .toggle-button {
        position: absolute;
        top: 21px;
        right: 30px;
        display: block;
        width: 30px;
        height: 30px;
        background: transparent;
        border: none;
        outline: none !important;
        border-radius: 0;
        z-index: 110;
    }

    .toggle-button span {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        background: var(--dark-color);
        transform: translate(0, -50%);
        transition: opacity 0.3s 0.3s;
    }

    .toggle-button::before,
    .toggle-button::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background: var(--dark-color);
        transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
    }

    .toggle-button::before {
        top: 6px;
    }

    .toggle-button::after {
        bottom: 6px;
    }

    .toggle-menu .toggle-button span {
        opacity: 0;
        transition: opacity 0.3s;
    }

    .toggle-menu .toggle-button::before,
    .toggle-menu .toggle-button::after {
        background-color: var(--primary-color);
    }

    .toggle-menu .toggle-button::before {
        top: calc(50% - 1px);
        transform: rotate(45deg);
    }

    .toggle-menu .toggle-button::after {
        bottom: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .toggle-menu .toggle-button::before,
    .toggle-menu .toggle-button::after {
        transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
    }

    .mobile-menu-box {
        position: fixed;
        top: 0;
        left: auto;
        right: -500px;
        width: 320px;
        height: 100vh;
        background: var(--white-color);
        padding: 13vh 30px 30px;
        opacity: 0;
        pointer-events: none;
        overflow: auto;
        overflow-x: hidden;
        scrollbar-color: transparent transparent;
        transition: 0.5s;
        z-index: 99;
    }

    .toggle-menu .mobile-menu-box {
        right: 0;
        opacity: 1;
        pointer-events: unset;
    }

    .mobile-menu-box::-webkit-scrollbar {
        width: 3px;
    }

    .mobile-menu-box::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }

    .mobile-menu-box::-webkit-scrollbar-track {
        background: var(--common-color);
    }

    .main-navigation::before {
        content: "";
        position: absolute;
        background-color: var(--white-color);
        left: auto;
        right: -500px;
        top: 0;
        opacity: 0;
        height: 70px;
        width: 320px;
        z-index: 109;
        transition: 0.5s;
    }

    .toggle-menu.main-navigation::before {
        right: 0;
        opacity: 1;
        pointer-events: unset;
    }

    .search-input.for-mobile {
        position: relative;
        right: -30px;
        opacity: 0;
        margin-bottom: 4vh;
        transition: 0.3s;
    }

    .main-navigation.toggle-menu .search-input.for-mobile {
        right: 0;
        opacity: 1;
        transition-delay: 0.5s;
    }

    .search-input.for-mobile .form-input {
        height: 48px;
    }

    .search-input.for-mobile .sec-btn {
        --size: 40px;
        top: 4px;
        right: 4px;
    }

    .search-input.for-mobile .sec-btn span img {
        width: 17px;
    }

    .main-navigation ul {
        position: relative;
        display: block;
        text-align: left;
        z-index: 10;
    }

    .main-navigation ul li {
        display: block;
        margin-right: 0;
        margin-bottom: 4vh;
        position: relative;
        right: -30px;
        opacity: 0;
        transition: 0.3s;
    }

    .main-navigation.toggle-menu ul li {
        right: 0;
        opacity: 1;
    }

    .main-navigation.toggle-menu ul li:nth-child(1) {
        transition-delay: 0.6s;
    }

    .main-navigation.toggle-menu ul li:nth-child(2) {
        transition-delay: 0.7s;
    }

    .main-navigation.toggle-menu ul li:nth-child(3) {
        transition-delay: 0.8s;
    }

    .main-navigation.toggle-menu ul li:nth-child(4) {
        transition-delay: 0.9s;
    }

    .main-navigation.toggle-menu ul li:nth-child(5) {
        transition-delay: 1s;
    }

    .main-navigation.toggle-menu ul li:nth-child(6) {
        transition-delay: 1.1s;
    }

    .main-navigation.toggle-menu ul li:nth-child(7) {
        transition-delay: 1.2s;
    }

    .main-navigation.toggle-menu ul li:nth-child(8) {
        transition-delay: 1.3s;
    }

    .main-navigation.toggle-menu ul li:nth-child(9) {
        transition-delay: 1.4s;
    }

    .main-navigation.toggle-menu ul li:nth-child(10) {
        transition-delay: 1.5s;
    }

    .main-navigation ul li:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li a {
        display: block;
        height: auto;
        font-size: 20px;
        color: var(--secondary-color);
    }

    .main-navigation ul li.active a,
    .site-header.sticky-header .main-navigation ul li.active>a,
    .main-navigation ul li ul.sub-menu li.active>a,
    .main-navigation ul li.sub-items.active-sub-menu>a {
        color: var(--primary-color);
    }

    .main-navigation ul li ul.sub-menu,
    .main-navigation ul li:hover ul.sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
        display: block;
        animation: none;
        padding: 0;
        padding-left: 15px;
        margin-top: 10px;
        transition: 0s;
        display: none;
    }

    .main-navigation ul li ul.sub-menu li {
        border: none;
        padding: 0;
        margin-bottom: 10px;
    }

    .main-navigation ul li ul.sub-menu li:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li ul.sub-menu li a {
        padding: 0;
        font-size: 16px;
        line-height: 24px;
        color: var(--secondary-color);
    }

    .main-navigation ul li.sub-items>a:after {
        font-size: 16px;
    }

    .main-navigation ul li.sub-items.active-sub-menu>a:after {
        transform: translate(0, -50%) rotate(-180deg);
        color: var(--primary-color);
    }

    .main-banner {
        padding: 147px 0 90px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-1 {
        left: 25px;
        top: 105px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-2 {
        top: 150px;
        left: 135px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-3 {
        top: 242px;
        left: 180px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-4 {
        top: 140px;
        right: 25px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-6 {
        right: 290px;
        top: 310px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-7 {
        right: 55px;
        top: 360px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-8 {
        top: 480px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-9 {
        right: 25px;
        top: 625px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-10 {
        left: 55px;
        bottom: 450px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-11 {
        right: 200px;
        bottom: 400px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-12 {
        left: 25px;
        bottom: 30px;
        width: 20px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-13 {
        left: 195px;
        bottom: 80px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-14 {
        left: 350px;
        bottom: 40px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-15 {
        left: 490px;
        bottom: 100px;
    }

    .main-banner-bg-aliment-wp .bg-aliment-16 {
        display: none !important;
    }

    .main-banner-bg-aliment-wp .bg-aliment-17 {
        right: 70px;
        bottom: 70px;
    }

    .main-banner .banner-content {
        padding-top: 0;
        text-align: center;
        margin-bottom: 50px;
    }

    .banner-description-wp {
        flex-direction: column;
    }

    .banner-image-box {
        max-width: 550px;
        margin: 0 auto;
        clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 99.7%);
    }

    .banner-image img {
        max-width: 100%;
    }

    .banner-image::after {
        aspect-ratio: 1 / 0.87454545454;
    }

    .congra-box {
        top: 220px;
    }

    .banner-image-shape {
        top: -65px;
        left: auto;
        right: 70px;
        transform: rotate(145deg);
        width: 100px;
    }

    .main-partners {
        padding: 30px 0;
    }

    .main-partners .container-fluid {
        padding-inline: 30px;
    }

    .partners-slide img {
        max-width: 120px;
    }

    .top-course-sec {
        padding-bottom: 58px;
        padding-top: 50px;
    }

    .about-sec {
        padding: var(--sec-space-120) 0 72px;
    }

    .about-image-box-wp {
        margin: 0 auto;
    }

    .about-image {
        text-align: center;
    }

    .about-image img {
        max-width: 100%;
        max-height: 100%;
    }

    .about-content {
        margin-left: 0;
        margin-top: 0px;
    }

    .about-feature-info {
        
        justify-content: start;
         flex-direction: column;
    }

    .about-counter-row {
        margin-top: 73px;
        --width: 50%;
    }

    .about-counter-row .about-counter-box-wp {
        text-align: center;
    }

    .about-counter-row .about-counter-box {
        display: inline-block;
        text-align: left;
    }

    /*.our-event-box-wp {
        --width: 50%;
        --gap: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px var(--gap);
    }*/

    .our-event-image-text {
        flex-direction: column;
        align-items: start;
        gap: 12px;
        max-width: 100%;
    }

    .our-event-box {
        flex: 0 0 calc(var(--width) - calc(var(--gap) * 0.5));
        flex-direction: column;
        align-items: start;
    }

    .our-event-image {
        width: 100%;
    }

    .our-event-box-wp .our-event-box:not(:last-child) {
        margin-bottom: 0;
    }

    .our-event-title {
        margin-bottom: 8px;
    }

    .our-event-info.post-lessons-info ul {
        flex-direction: column;
        gap: 8px;
    }

    .our-event-info.post-lessons-info ul li .post-info-icon img {
        min-width: 20px;
        max-width: 100%;
    }

    .our-skills-content {
        max-width: 100%;
        margin-bottom: 44px;
    }

    .our-skills-feature-icon img {
               width: 100px;
    }

    .skill-counter-box .skill-progress-one:not(:last-child) {
        margin-bottom: 43px;
    }

    .skill-bar-one {
        height: 18px;
    }

    .best-instructor-sec {
        padding-bottom: 115px;
    }

    .newsletter-box {
        padding: 25px;
        text-align: center;
    }

    .newsletter-content {
        flex-direction: column;
        gap: 20px;
    }

    .newsletter-content .sec-title {
        max-width: 100%;
    }

    .newsletter-form {
        width: 460px;
    }

    .newsletter-form .form-input {
        height: 60px;
        padding: 5px 195px 5px 15px;
    }

    .newsletter-shape {
        left: 30px;
        width: calc(clamp(30rem, 19.374vw + 26.125rem, 38.125rem));
    }

    .our-pricing-sec {
        --extra-space-top: 109px;
    }

    .apply-now-box {
        padding: 25px 25px 0;
    }

    .apply-now-shape {
        left: 30px;
        width: calc(clamp(30rem, 19.374vw + 26.125rem, 38.125rem));
    }

    .apply-now-content {
        gap: 24px;
    }

    .apply-now-image-box {
        width: 275px;
    }

    .top-footer {
        padding-bottom: 75px;
        --extra-space-top: 115px;
        --sec-space-top: 75px;
    }

    .footer-bg-aliment-wp .bg-aliment-1 {
        left: 5px;
    }

    .footer-bg-aliment-wp .bg-aliment-2 {
        right: 5px;
    }

    .footer-bg-aliment-wp .bg-aliment-3 {
        left: 360px;
        top: 140px;
    }

    .footer-bg-aliment-wp .bg-aliment-4 {
        right: 60px;
        top: 380px;
        width: 20px;
    }

    .footer-bg-aliment-wp .bg-aliment-5 {
        top: 140px;
        left: 30px;
    }

    .footer-bg-aliment-wp .bg-aliment-8 {
        left: 40px;
        width: 20px;
    }

    .footer-bg-aliment-wp .bg-aliment-9 {
        left: 330px;
    }

    .footer-bg-aliment-wp .bg-aliment-11 {
        display: none !important;
    }

    .our-link-box {
        text-align: left;
    }

    .contact-info-box {
        margin-left: 0;
    }

    .top-footer .row {
        --bs-gutter-y: 45px;
    }

    .footer-bottom-box {
        display: block;
        text-align: center;
    }

    .copy-right {
        text-align: center;
    }

    .footer-bottom-link {
        text-align: center;
        margin-top: 5px;
    }

    .footer-bottom-link ul {
        gap: 16px;
    }

    .scroll-to-top {
        right: 20px;
        bottom: 20px;
    }

   .inner-banner {
        padding: 80px 0 18px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-1 {
        left: 25px;
        top: 105px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-2 {
        top: 125px;
        left: 220px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-3 {
        top: 110px;
        left: 400px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-4 {
        display: none !important;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-5 {
        top: 120px;
        right: 150px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-6 {
        top: 275px;
        right: 140px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-7 {
        right: 25px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-8 {
        left: 70px;
        bottom: 115px;
    }

    .inner-banner-bg-aliment-wp .bg-aliment-11 {
        width: 20px;
        left: 170px;
    }

    .our-features {
        padding: var(--sec-space-120) 0 80px;
    }

    .our-features-content {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .our-features-content .sec-title .h2-title {
        margin-bottom: 28px;
    }

    .our-features-image {
        width: 90%;
    }

    .courses-list-box-row-wp {
        margin-top: 80px;
    }

    .course-detail-box {
        margin-bottom: 80px;
    }

    .event-detail-box {
        margin-bottom: 80px;
    }

    .event-detail-feature-box ul {
        column-count: 1;
    }

    .map-box {
        aspect-ratio: 1 / 0.57471264367;
    }

    .event-sponsor-slide img {
        max-width: 120px;
    }

    .event-cost-detail {
        margin-bottom: 32px;
    }

    .event-contact-btn {
        margin-bottom: 33px;
    }

    .instructor-detail-image {
        width: 70%;
    }

    .instructor-detail-info-wp {
        margin-top: 50px;
    }

    .faq-image {
        aspect-ratio: 1 / 0.86206896551;
    }

    .faq-content-wp {
        max-width: 100%;
        margin-top: 50px;
    }

    .faq-content-wp .sec-title .h2-title {
        margin-bottom: 28px;
    }

    .blog-list-box-wp .blog-list-box:not(:last-child) {
        margin-bottom: 40px;
    }

    .blog-sidebar-wp {
        margin-top: 80px;
    }

    .blog-quote-box {
        margin: 23px 0 32px;
        padding: 15px 40px 10px 20px;
    }

    .blog-quote-box .quote-icon {
        top: 10px;
        right: 10px;
        width: 23px;
    }

    .blog-detail-video-content-wp {
        margin: 23px 0;
    }

    .blog-detail-tag-share-box {
        margin-top: 23px;
    }

    .contact-us-box {
/*        margin-top: 50px;*/
    }

    .image-404-box {
        margin-bottom: 50px;
    }

    .image-404-box img {
        width: 100%;
    }
        .our-skills-feature-info {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media(min-width:991px){
    .dsp-flex{
        display: flex;
    }

}
@media screen and (max-width: 767px) {
    
    .apply-now-shape {
        top: auto;
        bottom: 50px;
    }

    .apply-now-content {
        flex-direction: column;
        gap: 34px;
    }

    .apply-now-text {
        padding-bottom: 0;
        text-align: center;
        align-items: center;
    }

    .apply-now-image-box {
        width: 285px;
        order: 2;
        align-self: center;
    }
.apply-now-text {
    flex-direction: column;
        align-items: start;
        justify-content: center;
        padding-bottom: 27px;
        padding-bottom: 0;
        text-align: center;
        align-items: center;
    }

}
@media screen and (max-width: 575px) {
    .h3-title {
        font-size: 32px;
        line-height: 42px;
    }
}

@media(min-width:991px){
    .ml-5{
        margin-left: 20px;
    }
}