@media screen and (max-width: 630px) {
  .katon-360-classroom-device-image-container-one {
    display: grid;
  }
}

@media (max-width: 575.98px) {
  .product-bundle-container{
    gap: 25px;
  }
  .ut-porttitor-felis11{
    width: 100%;
  }
  .why-test-should-paragraph p{
    width: 100%;
  }
  .image-slider .slide{
    object-fit: contain;
  }
  .reconceptualizing-education-banner {
    padding: 50px 15px;
    padding-bottom: 0px;
    height: auto;
    background-size: cover;
    background-position: right;
  }
  .reconceptualizing-education-container {
    display: block;
  }
  .reconceptualizing-education-container-section {
    padding: 35px 15px;
    padding-bottom: 0px;
    display: block;
  }
  .reconceptualizing-education-content-title {
    width: 100%;
    font-size: 26px;
  }
  .reconceptualizing-education-content-description {
    width: 100%;
  }
  .reconceptualizing-education-image-container img {
    width: 100%;
    height: auto;
  }
  .mob-card {
    align-items: center;
  }
  .first-row-style, .second-row-style {
    display: grid;
  }
  .ICT-Training-banner {
    display: block;
    width: 100%;
    padding: 50px 0px;
    height: auto;
  }
  .sec-success-stories {
    width: 100%;
    padding: 50px 15px;
  }

  .home-tlms-container-whole {
    height: auto;
    padding: 25px;
    padding-bottom: 0px;
    display: block;
  }
  .cta2-early-button{
  justify-content: center;
  }
  /* .web-content {
    padding-bottom: 100px;
  } */
  .steps-through {
    width: 100%;
    text-align: center;
  }
  .home-tlms-global-description {
    width: 100%;
    line-height: 30px;
    /* color: #000; */
    text-align: center;
  }
  .parentTeacherParaStyle-empower {
    line-height: 30px;
  }
  .early-bird-banner {
    padding: 50px 15px;
  }
  .early-bird-container-section {
    padding: 0px 15px;
    display: block;
  }
  .early-bird-content-title {
    font-size: 20px;
    width: 100%;
  }
  .early-bird-content-description {
    width: 100%;
  }
  .katon-360-classroom-image-container {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  .sec-2-work-with-1,.container37{
    padding: 20px;
  }
  .container37{
    flex-direction: column;
  }
  .katon-360-classroom-device-image{
    width: 100%;
    height: 100%;
  }
  .katon-360-classroom-device-container .katon-360-classroom-device-heading,.katon-360-classroom-device-container .katon-360-classroom-device-description{
    width: 100%;
  }
  .live-class-google-image,.live-class-google-image-pta{
    flex-direction: column;
  }
  .work-with-external-transforming {
    width: 100%;
  }
  .we-enable-secure {
    width: 100%;
  }
  .arminit-image {
    width: 100%;
    height: auto;
  }
  .sec-2-work-with-1-onboarding-process {
    padding: 20px 15px;
  }
  .sec-2-work-with-1-live-class {
    width: 100%;
    padding: 20px 15px;
    padding-bottom: 0px;
  }
  .container37-live-class {
    padding: 20px 15px;
    display: block;
    padding-bottom: 0px;
  }
  .live-class-border-box {
    display: grid;
  }
  .header25-live-class,.header25-live,.header25-pta {
    align-items: center;
  }
  .live-class-image-container img {
    margin-top: 20px;
  }
  .sec-2-work-with-1-library {
    padding: 20px;
    padding-bottom: 0px;
  }
  .sec-2-work-with-1-pta {
    padding: 20px;
    height: auto;
  }
  .container37-pta {
    width: 100%;
    height: auto;
    padding: 20px;
    display: block;
  }
  .work-with-external-pta {
    width: auto;
    font-size: 32px;
  }
  .we-enable-secure-pta {
    width: auto;
  }
  .arminit-image-container img {
    margin-top: 20px;
    width: 100%;
  }
  .sec-1-research-banner-product {
    width: 100%;
  }
  .katon-product-bundle-cards-container {
    display: grid;
  }
  .transforming-knowledge-into-product-bundle {
    font-size: 24px;
  }
  .product-bundle-heading {
    line-height: 30px;
  }
  .katon-360-classroom-device-outlook {
    padding: 20px;
  }
  .katon-360-classroom-device-outlook-container {
    padding: 20px;
    display: block;
  }
  .katon-360-classroom-device-image-container {
    margin-top: 20px;
  }
  .sec-1-research-banner {
    height: auto;
  }
  .image-icon29 {
    margin: 10px 0px !important;
  }
  .page-template-tlms-global .sec-success-stories .tlms-success-stories {
    color: #fff;
  }
  .page-template-tlms-global .sec-success-stories .home-tlms-global-description {
    color: #fff;
  }
  .page-template-tlms-global .sec-success-stories .cta-text-container-one {
    align-self: center;
    align-items: center;
  }
  .page-template-tlms-global .sec-success-stories .image-icon {
    width: 100%;
  }
  .tlms-success-stories {
    text-align: center;
    width: 100%;
    color: #000;
  }
  .explore {
    margin-bottom: 20px;
  }

  .page-template-templates360-classroom-php .container37-onboarding-process {
    width: 100%;
    display: block;
  }
  .page-template-templates360-classroom-php .work-with-external-onboarding-process {
    text-align: center;
    width: 100%;
  }
  .page-template-templates360-classroom-php .onboarding-process-text {      
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
  .page-template-templates360-classroom-php .katon-360-classroom-a {
    display: block;
    margin: auto;
  }
  .page-template-templates360-classroom-php .onboarding-process-steps-whole {
    padding: 30px;
    justify-content: center;
    width: 100%;
    margin: auto;
    display: -webkit-inline-box;
    overflow: scroll;
  }
  .page-template-templates360-classroom-php .header25-onboarding-process {
    align-items: center;
  }
  .page-template-templates360-classroom-php .workshop-feature {
    width: 100%;
    margin-bottom: 20px;
  }

  .selection_type {
    padding: 120px 10px;
  }
  .katon-product-thumbnail img {
    width: 100%;
  }
  .product-type-details {
    padding: 20px 20px;
    width: 100%;
  }
  .pre_order .input-field {
    width: 100%;
  }
  .names_options {
    display: block;
  }
  .names_options input {
    width: 100% !important;
  }
  button.pre_order, button.initial_deposit {
    width: 100%;
  }
  img.pre_order_button {
    position: relative;
    top: -30px;
    right: -67%;
  }
  img.initial_deposit_button {
    position: relative;
    top: -30px;
    right: -72%;
  }

  #ogrooModel .dialog {
    max-width: 100%;
    margin: 15px;
  }

  .popup-pricelist .modal-content {
    width: 100%;
  }
  .donec-vitae-sapien {
    width: 100%;
  }
  .container52 {
    width: 100%;
  }
  .videos2, .content44 {
    width: 100%;
    margin-top: 20px;
  }
  .container51, .container52, .podcast1 {
    display: block;
    margin-top: 20px;
  }
  .content-creation {
    width: auto;
  }
  .right1 {
    width: 100%;
    display: block;
    padding: 0px;
  }
  .card31 {
    width: 350px;
  }
  .card21 {
    width: 315px;
  }
  .card113 {
    width: 250px;
  }
  #image3.zoom-in {
    width: 200px;
    height: 330px;
  }
  #image2.zoom-in{
    height: 330px;
  }
  .move-second-image{
    left: 120px;
  }
  .main-container17 {
    /* margin-top: 100px; */
    padding: 0px;
    width: 100%;
  }
  .studio-capabilities {
    margin-bottom: 30px;
  }
  .podcast-session {
    left: 10px;
  }
  .workshopDesktopModal .modal-content, .serverModal .modal-content, .libraryGoogleModal .modal-content, .libraryDesktopModal .modal-content, .workshopGoogleModal .modal-content {
    width: 100%;
  }
  .cards-container {
    width: 100%;
  }
  .home .tlms-success-stories {
    color: #fff;
  }
  /* .home .home-tlms-global-description {
    color: #fff;
  } */
  .home .content-section-katon-projectors {
    height: auto;
  }
  .home .cta2 {
    width: 100%;
    padding: 0px 20px;
  }
  .home .hero-content .explore4 {
    color: #000;
  }
  .home .home-tlms-container-whole .cta-text-container-one {
    display: contents;
  }
  .home .ielts-section .home-tlms-container-whole {
    display: block;
    padding: 60px 30px 0px 30px;
  }
  .home .ielts-section .sec-success-stories {
    padding: 50px 50px;
  }
  .home .ielts-section .steps-through {
    font-size: 60px;
    left: 0px;
    color: #fff;
  }
  .home .ielts-section .home-tlms-global-description {
    line-height: 40px;
    color: #fff;
  }
  .home .ielts-section .mob-content {
    display: none;
  }
  .home .ielts-section .web-content {
    display: flex;
  }
  .video-container {
    width: 360.71px;
  }
  .school-video-ads .sec-success-stories .heading h3 {
    font-size: 30px;
    text-align: center;
  }
  #videoModal .modal-content {
    width: 100%;
    margin: 80% 0%;
  }
  #videoModal.modal {
    background-color: #000000b8;
  }

  .container53, .content53, .main-content30 {
    background: #fff;
    padding: 10px;
    border-radius: 20px;
  }
  .main-content30 {
    width: 100%;
  }
  .form1, .form2 {
    display: contents;
  }
  .cta63 {
    display: block;
  }
  .title19 {
    padding: 0px;
  }
  .back {
    padding: 0px;
  }
  .for-online-tuition {
    margin-top: 20px;
  }
  .form1 {
    padding: 20px;
  }
  .container53,
  .form1 {
    width: 100%;
  }
  .become-teacher-1 {
    width: 100%;
    align-self: unset;
  }
  .first-column span {
    padding: 5px;
  }
  .second-column span {
    padding: 5px !important;
  }
  .web-content-two .cta-text-two {
    position: relative;
    /* left: 10px; */
    margin-bottom: 20px;
  }
  .header-content .apply-now-banner {
    margin: 0px auto;
  }
  .header-content .cta2-contact {
    width: 100%;
  }
  .katon-explore-a {
    margin-bottom: 20px;
    display: block;
  }
  .hero-content .cta-text2 {
    display: block;
  }
  .hero-content button.cta2 {
    display: flex;                 /* Use flexbox for alignment */
    align-items: center;          /* Center items vertically */
    justify-content: center; 
  }
  .home .video-section-cta {
    display: flex;
  }
  .home .ielts-section .web-content {
    display: flex;
    padding-bottom: 0px;
  }
  img.ielts-img {
    width: 100%;
  }
  .ielts-bottom {
    padding: 30px;
    display: block;
  }
  .border-right-column {
    border-right: 0px solid #D31740;
  }
  .p-31 {
    padding-right: 0px;
  }
  .p-37 {
    padding-left: 0px;
  }
  .container54 .input-field {
    width: 100%;
  }
  .become-teacher-1 form {
    display: contents;
  }
  .age2, .container55 {
    display: contents;
  }
  .container57 .input-field {
    width: 100%;
  }
  .become-teacher-1 .cta63 {
    display: block;
    width: 100%;
    padding: 0px 20px;
  }
  .as-school {
    display: block;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
  }
  .apply-now-text {
    margin: 0px 120px;
  }
  .view-portfolio {
    margin: 0px 120px;
  }
  .book-a-recording {
    font-size: 10px;
  }
  .view-portfolios {
    font-size: 12px;
  }
  .page-template-ielts .section-banner {
    height: auto;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ielts-paragraph-section {
    padding-left: 30px;
    padding-right: 30px;
  }
  .why-test-should-paragraph {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }
  .why-columns-test {
    margin-bottom: 50px;
  }
  .why-choose-ielts h3 {
    line-height: 56px;
  }
  .ielts-bottom-text {
    padding: 0px 35px 35px 35px;
  }
  .ielts-bottom-right img {
    margin: 50px auto;
    padding-right: 0px;
  }
  #ieltsVideo {
    width: 100%;
    height: auto;
    padding: 60px 30px;
  }
  .ielts-test {
    display: none;
  }
  .katon-live-btn {
    display: none;
  }
  .katon-live-btn-mobile {
    display: block;
  }
  .ielts-test-mobile {
    display: block;
  }
  .page-template-lifestyle-products .main-container21 {
    width: 100%;
    padding: 60px 30px;
  }
  .page-template-lifestyle-products .sec1 {
    padding: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* background-image: none !important;  */
    justify-content: center;
  }
  .page-template-lifestyle-products .main-content32, .page-template-lifestyle-products .sec2, .page-template-lifestyle-products .title22 {
    padding: 0px;
  }
  .page-template-lifestyle-products .file-1-icon {
    width: 100%;
    /* display: none; */
  }
  .page-template-lifestyle-products .main-container22 {
    width: 70%;
    padding-left: 10px;
  }
  .page-template-lifestyle-products .bibendum-mauris-gravida {
    width: 100%;
  }
  .page-template-lifestyle-products .main-container23, .page-template-lifestyle-products .sec3 {
    display: block;
    height: auto;
    padding: 0px 10px;
  }
  .page-template-lifestyle-products .container59, .page-template-lifestyle-products .content57, .page-template-lifestyle-products .left-sec, .page-template-lifestyle-products .top16 {
    display: grid;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 20px;
  }
  .page-template-lifestyle-products .card116 {
    align-items: center;
    justify-content: center;
  }
  .page-template-lifestyle-products .content56 {
    align-items: center;
    justify-content: center;
  }
  .page-template-lifestyle-products .smart-evolution-step1 {
    width: 100%;
  }
  .page-template-lifestyle-products .smart-evolution-step3 {
    width: 100%;
  }
  .page-template-lifestyle-products .right-sec {
    display: contents !important;
  }
  .page-template-lifestyle-products .title22 {
    padding: 40px 10px;
    margin: 50px 0px;
  }
  .page-template-lifestyle-products .less-is-more-description {
    width: 100%;
  }
  .page-template-lifestyle-products .right-sec .title22 {
    padding: 20px;
    width: 100%;
  }
  .page-template-lifestyle-products .left-sec a {
    margin: 0px auto;
  }
  .page-template-lifestyle-products .title23 {
    width: 100%;
    margin-bottom: 35px;
  }
  .page-template-lifestyle-products .apps2 {
    /* display: none; */
    padding: 10px;
  }
  .main-container24 .content60{
    width: 100%;
  }
  .sec4{
    padding: 20px;
  }
  .apps2 .container60{
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .page-template-lifestyle-products .card-container1 {
    display: contents;
  }
  .page-template-lifestyle-products .sec5 {
    height: auto;
  }
  #video-upload-btn, #upload-btn {
    width: 100%;
    margin-top: 20px;
  }
  .product-type-details.active {
    width: 100%;
  }
  .calender-container-body {
    display: block;
    margin-top: 20px;
  }
  .calender-container-body .schedule-timelines {
    margin-top: 20px;
  }
  span.error-message-format {
    position: relative;
  }
  span.video-error-message-format {
    position: relative;
  }
  #videoModalBusiness .modal-content-bottom p {
    left: 25%;
    right: 25%;
  }
  #videoModalBusiness .modal-header {
    right: 39%;
  }
  .main-container17 .pagination {
    position: absolute;
  }
  .dot {
    width: 20px;
    height: 20px;
    z-index: 5;
    margin-top: 25px;
  }
  .main-content22 {
    padding-top: 150px;
  }
  .hero-content-two {
    padding: 100px 5px 0px;
  }
  .home-360-image-container img {
    width: 100% !important;
  }
  .reconceptualizing-education-content-Ict img {
    width: 100%;
  }
.reconceptualizing-education-content-Ict .ICT-Training-content-title{
  width: 100%;
  font-size: 40px;
}
.reconceptualizing-education-content-Ict .ICT-Training-content-description{
  width: 100%;
}
.ICT-Training-container-section{
  flex-direction: column;
}
.parentTeacherAppSection{
  padding-left: 10px;
  padding-right: 10px;
}
.parentTeacherAppPrimary .parentTeacherParaStyle{
  width: auto;
}

.titleContainer .meet-katon3{
font-size: 100px !important;
}
.titleContainer .meet-katon3-title{
  font-size: 50px;
}
#teach-smart-title-one , #teach-smart-title-two,#teach-smart-title-three,#teach-smart-desciption-three,#teach-smart-desciption-one,#teach-smart-description-two{
  width: 100%;
}
.main-content3{
  padding: 0px;
}
.teach-smart-learn-container{
width: 100%;
}
.sec-success-stories-container-two{
  padding: 10px;
}

.cards-container-blue-image-two {
  width: 100%;
  /* height: 100px; */
}
.cards-container-blue-image-two  .image-icon{
  width: 100%;
}
.cards-container-two {
  width: 100%;
  height: 100%;
}
.download{
  width: 100%;
  padding: 20px;
}
.sec-download-apps{
padding: 10px;
}
.through-rigorous-inquiry {
  width: 100%;
}
.mob-content{
  display: none;
}
.schedule-timelines .timelines-body{
  width: 100%;
}
}

 
@media (min-width: 576px) and (max-width: 767.98px) {
  .product-bundle-container{
    gap: 25px;
  }
  .ut-porttitor-felis11{
    width: 100%;
  }
  .why-test-should-paragraph p{
    width: 100%;
  }
  .ielts-test-mobile {
    display: block;
}
.ielts-test{
  display: none;
}
.katon-live-btn {
  display: none;
}
.katon-live-btn-mobile {
  display: block;
}
.container52{
  gap: 20px;
}
.donec-vitae-sapien{
  width: 100%;
}
.sec-43{
  height: 100%;
}
.reconceptualizing-education-container-section{
flex-direction: column;
padding: 0px;
padding-left: 20px;
}
.reconceptualizing-education-image-container{
  display: flex;
  justify-content: center;
}
.reconceptualizing-education-banner{
  height: 100%;
  padding: 55px;
  padding-bottom: 0px;
}
.ICT-Training-container-section{
flex-direction:column ;
}
.early-bird-container-section {
flex-direction: column;
}
.parentTeacherAppSection{
flex-direction: column;
}
.sec-success-stories{
padding: 20px;
}
.home-tlms-container-whole{
flex-direction: column;
height: 100%;
}
.cards-container .image-icon{
  width: 80%;
}
#ieltsVideo{
  width: 100%;
}
.why-test-should-paragraph{
  padding: 0px;
}
.ielts-paragraph-section{
  padding: 30px;
  /* padding-top: 10px; */

}
.ielts-bottom-right img {
padding-right: 30px;
padding-top: 30px;
}
.sec-download-apps{
  padding-left: 20px;
  padding-right: 20px;
}
.download{
width: 100%;
flex-direction: column;
height: 100%;
}
.qr-code-for-mobile-english-wik-icon{
width: 100%;
}
.home-tlms-container-two-whole {
  display: block;
  width: 100%;
  padding: 30px;
  margin-top: 30%;
}
.web-content-three {
  padding-top: 90px;
}
.content60 .title23{
  width: 100%;
}
.content60{
  width: 100%;
}
.sec3 .main-container23{
  flex-direction: column;
}
.sec4, .sec5{
  height: 100%;
}
.main-c0ntainer{
  flex-direction: column;
}
.main-c0ntainer .card-container1{
flex-direction: column;
}
.main-container23 .right-sec, .right-sec .title22,.container25-product{
  width: 100%;
}
.right-sec .image29 .image-child24{
  height: 100%;
}
.content60 .apps2{
padding: 20px;
}
.katon-360-classroom-device-outlook-container,.katon-360-classroom-image-container{
  flex-direction: column;
}
.katon-product-bundle-cards-container{
 flex-direction: column;
}
.container25-product .header24-product-bundle{
  width: 100%;
}
.katon-360-classroom-device-outlook{
padding: 30px;
}
.header24 .through-rigorous-inquiry{
  width: 100%;
}
.container37{
  flex-direction: column;
}
.web-card .workshop-feature{
width: 100%;
}
.sec-2-work-with-1-pta {
  padding: 30px;
  height: 100%;
}
.container37-pta{
  flex-direction: column;
  height: 100%;
  align-items: center;
}
.sec-2-work-with-1-onboarding-process{
  padding: 20px 15px;
}
.container37-onboarding-process{
  flex-direction: column;
}
.container37-live-class{
  flex-direction: column;
  padding: 30px;
  padding-bottom: 0px;
}
.container37-live-class .header25-live-class,.header25-live,.header25-pta{
  align-items: center;
  justify-content: center;
}
.sec-2-work-with-1-live-class{
  padding: 30px;
  padding-bottom: 0px;
}
.container37-onboarding-process .header25-onboarding-process{
  align-items: center;
  justify-content: center;
}
.selection_type{
  padding: 50px;
}
.form1{
  padding: 35px;
  
}
.content53{
  align-items: center;
}
.reconceptualizing-education-content {
  /* padding: 60px; */
  padding-bottom: 0px;
}
.image-slider .slide{
  object-fit: contain;
}
}

@media (max-width: 767.98px) {
 
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .product-bundle-container{
    gap: 25px;
  }
  .ut-porttitor-felis11{
    width: 100%;
  }
  .why-test-should-paragraph p{
    width: 100%;
  }
  .image-slider .slide{
    object-fit: contain;
  }
  .reconceptualizing-education-banner {
    padding: 50px 15px;
    padding-bottom: 0px;
    height: auto;
  }
  .reconceptualizing-education-container {
    display: block;
  }
  .reconceptualizing-education-container-section {
    padding: 35px 15px;
    padding-bottom: 0px;
    display: block;
  }
  .reconceptualizing-education-content {
    padding: 60px;
    /* padding-bottom: 0px; */
  }
  .reconceptualizing-education-content-title {
    width: 100%;
    font-size: 30px;
  }
  .reconceptualizing-education-content-description {
    width: 100%;
  }
  .reconceptualizing-education-image-container img {
    width: 50%;
    height: auto;
  }
  .reconceptualizing-education-image-container{
    display: flex;
    justify-content: center;
  }
  .mob-card {
    align-items: center;
  }
  .first-row-style, .second-row-style {
    display: grid;
  }
  .ICT-Training-banner {
    display: block;
    width: 100%;
    padding: 50px 0px;
    height: auto;
  }
  .sec-success-stories {
    width: 100%;
    padding: 50px 15px;
  }
  .home-tlms-container-whole {
    height: auto;
    padding: 10px 25px;
  }
  .web-content {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .steps-through {
    width: 100%;
  }
  .home-tlms-global-description {
    width: 100%;
    line-height: 30px;
  }
  .parentTeacherParaStyle-empower {
    line-height: 30px;
  }
  .early-bird-banner {
    padding: 50px 15px;
  }
  .early-bird-container-section {
    padding: 0px 15px;
    display: block;
  }
  .early-bird-content-title {
    font-size: 20px;
    width: 100%;
  }
  .early-bird-content-description {
    width: 100%;
  }
  .past-questions-online-simplify {
    width: 100%;
  }
  .parentTeacherAppSection {
    width: 100%;
    padding: 60px 60px;
    flex-direction: column;
  }
  /* .sideImageStyle {
    width: 100%;
    height: auto;
  } */
  .reconceptualizing-education-content-Ict {
    padding: 60px 20px;
  }

  .home-tlms-container-whole {
    height: auto;
    padding: 10px 25px;
    padding-left: 65px;
    padding-bottom: 0px;
    flex-direction: column;
  }
  .cards-container img{
    width: 80%;
  }
  .cards-container{
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .ICT-Training-container-section{
    flex-direction: column;
  }
  .web-content {
    padding-bottom: 100px;
  }
  .steps-through {
    width: 100%;
  }
  .home-tlms-global-description {
    width: 100%;
    line-height: 30px;
  }
  .parentTeacherParaStyle-empower {
    line-height: 30px;
  }
  .early-bird-banner {
    padding: 50px 15px;
  }
  .early-bird-container-section {
    padding: 0px 15px;
    display: block;
  }
  .early-bird-content-title {
    font-size: 20px;
    width: 100%;
  }
  .early-bird-content-description {
    width: 100%;
  }
  .katon-360-classroom-image-container {
    display: grid;
  }
  .work-with-external-transforming {
    width: 100%;
  }
  .we-enable-secure {
    width: 100%;
  }
  .arminit-image {
    width: 100%;
    height: auto;
  }
  .sec-2-work-with-1-onboarding-process {
    padding: 20px 15px;
  }
  .sec-2-work-with-1-live-class {
    width: 100%;
    padding: 20px 15px;
    padding-bottom: 0px;
  }
  .container37-live-class {
    padding: 20px 15px;
    /* display: block; */
    gap: 35px;
    display: flex;
    flex-direction: column;
    padding-bottom: 0px;
  }
  .live-class-border-box {
    display: grid;
  }
  .header25-live-class,.header25-live {
    align-items: center;
  }
  /* .live-class-image-container img {
    display: none;
  } */
  .sec-2-work-with-1-library {
    padding: 20px;
    padding-bottom: 0px;
  }
  .sec-2-work-with-1-pta {
    padding: 20px;
    height: auto;
  }
  .container37-pta {
    width: 100%;
    height: auto;
    padding: 20px;
    display: block;
    text-align: center;
  }
  .work-with-external-pta {
    width: auto;
    font-size: 32px;
  }
  .we-enable-secure-pta {
    width: auto;
  }
  .arminit-image-container img {
    margin-top: 20px;
  }
  .sec-1-research-banner-product {
    width: 100%;
  }
  .katon-product-bundle-cards-container {
    /* display: grid; */
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .header24-product-bundle {
    width: 100%;
  }
  .transforming-knowledge-into-product-bundle {
    font-size: 30px;
    line-height: 28.8px;
  }
  .product-bundle-heading {
    line-height: 30px;
  }
  .katon-360-classroom-device-outlook {
    padding: 20px;
  }
  .katon-360-classroom-device-outlook-container {
    padding: 20px;
    display: block;
  }
  .katon-360-classroom-device-image-container-one {
    display: grid;
  }
  .katon-360-classroom-device-image-container {
    margin-top: 20px;
    align-items: center;
  }
  .through-rigorous-inquiry {
    width: 100%;
  }
  .sec-1-research-banner {
    height: auto;
  }
  .header25-pta {
    align-items: center;
    justify-content: center;
  }
  .katon-360-classroom-device-heading {
    width: 100%;
  }
  .katon-360-classroom-device-description {
    width: 100%;
    line-height: 30px;
  }
  .image-icon29 {
    margin: 10px 0px !important;
  }

  .page-template-templates360-classroom-php .container37-onboarding-process {
    width: 100%;
    display: block;
  }
  .page-template-templates360-classroom-php .work-with-external-onboarding-process {
    text-align: center;
    width: 100%;
  }
  .page-template-templates360-classroom-php .onboarding-process-text {      
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
  .page-template-templates360-classroom-php .katon-360-classroom-a {
    display: block;
    margin: auto;
  }
  .page-template-templates360-classroom-php .onboarding-process-steps-whole {
    padding: 30px;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
  .page-template-templates360-classroom-php .header25-onboarding-process {
    align-items: center;
  }
  .page-template-templates360-classroom-php .workshop-feature {
    width: 100%;
    margin-bottom: 20px;
  }
  .popup-pricelist .modal-content {
    width: 100%;
  }
  .workshopDesktopModal .modal-content, .serverModal .modal-content, .libraryGoogleModal .modal-content, .libraryDesktopModal .modal-content, .workshopGoogleModal .modal-content {
    width: 100%;
  }
  .home .tlms-success-stories {
    color: #fff;
  }
  .home .home-tlms-global-description {
    color: #fff;
  }
  .home .content-section-katon-projectors {
    height: auto;
  }
  .home .cta2 {
    width: 100%;
  }
  .home .hero-content .explore4 {
    color: #000;
  }
  .home .ielts-section .home-tlms-container-whole {
    display: block;
    padding: 60px 60px 0px 60px;
  }
  .home .ielts-section .sec-success-stories {
    padding: 80px 50px;
  }
  .video-container {
    width: 675px;
  }
  #videoModal .modal-content {
    width: 100%;
    margin: 80% 0%;
  }
  #videoModal.modal {
    background-color: #000000b8;
  }
  .first-column span {
    padding: 5px;
  }
  .second-column span {
    padding: 5px !important;
  }

  .header-content .apply-now-banner {
    margin: 0px auto;
  }
  .header-content .cta2-contact {
    width: 100%;
  }
  .katon-explore-a {
    margin-bottom: 20px;
    display: block;
  }
  .hero-content .cta-text2 {
    display: block;
  }
  .hero-content button.cta2 {
    display: flex;                 /* Use flexbox for alignment */
    align-items: center;          /* Center items vertically */
    justify-content: center; 
  }
  .ielts-bottom {
    padding: 40px 40px 26px 40px;
  }
  .page-template-katon-network .container52 {
    gap: 65px;
  }
  .as-school {
    display: block;
    margin: auto;
    top: 0px;
    left: 0px;
    right: 0px;
  }
  .apply-now-text {
    margin: 0px auto;
  }
  .view-portfolio {
    margin: 0px auto;
  }
  .page-template-katon-network .left-container2 .cta46 {
    margin: 0px auto;
  }
  .page-template-ielts .section-banner {
    height: auto;
    display: block;
  }
  .ielts-paragraph-section {
    padding-left: 30px;
    padding-right: 30px;
  }
  .why-test-should-paragraph {
    padding-left: 30px;
    padding-right: 30px;
  }
  .ielts-bottom-right img {
    margin: 50px 0px 0px auto;
    padding-right: 40px;
  }
  #ieltsVideo {
    width: 100%;
    height: auto;
    padding: 60px 30px;
  }
  .katon-live-btn-mobile {
    display: block;
  }
  .ielts-test-mobile {
    display: block;
  }

  .page-template-lifestyle-products .main-container21 {
    width: 100%;
    padding: 60px 30px;
  }
  .page-template-lifestyle-products .sec1 {
    padding: 0px;
    /* background-image: none !important;  */
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .page-template-lifestyle-products .main-content32, .page-template-lifestyle-products .sec2, .page-template-lifestyle-products .title22 {
    padding: 0px;
  }
  .page-template-lifestyle-products .file-1-icon {
    width: 100%;
    /* display: none; */
  }
  .container58{
    justify-content: center;
  }
  .page-template-lifestyle-products .main-container22 {
    width: 515px;
  }
  .page-template-lifestyle-products .bibendum-mauris-gravida {
    width: 100%;
  }
  .page-template-lifestyle-products .main-container23, .page-template-lifestyle-products .sec3 {
    display: block;
    height: auto;
    padding: 0px 10px;
  }
  .page-template-lifestyle-products .container59, .page-template-lifestyle-products .content57, .page-template-lifestyle-products .left-sec, .page-template-lifestyle-products .top16 {
    display: grid;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin-top: 20px;
  }
  .page-template-lifestyle-products .card116 {
    align-items: center;
    justify-content: center;
  }
  .page-template-lifestyle-products .content56 {
    align-items: center;
    justify-content: center;
  }
  .page-template-lifestyle-products .smart-evolution-step1 {
    width: 100%;
  }
  .page-template-lifestyle-products .smart-evolution-step3 {
    width: 100%;
  }
  .page-template-lifestyle-products .right-sec {
    display: contents !important;
  }
  .page-template-lifestyle-products .title22 {
    padding: 40px 10px;
    margin: 50px 0px;
  }
  .page-template-lifestyle-products .less-is-more-description {
    width: 100%;
  }
  .page-template-lifestyle-products .right-sec .title22 {
    padding: 20px;
    width: 100%;
  }
  .page-template-lifestyle-products .left-sec a {
    margin: 0px auto;
  }
  .page-template-lifestyle-products .title23 {
    width: 100%;
    margin-bottom: 35px;
  }
  .page-template-lifestyle-products .card-container1 {
    display: contents;
  }
  .page-template-lifestyle-products .sec5 {
    height: auto;
  }
  #video-upload-btn {
    width: 30%;
  }
  #upload-btn {
    width: 100%;
  }
  .calender-container-body {
    display: block;
    margin-top: 20px;
  }
  .calender-container-body .schedule-timelines {
    margin-top: 20px;
  }
  .sec-43{
    height: 100%;
  }
.tab-view-unit-price{
  width: 100% !important;
}
.selection_type{
  padding: 50px;
}
.sec-2-work-with-1,.container37{
  padding: 30px;
  }
}
 
@media (min-width: 992px) and (max-width: 1199.98px) {
  .main-content3 {
    padding: 0px 0px 0px 0px;
    gap: 40px;
  }
  .why-test-should-paragraph p{
    width: 100%;
  }
 .container3{
  width: 100%;
 }
 
  .home_360_classroom {
    padding: 0px 0px 150px 0px;
  }
  .early-bird-banner {
    padding: 150px 0px 150px 0px;
  }
  .reconceptualizing-education-banner {
    padding-left: 0px;
}
.sec-success-stories{
  padding-left: 10px;
  padding-right: 10px;
}
#ieltsVideo{
  width: 100%;
}
.ielts-paragraph-section{
  padding: 30px;
  /* padding-top: 10px; */

}
.sec3 .main-container23{
flex-direction: column;
}
.katon-360-classroom-device-outlook-container{
flex-direction: column;
}
.arminit-image-container .arminit-image{
  width: 100%;
  height: 100%;
}
.header25-live-class{
  padding-top: 30px;
  padding-bottom: 30px;
}
.katon-360-classroom-device-image-container{
  align-items: center;
}
.sec-2-work-with-1{
padding: 50px;
}
.live-class-image-container .live-class-image{
  width: 100%;
}
.container37-live-class{
  padding: 0px;
  gap: 0px;
}
.sec-2-work-with-1-pta{
padding: 50px;
}
.sec-2-work-with-1-pta .container37-pta{
padding: 25px;
gap: 20px;
}
.sec-2-work-with-1-onboarding-process{
padding: 50px;
}
.container37-onboarding-process{
gap: 20px;
}
/* .tab-view-unit-price{
  width: 100% !important;
} */
.selection_type{
  padding: 60px;
}
.form1{
  padding-left: 150px;
  padding-right: 150px;
}
.content53{
justify-content: center;
align-items: center;
}
.sec-banner{
  padding: 65px;
  padding-top: 175px;
}
}
 
@media screen and (max-width: 850px) {
  .sec-1-research-banner-product{
    padding: 59.5px 20px 36.5px;
  }
  .header24-product-bundle{
    width: 100%;
    height: 53px;
  }
  .container25-product{
    gap: 12px;
    width: 100%;
  }
  .katon-product-bundle-cards-main{
    width: 100%;
    gap: 12px;
  }
  .katon-product-bundle-cards-container{
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .product-bundle-cards{
    width: 100%;
  }
  .product-bundle-top-container{
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .product-bundle-container{
    gap: 0px;
  }
  .product-bundle-bottom-text{
    padding: 12px 6px;
    min-height: auto;
  }
  .product-bundle-heading{
    font-size: 14px;
    line-height: 14px;
  }
  .product-bundle-description p{
    font-size: 14px;
    line-height: 14px;
  }
  .product-bundle-bottom-text p{
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 300;
  }
  .katon-product-bundle-bottom-cards-container{
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .katon-product-bundle-bottom-cards-container .bottom-card-container{
    width: 100%;
    gap: 12px;
  }
  .bottom-text-container{
    width: 100%;
  }
  .bottom-card-top-texts-container{
    gap: 12px;
  }
  .top-text-container{
    font-size: 14px;
    line-height: 14px;
  }
  .middle-text-container{
    font-size: 14px;
    line-height: 14px;
  }
  .bottom-text-container{
    font-size: 14px;
    line-height: 16.94px;
    font-weight: 300;
    padding: 12px 6px;
  }
  .katon-360-classroom-a{
    width: 100%;
  }
  .cta47-product{
    width: 100%;
  }
}
@media screen and (max-width: 966px) {
  .ielts-test {
    display: none;
  }
  .katon-live-btn {
    display: none;
  }
}