@media screen and (max-width:1780px) {


}

@media screen and (min-device-width: 1499px) and (max-device-width: 1600px){
  /* .button-purple.one .BornHS__Input, .button-purple.one .BornHS__Label, .button-purple.one .buttonmain{
    left: 20.5% !important;
    top: 29% !important;
  }
  .button-purple.two .BornHS__Input, .button-purple.two .BornHS__Label, .button-purple.two .buttonmain{
    left: 18.5%!important;
      top: 48%!important;
  }
  .button-purple.three .BornHS__Input, .button-purple.three .BornHS__Label, .button-purple.three .buttonmain{
    left: 14.5% !important;
    top: 57.5% !important;
  }
  .button-purple.four .BornHS__Input, .button-purple.four .BornHS__Label, .button-purple.four .buttonmain{
    left: 29.5%;
    top: 48%;
  }
  .button-purple.five .BornHS__Input, .button-purple.five .BornHS__Label, .button-purple.five .buttonmain{
  left: 37.8%!important;
  top: 30%!important;

  }
  .button-purple.six .BornHS__Input, .button-purple.six .BornHS__Label, .button-purple.six .buttonmain{
    left: 43%!important;
top: 42.5%!important;
  }
  .button-purple.seven .BornHS__Input, .button-purple.seven .BornHS__Label, .button-purple.seven .buttonmain{
   left: 50%!important;
top: 50.5%!important;
  }
  .button-purple.eight .BornHS__Input, .button-purple.eight .BornHS__Label, .button-purple.eight .buttonmain{
    left: 45%!important;
    top: 69.5%!important;
  }
  .button-purple.nine .BornHS__Input, .button-purple.nine .BornHS__Label, .button-purple.nine .buttonmain{
    left: 65%!important;
top: 17%!important;
  }
  .button-purple.ten .BornHS__Input, .button-purple.ten .BornHS__Label, .button-purple.ten .buttonmain{
    left: 71%!important;
top: 31%!important;
  }
  .button-purple.eleven .BornHS__Input, .button-purple.eleven .BornHS__Label, .button-purple.eleven .buttonmain{
    left: 65.5%!important;
    top: 42%!important;
  }
  .button-purple.twelve .BornHS__Input, .button-purple.twelve .BornHS__Label, .button-purple.twelve .buttonmain{
    left: 78%!important;
top: 50%!important;
  }
  .button-purple.thirteen .BornHS__Input, .button-purple.thirteen .BornHS__Label, .button-purple.thirteen .buttonmain{
    left: 76%!important;
    top: 73%!important;
  }
  .button-purple.fourteen .BornHS__Input, .button-purple.fourteen .BornHS__Label, .button-purple.fourteen .buttonmain{
    left: 87%!important;
    top: 60%!important;
  } */
}
@media screen and (max-width:1680px) {
.type-wrap {
  text-align: left;
  margin: 0 auto;
  width: 79%;
}
}
@media screen and (max-width:1600px) {
  .main-title {
    line-height: 36px;
    font-size: 30px;
}
  .type-wrap {
  
    width: 72%;
}
  div#item2 {
    left: 15% !important;
    top: 50% !important;
}
  div#item12 {
    left: 64% !important;
    top: 57% !important;
}
div#item11 {
  left: 70% !important;
  top: 52% !important;
}
div#item13 {
  left: 74% !important;
  top: 58% !important;
}
div#item7 {
  left: 45% !important;
  top: 55% !important;
}
  .button-purple.nine .BornHS__Input, .button-purple.nine .BornHS__Label, .button-purple.nine .buttonmain{
    left: 65%!important;
top: 25%!important;
  }
  .button-purple.eight .BornHS__Input, .button-purple.eight .BornHS__Label, .button-purple.eight .buttonmain{
    left: 45%!important;
    top: 69.5%!important;
  }
  .button-purple.thirteen .BornHS__Input, .button-purple.thirteen .BornHS__Label, .button-purple.thirteen .buttonmain{
    left: 76%!important;
    top: 70%!important;
  }
  h2.main-title {
    position: absolute;
    top: 3%;
    z-index: 1;
    text-align: center;
    width: 100%;
    line-height: 34px;
    font-size: 26px;
    color: #E0523C;
} 

.digtal-eco-main {
  background-position-y: 82%;
}
.BornHS__Modal {
  top: -90px;
}

}
@media screen and (max-width:1550px) {
   
}
@media screen and (max-width:1400px) {
  .main-title {
    top: 6%;
    line-height: 34px;
    font-size: 26px;
}

.type-wrap {
  width: 71%;
}
  .click-for.one .box-hov {
    transform-origin: 64% 152% 0px;
  } 
 .click-for.two .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.three .box-hov {
  transform-origin: -72% 152% 0px;
}

.click-for.four .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.five .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.six .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.seven .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.eight .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.nine .box-hov {
  transform-origin: -72% 152% 0px;
}


.click-for.ten .box-hov {
  transform-origin: -72% 152% 0px;
}

.click-for.eleven .box-hov {
  transform-origin: 64% 152% 0px;
}

.click-for.twelve .box-hov {
  transform-origin: -72% 152% 0px;
}

.click-for.thirteen .box-hov {
  transform-origin: -72% 152% 0px;
}
.click-for.fourteen .box-hov {
  transform-origin: -72% 152% 0px;
}
  @keyframes autoplay1 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  
  @keyframes autoplay2 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  @keyframes autoplay3 {
    10% {
      transform-origin: -72% 152% 0px;
  }
    100% {  
      transform-origin: -72% 132% 0px;
  }
  }
  
  @keyframes autoplay4 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  
  @keyframes autoplay5 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  @keyframes autoplay6 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  @keyframes autoplay7 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  
  @keyframes autoplay8 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  
  @keyframes autoplay9 {
    10% {
      transform-origin: -72% 152% 0px;
  }
    100% {  
      transform-origin: -72% 132% 0px;
  }
  }
  
  @keyframes autoplay10 {
    10% {
      transform-origin: -72% 152% 0px;
  }
    100% {  
      transform-origin: -72% 130% 0px;
  }
  }
  
  @keyframes autoplay11 {
    10% {
      transform-origin: 64% 152% 0px;
  }
    100% {  
      transform-origin: 64% 132% 0px;
  }
  }
  
  
  @keyframes autoplay12 {
    10% {
      transform-origin: -72% 152% 0px;
  }
    100% {  
      transform-origin: -72% 132% 0px;
  }
  } 
  
  @keyframes autoplay13 {
    10% {
      transform-origin: -72% 152% 0px;
    }
    100% {  
      transform-origin: -72% 132% 0px;
    }
  } 
  
  @keyframes autoplay14 {
    10% {
      transform-origin: -72% 152% 0px;
    }
    100% {  
      transform-origin: -72% 132% 0px;
    }
  } 
  .button-purple.one .BornHS__Input, .button-purple.one .BornHS__Label, .button-purple.one .buttonmain{
    top: 37% !important;
  }
  .button-purple.nine .BornHS__Input, .button-purple.nine .BornHS__Label, .button-purple.nine .buttonmain {
    left: 65%!important;
    top: 28%!important;
}
div#item12 {
  left: 64% !important;
  top: 50% !important;
}
div#item11 {
  left: 72% !important;
  top: 35% !important;
}
div#item13 {
  left: 71% !important;
  top: 51% !important;
}
div#item7 {
  left: 45% !important;
  top: 45% !important;
}
div#item2 {
  left: 15% !important;
  top: 45% !important;
}
  .img-close {
    right: -60%;
    width: 19%;
}
.svg_animation object {
  position: absolute;
  width: 520px;
  left: -65%;
  right: unset;
  top: -17%;
}
.BornHS__Modal {
  top: -12.5%;
}
.back-btn a.img-close {
  width: 36% !important;
  position: unset !important;
  font-size: 16px;
  line-height: 24px;
  color: #E1523D;
  font-weight: 600;
  border-bottom: 1px solid;
  cursor: pointer;
  z-index: 2;
  padding-top: 20px;
}
h2.main-title {
  position: absolute;
  top: 5.5%;
  z-index: 1;
  text-align: center;
  width: 100%;
  line-height: 31px;
  font-size: 24px;
  color: #E0523C;
}

.digtal-eco-main  {
  background-position: center;
}
.button-purple.eight .BornHS__Input, .button-purple.eight .BornHS__Label, .button-purple.eight .buttonmain {
  left: 45%!important;
  top: 64.5%!important;
}
.button-purple.thirteen .BornHS__Input, .button-purple.thirteen .BornHS__Label, .button-purple.thirteen .buttonmain {
  left: 76%!important;
  top: 66%!important;
}
}
@media screen and (max-width:1366px) {
  
}
@media screen and (max-width:1365px) {

}
@media screen and (max-width:1280px) {
  .type-wrap {
    width: 77%;
}
  .button-purple.five .BornHS__Input, .button-purple.five .BornHS__Label, .button-purple.five .buttonmain{
 
    top: 39%!important;
  
    }
  .button-purple.nine .BornHS__Input, .button-purple.nine .BornHS__Label, .button-purple.nine .buttonmain{

top: 32%!important;
  }
  .button-purple.ten .BornHS__Input, .button-purple.ten .BornHS__Label, .button-purple.ten .buttonmain{
top: 39%!important;
  }
  .BornHS__Modal {
    top: -15.5% !important;
}
  .click-for.one .box-hov {
    transform-origin: 58% 152% 0px;
  } 
 .click-for.two .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.three .box-hov {
  transform-origin: -66% 152% 0px;
}

.click-for.four .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.five .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.six .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.seven .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.eight .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.nine .box-hov {
  transform-origin: -66% 152% 0px;
}


.click-for.ten .box-hov {
  transform-origin: -66% 152% 0px;
}

.click-for.eleven .box-hov {
  transform-origin: 58% 152% 0px;
}

.click-for.twelve .box-hov {
  transform-origin: -66% 152% 0px;
}

.click-for.thirteen .box-hov {
  transform-origin: -66% 152% 0px;
}
.click-for.fourteen .box-hov {
  transform-origin: -66% 152% 0px;
}
  @keyframes autoplay1 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  
  @keyframes autoplay2 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  @keyframes autoplay3 {
    10% {
      transform-origin: -66% 152% 0px;
  }
    100% {  
      transform-origin: -66% 132% 0px;
  }
  }
  
  @keyframes autoplay4 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  
  @keyframes autoplay5 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  @keyframes autoplay6 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  @keyframes autoplay7 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  
  @keyframes autoplay8 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  
  @keyframes autoplay9 {
    10% {
      transform-origin: -66% 152% 0px;
  }
    100% {  
      transform-origin: -66% 132% 0px;
  }
  }
  
  @keyframes autoplay10 {
    10% {
      transform-origin: -66% 152% 0px;
  }
    100% {  
      transform-origin: -66% 130% 0px;
  }
  }
  
  @keyframes autoplay11 {
    10% {
      transform-origin: 58% 152% 0px;
  }
    100% {  
      transform-origin: 58% 132% 0px;
  }
  }
  
  
  @keyframes autoplay12 {
    10% {
      transform-origin: -66% 152% 0px;
  }
    100% {  
      transform-origin: -66% 132% 0px;
  }
  } 
  
  @keyframes autoplay13 {
    10% {
      transform-origin: -66% 152% 0px;
    }
    100% {  
      transform-origin: -66% 132% 0px;
    }
  } 
  
  @keyframes autoplay14 {
    10% {
      transform-origin: -66% 152% 0px;
    }
    100% {  
      transform-origin: -66% 132% 0px;
    }
  } 
  .img-close {
    right: -55%;
    width: 20%;
}
h2.main-title {
  position: absolute;
  top: 4%;
}

}
@media screen and (max-width:1200px) {
  .type-wrap {
    width: 83%;
}

  .digtal-eco-main .img-fluid {
    background-attachment: inherit;
  }
}


@media screen and (max-width:1099px) {
   
}

@media screen and (max-width:1023px) { 
  
}


@media screen and (max-width:1000px) { 

  
}

@media screen and (max-width:940px) {
}

@media screen and (max-width:900px) {
    
}


@media screen and (max-width:850px) {
 
}

@media screen and (max-width:700px) {

}
@media screen and (max-width:768px) {

   
}

@media screen and (max-width:740px) {
  
}

@media screen and (max-width:685px) {

}

@media screen and (max-width:640px) {

   
}

@media screen and (max-width:480px) {
  
}
@media screen and (max-width:420px) {
 
}
@media screen and (max-width:380px) {

    
}


@media screen and (max-width:320px) {

}





@media only screen and (orientation:landscape){
    #turn{ display:none; }      
  }
  @media only screen and (orientation:portrait){
    #turn{ display:block; }
  }