/* (max-width: 768px) */
@media screen and (max-width: 480px) {
  .v3-auth-row {
    height: auto !important;
  }

  .v3-auth-wrapper {
    overflow: auto !important;
  }

  .v3-banner {
    padding: 15px !important;
  }

  .v3-auth {
    padding: 37px !important;
  }

  .v3-auth .v3-logo {
    height: 25px;
  }

  .v3-auth h2 {
    margin-top: 23px;
    margin-bottom: 20px;
    font-size: 40px;
  }

  .magic-text-col {
    padding: 10px !important;
  }

  .magic-page h1 {
    font-size: 1.7rem;
  }

  .magic-page h1 .shape-1 {
    height: 15px;
  }

  .magic-page h1 .shape-2 {
    height: 15px;
  }

  .magic-animated-sec {
    width: 100%;
    text-align: center;
  }

  .mobile-logo-section {
    margin-top: 15px;
    display: block;
  }

  .sticky-logo-area {
    display: none;
  }

  .magic-page .magic-gif {
    height: 300px;
    padding: 20px;
  }

  .social-mobile {
    display: block;
  }

  .contact-v3-radios {
    padding: 12px !important;
  }

  .magic-contact-img {
    display: none;
  }

  .magic-page .magic-img {
    height: 112.8vw;
    padding: 3.5vw !important;
  }

  .merchant-onb-sidebar .sb-onb-sub-text {
    font-size: 21px;
  }

  .merchant-onb-sidebar .sb-onb-title {
    font-size: 30px !important;
    text-align: center;
  }

  .merchant-onb-sidebar .sb-onb-nav-arrow .v-icon.v-icon {
    font-size: 30px !important;
    text-align: center;
  }

  .merchant-step-area img {
    height: 46px;
  }

  .m-onb-pos-image {
    height: 25vh;
  }

  .v3-sub-p {
    font-size: 4vw;
    margin-bottom: 2vw !important;
  }

  .sb-onb-sub-text {
    font-size: 4vw;
  }

  .sb-onb-sub-text > span {
    font-size: 3.5vw !important;
  }

  .magic-animated-sec {
    align-items: center;
    justify-content: center;
  }

  .primary-light-border-btn {
    font-size: 5.2vw !important;
    height: 13.5vw !important;
    padding: 0px 8vw !important;
    border-radius: 2.6vw !important;
    margin-top: 25px !important;
  }

  .contact-us .primary-light-border-btn {
    margin-top: 0px !important;
  }

  .field-label-2 {
    margin-bottom: 1.2vw !important;
    font-size: 3.2vw;
  }

  .custom-v3-radios .v-radio > .v-label {
    font-size: 3.2vw !important;
  }

  .contact-v3-btn-row {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }

  .solo-field .v-messages__message {
    font-size: 1.5vw !important;
  }

  .fix-h-field .v-input__control > .v-input__slot {
    min-height: 9.6vw !important;
  }

  .contact-us-form-row {
    padding: 0px 15px !important;
  }

  .magic-back {
    margin-bottom: -44px;
    margin-top: 20px;
  }

  .magic-back i {
    font-size: 4.1vw !important;
  }

  .magic-back p {
    font-size: 3.5vw;
  }

  /* .. */
  .merchant-navbar {
    padding-left: 0px !important;
    padding-top: 1.3vw;
  }

  .merchant-navbar ul {
    justify-content: center;
  }

  .merchant-navbar a {
    padding: 1.6vw 3.3vw;
    font-size: 4vw;
  }

  .merchant-navbar .li-active {
    border-top-left-radius: 2.3vw;
    border-top-right-radius: 2.3vw;
  }

  .secondary-nav {
    padding: 4.5vw;
  }

  .secondary-nav .logo-section .logo {
    height: 5.5vw !important;
  }

  .secondary-nav ul {
    display: none;
  }

  .secondary-nav .menu-btn {
    display: block !important;
  }

  .merchant-banner {
    padding: 6.2vw 4.5vw;
  }

  .merchant-banner h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .shrink-flex {
    align-items: center;
  }

  .merchant-banner h1 .shape-1 {
    height: 3.8vw;
    margin-left: 1.8vw;
  }

  .merchant-banner p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 0px !important;
  }

  .banner-action-btn {
    font-size: 4vw !important;
    height: 9vw !important;
    padding: 0px 4.5vw !important;
    border-radius: 1.4vw !important;
    margin-top: 4.2vw;
    margin-bottom: 5vw;
  }

  .merchant-banner .right-image {
    height: 88vw;
  }

  .merchant-trust-logo {
    height: 30.5vw;
  }

  .trust-slider .slide-track {
    width: calc(40.5vw * 14);
  }

  .trust-slider .slide {
    width: 40.5vw;
  }

  .trust-slider .slide h2 {
    font-size: 5.5vw;
  }

  .benefits-section {
    padding: 8.2vw 4.5vw;
  }

  .benefits-section h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .benefits-section p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .benifit-side-img {
    margin-top: 4.5vw;
  }

  .benefits-section .benifit-side-img .framer-gif {
    height: 86vw;
  }

  .benefits-section .benifit-side-img .framer-layer {
    height: 86vw;
  }

  .how-do-it-section {
    padding: 10.2vw 4.5vw;
  }

  .how-do-it-section h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .how-do-it-section p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .how-do-it-section img {
    width: 100%;
    height: 90vw;
  }

  .merchant-reviews {
    padding: 10.2vw 4.5vw;
  }

  .merchant-reviews img {
    height: 48.5vw;
    width: 61%;
  }

  .merchant-reviews h2 {
    font-size: 5vw;
    text-align: center;
  }

  .merchant-reviews p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .signup-call-section h1 {
    font-size: 6.5vw;
  }

  .signup-call-section h1 img {
    height: 3.5vw;
  }

  .sign-up-call-action-btn {
    font-size: 4vw !important;
    height: 9vw !important;
    padding: 0px 4.5vw !important;
    border-radius: 1.4vw !important;
    margin-top: 4.2vw;
    margin-bottom: 5vw;
    min-width: 28vw;
  }

  .ms-footer {
    padding: 4.5vw;
  }

  .ms-footer ul {
    justify-content: center;
  }

  .ms-footer ul li i {
    font-size: 6.3vw !important;
  }

  .ms-footer ul li a {
    padding: 1.5vh;
    font-size: 4vw;
  }

  .ms-f-links {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ms-footer p {
    font-size: 2.5vw;
    text-align: center;
    margin-top: 4.5vw;
  }
}

/* MOBILE LANDSCAPE ////////////////////////////////////////////////////////////////////*/
@media (min-width: 481px) and (max-width: 768px) {
  .v3-auth-row {
    height: auto !important;
  }

  .v3-auth-wrapper {
    overflow: auto !important;
  }

  .v3-banner {
    padding: 15px !important;
  }

  .v3-auth {
    padding: 37px !important;
  }

  .v3-auth .v3-logo {
    height: 25px;
  }

  .v3-auth h2 {
    margin-top: 23px;
    margin-bottom: 20px;
    font-size: 40px;
  }

  .magic-text-col {
    padding: 10px !important;
  }

  .magic-page h1 {
    font-size: 1.7rem;
  }

  .magic-page h1 .shape-1 {
    height: 15px;
  }

  .magic-page h1 .shape-2 {
    height: 15px;
  }

  .magic-animated-sec {
    width: 100%;
    text-align: center;
  }

  .mobile-logo-section {
    margin-top: 15px;
    display: block;
  }

  .sticky-logo-area {
    display: none;
  }

  .magic-page .magic-gif {
    height: 300px;
    padding: 20px;
  }

  .social-mobile {
    display: block;
  }

  .contact-v3-radios {
    padding: 12px !important;
  }

  .magic-contact-img {
    display: none;
  }

  .magic-page .magic-img {
    height: 112.8vw;
    padding: 3.5vw !important;
  }

  .merchant-onb-sidebar .sb-onb-sub-text {
    font-size: 21px;
  }

  .merchant-onb-sidebar .sb-onb-title {
    font-size: 30px !important;
    text-align: center;
  }

  .merchant-onb-sidebar .sb-onb-nav-arrow .v-icon.v-icon {
    font-size: 30px !important;
    text-align: center;
  }

  .merchant-step-area img {
    height: 46px;
  }

  .m-onb-pos-image {
    height: 25vh;
  }

  .v3-sub-p {
    font-size: 4vw;
    margin-bottom: 2vw !important;
  }

  .sb-onb-sub-text {
    font-size: 4vw;
  }

  .sb-onb-sub-text > span {
    font-size: 3.5vw !important;
  }

  .magic-animated-sec {
    align-items: center;
    justify-content: center;
  }

  .primary-light-border-btn {
    font-size: 5.2vw !important;
    height: 13.5vw !important;
    padding: 0px 8vw !important;
    border-radius: 2.6vw !important;
  }

  .field-label-2 {
    margin-bottom: 1.2vw !important;
    font-size: 3.2vw;
  }

  .custom-v3-radios .v-radio > .v-label {
    font-size: 3.2vw !important;
  }

  .contact-v3-btn-row {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }

  .solo-field .v-messages__message {
    font-size: 1.5vw !important;
  }

  .fix-h-field .v-input__control > .v-input__slot {
    min-height: 9.6vw !important;
  }

  .contact-us-form-row {
    padding: 0px 15px !important;
  }

  .magic-back {
    margin-bottom: -44px;
    margin-top: 20px;
  }

  .magic-back i {
    font-size: 4.1vw !important;
  }

  .magic-back p {
    font-size: 3.5vw;
  }

  .merchant-navbar {
    padding-left: 0px !important;
    padding-top: 1.3vw;
  }

  .merchant-navbar ul {
    justify-content: center;
  }

  .merchant-navbar a {
    padding: 1.6vw 3.3vw;
    font-size: 4vw;
  }

  .merchant-navbar .li-active {
    border-top-left-radius: 2.3vw;
    border-top-right-radius: 2.3vw;
  }

  .secondary-nav {
    padding: 4.5vw;
  }

  .secondary-nav .logo-section .logo {
    height: 5.5vw !important;
  }

  .secondary-nav ul {
    display: none;
  }

  .secondary-nav .menu-btn {
    display: block !important;
  }

  .merchant-banner {
    padding: 6.2vw 4.5vw;
  }

  .merchant-banner h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .shrink-flex {
    align-items: center;
  }

  .merchant-banner h1 .shape-1 {
    height: 3.8vw;
    margin-left: 1.8vw;
  }

  .merchant-banner p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 0px !important;
  }

  .banner-action-btn {
    font-size: 4vw !important;
    height: 9vw !important;
    padding: 0px 4.5vw !important;
    border-radius: 1.4vw !important;
    margin-top: 4.2vw;
    margin-bottom: 5vw;
  }

  .merchant-banner .right-image {
    height: 88vw;
  }

  .merchant-trust-logo {
    height: 30.5vw;
  }

  .trust-slider .slide-track {
    width: calc(40.5vw * 14);
  }

  .trust-slider .slide {
    width: 40.5vw;
  }

  .trust-slider .slide h2 {
    font-size: 5.5vw;
  }

  .benefits-section {
    padding: 8.2vw 4.5vw;
  }

  .benefits-section h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .benefits-section p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .benifit-side-img {
    margin-top: 4.5vw;
  }

  .benefits-section .benifit-side-img .framer-gif {
    height: 86vw;
  }

  .benefits-section .benifit-side-img .framer-layer {
    height: 86vw;
  }

  .how-do-it-section {
    padding: 10.2vw 4.5vw;
  }

  .how-do-it-section h1 {
    font-size: 7.5vw;
    text-align: center;
  }

  .how-do-it-section p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .how-do-it-section img {
    width: 100%;
    height: 90vw;
  }

  .merchant-reviews {
    padding: 10.2vw 4.5vw;
  }

  .merchant-reviews img {
    height: 48.5vw;
    width: 61%;
  }

  .merchant-reviews h2 {
    font-size: 5vw;
    text-align: center;
  }

  .merchant-reviews p {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3vw;
    text-align: center;
    margin-bottom: 15px !important;
  }

  .signup-call-section h1 {
    font-size: 6.5vw;
  }

  .signup-call-section h1 img {
    height: 3.5vw;
  }

  .sign-up-call-action-btn {
    font-size: 4vw !important;
    height: 9vw !important;
    padding: 0px 4.5vw !important;
    border-radius: 1.4vw !important;
    margin-top: 4.2vw;
    margin-bottom: 5vw;
    min-width: 28vw;
  }

  .ms-footer {
    padding: 4.5vw;
  }

  .ms-footer ul {
    justify-content: center;
  }

  .ms-footer ul li i {
    font-size: 6.3vw !important;
  }

  .ms-footer ul li a {
    padding: 1.5vh;
    font-size: 4vw;
  }

  .ms-f-links {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ms-footer p {
    font-size: 2.5vw;
    text-align: center;
    margin-top: 4.5vw;
  }
}

/* IPAD PORTRAIT ///////////////////////////////////////////////////////////////////////*/
@media (min-width: 769px) and (max-width: 1024px) {
  .v3-auth .v3-logo {
    height: 31px;
  }

  .v3-auth {
    justify-content: center !important;
  }

  .v3-auth h2 {
    margin-top: 3vh;
  }

  .magic-text-col {
    padding: 10px !important;
  }

  .magic-page h1 {
    font-size: 2.5rem;
  }

  .magic-page h1 .shape-1 {
    height: 21px;
  }

  .magic-page h1 .shape-2 {
    height: 21px;
  }

  .magic-animated-sec {
    width: 100%;
    text-align: center;
  }

  .mobile-logo-section {
    margin-top: 15px;
    display: block;
  }

  .sticky-logo-area {
    display: none;
  }

  .magic-page .magic-gif {
    height: 450px;
    padding: 35px;
  }

  .mobile-logo-section .logo {
    height: 35px;
  }

  .social-mobile {
    display: block;
  }

  .social-mobile span {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .social-mobile .socials {
    margin: 0px 10px;
  }

  .contact-v3-radios {
    padding: 12px !important;
  }

  .magic-contact-img {
    display: none;
  }

  .magic-page .magic-img {
    height: 71.5vw;
  }

  .merchant-onb-sidebar .sb-onb-sub-text {
    font-size: 18px;
  }

  .merchant-onb-sidebar .sb-onb-title {
    font-size: 23px !important;
  }

  .merchant-onb-sidebar .sb-onb-nav-arrow .v-icon.v-icon {
    font-size: 22px !important;
  }

  .merchant-step-area img {
    height: 46px;
  }

  .m-onb-pos-image {
    height: 19vh;
  }

  .v3-sub-p {
    font-size: 2vw;
    margin-bottom: 2vw !important;
  }

  .sb-onb-sub-text {
    font-size: 2vw;
  }

  .sb-onb-sub-text > span {
    font-size: 1.8vw !important;
  }

  .magic-animated-sec {
    align-items: center;
    justify-content: center;
  }

  .primary-light-border-btn {
    font-size: 3.1vw !important;
    height: 7.5vw !important;
    padding: 0px 5vw !important;
    border-radius: 1.6vw !important;
    margin-top: 33px !important;
  }

  .field-label-2 {
    margin-bottom: 1vw !important;
    font-size: 1.9vw;
  }

  .custom-v3-radios .v-radio > .v-label {
    font-size: 1.9vw !important;
  }

  .contact-v3-btn-row {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  .solo-field .v-messages__message {
    font-size: 1.5vw !important;
  }

  .fix-h-field .v-input__control > .v-input__slot {
    min-height: 4.6vw !important;
  }

  .magic-back {
    margin-bottom: -50px;
    margin-top: 20px;
  }

  .magic-back i {
    font-size: 3vw !important;
  }

  .magic-back p {
    font-size: 2.2vw;
  }

  /*  */
  .merchant-navbar {
    padding-top: 0.5vw;
  }

  .merchant-navbar a {
    padding: 0.8vw 2.3vw;
    font-size: 1.5vw;
  }

  .secondary-nav .logo-section .logo {
    height: 2.5vw !important;
  }

  .secondary-nav ul li a {
    padding: 0.8vw 1.2vw;
    font-size: 1.5vw;
  }

  .secondary-nav ul li .black-btn-a {
    padding: 0.7vw 3vw;
  }

  .merchant-banner .right-image {
    height: 41vw;
  }

  .merchant-banner h1 {
    font-size: 4vw;
  }

  .merchant-banner p {
    font-size: 1.8vw;
    line-height: 2.8vw;
    margin-top: 2vw;
  }

  .banner-action-btn {
    font-size: 1.8vw !important;
    height: 4vw !important;
    padding: 0px 1.8vw !important;
    border-radius: 0.8vw !important;
  }

  .merchant-trust-logo {
    height: 15.5vw;
  }

  .trust-slider .slide-track {
    width: calc(20vw * 14);
  }

  .trust-slider .slide {
    width: 20vw;
  }

  .trust-slider .slide h2 {
    font-size: 2.2vw;
  }

  .benefits-section h1 {
    font-size: 4vw;
  }

  .benefits-section p {
    font-size: 1.8vw;
    line-height: 2.8vw;
    margin-top: 2vw;
  }

  .benefits-section .benifit-side-img .framer-gif {
    height: 45vw;
  }

  .benefits-section .benifit-side-img .framer-layer {
    height: 45vw;
  }

  .how-do-it-section h1 {
    font-size: 4vw;
  }

  .how-do-it-section p {
    font-size: 1.8vw;
    line-height: 2.8vw;
    margin-top: 2vw;
  }

  .how-do-it-section img {
    width: 35vw;
    height: 36vw;
    border-radius: 16px;
  }

  .merchant-reviews img {
    border-radius: 16px;
  }

  .merchant-reviews h2 {
    font-size: 2.2vw;
  }

  .merchant-reviews p {
    font-size: 1.6vw;
    line-height: 2.5vw;
    margin-top: 2vw;
  }

  .sign-up-call-action-btn {
    font-size: 1.7vw !important;
    height: 4vw !important;
    border-radius: 0.8vw !important;
  }

  .ms-footer p {
    font-size: 1.2vw;
  }

  .ms-footer ul li a {
    font-size: 1.2vw;
    padding: 0.4vw 1vw;
  }

  .ms-footer ul li i {
    font-size: 1.5vw !important;
  }
}

/* Small screens, laptops or ipad (Landscape) */
@media (min-width: 1025px) and (max-width: 1300px) {
}

/* Extra large screens, TV */
@media (min-width: 1301px) {
}