@media (max-width: 1199px) {
     .ai-banner-video-group .ai-banner-video .modal {
         position: fixed;
         top: 0px;
         left: 0px;
         height: calc(100% - 80px);
         width: calc(100% - 80px);
         border: none;
         border-radius: 0px;
         margin: 40px;
    }
     .ai-banner-video-group .ai-banner-video .modal::before {
         content: "";
         background: rgba(0, 0, 0, 0.26);
         position: fixed;
         top: 0px;
         left: 0px;
         height: 100%;
         width: 100%;
    }
     .ai-banner-video-group .ai-banner-video .modal .modal-content {
         position: relative;
         padding-bottom: 56.25%;
         height: 0px;
         overflow: hidden;
         max-width: 100%;
         border-radius: 40px;
         border: 15px solid rgba(0, 0, 0, 0.1);
    }
     .ai-banner-video-group .ai-banner-video .modal .modal-content iframe {
         position: absolute;
         top: 0px;
         left: 0px;
         width: 100%;
         height: 100%;
    }
     .ai-banner-video-group .ai-banner-video .modal .modal-content .close-btn {
         z-index: 1;
    }
}
 @media (max-width: 991px) {
    .video-list-detail-page{
                grid-template-columns: repeat(2, 1fr);
    }
     .carousel-container .carousel-slide {
         gap: 30px;
         flex-direction: column !important;
    }
     .carousel-container .slide-left {
         max-width: calc(100% - 60px);
         margin-left: 0px;
         margin-right: 0px !important;
    }
     .boards-subject-group .single-board.active {
         flex-direction: column-reverse;
    }
     .boards-subject-group .single-board-student {
         display: none !important;
    }
     .single-board-content-group {
         width: calc(100% + 0px) !important;
    }
     .otbenefits-group {
         gap: 40px;
         padding: 25px;
    }
     .otbenefits {
         flex: 1 1 calc(50% - 30px);
    }
     .otbenefits-group.two-number .otbenefits {
         flex: 1 1 calc(100% - 30px);
    }
     .blog-list-group {
         grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
     .contact-page {
         flex-direction: column;
    }
     .theme-applicationusers {
         flex-direction: column;
    }
     .group-image + .ai-about-section-group {
         background-color: rgb(255, 255, 255);
    }
     .group-image {
         margin-bottom: -39px;
    }
     .group-image::after {
         height: 70px;
         bottom: 0px;
    }
     .single-comparison .left-comparison, .single-comparison .right-comparison {
         padding-top: 40px;
         position: relative;
    }
     .single-comparison .left-comparison::before {
         content: "MeraTutor.AI";
         position: absolute;
         left: 20px;
         top: 12px;
         font-weight: 600;
    }
     .single-comparison .right-comparison::before {
         content: "Other AI Chatbots";
         position: absolute;
         left: 20px;
         top: 12px;
         font-weight: 600;
    }
     .single-comparison.single-comparison-header {
         display: none !important;
    }
     .single-comparison {
         display: grid;
         grid-template-columns: 1fr;
         min-width: initial;
    }
     .application-for-group .application-for-left .about-sections-image img {
         max-width: 500px;
    }
     .application-for-group {
         flex-direction: column;
         padding: 0px !important;
    }
     .application-for-group .application-for-left {
         margin: 0px 0px 40px;
         padding: 0px;
         width: 100%;
         justify-content: center;
         display: flex;
         position: relative !important;
    }
     .cta-action-group .cta-action-group-left {
         margin-bottom: 20px;
         padding: 0px !important;
    }
     .cta-action-group .cta-action-group-right {
         max-width: initial;
         min-width: initial;
         width: 100%;
    }
     .cta-action-group {
         flex-direction: column;
    }
     .trust-group .trust-group-header-left {
         width: auto;
    }
     .trust-group .trust-group-header-right {
         min-width: 320px;
    }
     .trust-group .trust-group-header-right img {
         min-width: initial !important;
    }
     .trust-group .trust-group-image img {
         min-width: 320px;
         max-width: 500px;
    }
     .footer-helpline-ul {
         padding: 0px;
    }
     .single-plan {
         flex: 1 1 calc(50% - 30px);
    }
     .team-section .section-title {
         font-size: 2.2em;
         margin-bottom: 40px;
    }
     .team-section .team-members-grid {
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .team-section .team-member-card {
         padding: 30px;
    }
     .team-section .member-name {
         font-size: 1.6em;
    }
     .team-section .member-role {
         font-size: 1em;
    }
     .team-section .modal-content {
         width: 90%;
         margin: 10% auto;
    }
     .team-section .modal-title {
         font-size: 1.6em;
    }
}
 @media (max-width: 900px) {
     .our-story-single-section {
         padding: 40px 20px;
         margin: 20px auto;
    }
     .our-story-single-section h1 {
         font-size: 2.2em;
    }
     .our-story-single-section h2 {
         font-size: 1.8em;
    }
     .our-story-single-section .story-motto {
         font-size: 1.2em;
    }
     .our-story-single-section .story-problem, .our-story-single-section .impact-content {
         flex-direction: column;
         align-items: center;
         text-align: center;
    }
     .our-story-single-section .story-graphic {
         padding-top: 20px;
         order: -1;
    }
     .our-story-single-section .impact-text {
         order: -1;
         margin-bottom: 20px;
    }
     .our-story-single-section .expertise-icons {
         flex-wrap: wrap;
         justify-content: center;
    }
     .our-story-single-section .solution-quote {
         font-size: 1.3em;
         padding: 20px;
    }
     .our-story-single-section .cta-buttons a {
         display: block;
         width: calc(100% - 24px);
         margin: 10px auto;
    }
}
 @media (max-width: 767px) {
    .footer-menu{
            width: 100%;
    }
     .video-list-detail-page{
                grid-template-columns: repeat(1, 1fr);
    }
     .progress-cycle {
         flex-direction: column;
    }
     .progress-cycle .step:not(:first-child)::before {
         top: -40px;
         height: 40px;
         width: 40px;
         left: 50%;
         margin-left: -20px;
         line-height: 40px;
         transform: rotate(90deg);
    }
     .banner-highlight-group .banner-highlight-left {
         min-width: min-content;
    }
     .banner-highlight-group .banner-highlight-right .banner-section-subtitle {
         text-align: center;
    }
     .boards-subject-group .single-board-class-single {
         flex-direction: column;
    }
     .boards-subject-group .single-board-class-single .single-board-class-name {
         text-align: left;
         width: max-content;
    }
     .trustworthyfamily-group {
         flex-direction: column-reverse;
    }
     .trustworthyfamily-group .trustworthyfamily-group-right {
         max-width: 100%;
    }
     .trustworthyfamily-group .trustworthyfamily-group-left {
         max-width: 100%;
    }
     .trustworthyfamily-group .trustworthyfamily-group-right .features-description {
         text-align: center;
    }
     .otSteps {
         flex: 1 1 calc(100% + 0px);
    }
     .otbenefits-group {
         gap: 60px;
    }
     .otbenefits {
         flex: 1 1 calc(100% + 0px);
    }
     .blog-list-group .blog-single .blog-single-content .blog-single-content-top h2 {
         font-size: 20px !important;
    }
     .blog-list-group .blog-single .blog-single-content h3, .blog-list-group .blog-single .blog-single-content h4 {
         font-size: 18px !important;
    }
     .wp-block-rank-math-toc-block {
         padding: 15px !important;
    }
     .wp-block-rank-math-toc-block nav > ul > li ul > li::before, .article-content .wp-block-rank-math-toc-block ul li ul li::before {
         content: "";
         margin-top: 6px !important;
    }
     .blog-list-group .blog-single .blog-single-content {
         padding: 15px;
    }
     .blog-list-group .blog-single .blog-single-content .blog-single-content-top li, .blog-list-group .blog-single .blog-single-content .blog-single-content-top dl, .blog-list-group .blog-single .blog-single-content .blog-single-content-top li a, .blog-list-group .blog-single .blog-single-content .blog-single-content-top dl a, .wp-block-rank-math-toc-block nav > ul > li > a {
         font-size: 14px !important;
         line-height: 1.6 !important;
         margin-bottom: 4px !important;
    }
     .blog-list-group .blog-single .blog-single-content .blog-single-content-top li {
         margin-bottom: 8px !important;
    }
     .wp-block-rank-math-toc-block nav > ul > li::before, .article-content .wp-block-rank-math-toc-block ul li::before {
         margin-top: 4px !important;
    }
     .blog-list-group {
         grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
     .wa__btn_popup .wa__btn_popup_txt {
         display: none !important;
    }
     .features-section-header {
         flex-direction: column-reverse;
         margin: 0px;
    }
     .features-section-header .features-section-header-left {
         margin: 0px;
    }
     .features-section-header .features-section-header-right {
         width: auto;
    }
     .features-section-header .features-section-header-right .features-section-header-image {
         width: auto;
    }
     .features-section-header .features-section-header-right .features-section-header-image img {
         max-width: 500px;
         width: 100%;
         min-width: initial;
    }
     .video-list-three .single-video .single-video-center-content .video-title {
         font-size: 16px;
    }
     .video-list-three .single-video .single-video-center-content .video-description {
         display: none;
    }
     .trust-group .trust-group-header-group::before {
         display: none;
    }
     .trust-group .trust-group-header {
         flex-direction: column-reverse;
         position: relative;
    }
     .trust-group .trust-group-header-left {
         border-radius: 20px;
         padding: 110px 40px 40px;
    }
     .trust-group .trust-group-header-right {
         margin-bottom: -80px;
         z-index: 1;
         min-width: initial;
         max-width: calc(100% - 80px);
         margin-left: 25px !important;
    }
     .banner-group-joiner {
         flex-direction: column;
         justify-content: center;
    }
     .banner-group-joiner .banner-group-joiner-text {
         text-align: center;
    }
     .WhyHomie {
         padding: 30px;
    }
     .btn-center-group {
         justify-content: center !important;
    }
     .video-popup-overlay-home .video-popup-content iframe {
         height: 300px;
    }
     .cta-action-group .ai-trusted-description {
         text-align: center;
    }
     .cta-section .cta-buttons {
         justify-content: center;
    }
     .theme-banner-play {
         width: 80px;
         height: 80px;
         margin-top: -40px;
         margin-left: -40px;
    }
     .video-list-three {
         flex-direction: column;
    }
     .cta-action-group {
         flex-direction: column;
    }
     .cta-action-group .cta-action-group-left {
         max-width: 100%;
         align-items: center;
    }
     .cta-action-group .cta-action-group-right {
         max-width: 100%;
         width: 100%;
         min-width: initial;
         padding: 0px !important;
    }
     .about-sections-image img {
         width: 100%;
         height: auto;
    }
     .about-sections-group .about-sections-one {
         width: 100%;
    }
     .features-grid {
         flex-direction: column;
    }
     .about-sections-group {
         flex-direction: column;
    }
     .footer-menu-list {
         flex-direction: column;
         gap: 10px;
    }
     .footer-menu-list li::before {
         display: none;
    }
     .aiforlearning-info-group {
         flex-direction: column;
    }
     .aiforlearning-info-group .ai-about-title, .aiforlearning-info-group .ai-about-description {
         text-align: center !important;
    }
     .aiforlearning-info-group .aiforlearning-infoleft-group {
         flex: 1 1 0%;
    }
     .aiforlearning-info-group .aiforlearning-inforight-group {
         flex: 1 1 0%;
    }
     .theme-video-testimonial {
         flex-direction: column;
    }
     .WhyHomie-content {
         flex-direction: column;
    }
     .theme-steps {
         flex-direction: column;
    }
     .theme-steps .theme-step-single .theme-step-arrow {
         left: 50%;
         margin-left: -3rem;
         top: -4.5rem;
         transform: rotate(90deg);
    }
     .theme-steps .theme-step-single .theme-step-arrow img {
         padding: 10px;
         background-color: rgb(229, 231, 235);
         border-radius: 20px;
         width: 40px;
         height: 40px;
         margin: 12px;
    }
     .ai-about-section.ai-about-section-with-banner {
         padding: 25px;
    }
     .theme-users.theme-users-four .theme-single-user {
         flex: 1 1 100%;
    }
     .ai-about-section .ai-about-single .ai-about-title {
         font-size: 32px;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-title.normal {
         font-size: 32px;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-title.banner-section-title-small {
         font-size: 38px;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-title {
         font-size: 38px;
    }
     .header-navLeft .logo-header a img {
         height: 50px;
         padding-bottom: 10px;
    }
     .header-navRight .header-right-btns .btn {
         line-height: 30px;
         min-width: initial;
         padding: 0px 15px;
         font-size: 13px;
    }
     .video-list .single-video {
         flex-direction: column;
    }
     .video-list .single-video-left {
         width: 100%;
    }
     .video-list .single-video-right {
         width: 100%;
    }
     .mt-icon-listgroup .mt-icon-listgroup-item {
         flex: 0 0 calc(100% + 0px);
         flex-direction: column;
    }
     .mt-icon-listgroup-item .mt-icon-listgroup-holder {
         width: 100%;
         padding: 25px 25px 0px;
    }
     .mt-icon-listgroup-item .mt-icon-listgroup-video {
         width: 100%;
    }
     .theme-single-user {
         flex-direction: column;
         gap: 20px;
         flex: 1 1 100% !important;
    }
     .mobile-feature-group .single-mobile-feature {
         flex-direction: column-reverse !important;
    }
     .mobile-feature-group .single-mobile-feature .single-mobile-feature-left, .mobile-feature-group .single-mobile-feature .single-mobile-feature-right {
         width: 100%;
    }
     .ai-banner-group {
         flex-direction: column-reverse;
    }
     .ai-banner-group .ai-banner-group-right .ai-banner-image img {
         width: 300px;
    }
     .ai-banner-group .ai-banner-group-left, .ai-banner-group .ai-banner-group-right {
         width: 100%;
    }
     .user-manual {
         position: relative !important;
         padding: 0px !important;
         flex-direction: column !important;
    }
     .user-manual .sidebar-section {
         width: 100%;
         height: initial !important;
         margin: 0px !important;
         max-height: initial !important;
         gap: 20px !important;
         position: relative !important;
         top: initial !important;
    }
     .user-manual .rightbar-section {
         width: 100%;
         float: left;
         position: relative;
         padding-left: 0px !important;
    }
     .ai-about-section, .ai-for-everything-revolution .ai-revolution-section .ai-revolution-features {
         flex-direction: column;
    }
     .ai-about-section .ai-about-single {
         width: 100%;
    }
     .ai-for-everything-why .ai-why-single {
         align-items: center;
    }
     .ai-for-everything-why .ai-why-single .ai-why-image {
         width: 80%;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-features ul {
         flex-direction: column;
         align-items: center;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-features ul li {
         padding: 10px 15px;
    }
     .single-plan {
         flex: 1 1 calc(100% + 0px);
         transform: scale(1) !important;
    }
     .user-manual {
         position: relative !important;
         padding: 0px !important;
         flex-direction: column !important;
    }
     .user-manual .sidebar-section {
         width: 100%;
         height: initial !important;
         margin: 0px !important;
         max-height: initial !important;
         gap: 20px !important;
         position: relative !important;
         top: initial !important;
    }
     .user-manual .rightbar-section {
         width: 100%;
         float: left;
         position: relative;
         padding-left: 0px !important;
    }
}
 @media (max-width: 576px) {

    .scrollToTop{

width: calc(50% - 15px);

border-radius: 0px !important;

box-shadow: none !important;

left: 0px;

bottom: 0px;

margin: 10px;
}
.wa__btn_popup .wa__btn_popup_icon{width: 100%;right: 0px;position: absolute;top: 0px;left: 0px;height: 100%;border-radius: 0px !important;text-align: center;}.wa__btn_popup{
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    border-radius: 0px !important;
}
.wa__btn_popup .wa__btn_popup_icon img{
    
}
    .wa__widget_container{
        
width: calc(50% - 15px);
        
border-radius: 0px !important;
        
box-shadow: none !important;
        
right: 0px;
        
bottom: 0px;
        
height: 56px;
        
margin: 10px;
    }
    .footer-menu-list {
        column-count: 1;
    }
     .faq-section .faq-list.open {
         max-height: initial;
         overflow-y: initial;
    }
     .team-section {
         padding: 40px 15px;
    }
     .team-section .section-title {
         font-size: 1.8em;
         margin-bottom: 30px;
    }
     .team-section .intro-text {
         font-size: 1em;
    }
     .team-section .member-name {
         font-size: 1.4em;
    }
     .team-section .member-role {
         font-size: 0.9em;
    }
     .team-section .member-summary {
         font-size: 0.9em;
    }
     .team-section .read-more-btn {
         padding: 8px 15px;
         font-size: 0.9em;
    }
     .team-section .modal-content {
         padding: 30px;
    }
     .team-section .modal-title {
         font-size: 1.4em;
    }
     .team-section .modal-content p {
         font-size: 1em;
    }
     .team-section .close-btn {
         font-size: 30px;
         top: 10px;
         right: 15px;
    }
}
 @media (max-width: 550px) {
     .our-story-single-section h1 {
         font-size: 1.8em;
    }
     .our-story-single-section h2 {
         font-size: 1.5em;
    }
     .our-story-single-section .story-motto {
         font-size: 1em;
    }
     .our-story-single-section .story-cta p {
         font-size: 1em;
    }
     .our-story-single-section .btn.primary, .our-story-single-section .btn.secondary {
         padding: 10px 20px;
         font-size: 0.9em;
    }
     .our-story-single-section .icon-item .icon {
         font-size: 2.5em;
    }
}
 @media (max-width: 480px) {
     .ai-for-everything-page .ai-banner-section .banner-section-location ul {
         flex-direction: column;
         align-items: center;
    }
     .ai-for-everything-page .ai-banner-section .banner-section-actions {
         flex-direction: column;
         align-items: center;
    }
}
 @media (max-width: 767px) {
     .banner-highlight-group {
         flex-direction: column;
    }
     .banner-point-group .banner-point-single {
         width: 100%;
         text-align: center;
         line-height: 24px;
         justify-content: center;
         gap: 10px;
         padding: 8px;
    }
     .banner-point-group .banner-point-single span {
         position: relative;
         left: initial;
         top: initial;
         display: inline-block;
         vertical-align: top;
         margin-right: 10px;
    }
     .audience-group, .audience-group.switch {
         flex-direction: column;
         text-align: center;
    }
     .audience-group-left img {
         max-width: 400px;
    }
     .audience-features li {
         text-align: left;
    }
     .otSteps {
         text-align: center;
         flex-direction: column;
         align-items: center;
    }
     .otSteps::before {
         left: 50%;
         transform: translateX(-50%);
    }
     .otSteps .step-icon img {
         width: 60px;
         height: 60px;
    }
     .contact-page .contact-right form {
         grid-template-columns: 1fr;
    }
}
 @media (max-width: 600px) {
     .ai-for-everything-page.TeachingMethodology .trust-group.WhyWeBrought .trust-group-header-right {
         max-width: fit-content;
         margin: 0px 25px -80px;
    }
     .ai-for-everything-page.TeachingMethodology .trust-group.WhyWeBrought .trust-group-image {
         min-width: initial !important;
         min-height: initial !important;
    }
     .landing-popup-overlay .popup-box {
         max-width: 90%;
         max-height: 90%;
    }
     .landing-popup-overlay .popup-box .popup-box-content {
         flex-direction: column-reverse;
         overflow-y: auto;
    }
     .landing-popup-overlay .popup-box-content .popup-box-left {
         width: 100%;
    }
     .landing-popup-overlay .popup-box-content .popup-box-right {
         width: 100%;
         padding: 20px;
    }
}
 

 @media (max-width: 768px) {
     .carousel-container .owl-nav .owl-prev, .carousel-container .owl-nav .owl-next {
         width: 36px;
         height: 36px;
    }
     .carousel-container .owl-nav .owl-prev span, .carousel-container .owl-nav .owl-next span {
         font-size: 22px;
    }
}


 @media screen and (max-width: 700px) {
     .compare-card {
         grid-template-columns: 1fr;
         text-align: left;
         padding: 10px;
    }
     .compare-card.header-card {
         text-align: left;
    }
     .compare-card div {
         margin: 5px 0px;
    }
}
 

 @media (max-width: 768px) {
     .enquiry-form .form-row {
         flex-direction: column;
    }
}