/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 620px) {
  /********************
    index.html
  ********************/
  header nav .right {
    display: none; }

  .mobile-nav {
    display: block;
    float: right; }
    .mobile-nav a img {
      margin: 10px; }

  #indexhtml header nav .right {
    display: none; }
  /* #indexhtml header .container .left {
    top: 45px !important; } */
    #indexhtml header .container .left button {
      margin: 20px 0 10px 0; }
  #indexhtml header .container .right {
    display: none; }

  #indexhtml .who-we-are {
    width: 80% !important; }

  /* .features-that-help img {
    width: 385px;
    left: 25px; } */

  .fth-text .button-primaryred {
    left: 6% !important; }

  .we-know {
    margin: 50px 0; }

  .pricing-plans {
    margin-top: 50px !important; }
    .pricing-plans .button-secondaryred {
      left: 8% !important; }
    .pricing-plans .center-container {
      left: -25px;
      top: -10px; }

  .pricing-card {
    margin-bottom: 25px; }
    .pricing-card .bottom .button-primaryred {
      width: 100% !important; }

  .looking-to-watch .right img {
    right: 100px !important; }

  footer {
    height: 1200px; }
    footer ul li {
      width: 90% !important;
      text-align: center; }

  /********************
    compare.html
  ********************/
  #comparehtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  #comparehtml .compare-container ul li:first-of-type {
    height: 225px !important; }

  #comparehtml .compare-container ul li p {
    right: 0 !important;
    text-align: center; }
  #comparehtml .compare-container ul li h4 {
    float: none !important;
    text-align: center;
    left: 0 !important; }
  #comparehtml .compare-container ul li h2 {
    font-size: 28px; }
  #comparehtml .compare-container ul li h3 {
    font-size: 18px; }

  /********************
    contact.html
  ********************/
  #contacthtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  .contact-container {
    height: 1050px !important; }

  .contact-links p {
    display: block;
    margin: 15px auto; }

  /********************
    download.html
  ********************/
  #downloadhtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  .download-container {
    height: 2000px; }

  .download-img-container {
    height: 250px; }
    .download-img-container img {
      width: 100%; }

  .download-button button {
    margin: 15px 0; }

  /********************
    email.html
  ********************/
  #emailhtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  /********************
    search.html
  ********************/
  #searchhtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  .events-container {
    text-align: center; }

  .events-text {
    width: 95% !important;
    margin: 15px 0; }

  #Channels ul li {
    width: 100%; }

  /********************
    support.html
  ********************/
  #supporthtml header {
    background-image: none;
    background-color: #003055;
    height: 75px;
    border-bottom: 1px solid #DCDCDC; }

  .support-container {
    height: 3100px !important; }
    .support-container .left {
      width: 80%;
      margin-bottom: 50px; }
    /* .support-container .support-topics {
      float: none;
      width: 80% !important;
      margin: 0 auto;
      right: 0 !important; } */

  /********************
    signup.html
  ********************/
  .signup-container {
    position: relative;
    top: -50px; }
    .signup-container .signup-form {
      width: 85% !important; }
      .signup-container .signup-form .plan-selected {
        width: 111.7% !important;
        left: -20px !important; } }
/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width: 768px) {
  /********************
    index.html
  ********************/
  #indexhtml header .container {
    display: block; }
    #indexhtml header .container .left {
      float: none; }
    #indexhtml header .container .left {
      width: 100%;
      left: 0px; }
    #indexhtml header .container .right {
      position: relative;
      top: 105px;
      right: -75px;
      width: 50%; }
      #indexhtml header .container .right img {
        /* height: 450px;  */
      }

  .who-we-are {
    left: 40px;
    margin-top: 50px;
    margin-bottom: 25px;
    width: 50% !important; }

  .what-we-provide {
    width: 90%;
    margin-top: 50px; }

  .fc-container {
    width: 100%; }

  /* .features-that-help .left {
    left: 10px !important; } */

  /* .fth-text {
    margin: 0 auto 100px 0;
    width: 90% !important;
    right: 0 !important;
    top: 30px; }
    .fth-text .button-primaryred {
      left: 25%; } */

  .we-know {
    text-align: center; }

  .pricing-plans {
    margin-top: 100px; }
    .pricing-plans .section-header, .pricing-plans h3 {
      text-align: center; }
    .pricing-plans h3 {
      float: none;
      width: 90%; }
    .pricing-plans .button-secondaryred {
      float: none;
      position: relative;
      left: 32%;
      margin-top: 0;
      margin-bottom: 50px; }

  .pc-container {
    overflow: hidden;
    display: flex; }

  /* .pricing-card {
    overflow: hidden;
    width: 350px; } */

  .center-container button {
    left: 0 !important;
    top: 40px; }

  .looking-to-watch {
    height: 700px; }
    .looking-to-watch .left, .looking-to-watch .right {
      float: none !important; }
    .looking-to-watch .left {
      left: 0;
      top: 400px; }
    .looking-to-watch .right {
      top: -125px;
      position: relative; }

  footer ul {
    display: block;
    left: 0; }
    footer ul li {
      width: 32%;
      vertical-align: top;
      margin-bottom: 25px; }

  /********************
    compare.html
  ********************/
  #comparehtml .compare-container ul li:first-of-type {
    width: 100% !important;
    height: 175px; }

  #comparehtml .compare-container ul {
    width: 95%; }
    #comparehtml .compare-container ul li {
      width: 32.5% !important; }
      #comparehtml .compare-container ul li .button-primaryred-med {
        width: 90%; }
      #comparehtml .compare-container ul li h4 {
        float: left;
        position: relative;
        left: 130px; }
      #comparehtml .compare-container ul li p {
        position: relative;
        top: -15px;
        right: -150px; }
      #comparehtml .compare-container ul li .section-header {
        float: none !important;
        top: 0;
        right: 0; }

  /********************
    contact.html
  ********************/
  .contact-container {
    height: 1000px; }
    .contact-container ul li {
      width: 100%;
      text-align: center; }

  /********************
    download.html
  ********************/
  .download-container ul li {
    width: 100%; }

  /********************
    email.html
  ********************/
  .email-inputs {
    width: 80%; }

  /********************
    search.html
  ********************/
  .tab {
    width: 90%; }

  .tab-row {
    width: 100%; }

  .search-inputs {
    width: 90%; }

  .events-text {
    width: 45%; }

  /********************
    support.html
  ********************/
  .support-container {
    height: 2225px; }
    .support-container .inside-text {
      width: 85% !important;
      margin-left: auto;
      margin-right: auto; }
    /* .support-container .support-topics {
      width: 40%;
      position: relative;
      right: 7%; } */
      /* .support-container .support-topics ul li {
        width: 100%;
        margin-bottom: 50px; } */

  /********************
    signup.html
  ********************/
  .signup-container .inside-text h4 {
    width: 80%; }
  .signup-container .signup-form {
    width: 60%; }
    .signup-container .signup-form .plan-selected {
      width: 116.6%;
      left: -38px; } }
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1224px) {
  /********************
    index.html
  ********************/
  .button-primaryred,
  .button-secondarywhite,
  .button-secondaryred {
    width: 215px; }

  .who-we-are {
    width: 35%; }

  /* .features-that-help .left {
    left: -40px; } */

  /* .fth-text {
    right: 45px; } */

  .pricing-plans {
    width: 85%; }

  .pricing-card {
    /* width: 325px; */
    overflow: hidden; }
    .pricing-card .inside .bottom ul {
      width: 80%; }

  .looking-to-watch .right img {
    right: -75px; }

  /********************
    download.html
  ********************/
  .download-img-container img {
    width: 85%; }

  /********************
    contact.html
  ********************/
  .contact-container ul {
    width: 75%; }

  /********************
    signup.html
  ********************/
  .plan-selected {
    width: 140%;
    left: -61px; } }

/*# sourceMappingURL=responsive.css.map */