/*============== SUP ===================*/
.regular .wms h4{
  padding-top: 25px;
}

.wms-animation-1{
    position: absolute;
  width: 441px;
  height: 338px;
    margin:10px;
  }

  .wms-animation-2{
    width: 441px;
    height: 338px;
    position: absolute;
  }

  .wms-2{
    background-color: white;
    position: absolute;
    top: -15px;
    z-index: 200;
    width: 278px;
    height: 246px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
    border-radius: 15px;
}
 
  .wms-3{
    background-color: white;
    position: absolute;
    bottom: -38px;
    left: -16px;
    z-index: 200;
    width: 227px;
    height: 192px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 15px;
  }


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

  .regular .wms h4{
    padding-top: 25px;
  }

  .border1.wms {
    width: calc(80vw + 3vw);
    height: calc(60vw + 3vw);
    margin: auto;
  }


  .wms-animation-1{
    width: calc(74vw + 3vw);
    height: calc(53vw + 3vw);
  }

  .wms-2{
    right: -4vw;
    width: 45vw;
    height: 39vw;
  }

  .wms-3 {
    top: 36vw;

  }
}


/*pad: Medium-Large*/
@media (min-width: 768px) and (max-width: 1139px) {

  .border1.wms{
    width: calc( 40vw + 50px );
    height: calc( 27vw + 50px);
  }

  .wms-animation-1{
    width: calc(39vw + 3vw);
    height: calc(26vw + 3vw);
  }

  .wms-2{
    right: -4vw;
  }

}



/*PC: Extra large*/
@media (min-width: 1140px) {
  .border1.wms{
    width: calc( 441px + 50px );
    height: calc( 338px + 50px);
  }


  .wms-2{
    left: 311px;
}
}