@media (min-width: 1201px) {
  .main-callout-section .lightSlider.lsGrab > * {
    cursor: default;
  }

  /* See How It Works section */
  .use-cases-holder {
    width: 50%;
    margin: 0 0 0 50%;
    padding: 0 25px;
    box-sizing: border-box;
  }
}


@media (min-width: 1041px) {
  /* Explainer Video section */
  .explainer-video-section > h2,
  .explainer-video-section > h3 {
  	position: relative;
    float: left;
    width: 50%;
    max-width: 420px;
    left: 50%;
    transform: translateX(-100%);
    padding-right: 40px;
    text-align: left;
  }
    .explainer-video-section > h2 {
  		padding-top: 100px;
    }
  .explainer-video-holder {
    margin: 0 0 0 50%;
    padding: 44px 10px;
  }
}


@media (max-width: 1040px) {
  /* Top Navigation */
  #mobile-nav-toggle {
    display: block;
  }
  #mobile-nav-toggle.is-active + .top-nav-bar {
    right: 0;
  }
  .top-nav-bar {
    position: fixed;
    top: 60px;
    bottom: 0;
    right: -1000px;
    background-color: #e6e6e6;
    box-shadow: rgba(0, 0, 0, 0.239216) 0 2px 4px;
    z-index: 100;
    transition: right 0.5s;
  }
  .top-nav-menu {
    margin-top: 14px;
  }
  .top-nav-menu > li {
    display: block;
  }
  .top-nav-menu > li > a {
    width: 280px;
    font-size: 16px;
    line-height: 46px;
  }
  .top-nav-auth {
    position: fixed;
    top: 10px;
    right: 100px;
  }
}


@media (min-width: 941px) {
  /* Explainer Video section */
  .explainer-video-holder {
    padding-bottom: 44px;
  }


  /* See How It Works section */
  .use-cases-holder {
    max-width: 595px;
    width: 50%;
    margin-left: 50%;
    padding: 0 25px;
    box-sizing: border-box;
  }
  .use-case-callouts {
    padding: 0;
  }


  /* Use Case section */
  .use-case-section.builder-section > h2 { padding-top: 80px; }


  /* Free Account section */
  .free-account-section.builder-section > h2 {
    float: left;
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
  }

  .free-account-section > h3 {
    width: 50%;
    max-width: 585px;
    margin-left: 50%;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: left;
  }


  /* Pricing section */
  .pricing-standard, .pricing-enterprise {
    float: left;
  }
  .pricing-standard {
    width: 60%;
  }
  .pricing-enterprise {
    width: calc(40% - 35px);
    margin-left: 25px;
  }
}


@media (max-width: 940px) {
  /* Footer */
  .footer-section-left-holder,
  .footer-section-right-holder {
    float: none;
    margin: 10px;
    text-align: center;
  }
  .footer-section-left-holder > ul > li {
    padding: 0 0.5em;
  }
  .social-media-icon {
    display: inline-block;
    float: none;
    margin: 0 10px;
  }


  /* Main Demo Area */
  .main-image-wrap {
    margin-bottom: 80px;
  }
  .top-macbook-demo,
  .inside-macbook {
    left: -1000px;
  }
  .main-top-hold {
    margin: 0 20px;
  }
    .main-top-inner-hold {
      width: auto;
    }
    #top-explainer-bot {
      width: 340px;
      left: 0;
    }
    #top-explainer-bot .gobot-wrapper .gobot-toggle,
    #top-explainer-bot .gobot-wrapper .gobot {
      right: 10px;
    }
  .top-headline {
    font-size: 28px;
  }
  .beta-signup-area > input {
    width: 100%;
  }
  .beta-signup-area > .btn {
    width: 100%;
    float: none;
    margin-top: 5px;
  }


  /* builder section */
  .builder-section {
    padding: 40px 30px 50px;
  }


  /* Explainer Video section */
  .explainer-video-section > h2 {
    padding-top: 0;
  }


  /* See How It Works section */
  .bot-features-holder .browser {
    display: none;
  }
  .bot-features-holder #featuresBot {
    bottom: 160px;
    right: calc(100% - 320px);
  }
  .bot-features-holder .use-cases,
  .bot-features-holder .btn-use-cases {
    margin-left: 340px;
  }
  .bot-features-holder .use-cases > li > h3 {
    font-size: 18px;
  }


  /* Numbers Don't Lie section */
  .stats {
    margin-top: 20px;
  }

  .stat-box {
    float: none;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .stat-right h2 {
    font-size: 26px;
  }


  /* Testimonials section */
  .written-testimonial-content-holder {
    margin-top: 40px;
  }
  .written-testimonial-content-holder-left,
  .written-testimonial-content-holder-right {
    width: 80%;
  }
  .written-testimonial-content-text {
    font-size: 16px;
  }


  /* Use Cases section */
  .use-cases-explainer-selector > li > a {
    height: 60px;
    font-size: 16px;
  }


  /* Use Cases section */
  .free-account-section.builder-section > h2 {
    display: inline-block;
    height: 128px;
    text-align: left;
  }
    .free-account-section > h2 > img { float: left; }
    .free-account-section > h2 > span {
      position: relative;
      display: block;
      top: 50%;
      transform: translateY(-50%);
      margin-left: 128px;
    }
}



@media (max-width: 940px) and (min-width: 701px) {
  .main-top-hold-demo-area {
    width: 350px;
    left: 0;
  }

  .main-top-inner-hold {
    margin-left: 360px;
  }
}



@media (min-width: 701px) {
  /* Use Case section */
  .use-case-section {
    padding: 0;
  }

  .use-case-section > h2,
  .use-case-section > h3,
  .use-case-section .call-to-action-holder {
    position: relative;
    float: left;
    clear: left;
    width: 50%;
    max-width: 440px;
    left: 50%;
    transform: translateX(-100%);
    box-sizing: border-box;
    padding: 0 0 0 20px;
    text-align: left;
  }
    .use-case-section > h2 { padding-top: 70px; }
    .use-case-section .call-to-action-holder { margin-top: 0; }

  .use-case-section > .use-case-bot-demo {
    max-width: 440px;
    margin: 0 0 0 50%;
    padding: 44px 20px;
    text-align: right;
  }

  .use-case-section.use-case-alt > h2,
  .use-case-section.use-case-alt > h3,
  .use-case-section.use-case-alt .call-to-action-holder {
    transform: none;
    left: -20px;
    max-width: none;
    float: right;
    clear: right;
    padding-left: 40px;
    padding-right: calc(50% - 460px);
  }
  .use-case-section.use-case-alt > .use-case-bot-demo {
    max-width: 840px;
    margin: 0 auto;
    text-align: left;
  }


  /* Pricing section */
  .pricing-standard > .pricing-plan { float: left; }
    .pricing-plan-free { width: 40%; }
    .pricing-plan-power { width: 60%; }
    .pricing-plan-power tbody td { border-left: 1px solid #eee; }
  .pricing-tables-section .plan-toggle { display: block; }
  .pricing-tables-section .plan-mobile { display: none; }


  /* FAQ section */
  .faq-list > .faq {
    width: 50%;
    float: left;
  }
    .faq-list > .faq:nth-child(2n + 1) { clear: left; }
}



@media (max-width: 700px) {
  .main-top-hold-demo-area {
    display: none;
  }
  .main-top-inner-hold {
    margin-left: 0;
  }
  #top-explainer-bot {
    position: relative;
    width: 320px;
    height: 360px;
    margin: 0 auto;
  }
    #top-explainer-bot .gobot-wrapper .gobot-toggle,
    #top-explainer-bot .gobot-wrapper .gobot {
      bottom: 0;
      right: 0;
    }


  /* builder section */
  .builder-section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .builder-section > h2 {
    font-size: 26px;
  }


  /* Try It Yourself section */
  .enter-url-section-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .enter-url-section-inner-left,
  .enter-url-section-inner-right {
    float: none;
    width: 100%;
  }
  .enter-url-section-inner-right {
    margin-top: 5px;
  }


  /* Explainer Video section */
  .explainer-video-holder {
    max-width: none;
  }


  /* See How It Works section */
  .bot-features-holder #featuresBot {
    display: none;
  }
  .bot-features-holder .callout-holder {
    padding: 0;
  }
  .bot-features-holder .use-cases,
  .bot-features-holder .btn-use-cases {
    margin-left: 0;
  }
  .bot-features-holder .use-case-callouts .callout-button > h3 {
    font-size: 18px;
  }


  /* Numbers Don't Lie section */
  .stat-box {
    width: 95%;
  }

  .stat-right {
    margin-left: 140px;
  }

  .stat-right h2 {
    font-size: 24px;
  }


  /* Testimonials section */
  .written-testimonial-content-holder-left,
  .written-testimonial-content-holder-right {
    width: 100%;
    float: none;
  }
  .written-testimonial-content-picture img {
    width: 90px;
    height: 90px;
  }
  .written-testimonial-content-holder-left .written-testimonial-content-bubble {
    margin-left: 107px;
  }
  .written-testimonial-content-holder-right .written-testimonial-content-bubble {
    margin-right: 107px;
  }
  .written-testimonial-content-text {
    font-size: 16px;
  }


  /* Use Case section */
  .use-case-section > .use-case-bot-demo .bot-demo {
    margin: 20px auto 0;
  }


  /* Pricing section */
  .pricing-tables-section .plan-toggle { display: none; }
  .pricing-tables-section .plan-mobile { display: block; }
}



@media (max-width: 550px) {
  /* Top Navigation */
  .top-nav-auth { display: none; }

  /* Footer */
  .footer-section-left-holder li.copyright {
    display: block;
  }

  /* builder section */
  .builder-section > h2 {
    font-size: 24px;
  }

  /* See How It Works section */
  .bot-features-holder .use-case-callouts .callout-button > h3 {
    font-size: 13px;
  }

  /* Use Cases section */
  .use-cases-explainer-selector > li > a {
    height: 50px;
    font-size: 13px;
  }
}