.device {
  position: relative;
  margin: 20px auto;
  width: 100%;
  user-select: none;
}
.device .frame {
  width: 100%;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.2));
  z-index: 10;
  position: relative;
  pointer-events: none;
}

.device .video {
  position: absolute;
  width: 93%;
}

.device .small_device {
  position: absolute;
  bottom: -15%;
  right: -5%;
}
.device .small_device .video {
  z-index: 11;
}
.device .small_device .frame {
  z-index: 12;
}


.device.kid {
  margin: 0;
  width: 110%;
}
.device.kid-2 {
  margin: 0;
  margin-left: -1em;
}
.device.kid .frame,
.device.kid .video {
  margin-left: 15%;
}
.device.kid-2 > .frame,
.device.kid-2 > .video {
  margin-left: 15%;
  width: 85%;
}
.device.kid-2 > .video {
  width: 80%;
}
.device.kid .kid {
  position: absolute;
  bottom: -2%;
  left: 1%;
  height: 60%;
  z-index: 20;
}
.device.kid-2 .kid {
  position: absolute;
  bottom: -2%;
  left: 3%;
  height: 60%;
  z-index: 20;
}

@media (min-width: 1180px) {
  .device.kid {
    width: 120%;
  }
}

@media (max-width: 900px) {
  .device.kid {
    margin: 20px auto;
  }
}

@media (max-width: 500px) {
  .device.kid {
    width: 130%;
  }
  .device.kid .kid {
    left: 1%;
  }
}

.android-center {
  margin: auto;
  width: 50%;
}

.device.android {
  margin: 0;
  margin-left: -1em;
  width: 100%;
}

.device.android > .frame,
.device.android > .video {
  margin-left: 15%;
  width: 75%;
}

.device.android > .video {
  width: 70%;
  top: 5.5%; 
  left: 2%;
}

.device.android .kid {
  position: absolute;
  bottom: -2%;
  left: 3%;
  height: 60%;
  z-index: 20;
}

.orange {
  color: var(--pokpok-color-orange);
}

.black {
  color: var(--pokpok-color-black);

}

.fw-600 {
  font-weight: 600;
}

.fs-larger {
  font-size: larger;
}

.android-laurels img{
  width: 55%;
}

@media (max-width: 900px){
  .android-laurels img{
    width: 90%
  }
}

@media (max-width: 600px){
  .android-laurels img{
    width: 100%
  }
}

@media(min-width: 600px){
  .android-center{
    width: 35%;
  }
}

@media(min-width:768px){
  .android-center{
    width: 30%;
  }
}

@media(min-width: 992px){
  .android-center{
    width: 25%;
  }
}

@media(min-width:1200px){
  .android-center{
    width: 20%;
  }
}