/* mobile view css code starts from here */

@media only screen and (max-width: 720px) {
    .super-heading-text {
      font-size: 25px !important;
    }
  
    /* marsview-info-section css */
  
    #marsview-info-section {
      width: 100% !important;
      height: auto !important;
      margin-top: 50px !important;
    }
  
    .content-for-carousel {
      width: 90% !important;
      height: auto;
      padding: 20px 0px !important;
    }
  
    .integrations-logo-div {
      width: 50px !important;
      height: 50px !important;
    }
  
    .integrations-logo {
      width: 25px !important;
      height: 25px !important;
    }
  
    .integration-logo-text {
      font-size: 8px !important;
    }
  
    .content-heading {
      font-weight: 600;
      max-width: 90%;
      line-height: 1.2;
      font-size: 32px !important;
    }
  
    .content-desc {
      margin-bottom: 0px;
      font-weight: 100;
    }
  
    .carousel-img {
      width: 100%;
      height: auto !important;
    }
  
    .what-we-do-btn-div button,
    .how-it-works-btn-div button {
      width: 90% !important;
      padding: 5px 0px !important;
    }
  
    .what-we-do-btn-div button span,
    .how-it-works-btn-div button span {
      font-size: 10px !important;
      padding-left: 3px !important;
    }
  
    .mv-modal-video-main {
      width: 96% !important;
      height: 50% !important;
    }
  
    .mv-close-icon {
      font-size: 40px !important;
    }
  
    .center-in-mobile-view {
      justify-content: center !important;
    }
  
    .view-sample-meeting-btn {
      color: #fff !important;
      border-radius: 15px;
      padding: 3px 10px;
      /* right: 20px; */
      height: 30px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -30px ;
    }
  
    .view-sample-meeting-btn span {
      font-size: 12px !important;
    }

    .mv-api-doc-links-div{
      margin: 20px 0px 50px 0px;
      flex-direction: column;
    }

    .mv-api-doc-links-sub-div-left{
      margin-left: 0px !important;
      z-index: 1;
      margin-top: 50px;
    }
  
    .mv-api-doc-links-sub-div-right{
      margin-right: 0px !important;
      z-index: 1;
      margin-top: 50px;
      order: 2;
    }

    .mv-api-doc-links-right-img{
      order: 1;
    }

    .mv-api-doc-links-div img{
      width: 100% !important;
      height: auto;
      z-index: 1;
      max-width: 100% !important;
    }

    .mv-horizontal-line-1{
      width: 2px;
      position: absolute;
      left: 50%;
      border-left: 2px dotted #4b84f3;
      z-index: 0;
      top: 30px !important;
      bottom: 25px !important;
    }

    .mv-horizontal-line-2{
      width: 2px;
      position: absolute;
      left: 50%;
      border-left: 2px dotted #4b84f3;
      z-index: 0;
      top: 50px !important;
      bottom: 0 !important;
    }
  
    /* transition-section css */
  
    #transition-section {
      width: 100%;
      height: auto;
      /* background-color: #1e4d79; */
    }
  
    .transition-main {
      width: 100%;
      margin: 0 !important;
      padding: 50px 0px;
    }
  
    .transition-main .heading-text {
      width: 100% !important;
      padding-top: 20px !important;
    }
  
    /* features-section css */
  
    .features-main {
      width: 100% !important;
      margin: 0 !important;
      padding: 10px 0px;
      height: 100%;
    }
  
  
    .features-main .row {
      padding: 30px 0px !important;
    }
  
    /* marsview-features-section css */
    .feature-desc {
      max-width: 100% !important;
      margin-bottom: 40px !important;
    }
  
    .features-main img {
      width: auto;
      height: 200px;
      opacity: 1 !important;
    }
  
    .bounce-in-down-div {
      opacity: 1 !important;
      justify-content: center;
    }
  
    /* feedback-section css */
  
    .feedback-main {
      width: 100%;
      margin: 0px !important;
      height: auto;
      padding: 30px 0px !important;
    }
  
    .feedback-card-main {
      width: 100%;
      height: 220px !important;
    }
  
    .feedback-card-main-2 {
      width: 1500px !important;
      height: 200px !important;
    }
  
    .feedback-main .heading-text {
      padding-bottom: 10px !important;
    }
  
    .feedback-card {
      width: 280px !important;
      height: 200px !important;
      margin: 10px 10px !important;
      padding: 10px !important;
    }
  
    .feedback-main .sub-heading-text {
      font-size: 12px !important;
      margin-bottom: 5px !important;
    }
  
    .author-name {
      bottom: 20px !important;
    }
  
    .mobile-view-justify-between {
      justify-content: space-between !important;
    }
  
    .oauth-btn-div {
      display: flex;
      flex-direction: column;
    }
  
    .oauth-btn {
      margin-bottom: 10px;
      /* width: 31% !important; */
      height: 30px !important;
      font-size: 10px !important;
      width: 45% !important;
    }
  
    .new-oauth-btn-div img {
      width: 120px;
    }
  
    .oauth-btn img {
      width: 20px !important;
      height: 20px !important;
    }
  
    .oauth-btn span {
      padding: 0px 8px !important;
    }
  
    .transition-btn-div{
      flex-direction: column;
    }
  
    .oauth-btn1,.oauth-btn2{
      width: 100% !important;
      margin-bottom: 10px !important;
    }
  
  
    /* mv-trusted-by-section css starts from here */
  
  #mv-trusted-by-section{
    padding: 20px 0px !important;
  }
  
  .mv-trusted-by-main-div .col-6{
    padding: 0px !important;
  }
  
    .mv-trusted-by-main-div{
      width: 100% !important;
      margin: 20px 0% !important;
      margin-left: 0px !important;
    }
  
    .trusted-by-companies-names{
      font-size: 16px !important;
    }
  
    .carousel-item-main{
      padding: 10px 0px !important;
      margin-bottom: 0px 0px 30px 0px !important;
    }
  
    .zoom-topia-header{
      height: 40px !important;
    }
  
    .checkout-zoom-topia p{
      font-size: 14px;
    }
  
    .get-started-free-btn-main-section{
      padding: 5px 25px;
      
    }
  
    .mv-add-to-zoom-btn img{
      height: 30px;
    }
  
    
  
  /* mv-zamp-section css  */
  
  .mv-zamp-section{
    width: 100%;
    height: auto;
  }
  
  .mv-zamp-main-div{
    width: 100% !important;
    margin-left: 0px !important;
    height: auto;
    padding: 20px;
    margin-top: 20px;
  }
  
  .zamp-image-div img{
    width: 100% !important;
    height: auto;
  }
  
  .waitlist-div{
    width: 100%;
    height: auto !important;
  }
  
  .waitlist-input{
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  
  .waitlist-button{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
  }
  
  .zamp-title-1{
    margin: 0 0 20px 0 !important;
    color: gray !important;
  }
  
  .zamp-title-2{
    margin: 0 0 5px 0 !important;
  }
  
  .zamp-title-3{
    font-size: 13px;
    margin-top: 20px !important;
    color: lightgray;
    font-weight: 600;
  }
  
  .mv-zamp-info-div{
    padding-top: 30px;
  }
  
  .waitlist-input-div{
    padding: 0px !important;
  }
  
  .waitlist-button-div{
    padding: 0px  !important;
    margin-top: 5px !important;
  }
  
  .mv-modal-zapp-app {
    width: 80% !important;
  }

  .mv-column-design-div{
    margin-bottom: 20px;
  }
    
  }
  
  /* mobile view css code starts from here */
  
  @media only screen and (min-width: 721px) and (max-width: 1024px) {
    /* marsview-info-section css */
  
    .carousel-item-main{
      padding: 20px 0px !important;
    }
  
    .carousel-item-main .sub-heading-text{
      margin-bottom: 0px !important;
      padding-top: 5px !important;
    }
  
    #marsview-info-section {
      width: 100%;
      height: auto !important;
      margin-top: 60px !important;
    }
  
    .marsview-info-main {
      width: 100%;
      height: 100%;
    }
  
    .content-for-carousel {
      width: 90% !important;
    }
  
    .integrations-logo-div-main {
      padding: 20px 0px !important;
    }
  
    .integrations-logo-div {
      width: 50px !important;
      height: 50px !important;
    }
  
    .integrations-logo {
      width: 25px !important;
      height: 25px !important;
    }
  
    .integration-logo-text {
      font-size: 8px !important;
    }
  
    .content-heading {
      font-size: 20px !important;
      font-weight: 600;
      max-width: 90%;
      line-height: 1.2;
    }
  
    .content-desc {
      margin-bottom: 0px;
      font-weight: 100;
      max-width: 90%;
      line-height: 1.2 !important;
    }
  
    .carousel-img {
      width: 100%;
      height: 230px;
    }
  
    .what-we-do-btn-div button,
    .how-it-works-btn-div button {
      width: 90% !important;
      padding: 5px 0px !important;
    }
  
    .what-we-do-btn-div button span,
    .how-it-works-btn-div button span {
      font-size: 10px !important;
      padding-left: 3px !important;
    }
  
    .mv-modal-video-main {
      width: 90% !important;
      height: 60% !important;
    }
  
    .mv-close-icon {
      font-size: 40px !important;
    }
  
    .carousel-indicators {
      display: none !important;
    }
  
    .view-sample-meeting-btn {
      color: #fff !important;
      border-radius: 15px;
      padding: 3px 10px;
      /* right: 6%; */
      height: 20px;
      left: 50%;
      transform: translateX(-50%);
      bottom: 20px ;
    }
  
    .view-sample-meeting-btn span {
      font-size: 8px !important;
    }

    .mv-api-doc-links-div{
      margin: 20px 0px;
    }

    .mv-api-doc-links-div img{
      width: 400px !important;
      height: auto;
      z-index: 1;
      max-width: 400px !important;
    }
  
    /* intro-section css */
  
    #intro-section {
      width: 100% !important;
      height: auto;
      margin-top: 50px !important;
    }
  
    .intro-main {
      width: 100% !important;
      margin: 0px !important;
    }
  
     .super-heading-text {
      font-size: 25px !important;
    }
  
    .videonotes-logo {
      width: 300px !important;
      height: auto !important;
      margin-top: 10px !important;
    }
  
    .transition-main .heading-text {
      width: 100% !important;
    }
  
    /* features-section css */
  
    .features-main {
      width: 100% !important;
      margin: 0 !important;
      padding: 10px 0px;
      height: 100%;
    }
  
  
    .features-main img {
      width: auto;
      height: 180px;
      opacity: 1 !important;
    }
  
    .bounce-in-down-div {
      opacity: 1 !important;
      justify-content: center;
    }
  
    /* marsview-features-section css */
    .feature-desc {
      max-width: 100% !important;
      margin-bottom: 40px !important;
    }
  
    /* feedback-section css */
  
    .feedback-main {
      width: 100%;
      margin: 0px !important;
      height: auto;
      padding: 30px 0px !important;
    }
  
    .feedback-card-main {
      width: 100%;
      height: 220px !important;
    }
  
    .feedback-card-main-2 {
      width: 1500px !important;
      height: 200px !important;
    }
  
    .feedback-main .heading-text {
      padding-bottom: 10px !important;
    }
  
    .feedback-card {
      width: 280px !important;
      height: 200px !important;
      margin: 10px 10px !important;
      padding: 10px !important;
    }
  
    .feedback-main .sub-heading-text {
      font-size: 12px !important;
      margin-bottom: 5px !important;
    }
  
    .author-name {
      bottom: 20px !important;
    }
  
    .mobile-view-justify-between {
      justify-content: space-between !important;
    }
  
    .oauth-btn-div {
      display: flex;
      flex-direction: column;
    }
  
    .oauth-btn {
      margin-bottom: 10px;
      /* width: 31% !important; */
      height: 30px !important;
      font-size: 12px !important;
      width: 45% !important;
    }
  
    .new-oauth-btn-div img {
      width: 120px;
    }
  
    .oauth-btn img {
      width: 20px !important;
      height: 20px !important;
    }
  
    .oauth-btn span {
      padding: 0px 8px !important;
    }
  
    .oauth-btn1,.oauth-btn2{
      width: 40% !important;
      padding: 0 !important;
      height: 30px !important;
    }
  
    .oauth-btn1 span,.oauth-btn2 span{
      font-size: 10px !important;
    }
  
    .zoom-topia-header{
      height: 40px !important;
      margin-bottom: 10px !important;
    }
  
    .checkout-zoom-topia p{
      font-size: 14px;
    }
  
    .get-started-free-btn-main-section{
      /* width: 90%; */
      padding: 5px 20px;
    }
  
    
  .mv-add-to-zoom-btn img{
    height: 30px;
  }
    
  
  /* mv-zamp-section css  */
  
  .mv-zamp-section{
    width: 100%;
    height: auto;
  }
  
  .mv-zamp-main-div{
    width: 100% !important;
    margin-left: 0px !important;
    height: auto;
    padding: 20px;
    margin-top: 20px;
  }
  
  .zamp-image-div img{
    width: 100% !important;
    height: auto;
  }
  
  .waitlist-div{
    width: 100%;
    height: auto !important;
  }
  
  .waitlist-input{
    width: 100%;
    height: 100%;
    border-radius: 5px;
  }
  
  .waitlist-button{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
  }
  
  .zamp-title-1{
    margin: 0 0 20px 0 !important;
    color: gray !important;
  }
  
  .zamp-title-2{
    margin: 0 0 5px 0 !important;
  }
  
  .zamp-title-3{
    font-size: 10px;
    margin-top: 20px !important;
    color: lightgray;
    font-weight: 600;
  }
  
  .waitlist-button-div{
    padding: 0px  !important;
    margin: 0px 15px !important;
    margin-top: 5px !important;
  }
    
  .mv-zamp-info-div{
    padding-top: 0 !important;
  }
  
  .waitlist-input-div{
    padding: 0px !important;
    margin: 0px !important;
  }
  
  .waitlist-button-div{
    padding: 0px !important;
    margin: 0px !important;
    margin-top: 5px !important;
  }
  
  
  }