.ib-educators-inner2 img, .collaborative2 img, .features-face2 img, img.swap-desk, .video-box1 img {
    max-width: 100%;
}
@media (min-width: 1270px){
.ib-educators-inner2 img, .collaborative2 img, .features-face2 img, img.swap-desk {
    max-width: 100%;
    width: 730px !important;
}
}
a.js-anchor-link:hover {
    transform: translate(0, -7px);
    transition: transform 1s;
}
  a.request-demo-a.req-demo-popup:hover {
    background: #484848;
}

  img.polka-dots {
    position: absolute;
    width: 120px;
    top: 132px;
    left: 38%;
}
img.collaborative-orgball {
    width: 70px;
    position: absolute;
    bottom: -350px;
    left: 147px;
    z-index: 99;
}

  img.collaborative2-dots {
    position: absolute;
    width: 165px;
    bottom: -54px;
    left: 0;
    z-index: 99;
}
.all-in-one {
    position: relative;
}

.rocket {
    position: absolute;
    right: 204px;
    width: 90px;
    top: 62px;
}
  .animate11 {
    top: 150px !important;
}
  .animate10 {
    left: -201px !important;
    bottom: 103px !important;
}
  .animate9 {
    right: 11% !important;
    bottom: 5% !important;
}
  img.half-bott-circ {
    width: 98px;
    position: absolute;
    left: 0;
    bottom: -15%;
    z-index: 99;
}
  .seamless {
    background-image: none !important;
    background: #EBFFF9 !important;
}

  .animate6 {
    top: 360px !important;
    right: -100px !important;
}
img.animatem10a {
    width: 170px;
    position: absolute;
    right: 0;
    bottom: -50px;
    z-index: 9;
}
img.half-cir {
    position: absolute;
    width: 370px;
    bottom: 0;
    right: 0;
}
    p#tag-lines span {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    padding: 0 25px;
        font-size: 32px;
    position: relative;
    top: -3px;
}

    .ubd-improved-collaboration {
    background: #F2E2F9;
    padding: 13px;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-size: 14px;
    color: #000;
    font-weight:normal;
    width: 100%;
    text-align: center;
    
}
.video-box1 div {
    border-radius: 15px;
}

 
  .features-face1 ul {
    padding-inline-start: 0px;
    margin-left: 40px;
}
  .features-face1 li {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 20px;
    color: #000000;
    line-height: 2;
    list-style-type: disc;
}
  p#tag-lines {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 40px;
    text-align: center;
    color: #000000;
    max-width: 930px;
    margin: 0 auto;
    padding-top: 150px;
}
  
  .animate4 {
    width: 112px;
    position: absolute;
      left: 190px;
    top: 80px;
    z-index: 991;
}
   
  
  @media screen and (min-width:991px) and (max-width:1025px){
      .animate9 {

    left: 6% !important;
    top: 700px !important;
}
    .animatem4 {
    width: 100px !important;
    position: absolute;
    right: 50px !important; 
    top: 100px !important;
    z-index: 2;
}
    .animatem3 {
    width: 200px !important;
    position: absolute;
    left: 10px !important;
    top: -90px !important;
}
    .all-in-one-features {
    grid-template-columns: auto auto !important;
    grid-row-gap: 40px !important;
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}
   
    .platforms {
    display: block !important;   
}
    .teachers-ipad-ver-main{display:block !important; max-width: 776px !important;
    margin: 0 auto;}
    .school-h3 {
    padding-top: 100px !important;
}
    section.main-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}
    .animatem1 {
       width: 112px;
    position: absolute;
    right: 42px;
    top: 515px;
    z-index: 3;
}
    .video-box1 {
    width: 100%;
    max-width: 900px !important;
    }
    h1.text-box-title{  font-size: 36px !important; text-align:center;}
    p.text-box-desc,ul.text-box-ul li {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 20px !important;
    }
    .text-box1 {
    width: 100%;
    max-width: 650px !important;
    }
    a#resdemo-mob {
    border-color: rgb(247, 89, 97);
    background-color: rgb(247, 89, 97);
    color: white;
    width: 438px;
    height: 48px;
    padding: 15px 14px;
    border-radius: 8px;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 0.9rem;
    position: relative;
    top: 10px;
    display: grid !important;
    text-align: center;
    }
    .row-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
   
    .animatem10 {
    left: 2.2% !important;
    top: 440px !important;
}
    .animatem7 {
    left: 50% !important;
    top: 680px !important;
}
    .animatem5 {
    width: 64px !important;
    position: absolute;
    top: 460px !important;
    z-index: 2;
    }
    
    .animate11 {
    width: 157px !important;top: 900px !important;
    }
  }
  
  
    @media screen and (min-width:767px) and (max-width:991px){ 
      .ib-educators-inner2 img, .features-face2 img {
    height: 450px !important;
}
      p.case-text {
    font-size: 20px !important;
    text-align: center;
    line-height: 1.88 !important;
    margin-top: 30px;
    margin-bottom: 30px !important;
}
      .in-casestudy {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
    background-image: none !important;
    padding: 0 !important;
}
      img#animate3,.animatem9,.animatem8{display:none !important;}
      
      .ib-educators-inner, .inner-collaborative, .privacy-section-inner, .features-face-inner {
 
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    flex-direction: column-reverse !important;
    padding: 80px 64px !important;
}
         p.ib-educators-inner-desc,p.collaborative-desc, p.features-face-desc,p.seamless-desc,p.privacy-section-desc {
    font-size: 18px !important;
}
      p.seamless-title,p.privacy-section-title{   font-size: 32px !important;}
     p.ib-educators-inner-title,p.collaborative-title, p.features-face-title {
    font-size: 30px !important;
}
      .all-in-one-features {
    margin-bottom: 40px !important;
}

      .all-in-one-features {
    padding: 16px 56px !important;
    grid-column-gap: 40px !important;
}
      p#ib-educators-maintitle {
    font-size: 32px !important;
}
      .all-mobile-school-inner {
  
    grid-gap: 40px 80px !important;
  
}
      p.text-box-desc,ul.text-box-ul li{font-size:20px !important;}
          h1.text-box-title {
    font-size: 36px !important;
    
}
      .collaborative1, .ib-educators-inner1 {
    max-width: 100% !important;
}


      a#resdemo-mob {
    max-width: 438px !important;
}

      .text-box1 {
    max-width: 650px !important;
}
      .video-box1 {
    max-width: 900px !important;
}
      .schools-mob-div {
    margin: 0;
    padding: 16px;
    height: 142px !important;
    width: auto;
}


      
  }
  
  
  a.prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


  
    .mobile-ver-main {
    overflow: hidden;
    padding: 0 24px;
}
  

  
  
  
  
    @media screen and (max-width: 768px){
      p.privacy-section-desc {
   margin-top: 16px;
    font-size: 14px;
    line-height: 1.71;
}
        .ppimg {
    height: 88px !important;
}
  
         .ib-educators-inner,.inner-collaborative ,.seamless-inner,.privacy-section-inner,.features-face-inner{
    padding: 52px 24px !important;
}
           p.ib-educators-inner-desc,p.collaborative-desc, p.features-face-desc,p.seamless-desc,p.privacy-section-desc {
    font-size: 16px !important;    font-family:'avenir_next_worlddemi', 'Verdana' !important;
    font-weight:normal;
}
          p.ib-educators-inner-title,p.collaborative-title, p.features-face-title,p.seamless-title {
                font-size: 24px !important;
    line-height: 1.5 !important;
    text-align: center;
    }
      p.privacy-section-title {
font-size: 24px !important;
    line-height: 1.33 !important;
    padding: 0 14px !important;
      }
        p.all-in-one-feature-txt {
            font-size: 16px !important;
    line-height: 22px !important;
    margin-left: 0px !important; top: -10px !important;
}
        img.all-in-one-feature-img {
       height: 70px !important;
    top: 5px !important;
    
}
           p.inner-platformsp {
    font-size: 14px !important; margin-bottom:0px !important;
}
          .inner-platforms H3,p#ib-educators-maintitle {
    font-size: 24px !important;
}
         .school-h3 h3, .school-h3 h2 {
    font-size: 24px !important;
    padding: 24px !important;
}
          h1.text-box-title {
    font-size: 24px !important;
    line-height: 30px !important;
          text-align:center;
}

      
  }
  
  
    @media screen and (min-width: 992px){

      a.js-anchor-link.mobdiv {
    display: none;
}

      .mob-bann{display: none;}

   header.header-one {
    border-bottom: 1px solid #F2F2F2;
}
        .swap-desk {
    display: none !important;
}
.ubd-improved-collaboration {
  
    position: absolute;
    bottom: 0;
}

       
      
  
  .header-one.stick {

    border: 1px solid rgb(219, 219, 219);
}
      
  }
  
  
  
  
  @media screen and (max-width: 415px){
.feature-points {
    max-width: 340px;
    margin: 0 auto;
}

}
  
    @media screen and (max-width: 991px){

      .all-in-one-feature.all-in-one-feature6 p.all-in-one-feature-txt {
    position: relative;
    left: 11px;   top: -2px !important;
}
.all-in-one-feature.all-in-one-feature6 img {
    width: 59px !important;
    position: relative;
    left: 10px;
}

      .all-in-one-feature.all-in-one-feature5 p.all-in-one-feature-txt {
    position: relative;
    left: 13px;
    top: -2px !important;
}

.all-in-one-feature.all-in-one-feature2 p.all-in-one-feature-txt {
    position: relative;
    left: 8px;
    top: -2px !important;
}
.all-in-one-feature.all-in-one-feature5 img {
    position: relative;
    left: 10px;
}
.all-in-one-feature.all-in-one-feature3 p.all-in-one-feature-txt {
    position: relative;  top: -2px !important;
    left: -10px;
}
     .all-in-one-feature.all-in-one-feature3 img {
    position: relative;
    left: -17px;
} 

.all-in-one-feature.all-in-one-feature1 img {
    width: 76px !important;
    height: 63px !important;
}


      .all-in-one-feature.all-in-one-feature2 img.all-in-one-feature-img {
    position: relative;
    left: 2px;
}

      a.js-anchor-link.deskdiv {
    display: none !important;
}

p.collaborative-title{
      max-width: 310px !important;
    margin: 0 auto;
}
p.ib-educators-inner-title,p.features-face-title {
    /* max-width: 300px !important; */
    margin: 0 auto;
}
h1.text-box-title br {
    display: none !important;
}
img.mob-bann {
    padding: 100px 24px 0px !important;
    background: #832BB1;
}

img.mob-bann {
    margin-bottom: 20px;width: 100%;
}
      .video-box1 , .swap-mob, img.collaborative2-dots{display: none !important;}

p.feature-points-para {
    gap: 15px !important;    
}
      p.case-desig {
    font-size: 15px !important;
    text-align: center;
    max-width: 250px;
    margin: 15px auto 0 !important; 
}
p.case-name {
    text-align: center;
}

      .animate4 {
        width: 90px !important;
    right: 0 !important;
    position: relative !important;
    left: 5% !important;
    top: -25px !important;
    z-index: 0 !important;
    margin: 0 auto;
    transform: none !important;
}

      p.case-text {
    font-size: 16px !important;
    line-height: 28px !important;
    text-align: center;
}

p.text-box-desc {
    margin-bottom: 10px !important;
}

/* .mobile-menu {
    background: #832BB1;
} */
      
    
    p.text-box-desc {
    text-align: center;
    margin-bottom: 15px;
}
  h1.text-box-title br {
    display: none;
}
  section.main-wrapper {
    display: grid !important;
    height: auto !important;
     justify-content: initial !important;
        width: 100% !important;
}

    .main-casestudy- {
    margin-top: 0px !important;
        padding: 120px 30px 40px !important;
          background-position: top !important;
}
    
  


  
    img.seamless-img2 {
    margin-bottom: 30px !important;
}
  
       .teachers.desktop-ver {
      display:none !important;
}
        .mobile-ver {
      display:block !important;
      position: relative;
    margin: auto;
    width: auto;
    height: 100%;
}
   
    
        .ib-educators-inner1 {
    margin-right: 0px !important;
}
     
    
      

        .all-in-one-features {
    margin: 0;margin-top: 0px !important;
    gap: 18px !important;    grid-template-columns:  auto !important;
    
    height: auto;
    padding: 0px 30px !important;
}
        .teacher {
    margin: 0px 0 20px !important;
    padding: 24px !important;
}
        .teachers {
    display: grid !important;
    padding: 10px 24px !important;
}
   
        p#ib-educators-maintitle {
        padding: 0 16px;    margin-top: 45px !important;
        
    }
    
        .platforms {
    background-position: right !important;    padding-bottom: 30px !important;
        }
        .inner-platforms {
    padding: 48px 24px 0px !important;
}
        .all_schools img {
    height: 100px;
    padding: 16px;
    width: auto;
    background-color: #ffffff;
    margin: 0;
}
        .all_schools img {
    display: none;
}
        .all_schools img:nth-child(5), .all_schools img:nth-child(6), .all_schools img:nth-child(7), .all_schools img:nth-child(8), .all_schools img:nth-child(9), .all_schools img:nth-child(10), .all_schools img:nth-child(11), .all_schools img:nth-child(13) {
    display: block !important;
}
        .all-school {
    height: auto;
    margin-top: 10px;
}
        .all-school .all_schools {
    animation: none !important;
    display: grid;
    padding: 0 24px 24px;
    grid-template-columns: auto auto;
    grid-gap: 20px 20px;
    margin: 0 auto;
        }
     
        .school-h3 {
    padding-top: 40px !important;
}
        a#resdemo-mob {
      border-color: #832BB1;
    background-color: #832BB1;
    color: white;
    width: 100%;
    height: 57px;
    padding: 18px 14px;
    border-radius: 8px;
    font-family:'avenir_next_worlddemi', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    position: relative;
    top: 10px;
    display: grid !important;
    text-align: center;
}
        a.request-demo-a,img#animate1,.animatem4,.animatem6,.animatem7,.animatem5,.animate11, .animate6, img.half-bott-circ, img.animatem10a, .animatem10, .animatem7, .animatem7a, .animatem5,img.half-cir {
    display: none;
}
   
        .animatem1,.animatem2{display:none !important;}
    .row-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 10px 24px 40px !important;
}
    }
    
    
    
    .animatem11{
    width: 150px;
    position: absolute;
    right: 8%;
    top: -144px;
    z-index: 2;
    }
    
    .animatem10{
              width: 100px;
    position: absolute;
    right: 6%;
    bottom: -395px;
    z-index: 99;
    }
     
    
    .animatem9{
                 width: 60px;
    position: absolute;
    bottom: -560px;
    z-index: 99;
    }
    
    .animatem8 {
           
    width: 203px;
    position: absolute;
    z-index: 0;
    left: 43%;
    top: 25px;

    }
    .animatem7a {
    width: 70px;
    position: absolute;
    left: 45%;
    top: 445px;
    z-index: 9;
}
    .animatem7 {
          width: 100px;
    position: absolute;
    left: 343px;
    bottom: -450px;
    z-index: 2;
}
    .animatem6 {
      width: 80px;
    position: absolute;
    left: 25%;
    top: 930px;
    z-index: 2;
}
    .animatem5 {
       width: 60px;
    position: absolute;
    right: 0px;
    top:360px;
    z-index: 2;

}
    .animatem4 {
   width: 120px;
    position: absolute;
    right: 100px;
    top: 118px;
    z-index: 2;
}
  
    .animatem2 {
        width: 150px;
    position: absolute;
    left: 586px;
    top: 163px;
    z-index: 9;
}
    .animatem1 {
    width: 112px;
    position: absolute;
    right:32px;
    top: 527px;
    z-index: 3;
}
    p.all-in-one-feature-txt {
    font-family:'avenir_next_worlddemi', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    color: #000000;
    margin-bottom: 0px !important;
    
}
  .all-in-one-feature:last-child {
    border-right: 1px #B0B0B0;
}
    .all-in-one-feature {
      display: -webkit-box;
    display: flex;
    width: 336px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    /* -webkit-box-direction: normal; */
    flex-direction: row;place-content: center;
  height: 184px;border-radius: 8px;    gap: 30px;
  /*  border-right: 1px dashed #B0B0B0;*/
}
.all-in-one-feature1, .all-in-one-feature5 {
    background: #FFEDC1;
}
.all-in-one-feature3, .all-in-one-feature4 {
    background: #F2E2F9;
}
.all-in-one-feature2, .all-in-one-feature6 {
    background: #CAF8FF;
}
img.all-in-one-feature-img {
        height: 90px;
    width: auto;
    position: relative;
    top: 12px;
}

    .all-in-one-features {
        display: grid;
    grid-template-columns: auto auto auto;
    width: 100%;
    gap:50px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 80px 32px 200px;
}
    p.teacher-desc {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 12px;
    line-height: 1.75;
    text-align: center;
    color: #000000;
}
    p.teacher-name {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 13.8px;
    line-height: 1.75;
    text-align: center;
    color: #f75961;margin-bottom:0px;
}
    p.teacher-txt {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 14px;
    line-height: 1.72;
    text-align: center;
    color: #000000;
    }
    img.teacher-img {
    width: 120px;
    height: 144px;
    text-align: center;
    margin: 0 auto 30px;
    display: table;
}
    .teacher {
    width: 100%;
    max-width: 360px;
    margin: 32px 14px;
    padding: 24px 40px 32px;
    border-radius: 12px;
    border: solid 1px #ebebeb;
    background-color: #ffffff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
    .teachers {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}
    a.request-demo-a {
      border-color: #000000;
    background-color:#000000;
    color: white;
    width: 143px;
    height: 48px;
    padding: 11.2px 23.5px;
    border-radius: 8px;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 16px;

}
    ul.text-box-ul li {
    list-style-type: unset;
}
    ul.text-box-ul {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 16px;
    line-height: 1.87;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 24px;
    padding-left: 20px;
    margin-left: 0;
}
    p.text-box-desc {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    line-height:32px;
    color: #000000;
        margin-top: 25px;
    max-width: 410px;
        margin-bottom: 45px;
}
    h1.text-box-title {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 40px;
    line-height:64px;
    letter-spacing: 0.56px;
    color: #000000;
    margin-bottom: 0;
}
    .navbar-light .navbar-nav .menu-item a, .navbar-light .navbar-nav .menu-item a:hover, a#sign {
    color: #000;
}
    
    
  
   

 
    .privacy-go i.fas-right {
    top: 4px;
}
    .privacy-go {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    cursor: pointer;
    font-size: 18px;
    line-height: 1.78;
    text-align: left;
    color: #000000;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
    img.privacy-section-imgs {
    cursor: pointer;
    max-height: 100%;
    margin: auto;
    max-width: 124%;
    width: auto;
}
    .ppimg {
    width: 100%;
    height: 144px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
    
    .mySlides {display: none;    margin: 32px 14px; }

.slideshow-container {

  position: relative;
  margin: auto;
}
.slideshow-container {
    max-width: 944px;
    width: 100%;
    height: 100%;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 43%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
    
    .prev {
  left: -47px;
        
    }

.next {
  right: -47px;
  border-radius: 3px 0 0 3px;
}
a.next img, a.prev img {
    height: 56px;
    width: 56px;
}
.dot {
  cursor: pointer;
  height: 9px;
  width: 9px;
  margin: 0 2px;
  background-color: #fcced6;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activedot, .dot:hover {
  background-color: #f75961;
}

.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
    
    
    i.fas-right {
    font-family: cursive;
    font-size: 2rem;
    position: relative;
    left: 8px;
        
}

    .school-h3{
        clear:both;
          align-items: center;
    padding-top: 60px;
    }
    .row-new {
         padding: 156px 40px 150px;
    max-width: 1440px;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
    .text-box1 {
    width: 100%;
    max-width: 670px;
}
    .video-box1 {
    width: 100%;
    max-width: 690px;
 
    margin-top: 24px;
    z-index: 2;
}
    p#tag-line {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 25px;
    text-align: center;
    color: #ffffff;
    margin-top: 20px;
    padding: 0 32px;
}

    section.main-wrapper {
     width: 100%;
    height: 100vh;
    background: #ffffff;
    background-size: cover;
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    -webkit-box-align: center;
    align-items: center;
}
    .row-new h1 {
   
    
}
  .all-school {
    margin-bottom: 45px;
}
    .all-schools {
    clear: both;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
  
}
    .school-h3 h3, .school-h3 h2 {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 32px;
    text-align: center;
    color: #000000;
    line-height: 1.5;
}
    
      .platforms  {
            position: relative;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    background-color: #ffffff;
    background-image: url(https://www.toddleapp.com/wp-content/uploads/2021/01/ByQpeQeov.png);
    background-size: cover;padding-bottom: 70px;
    }
    .inner-platforms {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 60px 32px 10px;
    max-width: 1440px;
}
    .inner-platforms H3 {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 40px;
    text-align: center;
    color: #000000;
}
    p.inner-platformsp {
       font-family:'avenir_next_worldregular', 'Verdana';
       font-weight:normal;
    font-size: 16px;
    line-height: 1.78;
    text-align: center;
    color: #000000;
    margin-top: 18px;
    max-width: 742px;
}
    .pyp-myp-platform {
    width: 100%;
    margin-top: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 32px;
}
    .pyp-platform {
    background-image: url(https://www.toddleapp.com/wp-content/uploads/2021/01/pypbg.png);
   max-width: 480px;
    width: 100%;
    height: 100%;
    max-height: 384px;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    background-position: right bottom;
    background-size: cover;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 35px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
    .myp-platform {
    background-image: url(https://www.toddleapp.com/wp-content/uploads/2021/01/mypbg.png);
    max-width: 480px;
    width: 100%;
    height: 100%;
    max-height: 384px;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    background-position: right bottom;
    background-size: cover;
    margin-left: 48px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 35px;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
    p.pyp-title {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 44px;
    text-align: left;
    color: #f75961;
    margin-bottom: 0px;
}
    p.pyp-sub-title {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 17px;
    line-height: 1.65;
    text-align: left;
    color: #2b2b2b;
    margin-top: 16px;
    max-width: 290px;margin-bottom: 0px;
}
    a#go-pyp {
    width: 200px;
    height: 48px;
    padding: 15px;
    border-radius: 4px;
    background-color: #f75961;
    margin-top: 62px;
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
    p.myp-title {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 44px;
    text-align: left;
    color: #1ec4d4;
    margin-bottom: 0px;
}
    p.myp-sub-title {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 17px;
    line-height: 1.65;
    text-align: left;
    color: #2b2b2b;
    margin-top: 16px;
    max-width: 290px;margin-bottom: 0px;
}
    a#go-myp {
    width: 200px;
    height: 48px;
    padding: 15px;
    border-radius: 4px;
    background-color: #1ec4d4;
    margin-top: 62px;
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
}
    .ib-educators {
          /*  background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/05/SyeVoG9X_.png);*/
          background: #FCF5FF;
    background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
}
    .ib-educators-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    position: relative;
}
    .animatem3 {
     width: 263px;
    position: absolute;
 left: -2%;
    top: -135px;
}
p#ib-educators-maindesc {
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    line-height: 1.78;
    text-align: center;
    color: #000000;
    margin-top: 12px;
    max-width: 930px;
    margin-bottom: 0;
}
p#ib-educators-maintitle {
        font-family:'avenir_next_worldbold', 'Verdana';
        font-weight:normal;
    font-size: 40px;
    text-align: center;
    color: #000000;
    margin-bottom: 0px;
    
}
    .ib-educators-inner {
   position:relative;
    background-size: cover;
    background-position: bottom;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 80px 100px;
    max-width: 1440px;
}
    .ib-educators-inner1 {
       display: grid;
    max-width: 454px;
    grid-row-gap: 10px;
    flex-shrink: 0;
    margin-right: 80px;
}
p.feature-points-para img {
    width: 40px;
    height: 40px;
}
p.ib-educators-inner-desc {
    font-family:'avenir_next_worlddemi', 'Verdana';
    font-weight:normal;
    font-size: 18px;
    color: #000000;
    margin-top: 16px;
    line-height: 2;
}
p.feature-points-para {
    font-size: 15px;
    font-family:'avenir_next_worldregular', 'Verdana';
    font-weight:normal;
    line-height: 24px;
    color: black;
    display: flex;
    max-width: 445px;
    gap: 22px;
    margin-bottom: 24px;
    align-items: flex-start;
}

p.feature-points-para.single-txt {
    align-items: center;
}

    p.ib-educators-inner-title {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
    line-height: 1.63;
    font-size: 2.5rem;
    color: #000000;
        margin-bottom:0px;
}
    p.ib-educators-inner-desc {
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 20px;
    color: #000000;
    line-height: 2;
}
    .collaborative {
   background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
  /*  background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/05/HygGSqyNu.png);*/
}
    .inner-collaborative {
    display: -webkit-box;
    /* display: flex; */
    -webkit-box-align: center;
    align-items: center;
    padding: 80px 100px;
    max-width: 1440px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
        position:relative;
}
    .collaborative2 {
    -webkit-box-flex: 1;
    flex: 1;
}
    .collaborative1 {
       margin-right: 0;
    margin-left: 80px;
    display: grid;
    max-width: 505px;
    grid-row-gap: 10px;
    flex-shrink: 0;
}
    p.collaborative-title,p.features-face-title {
    font-family:'avenir_next_worldbold', 'Verdana';
    font-weight:normal;
   line-height: 54px;
    font-size: 2.5rem;
    color: #000000;
    margin-bottom: 0;
}
    p.collaborative-desc ,p.features-face-desc{
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 20px;
    color: #000000;
    line-height: 2;
}
.features-face.Progress-reports {
    background: #EBFCFF;
}
.features-face.Family-communication {
    background: #FCF5FF;
}

    .features-face {
         /*   background-image: url(<?php //echo get_site_url(); ?>/wp-content/uploads/2021/05/ryI7HcJN_.png);*/
   
      background-size: cover;
    background-position: bottom;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
        position:relative;
}
    .features-face-inner {
    display: -webkit-box;
     display: flex; 
    -webkit-box-align: center;
    align-items: center;
    padding: 80px 100px;
    max-width: 1440px;
}
    .features-face1 {
       display: grid;
    max-width: 440px;
    grid-row-gap: 10px;
    flex-shrink: 0;
    margin-right: 80px;
}
    .features-face2 {
    -webkit-box-flex: 1;
    flex: 1;
    z-index:2;
}
    
    
    .mySlides {display: none}
    .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
  
  .prev {
  left: -47px;
    
  }

.next {
  right: -47px;
  border-radius: 3px 0 0 3px;
}
a.next img, a.prev img {
    height: 80px;
    width: 80px;
}
.dot {
  cursor: pointer;
  height: 9px;
  width: 9px;
  margin: 0 2px;
  background-color: #fcced6;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activedot, .dot:hover {
  background-color: #f75961;
}

.fade1 {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
  
  .all-in-one-features-mob1{
      max-width: 500px;
    margin: 0 auto;
  }
.all-in-one-features-mob2 {
    display: grid;
    grid-template-columns: repeat(3, auto);
    padding-top: 36px;
    border-top: 1px dashed #B0B0B0;
      max-width: 750px;
    margin: 0 auto;
    }
    .all-in-one-features-mob1 {
    display: grid;
    grid-template-columns: repeat(2, auto);
    padding-bottom: 36px;
}
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}
  @media only screen and (max-width: 767px) {
  
p.seamless-desc {
    font-family:'avenir_next_worldregular', 'Verdana' !important;
    font-weight:normal;
  }

  p.seamless-desc {
    font-size: 14px !important;
}
      .request-demo {
    padding: 40px 24px !important;
    background-position: top center !important;
}
      
        .pyp-myp-platform ,.main-footer, .casestudies-wrapper,.inner-collaborative,.ib-educators-inner,.in-casestudy,.features-face-inner{
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}
      p.in-casestudy-h3 {
    font-size: 22px !important;
    padding: 0px !important;
    max-width: 350px !important;
    margin-bottom: 20px !important;
}
    p.text-box-desc {
    font-size: 16px !important;
    line-height: 28px !important;
}
      p#tag-lines {
    font-size: 17px !important;
    padding: 40px 0px 0 !important;
}
    .animate9{display:none;}
    .animatem8 {
    width: 86px !important;
    position: absolute;
    z-index: 0;
    right: 7%;
    top: 274px !important;
    left: auto !important;
}
    .in-casestudy {
    margin-top: 0px !important;
}
    .main-casestudy1 img {
    max-width: 200px !important;
}
    
    .all-in-one-feature {
       width: 290px !important;
    padding: 0px 0px;
    height: 160px !important;
}
      .animatem11 {
    width: 100px !important;
    position: absolute;
    left: auto !important;
    right: 2% !important;
    top: -220px !important;
    z-index: 2;
}
    .animatem10 {
       width: 50px !important;
    position: absolute;
    left: auto !important;
    right: 3% !important;
    top: 895px !important;
    z-index: 2;
}
    .features-face1 li {
    font-size: 16px !important;
    }
    .animatem9 {display:none !important;}
      .animatem7 {
          display: block !important;
    width: 60px;
    position: absolute;
    right: 2% !important;
    top: 737px !important;
    left: auto !important;
    z-index: 22;
}
    .animatem5 {
  display: block !important;
    width: 50px;
    position: absolute;
    right: 24% !important;
    top: 340px !important;
    left: auto !important;
}
    .animatem4 {
    display: block !important;
    width: 68px;
    position: absolute;
    right: 20px !important;
    top: -26px !important;
}
  .all-in-one-features {
   margin-bottom: 30px;
}
  }
  




  @media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){



    .gtco-testimonials button.owl-prev {
    left: -45px !important;
}

.gtco-testimonials button.owl-next {
    right: -45px !important;
}

    .casestudies-inner {
    padding: 50px 50px 80px !important;
}

    p.text-box-desc {
    max-width: 100%;
}

    h1.text-box-title {
    font-size: 36px !important;
    margin-bottom: 23px !important;
    line-height: 50px !important;
}

    h1.text-box-title br {
    display: none !important;
}

    img.mob-bann {
    max-width: 100%;
    width: 100%;
}

    section.main-wrapper {
    display: grid !important;
    height: auto !important;
        justify-content: initial !important;
        max-width: 100% !important;
}

.video-box1, img.collaborative2-dots,a.request-demo-a.req-demo-popup {
    display: none !important;
}
    .row-new {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 60px 28px 90px !important;
  }
img.mob-bann {
    padding: 100px 24px 0px !important;
    background: #832BB1;
    display: block !important;
}
    section.main-wrapper {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom;
    justify-content: inherit !important;
}


    .container {
    max-width: 100% !important;
    padding-right: 28px !important;
    padding-left: 21px !important;
}

    div#page {
    overflow: hidden;
}
    
    p.ib-educators-inner-title, p.collaborative-title, p.features-face-title {
    font-size: 40px !important;
}
  }
  
  @media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){


img.mob-bann {
    max-width: 100%;
    width: 100%;
}
p.all-in-one-feature-txt {
    font-size: 20px !important;
    line-height: 28px !important;
}
    .all-in-one-feature {
    width: 320px !important;
    height: 170px !important;
}

.all-in-one-features {
    grid-template-columns: auto auto !important;
    grid-column-gap: 40px !important;
}

    .seamless{background-position: left !important;}
    p#tag-lines {
    font-size: 32px !important;
    margin-bottom: 50px !important;
}
    .mobile-menu {
    padding: 24px 33px !important;
}
   
    .all-in-one-features{    grid-column-gap: 40px !important;}
    .platforms {
    background-position: unset !important;
    padding-bottom: 70px !important;
}
    p.inner-platformsp {
    font-size: 16px !important;    margin-bottom: 0px !important;
}
    .inner-platforms {
    padding: 70px 24px 0px !important;
}
    a#resdemo-mob {
    font-weight: bold;
} 
    section.main-wrapper {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: bottom;
        justify-content: inherit !important;
}
    .video-box1 {
    margin-top: 60px;
}
  
    p.privacy-section-title,p.seamless-title {
    font-size: 32px !important;
    }
    p.ib-educators-inner-desc, p.collaborative-desc, p.features-face-desc, p.seamless-desc, p.privacy-section-desc {
    font-size: 18px !important;
}

    p.ib-educators-inner-title {
    margin-top: 40px;
}
    p.ib-educators-inner-title, p.collaborative-title, p.features-face-title {
    font-size: 32px !important;
}
    .ib-educators-inner, .inner-collaborative, .privacy-section-inner, .features-face-inner {
    padding: 80px 64px !important;
}
    .seamless-inner{padding: 60px 32px !important;}
    
    
    img.all-in-one-feature-img {
    height: 70px !important;
}
  p#ib-educators-maintitle {
    font-size: 32px !important;
    margin-bottom: 25px;
}
    .inner-platforms H3{
    font-size: 40px !important;    line-height: 1.2;
    margin-top: 15px;
}
    .school-h3 h3, .school-h3 h2 {
    font-size: 32px !important;
}
    h1.text-box-title{  font-size: 36px !important;    margin-bottom: 23px !important;     line-height: 50px !important;}
        .row-new {
    padding: 60px 28px 90px !important;
}
  }







  @media (min-width: 1200px){

    _::-webkit-full-page-media, _:future, :root .safari_only,  p.all-in-one-feature-txt {
    position: relative;
    left: -20px !important;
}
    p.all-in-one-feature-txt {
    position: relative;
    left: -20px;
}
img.all-in-one-feature-img{    left: -20px;}
   
    .navbar {
    margin: 13px 0 13px;
    padding: 0px;
}
header.header-one .container {
       width: 100%;
    max-width: 100%;
    padding: 0 30px 0 24px;
}
  }
   @media screen and (min-width:991px) and (max-width:1025px){
      p.ib-educators-inner-title, p.collaborative-title, p.features-face-title {
    font-size: 40px !important;
}
     .animate1{display:none !important;}
     .navbar-light .navbar-nav .menu-item a, .navbar-light .menu .page_item a {
    font-size: 14px !important;
     }
     .container {
       max-width: 100% !important;
    padding-top: 10px;
}
     
     
  }
  
  
  
  @media screen and (min-width:415px) and (max-width:991px){ 
p.text-box-desc {
    max-width: 100%;
}



  }



  @media screen and (min-width:767px) and (max-width:991px){ 



  p.in-casestudy-h3 {
    font-size: 32px !important;
    max-width: 500px !important;
    padding-top: 40px !important;
}
    a#explore-mob {
          margin-bottom: 50px;
    margin-top: 30px;
    max-width: 100% !important;
}
  }
  
  @media screen and (max-width: 991px){
.owl-dots {
    position: relative;
    top: -25px;
}


/* _::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature3 img {
left: -35px !important;
}
_::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature1 img {
left: -29px !important;
}
_::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature6 img {
left: -15px !important;
}
_::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature4 img {
left: -25px !important;
}

_::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature2 img {
left: -20px !important;
}
_::-webkit-full-page-media, _:future, :root .safari_only,.all-in-one-feature5 img {
left: -9px !important;
} */


    .rocket, .animatem5, img.collaborative-orgball, .animatem7{display: none !important; }


 .in-casestudy {
    padding: 0px 18px 10px !important;
    margin-top: 0;
}
img.test-left-nav {
    position: relative;
    left: 85% !important;
}

img.test-right-nav {
    position: relative;
    right: 85% !important;
}

.ubd-improved-collaboration {
    line-height: 24px;
}
    .tabBox1 {
    margin-top: 0px !important;
}
    p#ib-educators-maintitle {
    padding: 0 30px;
    margin-top: 0px !important;
    margin-bottom: 40px !important;
}
    p#tag-lines span {
    padding: 0 8px !important;    font-size: initial !important;
}
    button.netflix-nav-btn.netflix-open-btn:focus {
    outline: 0;
}
    button.netflix-nav-btn.netflix-close-btn img {
    width: 24px;
    height: 24px;
}
    .mobile-menu.mobstick img#hambnurgernew {
    filter: brightness(0) invert(0);
}
/* img#hambnurgernew {
    filter: brightness(1) invert(1);
} */

    img#hambnurgernew {
    z-index: 1000;
    width: 24px;
    height: 24px;
    color: white;
   
}
    
    a#explore-mob {
    width: 100%;
    max-width:100%;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    margin-top: 0px;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #f75961;
    border: solid 2px #f75961;
    position: relative;
    top: 42px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    display: flex;
}
    .learn-jam a:before {
    left: 0;
    top: 16px;
}
    .learn-jam a:after {
    left: 0;
    right: 0;
    width: 30px;
    top: 4px;
}
    .learn-jam {
     padding: 25px 0 !important;
    
  }
    .pyp, .mypmenu, .learn, .ambassador_ {
    border-bottom: 1px solid #ebebeb !important;
    padding: 25px 0 !important;
}
    .pyp ul.sub-menu {margin-bottom: -22px;}
    .learn ul.sub-menu{
    margin-top: 30px;margin-bottom: -22px;
}
    .learn ul.sub-menu li {
    float: none;padding: 0;
}
    .pyp-comm {
 top: 0px; 
}
    div#navbarNav {
    display: block !important;
}

  .pyp ul.sub-menu li span, .learn ul.sub-menu li span{
    color: #686868;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    font-size: 16px;
}
    
    .learn ul.sub-menu li span{
    margin-left: 13px;
  }

    .mob-main-class ul.navbar-nav li a {
    color: #484848;display:flex;
    font-family:'avenir_next_worlddemi', 'Verdana';
    font-weight:normal;
    font-size: 16px;
}

    .pyp-comm, .pircing a{
   
    margin-left: 0px !important;
}
    .pircing{ left:0px;}
.pyp-comm, .pircing {
    border-top: 0px solid #ebebeb;    margin-top: 0px !important;
}
    .mob-main-class .pyp ul.sub-menu li img {
       height: 30px;
    top: -5px;
    width: 28px;
    margin-right: 5px;
    padding-right: 0px;;
}
    .menu-image-title-below.menu-image-not-hovered > img{
       height: 35px;
    top: 0;
    width: 28px;
    margin-right: 5px;
    padding-right: 0px;;
}
    .netflix-nav-white i.fas.fa-times {
    font-size: 26px !important;
}
    
    .mob-main-class ul.navbar-nav {
    margin-left: 8px;
    margin-top: 20px;
}
    ul.sub-menu {
    column-count: 1 !important;
}
    .pyp ul.sub-menu , .learn ul.sub-menu{
    margin-left: 0px !important;
}
    
  .mobile-menu.mobstick a#req-demo-mob {
    border-color: rgb(247, 89, 97);
    color: white;
    height: 38px;
    width: 140px;
    background-color: rgb(247, 89, 97);
}
    .mobile-menu.mobstick {
    background: white !important;    border-bottom: 1px solid #ebebeb;
}
  
    
    .collaborative1, .myp-platform{     margin-left: 0px !important;}
    .features-face1,.inner-collaborative {
    max-width: 100% !important;
    margin-right: 0px !important;
}

    


.social-panel-container {
  position: fixed;
  right: 0;
  bottom: 80px;
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
}





a#req-demo-mob {
    border-color:#dbdbdb;
    color: rgb(255, 255, 255);
    height: 38px;
    width: 140px;
    background: none;
    align-items: center;
    font-family:'avenir_next_worldmedium', 'Verdana';
    font-weight:normal;
    border: 2px solid;
    padding: 2.0px 9.8px;
    border-radius: 4px;
    min-width: 144px;margin-right: 16px;
    white-space: nowrap;
}
    .mobile-menu {
    display: flex;
    align-items: center;
          position: fixed;
    z-index: 99;
      display: -webkit-box;
    display: flex;
    height: 80px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(219, 219, 219, 0);
    padding: 20px;
}
    img.mob-logo {
    width: 100%;
}
    header.header-one .container, div#slicknav_menu, p.subp1, p.subp2, p.subp3{
    display: none;
}
    html #wpadminbar { 
    display: none !important;
}
    html.mti-inactive {
    margin-top: 0 !important;
}
    .netflix-open-btn {
    color: white;
}
    .mobile-menu.mobstick .netflix-open-btn {
    color: black !important;
}
    
  }
  



  @media screen and (min-width: 1600px){
    .text-box1 {
    max-width: 670px !important;
}
    .video-box1 {
    max-width: 750px !important;
  }
    
    img.dots-1, img.dots-2 {
    width: 170px !important;
} 
    .row-new {
         padding: 115px 0px 150px !important;

       }
}



  @media screen and (min-width: 992px){
  
    .buttons-main {
    position: relative;
    top: 1px;
}
    .navbar-light img {
    position: relative;
    top: -2px;
    left:0px;
    
}
    .pyp .hovered img{     padding: 6px !important;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    
    
    
    
    .pircing {
    margin-left: -10px;
    padding-left: 10px !important;
}
    .pyp ul.sub-menu {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
    padding: 5px 20px  15px!important
}
      .learn ul.sub-menu {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
}
    .mobile-menu, .animate1mob, a#explore-mob{
    display: none !important;
}
  }
  
  
  @media (max-width: 1200px){
    
    p#tag-lines {
    margin-bottom: 40px !important;
}
    .all-in-one-features-mob {
    display: block !important;
      padding: 20px 20px 40px;
}
.all-in-one-features{gap: 14px;}
.all-in-one-feature{width: 320px;}
  
  }

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){

section.main-wrapper{
  height: auto;
    position: relative;
}
div#page {
    overflow: hidden;
}


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){

p#tag-lines {
    padding-top: 110px !important;
}
  .gtco-testimonials button.owl-next {
    right: -45px !important;
}

.gtco-testimonials button.owl-prev {
    left: -45px !important;
}

  .casestudies-inner {
    padding: 50px 50px 30px !important;
}

.casestudies-inner {
    padding: 0px 32px 100px !important;
  }
section.main-wrapper {
    height: auto !important;
    padding: 100px 0 30px !important;    position: relative;
}
p.text-box-desc {
    margin-bottom: 0px !important;
}
p.text-box-desc {
    max-width: 100% !important;
}
a.request-demo-a.req-demo-popup,.video-box1 {
    display: none;
}
div#page {
    overflow: hidden;
}


}

 @media (min-width: 1200px) and (max-width: 1450px){
  p.seamless-title, p#ib-educators-maintitle, p.privacy-section-title, p.fold-head,p.fold-head1 {
    font-size: 32px !important;
}

  h1.text-box-title, p#tag-lines, p.ib-educators-inner-title, p.collaborative-title, p.features-face-title {
    font-size: 33px !important;
    line-height: 52px !important;
}

  .school-h3 h3, .school-h3 h2 {
    font-size: 28px !important;
}
  p.text-box-desc, p.seamless-desc, p.footer-banner-text2 {
    font-size: 16px !important;
}

h1.text-box-title {
     font-size: 32px !important;
    line-height: 52px !important;
	    max-width: 550px !important;
}
  }