@media screen and (min-width: 0px) {
  .secret-lab .secret-s1 h2 {
    margin-top: var(--margin-s);
  }
  .secret-lab .secret-s1 {
    padding-bottom: var(--section-padding);
    display: grid;
    gap: 60px;
  }
  .secret-lab .secret-s1 .text {
    margin-top: var(--margin-l);
  }
  .secret-lab .secret-s1 .text p:not(:last-child) {
    margin-bottom: var(--margin-s);
  }
  .secret-lab .secret-s1 .btn {
    margin-top: var(--margin-xxm);
    color: #fff;
  }
  .secret-lab .secret-s1 .img-wrapper {
    display: grid;
    gap: 40px;
  }
  .secret-lab .secret-s1 .img-wrapper .divicon {
    width: 200px;
    margin: 0 auto;
  }
  .secret-lab .secret-s1 .img-wrapper .edition {
    margin-top: var(--margin-m);
    padding: 4px;
    text-align: center;
    background-color: var(--color-charcoal);
    border-radius: 5px;
    font-weight: 500;
  }
  .secret-lab .secret-s1 .img-wrapper .edition span {
    background: linear-gradient(to left, red, #ffd232, #0fe20f, #0ff, #00f, #9d00ff, #ff007b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .secret-lab .template1::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    transform: scale(.6) translateY(-38%);
    filter: blur(70px);
    background: linear-gradient(to left, red, #ffd232, #0fe20f, #0ff, #00f, #9d00ff, #ff007b);
    background-size: 200% 200%;
    animation: nl-glow-effect 5s linear infinite;
  }
  .template1 .divimg { 
    position: relative;
    z-index: 1;
  }
  .secret-lab .template2 .btn {
    border-color: #fff;
  }
  .secret-lab #s2 .item .wrapper-right {
    background-color: #202020;
  }
  .secret-lab #s2 .item:last-child .wrapper-right .download {
    margin-top: var(--margin-l);
   display: flex;
   gap: 80px;
   justify-content: center;
  }

  .secret-lab .secret-s2 {
    margin-top: var(--section-padding);
    text-align: center;
  }
  .secret-lab .secret-s2 .text {
    margin: var(--margin-xm) auto var(--margin-xl);
  }
  .secret-lab .secret-s2 .btn {
    margin-top: var(--margin-xm);
    border-color: #fff;
  }
  .secret-lab .secret-s2 .works-with {
    width: 200px;
    margin: 0 auto;
  }
  .secret-lab .secret-s2 ul {
    margin-top: var(--margin-m);
    display: grid;
    gap: var(--margin-xm);
  }
  .secret-lab .secret-s2 ul .divicon img {
    width: auto;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .secret-lab .secret-s1 .text {
    width: 88%;
  }
  .secret-lab .secret-s1 .img-wrapper { 
    gap: 0;
  }
  .secret-lab .secret-s1 .img-wrapper .divicon { 
    margin-right: 0;
  }
  .secret-lab .secret-s1 .img-wrapper .divimg { 
    width: 550px;
  }
  .secret-lab .secret-s2 .text {
    width: 500px;
  }
  .secret-lab .secret-s2 .btn {
    margin: var(--margin-xm) auto 0;
  }
  .secret-lab .secret-s2 .works-with {
    width: fit-content;
  }
  .secret-lab .secret-s2 ul {
    grid-template-columns: auto 1fr auto;
  }
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1200px) {
  .secret-lab .secret-s1 { 
    grid-template-columns: 3fr 2fr;
    gap: 0;
  }
  .secret-lab .secret-s1 .img-wrapper {
    gap: 60px;
  }
  .secret-lab .secret-s1 .img-wrapper .divimg {
    width: 100%;
  }
}