@media (max-width: 1679px) {
  h1,
  .section-title {
    font-size: 48px;
    line-height: 52px;
  }
  h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .txt {
    font-size: 16px;
    line-height: 24px;
  }

  .section-content {max-width: 516px}
}


/* and (orientation: landscape) */
/* horizontal */
@media (min-width: 992px) and (max-width: 1200px) {
  h1,
  .section-title {
    font-size: 40px;
    line-height: 46px;
  }
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .txt {
    font-size: 14px;
    line-height: 20px;
  }
}


/* vertical */
@media (max-width: 991px) {
  h1,
  .section-title {
    font-size: 32px;
    line-height: 40px;
  }
  h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .txt {
    font-size: 14px;
    line-height: 20px;
  }
}


@media (max-width: 576px) {
  h1,
  .section-title {
    font-size: 26px;
    line-height: 30px;
  }
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
  .txt {
    font-size: 14px;
    line-height: 20px;
  }
}


@media (max-width: 1679px) {
  .container:not(.container-fluid) {
    max-width: 1065px;
  }
   .rocket-animation-area {
    margin-top: 0;
    transform: scale(.7);
   }
   .dot-list li {
     font-size: 14px;
   }
   section.section-wrapper.wrapper-vantage .list-el {
     margin-top: 24px;
   }

   .contact-caption {
    margin-top: 32px;
    margin-bottom: 32px;
   }

   .contact-img {
    width: 409px;
    height: 401px;
    right: 3%;
   }
   .contact-img img {
    width: 100%;
   }

   .input-el,
   .input-label span {
     font-size: 14px;
     margin-bottom: 40px;
   }
   .checkbox {
     font-size: 12px;
   }
   .contact-form {
     margin-top: 0;
   }

   .plat-button {
    font-size: 12px;
    padding: 14px 16px;
   }

}

@media (max-height: 860px) {
   .rocket-animation-area {
     transform: scale(.7);
  }
}
@media (max-height: 830px) {
   .rocket-animation-area {
    transform: scale(.75);
    transform-origin: 56% 100%;
  }
}



@media (min-width: 768px) {

  h1, .section-title {
    margin-bottom: 32px;
  }
  .section-wrapper.wrapper-app .txt {
    margin: 32px 0;
  }

  .img-animation-tspbank {
    width: 476px;
    height: 439px;
  }
  .tsp-qr {
    top: 3%;
    left: 37%;
    width: 100px;
  }
  .tsp-card {
    width: 200px;
    left: 5%;
    bottom: 28%;
  }
  .tsp-main {
    left: 0;
    bottom: -5%;
  }

  .section-wrapper.wrapper-vantage
  .section-title {
    font-size: 40px;
    line-height: 48px;
  }

  .footer-area {
    padding-top: 115px;
    padding-bottom: 20px;
  }
  .section-wrapper.wrapper-app {
    height: auto;
  }
  .section-wrapper.wrapper-app {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .pin-spacer.pin-spacer-intro {
    height: 100vh !important;
    z-index: 999 !important;
  }

}


@media (min-width: 1160px) {
  .container-fluid {
    max-width: 94.5%;
  }
  
  .plat-header {
    top: 30px;
  }

  .logo-element svg {
    max-width: 125px;
  }
  .plat-header nav {
    margin-left: 9px;
    margin-right: 9px;
  }
  .plat-header nav ul li a {
    font-size: 14px;
    line-height: 20px;
  }
  .plat-header nav ul li {
    margin-left: 8px;
    margin-right: 8px;
  }
  .phone-el {
    font-size: 18px;
  }
  .plat-button-sm {
    padding-left: 18px;
    padding-right: 18px;
  }
  .rocket-animation-area {
    right: 0;
  }
  .section-wrapper.wrapper-app .section-content {
    max-width: 500px;
  }
  .rocket-animation-area {
    bottom: 13%;
  }
  .plat-button {
    font-size: 12px;
    padding: 15px 25px;
  }
  .plat-button.plat-button-sm {
    font-size: 11px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .mouse-icon {
    margin-top: 38px;
  }
  .mouse-icon img {
    max-width: 25px;
  }

}

@media (max-width: 1160px) and (max-width: 1360px){
  .connect--box__image {
    width: 367px;
    height: 367px;
  }
  .connect--box__content {
    margin-left: 40px;
  }
  .connect--box__title {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .connect--box__caption {
    font-size: 16px;
    line-height: 24px;
  }
  .connect--box__title:before {
    font-size: 14px;
    margin-bottom: 16px;
  }
}


@media (min-width: 1300px) {

  h1, .section-title {
    margin-bottom: 33px;
  }


  .logo-element svg {
    max-width: 128px;
  }
  .plat-header nav {
    margin-left: 15px;
    margin-right: 15px;
  }
  .plat-header nav ul li a {
        font-size: 14px;
    line-height: 20px;
  }
  .plat-header nav ul li {
    margin-left: 14px;
    margin-right: 14px;
  }
  .phone-el {
    font-size: 20px;
    margin-right: 15px;
  }
  .plat-button-sm {
    padding-left: 24px;
    padding-right: 24px;
  }
  .section-wrapper.wrapper-app .section-content {
    max-width: 558px;
  }


  .contact-caption {
    max-width: 560px;
    font-size: 24px;
    line-height: 32px;
    margin-top: 40px;
    margin-bottom: 40px;
  }


  .section-wrapper.wrapper-vantage .section-content {
    max-width: 522px;
  }


  
}

@media (min-width: 1679px) {
  .section-wrapper.wrapper-vantage 
  .section-title.section-title-md {
      font-size: 60px;
      line-height: 70px;
  }

  .container-fluid {
    max-width: 92%;
  }

  .logo-element svg {
    max-width: 167px;
  }
  .plat-header nav ul li a {
        font-size: 16px;
    line-height: 20px;
  }
  .plat-header nav ul li {
    margin-left: 20px;
    margin-right: 20px;
  }
  .phone-el {
    font-size: 20px;
    margin-right: 15px;
  }
  .plat-button-sm {
    padding-left: 24px;
    padding-right: 24px;
  }
  .rocket-animation-area {
    right: 8%
  }

  .plat-button {
    font-size: 14px !important;
    padding: 20px 32px;
  }

  .mouse-icon {
    margin-top: 54px;
  }
  .mouse-icon img {
    max-width: 100%;
  } 
  

  .img-animation-tspbank {
    width: 659px;
    height: 610px;
  }
  .tsp-qr {
    width: initial;
    left: 40%;
    top: -4%;
    z-index: 5;
  }
  .tsp-card {
    width: initial;
    left: 10%;
    bottom: 35%;
  }
  .tsp-main {
    width: initial;
    left: 4%;
    bottom: 4%;
  }

  .footer-area {
    padding-bottom: 40px;
  }


  .section-wrapper.wrapper-vantage .section-content {
    max-width: 640px;
  }


}


@media (min-width: 1760px) {
  .plat-app-video {
    width: 90vw;
  }

}


@media (max-width: 1199px) {

  .section-wrapper.wrapper-connect .section-title {
    margin-top: 0;
  }

  .section-wrapper.wrapper-connect{
    height: auto;
  }


  h1, .section-title {
    margin-bottom: 32px;
  }


  .mobile-menu,
  .mobileMenuBtn {
    display: flex;
  }

  .plat-header nav {
    display: none;
  }
  .logo-element svg {
    max-width: 128px;
    height: auto;
  }


  .connect--box__title:before {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .connect--box__image {
    width: 322px;
    height: 251px;
  }
  .connect--box__content {
    max-width: 321px;
    margin-left: 40px;
  }
  .connect--box__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .connect--box__caption {
    font-size: 14px;
    line-height: 20px;
  }
  .connect--box-arrow {
    width: 90px;
    margin-left: 10px;
    background-position: center right;
  }
  .connect-slider {
    margin-top: 35px;
  }


  .section-wrapper.wrapper-connect .slick-dots,
  .section-wrapper .container {
    max-width: 680px;
  }
  .section-wrapper.wrapper-connect .container {
    max-width: 652px;
  }

  .rocket-stars svg {
    max-width: 450px;
    width: 100%;
    height: 100%;
  }

  #intro-content {
    max-width: 334px;
  }

  .rocket-animation-area {
    transform: initial;
    height: 500px;
    right: 0;
    top: -13%;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
  .rocket-animation_rocket img {
    max-width: 265px;
  }
  .rocket-animation_phone-base img {
    max-width: 668px;
  }
  .rocket-animation_cloud-left img {
    max-width: 346px;
  }
  .rocket-animation_cloud-right img {
    max-width: 294px;
  }
  .rocket-animation_coin-right-t img,
  .rocket-animation_coin-left-b img {
    max-width: 86px;
  }
  .rocket-animation_coin-left-b {
    bottom: 0;
  }
  .rocket-animation_coin-left img {
    max-width: 67px;
  }
  .mouse-icon {
    display: none;
  }


  .section-wrapper.wrapper-app .section-content {
    max-width: 329px;
  }

  .section-wrapper.wrapper-vantage 
  .container {
    max-width: 887px;
  }

  .section-wrapper.wrapper-vantage .section-content {
    max-width: 410px;
  }
  .img-animation-tsp {
    max-width: 337px;
    width: 100%;
    height: 383px;
  }
  .img-animation-tsp .tsp-money {
    max-width: 215px;
  }
  .img-animation-tsp .tsp--card {
    max-width: 189px;
    top: -6%;
  }

  .img-animation-tspbank {
    max-width: 417px;
    width: 100%;
  }
  .img-animation-area.img-animation-tspbank {
    height: 386px;
  }
  .img-animation-area.img-animation-tspbank 
  .tsp-card {
    max-width: 163px;
  }
  .img-animation-area.img-animation-tspbank 
  .tsp-qr {
    max-width: 87px;
  }


  section.section-wrapper.wrapper-vantage .section-vantage-top .vantageTrigger,
  section.section-wrapper.wrapper-vantage .section-vantage-bottom .vantageTrigger,
  section.section-wrapper.wrapper-vantage 
  .container {
    padding-top: 0;
    padding-bottom: 0;
  }



  .footer-area {
    padding-top: 70px;
  }

    section.section-wrapper.wrapper-vantage 
    .section-vantage-top {
      margin-bottom: 30px;
    }

  .section-vantage-top .vantageTrigger {
    margin-bottom: 30px;
  }

  .copyright {
    font-size: 14px;
  }

  body > .up-btn {
    display: none;
  }

  .up-btn-footer {
    position: absolute;
    display: block;
    opacity: 1;
    left: 15px;
    bottom: 20px;
    animation: none !important;
  }
  .up-btn-footer svg {
    width: 20px;
  }
  .up-btn-footer path {
    stroke: #fff;
  }


}


@media (max-width: 767px) {


  .op-0,
  .plat-app-video {
    z-index: 9;
    opacity: 1 !important;
  }

  .vantageTrigger,
  .img-animation-area img {
    opacity: 1;
  }

  .section-wrapper.wrapper-contact,
  .section-wrapper.wrapper-contact .container {
    height: auto;
  }
  .section-wrapper.wrapper-connect .container {
    padding: 5vw 0;
  }
  .section-wrapper.wrapper-connect 
  .section-title {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .connect--box-arrow, 
  .connect--box__image, 
  .connect--box__content {
    margin-bottom: 30px;
  }
  .connect--box__content {
    max-width: 315px;
  }

  .connect--box__image {
    max-width: 235px;
    height: 235px;
  }
  .connect--box__title,
  .connect--box__title:before {
    font-size: 18px;
  }
  .connect--box__content {
    margin-left: 34px;
  }

  .connect-slider .slick-slide:not(.slick-active) {
    opacity: 0;
  }

  .section-wrapper.wrapper-contact 
  .contact-content-wrapper {
    max-width: 50vw;
    padding-top: 0;
  }
  .contact-img {
    width: 40vw;
  }

  .section-wrapper, 
  .section-wrapper .container {
    height: 700px;
  }

  .section-wrapper.wrapper-vantage,
  .section-wrapper.wrapper-vantage .container {
    height: auto;
  }

  .section-wrapper.wrapper-intro {
    margin-top: -1px;
  }

  .section-wrapper.wrapper-contact {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .footer-area nav ul li:not(:last-child) {
    margin-right: 20px;
  }
  .copyright {
    font-size: 14px;
  }




  .rocket-stars svg {
    width: 100%;
    height: 100%;
  }

    .plat-header {
      top: 20px;
    }

    .txt,
    .dot-list li {
      font-size: 14px;
      line-height: 20px;
    }


    .section-wrapper .container {
      display: block;
    }

    h1, .section-title {
      font-size: 32px;
      line-height: 40px;
      margin-bottom: 32px;
    }

    section.section-wrapper {
      height: auto;
    }
    .section-wrapper,
    .section-wrapper .container {
      height: auto;
    }

    .section-wrapper 
    .rocket-animation-area {
      position: relative;
      transform: initial;
    }

    .platanim_s1,
    .platanim_s2 {
      -o-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -webkit-transform: none !important;
      transform: none !important;
       
      /*CSS animations*/
      -webkit-animation: none !important;
      -moz-animation: none !important;
      -o-animation: none !important;
      -ms-animation: none !important;
      animation: none !important;
    }

    .rocket-animation_rocket img {
      max-width: 181px;
    }


    .rocket-animation-area {
      -o-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
      left: 0;
      right: 0;
    }


    .section-wrapper.wrapper-vantage {
      overflow: initial;
    }

    .rocket-animation-area {
      max-width: 473px;
      height: 430px;
      margin-left: auto;
      margin-right: auto;
    }

    .rocket-animation_cloud-left img {
      max-width: 236px;
    }
    .rocket-animation_cloud-right img {
      max-width: 200px;
    }
    .rocket-animation_phone-base img {
      max-width: 455px;
    }
    .rocket-animation_coin-left-b img {
      max-width: 62px;
    }
    .rocket-animation_coin-right-t img {
      max-width: 59px;
    }
    .rocket-animation_coin-left img {
      max-width: 45px;
    }

    .rocket-animation_rocket {
      left: 38%;
      bottom: 20%;
    }
    .rocket-animation_cloud-right {
      right: -3%;
      bottom: 20%;
    }
    .rocket-animation_cloud-left {
      left: 12%;
      bottom: 0;
    }
    .rocket-animation_coin-left {
      bottom: 40%;
      left: 22%;
    }
    .rocket-animation_coin-right-t {
      right: 10%;
      bottom: 25%;
    }
    .rocket-animation_coin-left-b {
      right: 8%;
      bottom: 18%;
    }
    .rocket-animation_phone-base {
      right: 0%;
      bottom: 0;
    }

    .mouse-icon {display: none;}

    #intro {
      padding-bottom: 50px;
    }
    #intro-content {
      display: flex;
      align-items: center;
      flex-direction: column;
      max-width: 100%;
    }
    #intro-content .section-title {
      text-align: center;
      margin-top: 15px;
      margin-bottom: 44px;
    }

    .plat-button {
      font-size: 12px;
      max-width: 188px;
      padding: 16px 24px;
    }

    .section-wrapper.wrapper-vantage .section-content {
      max-width: 45vw;
    }

    .section-wrapper.wrapper-app 
    .container {
      padding: 76px 15px 117px;
    }

    .section-wrapper.wrapper-app .txt {
      margin: 32px 0;
    }

    .plat-app-video {
      width: 140vw;
      right: -18vw;
      top: initial;
      bottom: -13vw;
    }

    .section-wrapper.wrapper-vantage 
    .section-content .section-title {
      display: none;
    }

    .section-wrapper.wrapper-vantage .section-title {
      text-align: center;
    }

    section.section-wrapper.wrapper-vantage {
      padding: 48px 0;
    }

    section.section-wrapper.wrapper-vantage .container {
      justify-content: initial;
      align-items: initial;
    }

    section.section-wrapper.wrapper-vantage .list-el:not(.dot-list) {
      margin-top: 0;
    }

    .img-animation-tspbank {
      width: 100%;
      align-items: flex-start;
    }

    .img-animation-tspbank {
      height: 375px;
    }

    
    .img-animation-tsp {
      max-width: 279px;
      height: 344px;
    }
    .img-animation-tspbank {
      max-width: 332px;
      height: 306px;
    }
    .img-animation-tsp .tsp--card {
      max-width: 156px;
      top: initial;
      bottom: 55%;
    }
    .img-animation-tsp .tsp-money {
      max-width: 170px;
      bottom: 3%;
    }

    .img-animation-area .tsp-card {
      max-width: 129px;
    }
    .img-animation-area .tsp-qr {
      max-width: 69px;
      top: -3%;
      bottom: 0;
    }

    .d-none {
      display: block;
    }

    .close-tab-btn {
      display: none;
    }

    .tab-heading {
      display: flex;
      text-align: center;
      justify-content: center;
      border: 0;
    }


    .copyright {
      font-size: 12px;
    }

    .contact-caption {
      margin-top: 32px;
      margin-bottom: 32px;
    }

    #intro {
      padding-top: 0;
    }

    .plat-header {
      position: relative;
      top: 0 !important;
      background: #51BCF5;
      padding: 20px 0 0;
    }


    .contact-img {
      top: 0;
      bottom: initial;
      right: 5%;
      max-width: 231px;
      height: auto;
    }
    .contact-img img {
      width: 100%;
    }

    .section-wrapper.wrapper-contact 
    .section-content {
      max-width: 60vw;
    }

    .section-wrapper.wrapper-connect, .app-content {
      background-position: -50% center;
    }


    .section-vantage-top .vantageTrigger {
      margin-bottom: 0;
    }


    .section-wrapper.wrapper-app 
    .plat-button {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

  .section-wrapper.wrapper-connect {
    transform: none !important;
    -webkit-transform: none !important;
  }
  .img-animation-area {
    position: relative;
  }

  .section-overlay {
    display: none;
  }

  #intro,
  .section-wrapper.wrapper-app,
  .section-wrapper.wrapper-intro {
    padding-bottom: 0;
  }
  .section-wrapper.wrapper-intro {
    padding-top: 0;
  }

  .section-wrapper.wrapper-intro .intro-wrap {
    padding-bottom: 40px;
  }

  .section-wrapper.wrapper-intro .intro-wrap,
  .section-wrapper.wrapper-vantage {
    background: #51BCF5;
  }
  #footer {position: absolute; bottom: 0; left: 0; right: 0; visibility: hidden;}

  .section-wrapper.wrapper-app .plat-button {
    margin-left: 0;
  }

  .contact-content-wrapper {
    position: relative;
    display: block;
    height: initial;
  }

}


@media (max-width: 1200px) {
  .section-wrapper.wrapper-contact .container {
    max-width: 850px;
  }
  .section-wrapper.wrapper-contact 
  .section-content{
    max-width: 450px;
  }
  .contact-img {
    max-width: 340px;
    height: 357px;
  }
  .contact-img img {
    width: 100%;
  }
  .contact-caption {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

@media (max-width: 680px) {
  h1, .section-title {
    font-size: 24px;
    line-height: 30px;
  }

  .header-contact-area .phone-el,
  .header-contact-area .plat-button {
    display: none;
  }

  .section-wrapper,
  .section-wrapper.wrapper-app {
    padding: 48px 0;
  }

  .section-wrapper.wrapper-app {
    padding-bottom: 0;
  }

  .section-wrapper.wrapper-app .section-content {
    max-width: 100%;
  }

  section.section-wrapper.wrapper-app {
    padding-top: 0;
    padding-bottom: 0;
  }

  .app-content {
    background-position: -15%;
    background-size: contain;
  }

  section.section-wrapper.wrapper-app .container {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .plat-app-video {
    position: relative;
    width: 150%;
    left: -60vw;
    right: 0;
    top: initial;
    bottom: -5px;
  }
  .plat-app-video-frame {
    position: relative;
    left: 0;
    right: 0;
    height: auto;
    overflow: initial;
  }



  .section-wrapper.wrapper-vantage .section-content {
    max-width: 100%;
  }

  section.section-wrapper.wrapper-vantage .section-vantage-top, 
  section.section-wrapper.wrapper-vantage .section-vantage-bottom {
    display: none;
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  section.section-wrapper.wrapper-vantage {
    padding: 0;
  }

  .section-wrapper.wrapper-vantage .section-title {
    text-align: left;
    margin-bottom: 0;
    padding: 20px 15px;
  }


  .section-wrapper.wrapper-connect {
    background: transparent;
  }
  .connect--box {
    flex-direction: column;
  }
  .connect--box-arrow {
    display: none;
  }
  .section-wrapper.wrapper-connect {
    padding: 0;
  }

  .tab-heading {
    justify-content: space-between;
    border-bottom: 1px solid #91D3F5 !important;
  }
  .close-tab-btn {
    display: block;
  }


  .connect-slider .slick-slide {
    opacity: 1;
  }

  section.section-wrapper.wrapper-vantage .section-vantage-top, 
  section.section-wrapper.wrapper-vantage .section-vantage-bottom {
    display: none;
  }


  .footer-area {
    flex-direction: column-reverse;
  }
  .footer-area nav ul {
    flex-direction: column;
  }
  .footer-area,
  .footer-area nav ul {
    justify-content: center;
    align-items: center;
  }
  #contact .footer-area nav ul li {
    margin-left: 0;
    margin-right: 0;
  }
  #contact .footer-area nav ul li {
    margin-bottom: 15px;
  }
  .contact-img {
    position: relative;
    max-width: 153px;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .contact-img img {
    width: 100%;
  }

  #contact .section-title {
    text-align: center;
  }
  .footer-area {
    padding-top: 0;
  }

  .section-wrapper.wrapper-contact .container {
    display: block;
  }
  input[type="submit"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .input-el[type="email"] {
    margin-bottom: 0;
  }

  .contact-form .checkbox {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .connect--box__content {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 35px;
  }


  .img-animation-area-wrap,
  .img-animation-area.img-animation-tspbank,
  .img-animation-area.img-animation-tsp {
    height: 330px;
  }


  #intro .section-title {
    margin-bottom: 32px;
  }

  .mobile-menu {
    max-width: 251px;
  }
  .mobile-menu .mobileMenuBtn {
    top: 24px;
    right: 24px;
  }
  .mobile-menu .phone-el {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mobile-menu li a {
    font-size: 12px;
  }
  .mobile-menu li:not(:last-child) {
    margin-bottom: 24px;
  }

  .section-wrapper.wrapper-contact 
  .section-content {
    max-width: 100%;
  }

  .section-wrapper.wrapper-contact .contact-content-wrapper {
    max-width: 100%;
  }

  .section-wrapper.wrapper-vantage 
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .section-wrapper.wrapper-vantage 
  .section-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-wrapper.wrapper-connect .slick-dots {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .section-wrapper.wrapper-app .section-title {
    text-align: center;
  }

  section.section-wrapper.wrapper-vantage 
  .section-vantage-top {
    margin-bottom: 0;
  }

  .section-wrapper.wrapper-app .container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-wrapper.wrapper-app .plat-button {
    margin-left: auto;
    margin-right: auto;
  }

}



@media (max-width: 576px) {
  .plat-header {
    top: 16px;
  }

  .logo-element svg {
    max-width: 87px;
  }

  .section-wrapper .rocket-animation-area {
    width: 320px;
    height: 311px;
  }
  .section-wrapper .rocket-animation-area img {
    width: 100%;
  }
  .rocket-animation_cloud-right {
    bottom: 30%;
  }
  .rocket-animation_cloud-right img {
    max-width: 139px;
  }
  .rocket-animation_cloud-left img {
    max-width: 164px;
  }
  .rocket-animation_coin-left {
    bottom: 45%;
    left: 23%;
  }
  .rocket-animation_coin-left img {
    max-width: 31px;
  }
  .rocket-animation_rocket {
    bottom: 25%;
  }
  .rocket-animation_rocket img {
    max-width: 126px;
  }
  .rocket-animation_coin-right-t img,
  .rocket-animation_coin-left-b img {
    max-width: 43px;
  }
  .rocket-animation_coin-right-t {
    right: 6%;
    bottom: 30%;
  }
  .rocket-animation_coin-left-b {
    right: 2%;
    bottom: 24%;
  }
  .connect--box__content {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }



}



@media (max-width: 380px) {
  .section-wrapper .rocket-animation-area {
    width: 280px;
  }
}
/*
@media (min-width: 767px) and (max-width: 1200px)  and (min-height: 630px) and (max-height: 900px) {
   .section-wrapper,
  .section-wrapper .container {
    height: 670px;
  }
}*/



@media (min-width: 1200px) and (min-height: 320px) and (max-height: 860px) {
/*  .section-wrapper .container {
    max-width: 1200px;
  }*/

  .section-content {
    max-width: 515px;
  }

  h1,
  .section-title {
    font-size: 48px !important;
    line-height: 52px !important;
  }
  h2 {
    font-size: 40px !important;
    line-height: 48px !important;
  }
  .txt {
    font-size: 16px;
    line-height: 24px;
  }


  .connect--box__image {
    width: 367px;
    height: 367px;
  }
  .connect--box__content {
    margin-left: 40px;
  }
  .connect--box__title {
    font-size: 32px;
    margin-bottom: 24px;
  }
  .connect--box__caption {
    font-size: 16px;
    line-height: 24px;
  }
  .connect--box__title:before {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .mouse-icon {
    margin-top: 35px;
  }

 .rocket-animation-area {
    transform: scale(.6);
    top: 0;
    bottom: 0;
 }

  .input-el {
    margin-bottom: 35px;
  }
  .contact-caption {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .contact-form {
    margin-top: 38px;
  }
  .contact-form .checkbox {
    font-size: 16px;
    margin-bottom: 38px;
  }

  .footer-area {
    padding-top: 40px;
  }
  .contact-img img {
    width: 545px;
  }
  .img-animation-area {
    transform: scale(.75);
    transform-origin: left;
  }

}

@media (min-width: 1200px) and (max-width: 1679px) and (min-height: 320px) and (max-height: 860px) {
  .section-wrapper .container {
    max-width: 1000px;
  }
}


@media (min-width: 1560px) and (max-height: 860px) {
  .plat-app-video {
    top: 0;
    bottom: initial;
  }
}

@media (max-width: 1200px) and (max-height: 860px) {
  .plat-app-video {
    top: initial;
    bottom: -5px;
  }
}

@media (min-width: 1200px) and (max-height: 710px) {
  .plat-app-video {
    top: 0;
    bottom: initial;
  }
}


@media (min-width: 1200px) and (min-height: 320px) and (max-height: 860px) {
  .section-wrapper.wrapper-connect .section-title {
    margin-top: 20vh;
    margin-bottom: 40px;
  }
}

@media (min-width: 1679px) and (max-height: 860px) {
  .section-wrapper .container {
    max-width: 1140px;
  }
}

@media(max-height: 430px) {
  .mobile-menu li:not(:last-child) {
    margin-bottom: 5.5vh;
  }
  .mobile-menu .phone-el {
    margin-top: 6vh;
    margin-bottom: 6vh;
  }
}

@media (max-width: 1200px) {
  .footer-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
  .footer-area nav {
    margin-bottom: 24px;
  }
}

@media (max-width: 992px) {
  .connect--box__image {
    width: 250px;
    height: 235px;
  }
  .connect--box__content {
    max-width: 260px;
  }

  .section-wrapper.wrapper-contact 
  .footer-area nav ul li {
    margin-left: 20px;
    margin-right: 20px;
  }

}


/* tablet slider */
@media (min-width: 992px) and (max-width: 1200px) {
  .section-wrapper.wrapper-connect .container {
    max-width: 800px;
  }
  .slick-slide .connect--box {
    margin-top: 50px;
  }
  .slick-slide .connect--box-arrow, 
  .slick-slide .connect--box__image,
  .slick-slide .connect--box__content {
    margin-bottom: 100px;
  }  
  .slick-slide .connect--box__content {
    max-width: 315px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {

  .wrapper-connect.whiteSc {
    z-index: 999;
  }
  .connect-slider {
    margin-top: 15px;
  }
  .connect--box {
    margin-top: 20px;
  }
  .connect--box-arrow, 
  .connect--box__image,
  .connect--box__content {
    margin-bottom: 30px;
  }
  .slick-slide:not(.slick-active) {
    opacity: 0;
  }
  .section-wrapper.wrapper-connect .container {
    align-items: initial;
  }

}
/* tablet slider.end */




#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  z-index: -1;
}