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

@media only screen and (min-width:601px) {
  .mobile-only {
    display: none !important;
  }
}

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

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

  .desktop-only {
    display: none !important;
  }

  .index-header-bg,
  .header-bg {
    /* background: transparent url("../images/herobg-mobile-600x151.png") 0 0 no-repeat; */
    background: none;
    height: 151px;
    left: 0;
    overflow: hidden;
    top: 0;
    transform: translate(0, 0);
    width: 100%;
  }

  #header .header-container {
    height: auto;
    max-width: 100%;
  }

  #header .mcp-logo {
    display: inline-block;
    margin: 0;
    position: static;
  }

  #header .top-btn {
    padding-top: 0;
    position: static;
  }

  #header .top-btn .top-btn-oval {
    margin: 30px auto 0;
  }

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

  #main .main-title {
    font-size: 30px;
    max-width: 100%;
  }

  #main .final-cta-container {
    background: none;
  }

  #main .final-cta {
    padding-top: 90px;
  }

  #main .final-cta .title {
    font-size: 40px;
    width: 330px;
  }

  #main .easy-steps {
    padding-top: 60px;
  }

  #main .easy-steps .steps-container {
    align-items: center;
    flex-direction: column;
    margin: 40px auto 0;
    padding-bottom: 60px;
  }

  #ekomi-reviews {
    width: 580px;
    transform: translate(0, 0);
  }

  #ekomi-reviews .ekomi-reviews-viewarea {
    width: 480px;
  }

  #ekomi-reviews .ekomi-reviews-container {
    width: 480px;
  }

  #ekomi-user-reviews .ekomi-review-comment {
    width: 375px;
  }

  #index #header .mcp-logo {
    display: inline-block;
    margin: 0;
    position: static;
  }

  #index #header .top-btn {
    display: none;
  }

  #index #main .main-header {
    height: auto;
    margin-top: 60px;
  }

  #index #main .main-title {
    color: #212327;
    font-size: 36px;
    margin: -20px auto 0;
    text-align: center;
    max-width: 100%;
  }

  #index #main .main-abstract {
    color: #212327;
    margin: 10px auto 0;
    text-align: center;
    max-width: 100%;
  }

  #index #main .hero-sam {
    display: none;
  }

  #index #main .hero-lf1 {
    display: none;
  }

  #index .as-seen-on {
    display: none;
  }

  #index #main .rating-container {
    flex-wrap: wrap;
    margin: 30px auto 0;
    max-width: 100%;
  }

  #index #main .rating-container .rating-reviewer {
    margin-top: 20px;
  }

  #index #main .testimonials {
    margin-top: 20px;
  }

  #index #main .testimonials .testimonials-body {
    align-items: center;
    flex-direction: column;
  }

  #index #main .testimonials .testimonial {
    margin-top: 20px;
  }

  #index #main .feature-container {
    background: #6851c5;
    height: auto;
  }

  #index #main .features {
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px;
    max-width: 100%;
  }

  #index #main .features .feature-image {
    padding-right: 15px;
  }

  #index #main .features .feature-text .detail {
    text-align: left;
  }

  #index #main .easy-steps .steps-container {
    padding-bottom: 0;
  }

  #index #main .facts {
    align-items: center;
    flex-direction: column;
    padding-bottom: 30px;
    padding-top: 0;
    max-width: 100%;
  }

  #index #main .facts .fact-copy {
    padding-top: 30px;
    max-width: 100%;
  }

  #index #main .safety {
    max-width: 100%;
    padding: 10px;
  }

  #index #main .safety-container {
    flex-direction: column;
  }

  #index #main .safety-text {
    padding: 0;
  }

  #direct .header-container {
    flex-direction: column;
  }

  #direct .header-title {
    order: 1;
  }

  #direct .main-title {
    font-size: 22px;
    text-align: center;
  }

  #direct .main-body {
    align-items: center;
    flex-direction: column;
  }

  #direct .main-left {
    max-width: 100%;
    padding-right: 0;
  }

  #direct .main-right {
    max-width: 100%;
  }

  #direct .available .title {
    font-size: 18px;
    text-align: center;
  }

  #direct .available .abstract {
    text-align: center;
  }

  #direct .available .select-start {
    flex-direction: column;
  }

  #direct .available .select-versions {
    margin-bottom: 15px;
    margin-top: 15px;
  }

  #direct .available .size-time {
    flex-direction: column;
  }

  #direct .benefits .windows10-logo {
    position: static;
  }

  #direct .benefits .windows10-logo img {
    margin: 0 auto;
  }

  #direct .requirements .detail {
    font-size: 14px;
    max-width: 100%;
    padding: 1em;
  }

  #uninstall #main .main-abstract {
    max-width: 100%;
  }

  #uninstall #main .main-body {
    align-items: center;
    flex-direction: column;
    padding-left: 0;
    padding-right: 10px;
  }

  #uninstall #main .detail {
    text-align: left;
  }

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

  #contact-us #main .main-abstract {
    max-width: 100%;
    width: 85%;
  }

  #contact-us #main .contacts {
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

  #contact-us #main .contact-form .input-label {
    margin: 25px 0 0 0;
  }

  #contact-us #main .contact-form .input-style {
    margin: 10px 0 0 0;
    width: 100%;
  }

  #contact-us #main .contact-form .textarea-style {
    margin: 10px 0 0 0;
    width: 100%;
  }

  #contact-us #main .contact-form .button-style {
    margin: 30px 0 0 0;
    width: 100%;
  }

  #comparison #main .comparison-chart thead th {
    padding-left: 5px;
  }

  #comparison #main .comparison-chart thead td {
    font-size: 14px;
    line-height: 1;
    min-width: 0;
  }

  #comparison #main .comparison-chart tbody th {
    padding-left: 5px;
  }

  #comparison #main .comparison-disclaimer {
    max-width: 100%;
  }

  #comparison #main .certification {
    align-items: center;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
  }

  #comparison #main .certification .cert-image {
    order: -1;
  }

  #comparison #main .certification .title {
    padding: 0;
  }

  #comparison #main .certification .abstract {
    padding: 0;
    width: 100%;
  }

  #comparison #main .trusted .rating-container {
    flex-wrap: wrap;
    max-width: 100%;
  }

  #comparison #main .rating-reviewer a {
    width: auto;
  }

  #how-it-works .header-bg {
    background: transparent url("../images/herobg-mobile-600x151.png") 0 0 no-repeat;
    height: 151px;
    left: 0;
    overflow: hidden;
    top: 0;
    transform: translate(0, 0);
    width: 100%;
  }

  #how-it-works #main .main-title {
    color: #2f1453;
    text-align: center;
  }

  #how-it-works #main .main-abstract {
    color: #2f1453;
    margin: 30px auto 0;
    text-align: center;
    max-width: 100%;
  }

  #how-it-works #main .functions .abstract {
    margin: 22px auto;
    text-align: center;
    max-width: 100%;
  }

  #how-it-works #main .functions .function {
    padding: 0;
  }

  #how-it-works #main .function-text {
    max-width: 100%;
  }

  #how-it-works #main .functions .screenshot {
    margin: 0;
  }

  #how-it-works #main .functions .screenshot img {
    width: 100vw;
  }

  #how-it-works #main .benefits .abstract {
    margin: 20px auto 0;
    max-width: 100%;
  }

  #how-it-works #main .benefits .benefits-body {
    align-items: center;
    flex-direction: column;
  }

  #how-it-works #main .benefit-image img {
    margin: 0 auto;
  }

  #how-it-works #main .benefits .subtitle {
    text-align: center;
  }

  #how-it-works #main .benefits .benefit {
    width: 100%;
  }

  #user-reviews #main .main-abstract {
    text-align: center;
    max-width: 100%;
  }

  #user-reviews #main .data-counts {
    width: 100%;
  }

  #user-reviews #main .main-reviews-body {
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

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

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

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

  #compliance .partner-logo {
    position: static;
    width: 100%;
  }

  #compliance .partner-text {
    margin-top: 1.5em;
    padding-left: 0;
  }

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

  #articles #main .main-title {
    margin: 30px auto 0;
  }

  #articles #main .main-abstract {
    width: 90%;
  }

  #articles #main .article-index {
    align-items: flex-start;
    flex-direction: column;
    padding: 0;
  }

  #articles #main .article-text {
    margin: 30px auto 0;
    max-width: 100%;
  }

  .article #main .main-title {
    font-size: 30px;
    max-width: 100%;
  }

  .article #main .main-header-container {
    align-items: center;
    flex-direction: column;
  }

  .article #main .main-header-image {
    order: -1;
  }

  .article #main .main-header-text {
    margin: 0;
  }

  #speed-up-windows-10 .main-header-video iframe {
    height: calc( 0.5625 * (100vw - 20px) );
    width: calc(100vw - 20px);
  }

  #speed-up-windows-7 #main .main-title {
    width: 85%;
  }

  #ccleaner-alternative #main .main-title {
    width: 90%;
  }

  #how-to-choose-free-pc-cleaner #main .main-title {
    width: 80%;
  }

  #delete-facebook-tracking-cookies #main .main-title {
    width: 75%;
  }

  #download-instructions #main .main-body {
    flex-direction: column;
  }

  #download-instructions #main .main-title {
    white-space: normal;
  }

  #download-instructions #main .download-steps ul {
    white-space: normal;
  }

  #download-instructions #main .credits {
    flex-wrap: wrap;
    max-width: 100%;
  }

  #download-instructions #main .credits img {
    margin: 10px;
  }

  #download-instructions .download-panel {
    display: none !important;
  }

  #download-instructions .download-arrow {
    display: none !important;
  }

  #download-help {
    padding: 10px;
  }

  #download-help .download-help-problem {
    white-space: normal;
  }

  #download-help .download-help-standing-by {
    white-space: normal;
  }

  #download-help .download-help-telephone {
    white-space: normal;
  }

  #download-help .download-help-available {
    white-space: normal;
  }

  #download-help .download-help-no-problem {
    white-space: normal;
  }

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

  #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;
  }

  #chat #chat-widget-container {
    top: 0 !important;
  }

  .proofNotificationWrapper {
    display: none !important;
  }

  #percent-ten-day .main-text,
  #trialofferone .main-text {
    color: #212327;
    max-width: 100%;
    padding-top: 30px;
  }

  #percent-ten-day .main-title,
  #trialofferone .main-title {
    color: #212327;
    max-width: 100%;
  }

  #percent-ten-day .main-abstract,
  #trialofferone .main-abstract {
    max-width: 100%;
  }

  #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;
  }

  #index .as-seen-on-logos {
    display: none;
  }

  .index2 #header .header-container {
    flex-direction: column;
    justify-content: center;
    min-width: auto;
    max-width: 100vw;
  }

  .index2 #header .header-tfn a {
    color: #622fc8;
  }

  #index.index2 #main .main-title {
    font-size: 10vw;
    width: auto;
  }

  #index.index2 #main .main-abstract {
    max-width: 100%;
    width: auto;
  }

  .index2 .index2-header-bg {
    display: none;
  }

  .index2 .main-header-image {
    display: none;
  }

  .index2 .performance-right img {
    width: 99vw;
  }

  .index2 .obvious-list {
    height: auto;
    line-height: 2em;
  }

  #index.lf1 .index-header-bg,
  #index.index1 .index-header-bg {
    display: none;
  }

  #index.lf1 .as-seen-on,
  #index.index1 .as-seen-on {
    display: block;
  }

  #index.lf1 .as-seen-on-logos,
  #index.index1 .as-seen-on-logos {
    display: flex;
    border: 1px solid #777777;
  }

  #index.index1 .as-seen-on::before {
    color: #212327;
  }

  #index.lf1 #header .top-btn,
  #index.index1 #header .top-btn {
    display: block;
    margin-right: 0;
  }

  #index.index1 #header .top-btn .customer-support {
    color: #777777;
  }

  #index.index1 #header .top-btn .layer-24 {
    background: #ffffff;
  }

  #index.index1 .hero-content .download-subtext {
    color: #212327;
  }

  #index.lf1 .hero-content,
  #index.index1 .hero-content {
    min-height: auto;
    padding-top: 0;
  }

  #index.lf1 .hero-text,
  #index.index1 .hero-text {
    margin: 0 auto;
  }

  #index.lf1 #header .header-container,
  #index.index1 #header .header-container {
    align-items: center;
    flex-direction: column;
  }

  #index.lf1 #main .main-title,
  #index.index1 #main .main-title {
    margin-top: 30px;
    width: auto;
  }

  #index.lf1 #main .main-abstract,
  #index.index1 #main .main-abstract {
    width: auto;
  }

  #index.lf1 #main .main-abstract .main-abstract-text,
  #index.index1 #main .main-abstract .main-abstract-text {
    font-size: 3.6vw;
    width: 100%;
  }

  #index.lf1 #main .hero-content .download-button,
  #index.index1 #main .hero-content .download-button {
    margin: 40px auto 0;
  }

  #index.lf1 .hero-content .download-subtext,
  #index.index1 .hero-content .download-subtext {
    margin: 0 auto;
  }

  #index.lf1 .rating-content,
  #index.index1 .rating-content {
    flex-wrap: wrap;
  }

  #index.mwo1999v2025 #main .hero-content .download-button {
    margin: 0;
  }
  #index.mwo1999v2025 #main .download-only .only-cost {
    color: var(--fg-color);
  }

}