@media only screen and (min-width: 0px) and (max-width: 767px) {
  h1 {
    font-size: 1.4rem; }

  h2 {
    font-size: 1.2rem; }

  h3 {
    font-size: 1.05rem; }

  p {
    font-size: 1rem; }

  .container {
    padding: 0 1rem; }

  .mobile {
    display: block; }

  .non-mobile {
    display: none !important; }

  .btn {
    padding: 0.5rem; }

  .mtop-3 {
    margin-top: 1.5rem; }

  .ad {
    background: transparent; }

  .header-line {
    margin-bottom: 1rem; }

  select {
    padding: 0.5rem; }

  .nav {
    background: #fff;
    z-index: 5; }
    .nav a {
      font-size: 1rem; }

  .sticky-nav {
    position: fixed;
    top: 0;
    transition: top 1s ease-in-out;
    background: #fff;
    border-bottom: 1px #e6e6e6 solid; }

  .fix-wrap {
    position: fixed;
    height: 100vh; }

  .section-label {
    margin-top: 1rem;
    margin-bottom: 1rem; }

  .more-links .body {
    margin-top: 6rem; }
    .more-links .body input {
      width: 86%;
      margin: 0; }
    .more-links .body .search-btn {
      width: 39px;
      height: 39px; }
  .more-links h2 {
    margin-top: 2rem; }

  .secondary-nav {
    margin-top: 0; }
    .secondary-nav h3 {
      margin-top: 0; }
    .secondary-nav li a {
      padding: 0.3rem 0.8rem; }

  .hero {
    padding: 1rem 0 0 0; }
    .hero h1 {
      margin: 0.5rem 0 0 0;
      font-size: 1.2rem; }
    .hero h5 {
      margin: 0; }

  .signs-grid {
    margin-top: 1rem; }
    .signs-grid .sign {
      width: 55%;
      margin-top: 1rem; }
    .signs-grid h2 {
      margin-bottom: 0.2rem;
      margin-top: 0.5rem; }
    .signs-grid p {
      font-size: 0.7rem;
      margin-bottom: 1rem; }

  .find-sign {
    padding: 1rem 0; }
    .find-sign h2 {
      text-align: center;
      margin-bottom: 1rem; }
    .find-sign select {
      padding: 0.5rem; }
    .find-sign .btn {
      margin-top: 1rem;
      width: 100%; }

  .more-horoscopes {
    margin: 0; }
    .more-horoscopes ul {
      display: block; }
      .more-horoscopes ul li {
        margin: 0 0.5rem 1rem 0; }
        .more-horoscopes ul li a {
          margin-bottom: 0;
          font-size: 0.8rem; }
          .more-horoscopes ul li a [class^="icon-"], .more-horoscopes ul li a [class*=" icon-"] {
            font-size: 1rem; }

  .cosmic {
    text-align: center;
    background: url("/National_Library/oe_/https://www.horoscope.com/images-US/cosmic-alert-mobile-bg.jpg") center center; }
    .cosmic h2 {
      font-size: 1.4rem;
      margin-top: 1rem; }
    .cosmic h5 {
      margin-bottom: 1rem; }
    .cosmic .flex-center {
      display: block; }

  .qotd.mobile {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .qotd.mobile h2 {
      margin-bottom: 0.5rem; }
    .qotd.mobile h3 {
      font-size: 1.1rem; }
    .qotd.mobile h4 {
      margin: 0; }
    .qotd.mobile small {
      display: block;
      font-size: 1rem;
      font-style: italic; }
    .qotd.mobile ul li {
      vertical-align: middle; }
    .qotd.mobile a {
      font-size: 2rem;
      color: #111; }

  .tarot {
    margin: 2rem 0; }
    .tarot .daily-reading {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
    .tarot .card-of-day {
      margin-top: 1rem; }

  .trending {
    margin-top: 2rem; }
    .trending .item {
      margin: 1rem 0;
      height: auto; }
      .trending .item h5 {
        margin-top: 0; }
    .trending p {
      margin-bottom: 1.5rem; }
    .trending .ad {
      margin-bottom: 1.5rem; }

  .fun .games-section {
    margin-bottom: 2rem; }
    .fun .games-section .item .btn {
      width: 100%; }

  footer.container {
    padding: 1rem; }
    footer.container ul li {
      margin-right: 0.8rem; }
      footer.container ul li a {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
        display: inline-block; }
    footer.container .social {
      margin-top: 1rem; }

  footer .container {
    margin-bottom: 70px;
    /* help position above sticky-bit */ }

  .must-read {
    margin-top: 2rem;
    margin-bottom: 2rem; }
    .must-read .header-line {
      margin-bottom: 2rem; }
    .must-read .item {
      margin-bottom: 1rem; }

  .daily-banner {
    margin-bottom: 1rem; }

  .daily-pet-banner {
    background-position-x: 70%; }

  .main-horoscope .time-switch li a {
    font-size: 0.8rem; }
  .main-horoscope .time-switch li.mobile {
    display: inline-block; }
  .main-horoscope .time-switch li:nth-child(2) {
    padding-left: 0; }
  .main-horoscope .time-switch .dropdown-content {
    z-index: 10; }
    .main-horoscope .time-switch .dropdown-content li:nth-child(2) {
      padding-left: 1rem; }
  .main-horoscope .more-horoscopes {
    margin-bottom: 1rem; }
    .main-horoscope .more-horoscopes ul {
      text-align: left; }
      .main-horoscope .more-horoscopes ul li {
        margin-right: 0.5rem; }
        .main-horoscope .more-horoscopes ul li:first-child {
          display: inline-block; }
  .main-horoscope .centered ul {
    text-align: center; }
  .main-horoscope .matches-ratings {
    margin-top: 1rem; }
    .main-horoscope .matches-ratings .matches, .main-horoscope .matches-ratings .ratings {
      background: transparent;
      height: auto; }
    .main-horoscope .matches-ratings .ratings {
      margin-top: 1.5rem; }
    .main-horoscope .matches-ratings .circle {
      width: 60px;
      height: 60px;
      font-size: 1.5rem; }
    .main-horoscope .matches-ratings h2 {
      margin-top: 0; }

  .articles-content {
    padding-top: 1rem; }
    .articles-content .title {
      font-size: 2.5rem; }
    .articles-content h2 {
      font-size: 2rem; }
    .articles-content h3 {
      font-size: 1.5rem; }
    .articles-content h4 {
      font-size: 1.2rem; }
    .articles-content p {
      font-size: 1rem; }
    .articles-content img {
      width: 100%;
      height: auto;
      display: block; }
    .articles-content .img-square {
      padding: 0; }
      .articles-content .img-square img {
        width: 100%;
        height: auto; }
    .articles-content .img-wrap {
      float: none;
      margin: 0 auto; }
    .articles-content .meta li {
      padding: 0 0.5rem; }
    .articles-content .meta h5 {
      font-size: 0.8rem; }
    .articles-content .mayan-calculator {
      padding: 1rem; }
      .articles-content .mayan-calculator .btn {
        margin-top: 1rem; }
    .articles-content.mtop-0 {
      margin-top: 0; }

  .tab-content {
    display: block; }

  .index-banner h1 {
    font-size: 1.5rem; }
  .index-banner p, .index-banner .btn {
    font-size: 1rem; }
  .index-banner .btn {
    margin-top: 1rem; }

  .subscribe {
    padding: 1rem; }

  .subscribe-wide {
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: auto;
    overflow: auto; }
    .subscribe-wide .subscribe-form {
      height: auto;
      padding: 1.5rem 1rem; }
      .subscribe-wide .subscribe-form h1 {
        font-size: 1.4rem;
        margin: 0 0 0.5rem 0; }
      .subscribe-wide .subscribe-form p {
        font-size: 1rem; }

  .subscribe-page {
    background: none;
    padding: 1.5rem 0 1rem 0;
    height: auto; }
    .subscribe-page h1 {
      font-size: 1.7rem; }
    .subscribe-page p {
      font-size: 1rem; }

  .get-email {
    width: 70%;
    margin-left: -45%; }

  .contact {
    background-size: cover;
    padding: 2rem 0;
    height: auto; }

  .play-template {
    margin-top: 1rem;
    margin-bottom: 1rem; }
    .play-template .item {
      margin-bottom: 0.8rem;
      padding-bottom: 0.8rem;
      border-bottom: 1px #e0e0e0 dotted; }
      .play-template .item p {
        font-size: 0.9rem;
        margin-bottom: 0; }

  .filter-nav li.mobile {
    display: inline-block; }

  .more-play .item {
    margin-bottom: 1rem;
    border: 0; }

  .recommended .item {
    border: 0; }

  .games-section {
    text-align: left; }
    .games-section .game-bg {
      background: transparent;
      padding: 0; }

  .bio .bio-text {
    padding: 0; }
  .bio .mtop-3 {
    margin-top: 1rem; }
  .bio .mtop-6 {
    margin-top: 2rem; }
  .bio .mbottom-3 {
    margin-bottom: 1rem; }
  .bio ul {
    margin: 2rem auto;
    text-align: center;
    width: 80%; }
  .bio .favorite-things .item {
    border: none;
    padding: 0;
    height: auto; }
    .bio .favorite-things .item h4 {
      margin: 1rem 0; }
  .bio .bio-inspiration {
    margin-top: 1rem; }
    .bio .bio-inspiration h3 {
      margin-top: 0; }
    .bio .bio-inspiration .header-line {
      margin-bottom: 2rem; }

  .swipe-fix {
    overflow-y: hidden;
    position: relative; }

  .swipe-container {
    position: relative;
    width: 84%;
    max-width: 300px;
    height: 450px;
    margin-left: auto;
    margin-right: auto; }
    .swipe-container img {
      width: 50%;
      margin: 0 auto; }
    .swipe-container .card {
      box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 390px;
      padding: 1rem 1.5rem;
      cursor: pointer;
      opacity: 0;
      border: 8px solid;
      background: #fff;
      z-index: -1; }
      .swipe-container .card a {
        display: block; }
      .swipe-container .card img, .swipe-container .card h4, .swipe-container .card h5, .swipe-container .card p {
        -webkit-user-select: none;
        /* Chrome all / Safari all */
        -moz-user-select: none;
        /* Firefox all */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        z-index: -10; }
      .swipe-container .card .no-events {
        pointer-events: none;
        color: #6f41a8; }
    .swipe-container .card:first-child {
      border-color: #ee6263; }
    .swipe-container .card:nth-child(2) {
      border-color: #FCD45F; }
    .swipe-container .card:nth-child(3) {
      border-color: #F4B650; }
    .swipe-container .card:nth-child(4) {
      border-color: #F09C46; }
    .swipe-container .card:nth-child(5) {
      border-color: #EE8E44; }
    .swipe-container .card:nth-child(6) {
      border-color: #EF7E47; }
    .swipe-container .card:nth-child(7) {
      border-color: #EF704F; }
    .swipe-container .card:nth-child(8) {
      border-color: #ED6165; }
    .swipe-container .card:nth-child(9) {
      border-color: #D75A7D; }
    .swipe-container .card:nth-child(10) {
      border-color: #B8549D; }
    .swipe-container .card:nth-child(11) {
      border-color: #9C50B8; }
    .swipe-container .card:nth-child(12) {
      border-color: #8B4ECA; }
  @keyframes dismiss {
    50% {
      left: -100vw; }
    100% {
      left: -100vw; } }
    .swipe-container .dismiss {
      animation: dismiss 1s forwards; }
  @keyframes tilt {
    50% {
      transform: rotate(-5deg); }
    100% {
      transform: rotate(0); } }
    .swipe-container .tilt {
      animation: tilt .5s linear; }
    .swipe-container .first {
      left: -10px;
      top: 0;
      z-index: 3;
      opacity: 1; }
    .swipe-container .second {
      left: 0px;
      top: 10px;
      z-index: 2;
      opacity: 1; }
    .swipe-container .third {
      left: 10px;
      top: 20px;
      z-index: 1;
      opacity: 1; } }

@media only screen and (min-width: 0px) and (max-width: 469px) {
  .main-horoscope .time-switch li {
    padding: 0 0.3rem; }
    .main-horoscope .time-switch li:nth-child(2) {
      padding-left: 0; }
  .main-horoscope .time-switch .dropdown-content {
    right: 0; }

  .top-slot .container {
    padding: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .non-tablet {
    display: none !important; }

  .tablet {
    display: block; }

  .container {
    padding: 0 20px; }

  h1 {
    font-size: 1.6rem; }

  h2 {
    font-size: 1.2rem; }

  p {
    font-size: 1rem; }

  .nav a {
    font-size: 1rem; }

  .fix-wrap {
    position: fixed;
    height: 100vh; }

  .more-links .body input {
    width: 88%;
    margin: 0; }
  .more-links .body .search-btn {
    width: 39px;
    height: 39px; }
  .more-links h2 {
    margin-top: 2rem; }

  .hero h5 {
    margin: 0; }

  footer .container {
    margin-bottom: 70px;
    /* help position above sticky-bit */ }

  .cosmic {
    background-size: cover; }
    .cosmic h2 {
      font-size: 1.1rem; }
    .cosmic p {
      font-size: 1rem; }

  .signs-grid {
    margin-bottom: 0; }
    .signs-grid h2 {
      margin-bottom: 0; }
    .signs-grid p {
      margin-bottom: 1.5rem; }

  .find-sign h2 {
    margin-bottom: 1rem;
    text-align: center; }

  .more-horoscopes ul {
    display: block; }
    .more-horoscopes ul li {
      margin-right: 0.5rem; }
      .more-horoscopes ul li a {
        font-size: 0.8rem; }

  .qotd {
    margin-bottom: 2rem; }
    .qotd h2 {
      margin: 0;
      font-size: 1.1rem; }
    .qotd h3 {
      margin-top: 0.3rem;
      font-size: 1rem; }

  .tarot .card-of-day, .tarot .daily-reading {
    padding: 0 1rem;
    margin-bottom: 2rem; }
  .tarot .subscribe {
    margin-bottom: 2rem; }

  .trending h5 {
    margin-top: 0; }

  .recommended .item h4 {
    margin-top: 0.5rem; }

  .daily-banner {
    background-size: cover;
    margin-bottom: 1rem; }

  .main-horoscope .more-horoscopes ul {
    text-align: left; }
    .main-horoscope .more-horoscopes ul li {
      margin-right: 1rem; }
  .main-horoscope .horoscope-content p {
    font-size: 1rem; }

  .play {
    margin-top: 1rem; }
    .play .ad {
      margin-bottom: 1.5rem; }

  .filter-nav li.tablet {
    display: inline-block; }

  .fun .games-section .item .btn {
    width: 100%; }

  .index-banner h1 {
    font-size: 2rem; }

  .yearly-banner p, .yearly-banner .btn {
    font-size: 1rem; }

  .articles-content {
    padding: 1rem 0; }
    .articles-content .title, .articles-content h1 {
      font-size: 2.5rem; }
    .articles-content h2 {
      font-size: 2rem; }
    .articles-content h3 {
      font-size: 1.5rem; }
    .articles-content h4 {
      font-size: 1.2rem; }
    .articles-content img {
      width: 100%;
      height: auto;
      display: block; }
    .articles-content p {
      font-size: 1rem; }
    .articles-content .mayan-calculator {
      padding: 1rem; }
      .articles-content .mayan-calculator .btn {
        margin-top: 1rem; }

  .tab-content {
    display: block; }

  .bio .mtop-3 {
    margin-top: 2rem; }
  .bio .mtop-6 {
    margin-top: 3rem; }
  .bio ul {
    margin: 2rem 0; }
  .bio .bio-text {
    padding: 1rem 0; }
  .bio .favorite-things .item {
    height: 270px; }

  .subscribe-wide {
    margin-top: 2rem;
    margin-bottom: 2rem;
    height: 290px; }
    .subscribe-wide .subscribe-form {
      padding: 1rem; }
      .subscribe-wide .subscribe-form p {
        font-size: 1rem; }
      .subscribe-wide .subscribe-form h1 {
        font-size: 1.4rem; }
    .subscribe-wide .subscribe-image {
      height: 290px; }

  .subscribe {
    padding: 1rem; }

  .contact {
    background-size: cover;
    height: 100%; }

  .oranum-native-block {
    margin-bottom: 2rem; }

  .swipe-container .card {
    height: 350px; }
    .swipe-container .card img {
      width: 60%; } }

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .love-banner h1, .chinese-banner h1, .career-banner h1, .health-banner h1, .numerology-banner h1, .play-banner h1 {
    font-size: 3rem; }

  footer .container {
    margin-bottom: 90px;
    /* help position above sticky-bit */ } }