@media (min-width: 1130px) {
  body[pagetarget="pt_1014"] .col1 {
    display: none;
  }

  body[pagetarget="pt_1014"] .col2 h1 {
    display: none;
  }

  body[pagetarget="pt_1014"] .projects {
    margin-top: 35px;
  }
}

@media (max-width: 1130px) {
  :root {
    --pad: 15px;
  }

  *, .post h2 {
    font-size: 16px;
    line-height: 20px;
  }

  body #main {
    width: 100vw;
    position: absolute;
    display: block;
    left: 0px;
  }

  body #main.moving {
    width: 200vw;
    transition: left 600ms ease;
  }

  .col1 {
    overflow: hidden;
  }

  body #main.premovingl {
    left: -100vw;
    width: 200vw;
  }

  body #main.movingl {
    left: 0px;
  }

  body #main.movingr {
    left: -100vw;
  }

  .nonosx.no-hiddenscroll .col::-webkit-scrollbar {
    width: initial;
  }

  .nonosx.no-hiddenscroll .col::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: initial;
  }

  .nonosx.no-hiddenscroll .col::-webkit-scrollbar-thumb {
    background-color: initial;
    border-radius: initial;
  }

  #loadmore {
    margin-bottom: var(--pad);
  }

  #howtodarktext {
    margin-top: var(--pad);
    width: calc(100vw - 20px);
    height: auto;
    margin-left: 0px;
  }

  body #main .col {
    transition: none !important;
    width: 0vw;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 60px;
    float: left;
  }

  body #main .col.cont {
    width: 100vw;
    padding-left: var(--pad);
    padding-right: var(--pad);
    min-width: 100vw;
  }

  .mover {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  body #backbottom {
    display: inline-block;
    z-index: 9999999999;
    transition: margin-top 600ms ease;
  }

  body #bottom {
    display: none;
  }

  body[pagetarget="pt_1"] #bottom {
    display: flex;
  }

  body #backbottom.pushup {
    margin-top: -70px;
  }

  body.darkmode #backbottom {
    color: white;
  }

  .lightbtn, .darkbtn {
    padding: 12px 13px;
  }

  .switch {
    height: 40px;
    width: 100px;
  }

  #bottom {
    position: absolute;
    bottom: -50px;
    transition: bottom 600ms ease;
    flex-wrap: wrap;
  }

  #bottom.pushup {
    bottom: 20px;
  }

  .swiper-slide {
    max-height: 300px;
  }

  #bottom .slider:before {
    height: 41px;
    width: 50px;
  }

  #bottom input:checked+.slider:before {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }

  #breadcrumbs .mobile {
    display: inline-block;
  }

  #breadcrumbs {
    -webkit-transition: top 200ms ease;
    -moz-transition: top 200ms ease;
    -ms-transition: top 200ms ease;
    -o-transition: top 200ms ease;
    transition: top 200ms ease;
  }

  #breadcrumbs.goout {
    top: -20px;
  }

  body[pagetarget="pt_1"] #breadcrumbs {}

  #main .col {
    padding-top: calc(var(--pad) * 2);
  }

  #main .col.cont>div {
    padding-top: var(--pad);
  }

  #main .col3 {
    padding-top: var(--pad);
  }

  #main .col .block>p, #main .col .mover>ol {
    margin-top: 0px;
  }

  #main .col2 .mover>h1 {
    display: none;
  }

  body[pagetarget="pt_1"] .col1.cont>div {
    padding-top: 0px;
  }

  #hoverproject {
    display: none !important;
  }

  .col3.cont>div {
    margin-top: calc(var(--pad) * 2);
  }

  .mover > .block.type_5 {
    padding-top: var(--pad);
  }

  @supports (-webkit-touch-callout: none) {

    /* CSS specific to iOS devices */
    body #main .col {
      padding-bottom: 160px;
    }
  }
}