@media screen and (min-width: 769px) {
  html body > section > div #mnavtoggle, html body header > div #mnavtoggle, html body footer > div #mnavtoggle {
    display: none;
    text-transform: uppercase;
    line-height: 22px; }
  html body > section > div #msearch, html body > section > div #mhome, html body header > div #msearch, html body header > div #mhome, html body footer > div #msearch, html body footer > div #mhome {
    display: none; }
  html body > section > div .onlymobile, html body header > div .onlymobile, html body footer > div .onlymobile {
    display: none; }
  html body > section#content > div article .byline br {
    display: none; } }
@media screen and (max-width: 768px) {
  html body {
    padding-top: 0;
    /*			> header {
    				margin-top: 0;
    				position: fixed;
    				top: 0;
    				left: 0;
    				z-index: 1000;
    			}

    			section#content {
    				padding-top: 107px;
    			}
    */ } }
@media screen and (min-width: 769px) and (max-width: 1024px) {
  html > body > header, html > body > footer, html > body > section {
    width: calc(100% - 40px);
    margin: 0 20px; }
    html > body > header > div, html > body > footer > div, html > body > section > div {
      width: 100%; }
  html > body > header {
    margin-top: 20px !important; } }
@media screen and (max-width: 768px) {
  html > body {
    overflow-x: hidden;
    background-image: none !important;
    padding-top: 0;
    font-size: 17px;
    line-height: 30px;
    /*
    			#nextup {

    				width: calc(100% - 60px);
    				height: 134px;
    				overflow: hidden;

    				h1 {
    					font-size: 16px !important;
    				}

    				ul.list {
    					li {
    						article {

    							div.l {
    								a {
    									img {
    										width: 111px;
    										height: 83px;
    									}
    								}
    							}

    							div.r {
    								width: calc(100% - 141px);

    								h3 {
    									margin: 5px 0 !important;
    									font-size: 13px !important;
    									line-height: 15px !important;
    								}

    								p {
    									font-size: 11px !important;
    									line-height: 13px !important;
    								}

    								span {
    									font-size: 10px !important;
    									line-height: 12px !important;
    								}
    							}
    						}
    					}
    				}

    			}
    */ }
    html > body .ad.desktop {
      display: none; }
    html > body .ad.mobile {
      display: block; }
    html > body .onlydesktop {
      display: none !important; }
    html > body > section.ad {
      min-height: 0;
      margin: 0 !important; }
      html > body > section.ad > div {
        width: 100%; }
    html > body .plista_widget_belowArticle .plistaList > * {
      width: 24%; }
    html > body .plista_widget_belowArticle .itemTitle {
      font-size: 13px;
      line-height: 17px; }
    html > body .tabbuttons button {
      width: calc(50% - 33px);
      border-radius: 3px;
      background-color: #eaeaea;
      padding: 5px;
      margin: 20px 0 20px 20px;
      font-weight: bold;
      font-family: "europa";
      text-transform: uppercase;
      font-size: 16px;
      border: 1px solid #ccc; }
    html > body .tabbuttons button.active {
      background-color: #ccc; }
    html > body > footer div {
      padding: 10px; }
      html > body > footer div table tbody tr td {
        width: 50%;
        font-size: 10px;
        line-height: 10px; }
        html > body > footer div table tbody tr td img {
          max-width: 62px; }
        html > body > footer div table tbody tr td p {
          font-size: 10px;
          line-height: 10px; }
      html > body > footer div table tbody tr td:nth-child(2) ul li {
        line-height: 10px;
        font-size: 10px; }
        html > body > footer div table tbody tr td:nth-child(2) ul li a {
          font-size: 10px;
          line-height: 10px; }
    html > body > header > div {
      padding-top: 20px; }
      html > body > header > div > a > img {
        height: 30px;
        margin-bottom: 20px;
        max-width: 100px; }
      html > body > header > div .fb-like {
        top: 15px;
        left: 15px; }
      html > body > header > div .some {
        top: 18px;
        right: 15px; }
      html > body > header > div nav {
        height: 37px; }
        html > body > header > div nav #mnavtoggle {
          float: right;
          margin: 0 20px 0 0;
          color: #fff;
          line-height: 14px;
          font-size: 14px; }
        html > body > header > div nav #msearch, html > body > header > div nav #mhome {
          float: right;
          color: #fff;
          text-decoration: none;
          margin: 0 20px 0 0;
          font-family: "europa";
          text-transform: uppercase;
          line-height: 14px;
          font-weight: bold;
          font-size: 14px; }
        html > body > header > div nav #mhome {
          float: left;
          margin-left: 10px; }
        html > body > header > div nav ul {
          position: absolute;
          right: -320px;
          top: 103px;
          background-color: #007FB3;
          width: 70%;
          transition: right linear 0.2s;
          z-index: 50000;
          display: block;
          padding: 20px 0 20px 0; }
          html > body > header > div nav ul li {
            float: left;
            clear: both;
            width: 100%; }
            html > body > header > div nav ul li a {
              float: left;
              width: 100%;
              clear: both;
              padding: 10px 30px; }
          html > body > header > div nav ul li.level_0 {
            display: none; }
        html > body > header > div nav ul.show {
          right: 0; }
    html > body > section > div, html > body > header > div, html > body > footer > div {
      width: 100%;
      border-radius: 0; }
    html > body > section#content > div section.textpage {
      padding: 20px 20px; }
      html > body > section#content > div section.textpage h1 {
        font-size: 30px;
        line-height: 30px; }
      html > body > section#content > div section.textpage p {
        font-size: 17px;
        line-height: 30px; }
    html > body > section#content > div .row .col {
      width: 100%;
      padding: 10px; }
    html > body > section#content > div .row .col.full ul li {
      width: 100%;
      margin: 0 0 10px 0; }
    html > body > section#content > div .row ul.list > li {
      margin: 0 0 10px 0; }
      html > body > section#content > div .row ul.list > li article .l {
        margin: 0 10px 0 0; }
        html > body > section#content > div .row ul.list > li article .l img {
          width: 133px;
          height: 100px; }
        html > body > section#content > div .row ul.list > li article .l div.c a {
          font-size: 10px;
          padding: 2px 5px 2px 3px;
          line-height: 12px; }
        html > body > section#content > div .row ul.list > li article .l span.t img {
          width: 15px;
          height: 28px; }
        html > body > section#content > div .row ul.list > li article .l span.s img {
          width: 15px;
          height: 15px; }
      html > body > section#content > div .row ul.list > li article .r {
        width: calc(100% - 163px); }
        html > body > section#content > div .row ul.list > li article .r > h3 {
          margin-top: 6px;
          font-size: 15px;
          line-height: 19px; }
        html > body > section#content > div .row ul.list > li article .r > p {
          font-size: 13px;
          line-height: 17px; }
        html > body > section#content > div .row ul.list > li article .r > span {
          margin: 1px 0;
          font-size: 10px;
          line-height: 12px; }
    html > body > section#content > div > article {
      padding: 10px; }
      html > body > section#content > div > article #articleright {
        display: none; }
      html > body > section#content > div > article #articleleft {
        width: 100%; }
      html > body > section#content > div > article h1 {
        padding: 0 0px;
        font-size: 30px;
        line-height: 30px; }
      html > body > section#content > div > article h2 {
        padding: 0 0px;
        font-size: 20px;
        line-height: 22px; }
      html > body > section#content > div > article section.byline {
        font-size: 10px;
        padding: 5px 0;
        line-height: 13px; }
        html > body > section#content > div > article section.byline span {
          display: none; }
        html > body > section#content > div > article section.byline span#aisc {
          display: block; }
      html > body > section#content > div > article section.gallery ul#gallerythumbs li img {
        width: 50px;
        height: 50px; }
      html > body > section#content > div > article section.part {
        margin: 0 0 20px 0;
        font-size: 16px;
        line-height: 24px; }
        html > body > section#content > div > article section.part p {
          font-size: 16px;
          line-height: 24px; }
        html > body > section#content > div > article section.part section.infobox {
          padding: 10px; }
        html > body > section#content > div > article section.part blockquote {
          width: 100%;
          font-size: 5.5vw;
          line-height: 1em;
          margin-left: 0; }
          html > body > section#content > div > article section.part blockquote * {
            font-size: 5.5vw;
            line-height: 1em; }
        html > body > section#content > div > article section.part h3 {
          line-height: 24px;
          margin: 0 0 0.5em 0; }
      html > body > section#content > div > article section.part.type-text,
      html > body > section#content > div > article section.part.type-video,
      html > body > section#content > div > article section.part.type-factbox,
      html > body > section#content > div > article section.part.type-html,
      html > body > section#content > div > article section.part.type-rating,
      html > body > section#content > div > article section.part.type-competition,
      html > body > section#content > div > article section.part.type-comments,
      html > body > section#content > div > article section.part.type-some,
      html > body > section#content > div > article section.part.type-aisc {
        padding: 0 0px; }
      html > body > section#content > div > article section.part.type-video {
        padding: 0; }
      html > body > section#content > div > article section.part.type-html,
      html > body > section#content > div > article section.part.type-factbox,
      html > body > section#content > div > article section.part.type-comments,
      html > body > section#content > div > article section.part.type-some {
        padding: 10px 20px 0 20px; }
      html > body > section#content > div > article section.part.type-html {
        width: 100%;
        padding: 10px 10px 0 10px; }
      html > body > section#content > div > article section.part.type-comments {
        padding: 10px 0 0 0; }
      html > body > section#content > div > article section.part.type-image.align-right,
      html > body > section#content > div > article section.part.type-image.align-left,
      html > body > section#content > div > article section.part.type-image.align-center {
        padding: 0 0;
        margin: 0 auto 1em auto; }
        html > body > section#content > div > article section.part.type-image.align-right img,
        html > body > section#content > div > article section.part.type-image.align-left img,
        html > body > section#content > div > article section.part.type-image.align-center img {
          width: unset;
          min-width: unset;
          float: none;
          display: block;
          max-width: 100%;
          max-height: 90vh; }
        html > body > section#content > div > article section.part.type-image.align-right p,
        html > body > section#content > div > article section.part.type-image.align-left p,
        html > body > section#content > div > article section.part.type-image.align-center p {
          padding: 0 20px; }
      html > body > section#content > div > article section.part.type-image > div.text {
        padding: 0; }
      html > body > section#content > div > article section.part.type-image > div.img div img {
        padding: 0;
        margin: 0; }
      html > body > section#content > div > article section.part.type-recipe .h div.i span.hi {
        width: 100%;
        margin-bottom: 10px; }
      html > body > section#content > div > article section.part.type-recipe .l {
        width: 100%; }
      html > body > section#content > div > article section.part.type-recipe .r {
        width: 100%;
        margin-top: 20px; }

  #pushbanner {
    padding: 10px;
    text-align: left; }
    #pushbanner img {
      float: left;
      height: 80px;
      width: 100px;
      margin: 0 10px 0 0; }
    #pushbanner h4 {
      font-size: 16px;
      line-height: 16px;
      margin: 0 0 5px 0; }
    #pushbanner p {
      font-size: 14px;
      line-height: 16px; }
    #pushbanner .buttons {
      clear: both;
      margin-top: 10px;
      float: left;
      width: 100%; }
      #pushbanner .buttons button {
        margin: 0;
        float: left;
        height: 40px;
        border-radius: 3px;
        font-size: 9px; }
      #pushbanner .buttons #pushyes {
        margin-right: 10px;
        width: calc(60% - 5px);
        padding: 5px;
        font-size: 11px; }
      #pushbanner .buttons #pushno {
        position: static;
        bottom: unset;
        right: unset;
        width: calc(40% - 5px);
        padding: 5px; } }