@media only screen and (max-width:1320px) {
    .container {padding: 0 15px;}
     header {padding: 0 15px;}
    .technology {padding: 0 15px;}

    .banner-heading{font-size: 60px;line-height: 72px;}
}
@media only screen and (max-width:1160px) {
    .terms-wrap,
    .social-links {width: 47%;}
    nav > ul > li,
    .enquiryNowButton {margin-left: 10px;}    
    .category_count ul li h4 {font-size: 48px;}
    .solutions ul {margin: 0 -8px;}
    .solutions ul li {padding: 0 8px;}
    .solutions ul li .solution-card {padding: 30px 10px;}
    .address-sec ul li a {min-width: 115px;}
    .flip-box-front, .flip-box-back {padding: 20px 10px 20px;}

    .banner-heading{font-size: 24px;line-height: 20px;}
    .section{padding: 30px 0 !important;}
    .content-heading{font-size: 20px;line-height: 30px;}
    .partner-button{padding-top: 0px;}
    .white-overlay {background-image: -webkit-linear-gradient(28deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%);}
    
    .customers-content h4{font-size: 20px;padding-top: 0px;}
    .logo-section .logo-cards{margin: 0px;}
    .logo-cards li h5{font-size: 16px;line-height: 20px;}
    .customers-content h1{padding-bottom:20px !important;}

    .next_solutions .community-content{justify-content: center;}
    .next_solutions ul.community-content li {width:25%;padding: 0 8px;}
    .solutions ul li .solution-card:hover {-webkit-transform: scale(1.2); transform: scale(1.05);}
    .resource-hands{padding-bottom: 30px;}

    .carrer-content h4{font-size: 18px;}

    .about-content h1{font-size: 24px;line-height: 30px;padding-top: 10px;}
    .top-box p br {display: none;}
    .tab-section .story-tabs .tab-details h3{font-size: 20px;}
    .flip-container h4{font-size: 18px;}
    .main-people .flip-back-content{padding: 0px 10px 10px 10px;}
    .main-people ul li h4{font-size: 18px;}
    .right-time h3{font-size: 20px;line-height: 30px;}
    .right-time h4{font-size: 18px;}

    .curriculum-content h1 {font-size: 42px; line-height: 50px;}
    .curriculum-content h4 {font-size: 25px; line-height: 40px;}
    .solution-header h3 {font-size: 0px;}
    .achievements ul li h3 {font-size: 20px;}
    .achievements ul li strong {font-size: 32px;}
    .select-class {overflow: auto; padding-bottom: 15px;}
    .tab-videos {overflow: auto;}
    .video-box {min-width: 270px;}
    .lab-list-section ul li .lab-list {padding: 30px 15px; min-height: 250px;}
    .next-member-right p br {display: none;}
    .top-headings h4 {font-size: 18px;}
    .product_profile ul li {width: 50%; margin-bottom: 20px;}
    
}
@media only screen and (max-width:1023px) {
    .ptb-70 {padding: 40px 0;}
    .menu-icon {display: block; text-align: right; background: none; outline: none; border: 0 none; cursor: pointer;}
    .menu-icon span {width: 30px; height: 3px; background: var(--tertiary-text-color); display: block; position: relative; margin-left: auto; border-radius: 2px;}
    .menu-icon span:nth-child(2) {width: 25px;}
    .menu-icon span:nth-child(3) {width: 20px;}
    .menu-icon span + span {margin-top: 5px;}
    nav {position: fixed; background: var(--primary-bg-color); width: 280px; height: 100%; right: -280px; top: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; overflow: auto; z-index: 5;}
    nav ul {padding-top: 40px;} 
    nav ul.d-flex {display: block;}
    nav ul li {margin-left: 0; padding: 0;}
    nav ul li a {padding: 10px 15px; line-height: 25px; font-size: 17px;}
    nav ul li.dropdown a:before {right: 15px; top: 20px;}
    nav ul li ul {position: static; width: 100%; border: 0 none; transform: none;}
    nav ul li ul.box_shadow {box-shadow: none;}
    nav ul li ul:before {display: none;}
    nav ul li ul li a {text-align: left; padding: 5px;}
    nav .menu-icon {position: absolute; right: 10px; top: 15px;}
    nav .menu-icon span:nth-child(1) {transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 8px;}
    nav .menu-icon span:nth-child(2) {opacity: 0;}
    nav .menu-icon span:nth-child(3) {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: -8px; width: 30px;}
    nav > ul > li > a::after {height: 2px; bottom: -1px;}
    .open_menu nav {right: 0;}
    .open_menu .wrapper {overflow: hidden; position: fixed;}
    .dropdown-content {position: static; padding: 10px 24px; width: 100%; background: none;}
    .aboutUs a {display: flex; align-items: center; justify-content: space-between;}

    .technology h1 {font-size: 50px; line-height: 60px;} 
    .technology h4 {font-size: 30px; line-height: 35px;}
    .category_count h2 {margin: 0 auto 70px;}
    .category_count ul li h4 {font-size: 35px; line-height: 50px;}
    .solutions ul li {width: 33.33%; margin-bottom: 16px;}
    .testimonial {max-width: 100%;}
    .join-hands-left {width: 100%; margin-bottom: 30px;}
    .join-hands-right {width: 100%; padding-left: 0;}
    .address-sec, .terms-wrap, .social-links, .route-map {width: 100%;}
    .social-links {margin-bottom: 30px; padding: 0;}
    .terms-wrap {margin-top: 30px;}


    /* ----------- Solution Page ------------ */
    .services ul li {width: calc(50% - 20px); margin: 0 10px 20px;}
    .solution-banner ul li {width: 100%;}
    .our-products ul li {width: calc(50% - 20px); margin-bottom: 20px;}
    .inner-banner:before {background-image: -webkit-linear-gradient(28deg, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 50%,rgba(255, 255, 255, 0) 100%,rgba(255, 255, 255, 0) 100%);}

    .partner{padding: 60px 0;}
    .partner-left, .partner-right{width: 100%;}
    .partner-content .partner-left img {padding-top: 0px;}  
    .next-member .partner-button{justify-content: center;}  
    .next-member-left{width: 100%;justify-items: center;padding: 0 0 30px 0 !important;}
    .next-member-left img {margin: 0 auto;}
    .next-member-right{width: 100%;padding: 0 !important;}
    .next-member .next-member-right{flex-direction: column;display: flex;align-items: center;}

    .next_solutions ul.community-content li{width: 50%; margin-bottom: 16px;}
    .logo-section .logo-cards li{width: 33.33%;padding: 15px;}
    .stories-left, .stories-right{width: 100%; padding: 0;}
    .life-education .education-content h2{padding: 0;}
    .beware-section .beware-content h2{padding: 0;}

    .main-people .flip-cards li{width: 50%;}
    .main-people ul li {width: calc(50% - 20px);}
    .team-section .team-left-card, .team-right-card{width: 100%;padding: 20px 0;}
    .team-section .team-right-card li{justify-items: center;}
    /* .team-section .team-right-card .team-slider{display: inline-block;} */
    .policies .left-pdf, .policies .right-pdf{flex-basis: 40%;}
    .right-time .right-time-cards ul li{width: 100%;}
    .curriculum-content {width: 100%; padding-right: 0;}
    .pre-primary-content {padding-top: 0; padding-left: 0;}
    .services-section.ptb-70 {padding-bottom: 70px;} 
    .inner-banner {min-height: 350px;}
    .key-features figure {width: 100%;}
    .key-features figure img {margin: 0 auto 30px;}
    .key-features-right {width: 100%; padding-left: 0;}
    .achievements ul li h3 {font-size: 16px; line-height: 30px;}
    .achievements ul li strong {font-size: 24px;}
    .pre-primary-section.NextLearningPlatform figure {width: 100%; margin-bottom: 30px;}
    .pre-primary-section.NextLearningPlatform .pre-primary-content {padding-left: 0;}
    .services-section.advantage-section ul li {width: calc(50% - 20px); margin: 0 10px 20px;}
    .services-section.advantage-section.ptb-70 {padding-bottom: 40px;}
    .key-features.powerful-repository .feature h3 {font-size: 24px;}
    .key-features.powerful-repository .key-features-right .feature {width: 100%;}
    .age-and-grade ul li {width: 33.33%;}
    .lab-list-section ul li {width: 50%; margin-bottom: 24px;}
    .lab-list-section ul li .lab-list {min-height: inherit;}
    .count-section li {width: 50%;}
    .count-section li h3 {font-size: 24px;}
    .lab-list-section ul {margin: 0 -12px;}
    .lab-list-section {padding: 30px 0;}
    .curriculum-content h4 {font-size: 18px; line-height: 30px;}
    .contactus ul li {width: 50%; margin-bottom: 20px;}
    .wrapper_item.ptb-70 {padding: 20px 0;}
    .enquiryNowButton {margin-left: 0; margin-right: 15px;}   
    
}
@media only screen and (max-width:768px) {
    .research-next-right {display: none;}
    .research-next.resp-vtabs h2.resp-accordion,
    .academic-solutions.resp-vtabs h2.resp-accordion  {display: flex; align-items: center;}
    .academic-solutions-left {display: none;}
}
@media only screen and (max-width:767px) {
    
    h2 {font-size: 25px; line-height: 35px;}
    .mobile-banner {display: block;}
    .banner_video {display: none;}
    .banner-content {height: auto; background: none; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .mobile-banner .owl-carousel .owl-dots {text-align: center; margin-top: 25px;}
    .mobile-banner .owl-carousel button.owl-dot {width: 12px; height: 12px; margin: 0 8px;}
    .solutions ul {padding-bottom: 0;}
    .category_count ul li h4 {font-size: 28px; line-height: 40px;}
    .category_count ul li span {font-size: 18px;}
    .category_count h2 {margin: 0 auto 40px;}
    .next_solutions {padding: 40px 0;}
    .solutions ul li {width: 50%;}
    .testimonial figure {width: 100%; margin-bottom: 25px;}
    .testimonial-content {width: 100%; border-left: 0 none; padding-left: 0;}
    /* .join-hands {padding: 40px 0;}   */
    footer {padding: 30px 0;}
    .top-headings h5 {font-size: 16px;}

    .follow-sec ul li {width: 100%;}
    .next-trust-section ul li {width: 50%; margin-bottom: 24px;}

    .white-overlay {width: 100%;background-image: -webkit-linear-gradient(28deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);}
    .partner-left, .partner-right{width: 100%;}
    .app-next .store-btn{margin-top: 15px;}
    .app-next .app-next-content{flex-direction: column;gap: 20px;}
    .resource-hands{padding: 0;}
    /* .appNext-wrap .app-text h3{font-size: 20px;}
    .appNext-wrap .app-text p{font-size: 14px !important;} */
    .main-people ul li {width: 100%;}
    .carrer-content h4{font-size: 18px;}

    .team-section .team-cards {margin-top: 25px;}
    .right-time .right-time-cards {padding-top: 15px;}
    .vision-section .next-member-right .top-box, .box-left, .box-right{flex: unset;}
    .policies .left-pdf, .policies .right-pdf{flex-basis: 100%;}
    .policies .pdf-boxes{margin-top: 0px;}
    .policies .pdf-boxes .pdf-text{font-size: 14px;}
    .policies .pdf-boxes li{margin-bottom: 10px;}
    .mb-70 {margin-bottom: 30px;}
    .pre-primary-section.partnership-programme figure {width: 100%;}
    .pre-primary-section.partnership-programme figure img {width: 100%; margin-bottom: 30px;}
    .pre-primary-content {width: 100%; padding-left: 0;}
    .academic-partners .slick-dots li {margin: 0 8px;}
    .form-input {width: 100%; margin-bottom: 20px;}
    .start_learn_button {width: 100%;}
    .achievements ul li {width: 50%; margin-bottom: 30px;}
    .services-section.advantage-section ul li span {margin: 0 auto 25px;}
    .services-section.advantage-section ul li {padding: 30px 15px;}
    .services-section.advantage-section ul li h4 {font-size: 18px; line-height: 24px;}
    .age-and-grade ul li {width: 50%;}
    .lab-content-section figure {flex: unset;}
    .lab-content {width: 100%; padding: 0; margin-top: 30px;}
    .age-and-grade ul  {margin: 0 -8px;}
    .right-time h3 {font-size: 18px;}
    .top-headings h4 {font-size: 16px;}
    .curriculum-content h4 {font-size: 16px;}
    .contact-details {margin: 0;}
    .inner-banner.teach-next-home h1 {margin-top: 25px;}
}
@media only screen and (max-width:599px) {
    h2 {font-size: 20px; line-height: 30px;}
    .technology h1 {font-size: 30px; line-height: 45px;}
    .technology h4 {font-size: 20px; line-height: 30px;}
    .category_count ul li {width: 100%; margin-bottom: 30px;}
    .category_count ul li h4 {margin-bottom: 5px;}
    .address-sec ul li a {min-width: 100px; font-size: 14px; line-height: 50px;}
    .social-links h5 {font-size: 16px;}
    .awards ul li {padding: 0 8px;}
    .join-hands-left .email-address {width: 100%;}
    .join-hands h4 {font-size: 18px; line-height: 25px;}
    .solutions ul li .solution-card:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .top-headings h2 br {display: none;}

    .our-products ul li {width: 100%;}
    .research-next.resp-vtabs h2.resp-accordion h5, .academic-solutions.resp-vtabs h2.resp-accordion h5 {font-size: 20px;}
    .network-servicing figure {width: 100%; padding-right: 0; margin-bottom: 30px;}
    .network-servicing .network-content {width: 100%; padding-left: 0;}
    .resp-tab-content figure {width: 100%; margin-bottom: 30px;}
    .resp-tab-content figure img {margin: 0 auto;}
    .research-content-in {padding: 0 0 0 20px;}
    .customised-workshops ul {margin: 0 -12px;}
    .customised-workshops ul li {width: 50%; margin-bottom: 24px;}
    .flip-box-front, .flip-box-back {
        min-height: 320px;
    }
    .our-products ul li {min-height: initial;}
    .academic-solutions-right h3 {font-size: 18px; margin-bottom: 10px;}
    .academic-solutions-right ul li h4 {font-size: 16px;}
    .research-next.resp-vtabs h2.resp-accordion h5, 
    .academic-solutions.resp-vtabs h2.resp-accordion h5 {
        font-size: 16px;
    }
    .next-trust-section ul li {width: 100%;}
    .academic-solutions h2 {line-height: 30px; line-height: 40px;}
    .curriculum-content h1 {font-size: 30px; letter-spacing: 1px;}
    .curriculum-content h4 {font-size: 20px; line-height: 30px;}
    .curriculum-content p.mb-50 {margin-bottom: 30px;}
    .pre-primary-section figure {width: 100%; margin-bottom: 30px;}
    .pre-primary-section figure img {width: 100%;}
    .pre-primary-content {width: 100%; padding-left: 0;}
    .pre-primary-section.primary-grade .pre-primary-content {padding-right: 0;}
    .latha-ve ul {width: 100%;}
    .school-images ul li {width: 50%;}
    .solution-footer a strong {font-size: 18px; line-height: 24px;}
    .services-section ul li {margin: 0;}
    .solution-footer {padding: 15px;}
    .feature {width: 100%;}
    .services-section.advantage-section ul li {width: 100%; margin: 0 0 20px; min-height: inherit;}
    .services-section.advantage-section ul li:last-child {margin-bottom: 0;}
    .list-section {padding-top: 20px;}
    .logo-section .logo-cards li{width: 50%;}
    .logo-section .logo-cards {margin: 0 -15px;}
    .next-member-right > ul > li {width: 100%;}
    .career-banner .curriculum-content h4 {font-size: 18px;}
    .product_profile ul li {width: 100%;}
    .install-section ul li {width: 100%; margin-bottom: 20px;} 
    .contactus ul li {width: 100%;}
    .policy-left-section {display: none;}
    .policy-right-section {width: 100%;}
    .collapsible-body {padding: 10px 10px 10px 10px !important;}
    
}
@media only screen and (max-width:479px) {
    .technology h1 {font-size: 20px; line-height: 25px;}
    .technology h4 {font-size: 16px; line-height: 24px;}
    .solutions ul li {width: 100%;} 
    .address-sec ul li a {min-width: 80px; white-space: nowrap;}
    .address-sec ul {overflow: auto;}

    .partner-content .partner-left img {padding-top: 40px;}
    .become-member{margin-right: 14px !important;}
    .partner-button .green-button{width: 160px;}
    .next_solutions ul.community-content li {width: 100%;}
    .appNext-wrap .app-text h3{font-size: 20px;line-height: 30px;}

    .vision-section h2 br {display: none;}
    .team-section .sub-left-card li {border-right: none;flex-basis: 100%;margin-bottom: 20px;}
    .team-section .sub-left-card li p br{display: none;}
    .team-section .team-left-card, .team-right-card{padding: 0px;}
    .right-time .right-time-cards ul li{flex-wrap: wrap;text-align: center;}
    .right-time .sprite-icon{margin: 0 auto;}
    .right-time p {padding-top: 10px;}
    .customised-workshops ul li {width: 100%;}
    .industry-section ul li {width: 100%; margin-bottom: 30px;}
    .industry-section ul li:last-child {margin-bottom: 0;}
    .school-images ul li {width: 100%;}
    .solution-footer a strong {font-size: 16px;;}
    .pre-primary-content h4 {font-size: 18px;}
    .achievements ul li {width: 100%;}
    .age-and-grade ul li {width: 100%;}
    .lab-list-section ul li {width: 100%; margin-bottom: 20px;}
    .count-section li {margin-bottom: 24px;}
    .green-button {width: 150px;}
    .inner-banner {min-height: 280px;}
    .inner-banner.news-media-banner .inner-banner-content {padding-top: 98px;}
    header {height: 48px; padding: 6px 15px 0;}
    .logo {margin-top: 0;}
    .logo a img {max-height: 36px; width: auto;}
    .enquiryNowButton {
        min-width: 100px;
        font-size: 14px;
        height: 36px;
        line-height: 34px;
        margin-right: 10px;
    }
    
}




