/* -*- coding: utf-8 -*- */

@media only screen and (max-width:600px) {

  body {
    min-width: 360px;
    width: 100vw;
  }

  #header .header-container {
    flex-direction: column;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  #header .header-text {
    padding-top: 30px;
    text-align: center;
  }

  #main .main-container > * {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }

  .main-title {
    text-align: center;
  }

  .product {
    align-items: center;
    flex-direction: column;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
  }

  .product .title {
    text-align: center;
  }

  .product-text {
    max-width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
  }

  .platform-icons {
    margin: 15px auto 0;
    position: static;
    text-align: center;
  }

  #identity-protection .feature-list,
  #antivirus .feature-list {
    display: block;
    height: auto;
  }

  #antivirus .product-image {
    display: none;
  }

  #affiliates .main-body {
    max-width: 100%;
  }

  #iolovpn .screenshot,
  #hotspot .screenshot {
    display: none;
  }

  #iolovpn .main-text,
  #hotspot .main-text {
    padding-left: 0;
  }

  #affiliates .contact-form #input-website,
  #affiliates .contact-form #input-email,
  #affiliates .contact-form #input-addr1,
  #affiliates .contact-form #input-addr2,
  #affiliates .contact-form #input-city,
  #affiliates .contact-form #input-district,
  #affiliates .contact-form #input-postal-code,
  #affiliates .contact-form #input-country,
  #affiliates .contact-form #input-phone {
    width: 340px;
  }

  #affiliates .contact-form .textarea-style {
    width: 340px;
  }

  .proofNotificationWrapper {
    display: none !important;
  }

  #unsub #main button {
    display: block;
    margin-left: 50px;
    margin-top: 10px;
  }

  #unsub #main .unsubscribed {
    display: block;
    padding-left: 50px;
    padding-top: 10px;
  }

  #terms-of-service .main-header,
  #privacy-policy .main-header {
    text-align: left;
  }

  #privacy-policy .date-stamps,
  #terms-of-service .date-stamps {
    flex-direction: column;
    padding: 0;
  }

  #terms-of-service .main-header .paragraph,
  #privacy-policy .main-header .paragraph {
    padding: 0;
  }

  #terms-of-service #main ol,
  #privacy-policy #main ol,
  #terms-of-service #main ul,
  #privacy-policy #main ul {
    padding-left: 10px;
  }

}