/*============== ADM ===================*/
.regular .adm h4{
  padding-top: 107px;
}


.adm-animation-1{
  position: absolute;
  width: 52vw;
  height: 40vw;
  margin: 11px 2px;
}

.adm-2{
  background-color: white;
  position: absolute;
  top: 71px;
  left: 297px;
  z-index: 200;
  width: 286px;
  height: 242px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}
.adm-animation-2{
  width: 100%;
  height: 100%;
  position: absolute;

}

.adm-3{
    position: absolute;
    top: 174px;
    left: -50px;
    z-index: 100;
  }


/*phone: Extra small - Small*/
@media(max-width: 767px) {

  .adm .slider{
    width: calc( 60vw + 3vw );
    height: calc( 40vw + 3vw);
    margin: auto;

  }

  .adm-animation-1{
    position: absolute;
    width: 52vw;
    height: 40vw;
    margin: 11px 2px;
  }

  .adm-2{
    width: 51vw;
    height: 51vw;
    left: 150px;
    top: 94px;
    left: 47vw;
  }

  .adm-3{
    top: 125px;
    left: -10px;
    width: 97vw;
  }

}

/*pad: Medium-Large*/
  @media (min-width: 768px) and (max-width: 1139px) {
  .adm-2{
    top: 94px;
    left: 100px;
    width: 250px;
    height: 230px;
  }

  .adm-3{
    top: 125px;
    left: -10px;
  }

  .adm-animation-1{
       position: absolute;
       width: 30vw;
       height: 18vw;
       margin: 11px 2px;
     }

  .adm .slider{
    width: calc( 31vw + 3vw );
    height: calc( 18vw + 50px);
    margin: auto;

  }
}


/*PC: Extra large*/
@media (min-width: 1140px) {

  .adm .slider {
    width: calc(385px + 50px);
    height: calc(243px + 50px)
  }

  .adm-animation-1 {
    width: 385px;
    height: 243px;
  }
}