.hideModal{
    z-index:-1;
    opacity:0;
  animation: hide 0.5s;
  
transform: scale(0);
transform-origin: top right;
animation-timing-function: ease;
animation-fill-mode: both;
}
@keyframes hide {
  from{
      z-index:2;
transform: scale(1);
    opacity:1;
  } to{
      z-index:-1;
transform: scale(0);
    opacity: 0;
  }
}
.showModal{
  opacity:1;
  z-index:2;
  animation: show 0.5s;
  transform-origin: top right;
  animation-timing-function: ease;
  animation-fill-mode: both;
  transform: scale(1);
}
@keyframes show {
  from{
    
transform: scale(0);
    opacity:0;
      z-index:-1;
  } to{
    
transform: scale(1);
    opacity: 1;
      z-index:2;
  }
}

@media only screen and (max-width: 768px) {
  .sec1_txtdiv h1 {
      font-size: 7.14vw;
  }
  .sec1_txtdiv p {
      font-size: 4.14vw;
  }
  .se2_head_txt h1{
      font-size: 7.14vw;
      width: 100%;
  }
  .se2_head_txt p{
      font-size: 4.14vw;
  }
  .se3_head_txt h1{
      font-size: 7.14vw;
  }
  .se3_head_txt p{
      font-size: 4.14vw;
  }
  .se4_head_txt h1{
      font-size: 7.14vw;
  }
  .se4_head_txt p{
      font-size: 4.14vw;
  }
  .sec5_txt2 span{
    width: 3vw;
    height: 3vw;
    margin-top: 0;
  }
  .sec5_txt2 p{
    font-size: 2.50vw;
  }
  .sec5_txt1{
    font-size: 2.50vw;
    margin-top: -3px;
  }
  .footer_singup input[type="submit"] {
    font-size: 0.90vw;
  }
  .myslide_div1_1_img{
    width: 30vw;
    height: 30vw;
  }
  .imghover_1{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_2_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
  }
  .imghover_2{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_3_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
  }
  .imghover_3{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_4_img{
    width: 30vw;
    height: 30vw;
    margin-left: 0%;
    margin-top: 1%;
  }
  .imghover_4{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_5_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
    margin-top: 1%;
  }
  .imghover_5{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_6_img{
    width: 30vw;
    height: 30vw;
    margin-top: 1%;
    margin-left: 2%;
  }
  .imghover_6{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_7_img{
    width: 30vw;
    height: 30vw;
    margin-top: 1%;
    margin-left: 0;
    margin-right: 4%;
  }
  .imghover_7{
     width: 30vw;
     height: 30vw;
  }
  .slide_txt_1 {
      width: 50.04vw;
      height: auto;
      position: relative;
      float: left;
      left: 5%;
      top: 7vw;
  }
  .slide_txt_1 p {
    font-size: 8.33vw;
  }
  .slide_txt_1 p:nth-child(2) {
    font-size: 4.08vw;
  }
  .modle_logo {
      width: 26.41vw;
      height: 8.96vh;
      margin-top: 3%;
  }
  .modle_close{
    margin-top: 2vw;
  }
  .close span {
    top: 30px;
    font-size: 4.25vw;
  }

}
@media only screen and (max-width: 414px) {
  
  .myslide_div1_1_img{
    width: 30vw;
    height: 30vw;
  }
  .imghover_1{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_2_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
  }
  .imghover_2{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_3_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
    margin-right: 0;
  }
  .imghover_3{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_4_img{
    width: 30vw;
    height: 30vw;
    margin-left: 0%;
    margin-top: 1%;
  }
  .imghover_4{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_5_img{
    width: 30vw;
    height: 30vw;
    margin-left: 2%;
    margin-top: 1%;
  }
  .imghover_5{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_6_img{
    width: 30vw;
    height: 30vw;
    margin-top: 1%;
    margin-left: 2%;
  }
  .imghover_6{
     width: 30vw;
     height: 30vw;
  }
  .myslide_div1_7_img{
    width: 30vw;
    height: 30vw;
    margin-top: 1%;
    margin-left: 0;
    margin-right: 1%;
  }
  .imghover_7{
     width: 30vw;
     height: 30vw;
  }
  .slide_txt_1 {
      width: 50.04vw;
      height: auto;
      position: relative;
      float: left;
      left: 5%;
      top: 7vw;
  }
  .slide_txt_1 p {
    font-size: 8.33vw;
  }
  .slide_txt_1 p:nth-child(2) {
    font-size: 4.08vw;
  }
  .modle_logo {
      width: 29.41vw;
      height: 7.96vh;
      margin-top: 6%;
  }
  .modle_close{
    margin-top: 3vw;
    width: 19.83vw;
    height: 19.83vw;
  }
  .close {
    width: 19.83vw;
    height: 19.83vw;
  }
  .close span {
    top: 27px;
    font-size: 4.5vw;
  }
  .logo-box {
      width: 118px;
      height: 48px;
  }
  .logo-box img{
      width: 100%;
      height: 100%;
  }
  .logo_btn {
    width: 80px;
    height: 80px;
  }
  .sec2_img3 img {
    top: 18px;
  }
  .sec2_img3 {
    height: 390px;
  }
  .sec3_img2_img {
    right: -8px;
  }
  .sec4_txt_img p {
      padding-left: 5%;
  }
  .sec5_txt1 {
      font-size: 5.5vw;
      margin-top: 0px;
      text-align: center;
  }
  .sec5_line {
      width: 100%;
      margin-top: 6%;
  }
  .sec5_txt2 span {
      width: 7vw;
      height: 7vw;
      margin-top: 5px;
  }
  .sec5_txt2 p {
      font-size: 5.5vw;
  }
  .sec5_txt2 {
    width: 65%;
    text-align: center;
    margin: 20px auto;
  }
  .sec5_img1 {
      margin: 10px auto;
  }
  .sec5_img2 {
      margin: 10px auto;
  }
  .sec5_img3 {
      margin: 10px auto;
  }
  .sec5_img4 {
      margin: 10px auto;
  }
  .footer_singup input[type="submit"] {
      font-size: 2.9vw;
  }
  .footer_logo {
      height: 100px;
      margin: 0 auto;
  }
  .footer_add_div {
      width: 65%;
      margin: 20px auto;
  }
  .footer_singup h3 {
    text-align: center;
    margin-top: 10px;
  }

}
@media only screen and (max-width: 375px) {
  .modle_logo {
      width: 29.41vw;
      height: 7.96vh;
      margin-top: 6%;
  }
  .modle_close{
    margin-top: 3vw;
    width: 19.83vw;
    height: 19.83vw;
  }
  .close {
    width: 19.83vw;
    height: 19.83vw;
  }
  .close span {
    top: 24px;
    font-size: 4.5vw;
  }

}
@media only screen and (max-width: 360px) {
  .modle_logo {
      width: 29.41vw;
      height: 7.96vh;
      margin-top: 6%;
  }
  .modle_close{
    margin-top: 3vw;
    width: 19.83vw;
    height: 19.83vw;
  }
  .close {
    width: 19.83vw;
    height: 19.83vw;
  }
  .close span {
    top: 24px;
    font-size: 4.5vw;
  }

}
@media only screen and (max-width: 320px) {
  .modle_logo {
      width: 29.41vw;
      height: 7.96vh;
      margin-top: 6%;
  }
  .modle_close{
    margin-top: 3vw;
    width: 19.83vw;
    height: 19.83vw;
  }
  .close {
    width: 19.83vw;
    height: 19.83vw;
  }
  .close span {
    top: 20px;
    font-size: 4.5vw;
  }

}