@media (min-width: 1400px) {
      .container {
            max-width: 1344px;
      }
}

@media (max-width:1600px) {}

@media (max-width:1400px) {
      .megamenu .text-box ol li a {
            font-size: 14px;
      }

      .sign-box ul li {
            height: 50px;
            padding: 0 17px;
      }

      .sign-up-left .text-box {
            margin: 40px 0 0 0;
      }
}

@media (max-width:1300px) {
      .sign-up-left {
            padding: 22px;
      }

      .sign-box span {
            font-size: 40px;
      }

      .sign-box h2 {
            font-size: 80px;
      }

      .sign-box h2 strong {
            height: 110px;
      }

      .sign-box ul li {
            font-size: 16px;
            height: 45px;
            padding: 0 14px;
      }

      .sign-box ul li img {
            margin-right: 5px;
      }

      .sign-box p {
            font-size: 22px;
            line-height: 30px;
      }

      .sign-up-left .text-box {
            margin: 26px 0 0 0;
      }

      .sign-up-right .text-box h4 {
            font-size: 36px;
            margin-bottom: 10px;
      }

      .card-box .card-payment h2 {
            font-size: 38px;
            margin-bottom: 24px;
      }

      .reward-card .btn {
            max-width: 160px;
            padding: 0;
      }

      .reward-card {
            padding: 22px 24px;
      }

      .card-notification {
            padding: 15px 15px;
      }

      .card-notification p {
            font-size: 14px;
            max-width: 205px;
            width: 100%;
      }

      .card-box {
            padding: 20px;
      }

      .card-box .cta .cta-primary {
            font-size: 14px;
      }

      .card-box .cta-outline-primary {
            min-width: 150px;
            font-size: 16px;
      }

      .explore-rewards-card .media .media-body ul .btn {
            padding: 0 20px;
            font-size: 16px;
      }

      .explore-rewards-card .media .media-body ul .btn.cta-primary {
            width: 155px;
      }
}

@media(max-width:1199px) {
      .navbar-nav .nav-item {
            margin: 0 0px;
      }

      .navbar-nav .dropdown {
            margin: 0 7px;
      }

      .btn-primary.btn-sign {
            margin-right: 7px;
      }

      .balance-fee-inner {
            padding: 80px 40px;
      }

      .balance-fee-inner h3 {
            font-size: 44px;
      }

      .features-box {
            padding: 90px 50px;
            margin-bottom: 40px;
      }

      .generate-yield-box .text-box p {
            font-size: 14px;
            margin: 20px 0;
      }

      .portfolio-sec .text-box h4 {
            font-size: 60px;
            line-height: 72px;
            margin-bottom: 40px;
      }

      .portfolio-sec .image-holder video {
            height: 350px;
      }

      .footer-link ul li a {
            font-size: 12px;
      }

      .footer-inner a {
            font-size: 10px;
      }

      .footer-nav ul {
            flex-wrap: wrap;
            justify-content: center;
      }

      .footer-nav ul li a {
            padding: 5px;
      }

      .megamenu .text-box ol li a {
            padding: 7px;
            font-size: 11px;
      }

      .resources-box a {
            padding: 15px 7px;
      }

      .resources-box a h4 {
            font-size: 12px;
      }

      .resources-box a p {
            font-size: 12px;
            line-height: 18px;
      }

      .account-box p {
            font-size: 12px;
            line-height: 16px;
      }

      /***** HOME *****/
      .sign-up-detail {
            padding: 20px 0 0;
      }

      .sign-box span {
            font-size: 32px;
      }

      .sign-box h2 {
            font-size: 62px;
      }

      .sign-box h2 strong {
            height: 95px;
            padding: 0 20px;
            margin-right: 15px;
      }

      .sign-box ul li {
            font-size: 12px;
            height: 40px;
            padding: 0 13px;
            border-radius: 20px;
            margin: 4px 4px 4px 0;
      }

      .sign-up-right .text-box h4 {
            font-size: 30px;
      }

      .sign-up-right .text-box p {
            font-size: 16px;
      }

      .sign-up-right .text-box {
            margin-bottom: 20px;
      }

      .sign-form form .form-group {
            margin-bottom: 15px;
      }

      .sign-form form .form-group p {
            font-size: 14px;
            line-height: 18px;
            padding-top: 0px;
      }

      .sign-form .step-footer {
            margin-top: 20px;
      }

      .sign-form form .form-group.step-creat {
            margin-top: 20px;
            margin-bottom: 0;
      }

      .content-info .title h2 {
            font-size: 36px;
            margin-bottom: 10px;
      }

      .main .step-footer {
            margin-top: 50px;
      }

      .radio-group .radio-rounded+label {
            padding: 0 24px;
      }

      .card-box {
            margin-bottom: 20px;
      }

      .card-notification {
            margin: 10px 0;
            height: 136px;
      }

      .explore-card .media-body h2 {
            font-size: 28px;
            margin-bottom: 10px;
      }

      .explore-card .cta-white {
            height: 54px;
            width: 200px;
            font-size: 16px;
      }
}

@media(max-width:991px) {
      header {
            padding: 16px 0;
      }

      .navbar-toggler {
            padding: 0;
            border: none;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: center;
      }

      .navbar-toggler:focus {
            box-shadow: none;
      }

      .navbar-brand img {
            height: 34px;
      }

      .navbar .media {
            display: flex;
            align-items: center;
            flex-direction: row-reverse;
      }

      .dropdown {
            margin-right: 23px;
      }

      .dropdown .dropdown-btn {
            height: 36px;
            padding: 0 10px;
      }

      .navbar-collapse {
            position: absolute;
            left: 0;
            width: 100%;
            background: #fff;
            top: 65px;
            z-index: 100;
      }

      .btn-primary {
            margin-left: 10px;
      }

      .navbar-nav {
            align-items: flex-start;
      }

      .navbar-nav .nav-item {
            margin: 0;
            width: 100%;
      }

      .navbar-nav .nav-item .nav-link {
            padding: 15px 15px;
            width: 100%;
      }

      .btn-primary.btn-sign {
            width: 117px;
            margin-top: 10px;
            margin-bottom: 15px;
            margin-left: 10px;
      }

      .banner-sec {
            padding: 50px 0 30px;
      }

      .balance-fee-inner {
            padding: 50px 30px;
      }

      .balance-fee-inner h3 {
            font-size: 32px;
      }

      .balance-fee-inner ul {
            padding-left: 10px;
      }

      .balance-fee-inner ul li {
            font-size: 16px;
            margin-bottom: 18px;
      }

      .features-box {
            padding: 50px 30px;
      }

      .features-box .text-box h3 {
            font-size: 32px;
            line-height: 42px;
      }

      .features-box .text-box p {
            font-size: 16px;
            line-height: 22px;
      }

      .features-box .text-box h3 sup {
            font-size: 24px;
      }

      .features-box .text-box h5 {
            margin: 10px 0 0 0;
      }

      .generate-yield-box {
            padding: 20px 15px;
      }

      .faq-inner h3 {
            font-size: 26px;
            margin-bottom: 30px;
      }

      .portfolio-sec .text-box {
            padding-left: 0;
      }

      .portfolio-sec .text-box h4 {
            font-size: 46px;
            line-height: 52px;
            margin-bottom: 15px;
      }

      .portfolio-sec .image-holder video {
            height: 260px;
      }

      .footer-link {
            margin-bottom: 30px;
      }

      .footer-link h4 {
            margin-bottom: 15px;
      }

      .footer-link ul li {
            margin-bottom: 15px;
      }

      .footer-inner p {
            margin: 15px 0;
      }

      .social-btn {
            margin: 30px 0 0 0;
      }

      .megamenu {
            position: static;
            padding: 20px 0;
      }

      .megamenu .container {
            max-width: 100%;
      }

      .investing-box {
            padding: 10px;
      }

      .investing-box p {
            font-size: 12px;
      }

      .account-box .media {
            flex-direction: row;
      }

      /**** HOME ****/
      .sign-up-left a.logo-white img {
            height: 40px;
      }

      .sign-up-detail {
            padding: 10px 0 0;
      }

      .sign-box span {
            font-size: 25px;
      }

      .sign-box h2 {
            font-size: 48px;
      }

      .sign-box h2 {
            margin: 16px 0;
      }

      .sign-box h2 strong {
            height: 76px;
            padding: 0 14px;
            margin-right: 10px;
      }

      .sign-box h2 sub {
            font-size: 30px;
            position: static;
            margin-bottom: 12px;
            line-height: 1;
      }

      .sign-box ul {
            margin-bottom: 10px;
      }

      .sign-box ul li {
            font-size: 12px;
            height: 34px;
            padding: 0 10px;
            border-radius: 14px;
      }

      .sign-box ul li img {
            margin-right: 5px;
      }

      .sign-box p {
            font-size: 18px;
            line-height: 24px;
      }

      .sign-box-inner ul {
            margin: 14px 0 0 0;
      }

      .sign-box-inner ul li {
            font-size: 14px;
            margin-bottom: 8px;
      }

      .sign-box-inner ul li span {
            border-radius: 12px;
            width: 48px;
            height: 48px;
            margin-right: 10px;
      }

      .sign-box-inner ul li span img {
            height: 18px;
      }

      .sign-up-left .text-box {
            margin: 15px 0 0 0;
      }

      .sign-up-left .text-box p {
            font-size: 14px;
      }

      .sign-up-right {
            padding: 0;
      }

      .sign-up-right .text-box h4 {
            font-size: 36px;
            margin-bottom: 10px;
      }

      .sign-up-right .text-box {
            margin-bottom: 25px;
      }

      .sign-up-right .text-box h4 {
            font-size: 26px;
            margin-bottom: 10px;
      }

      .sign-form form .form-group .form-control {
            height: 50px;
            padding-left: 12px;
            font-size: 14px;
      }

      .main-about .sidebar {
            max-width: 230px;
      }

      .sidebar .brand {
            padding: 20px 15px;
      }

      .sidebar-mid {
            padding: 15px;
      }

      .sidebar-footer {
            padding: 15px;
      }

      .main-about .sidebar .top-links li a {
            padding: 15px 12px;
      }

      .main-about .main {
            padding-left: 230px;
      }

      .content-info .title h2 {
            font-size: 28px;
      }

      .content-info .title p,
      .content-info .text p {
            font-size: 16px;
      }

      .main .content-info .group-card {
            margin-bottom: 20px;
      }

      .nav-tabs.aboutTabs .nav-link {
            padding: 0 18px;
            height: 48px;
            font-size: 16px;
      }

      .contentSelect label {
            font-size: 18px;
            margin-bottom: 10px;
      }

      .main .contentSelect .form-group {
            margin-bottom: 20px;
      }

      .checkbox-card+label {
            padding: 14px 12px;
      }

      .checkbox-card+label .media-body {
            font-size: 14px;
            line-height: 20px;
            padding-right: 15px;
      }

      .radio-group .radio-rounded+label {
            padding: 0 12px;
            font-size: 16px;
            height: 48px;
      }

      .content-info .text h4 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 15px;
      }

      .verify-box {
            padding: 14px 13px;
      }

      .verify-box p {
            font-size: 13px;
            line-height: 18px;

            margin-left: 10px;
      }

      .header-dashboard {
            padding: 15px 24px;
      }

      .card-notification {
            height: auto;
            margin: 5px 0;
      }

      .card-notification p {
            font-size: 16px;
            max-width: 100%;
            width: 100%;
            padding-right: 30px;
      }

      .card-notification button {
            top: 10px;
            right: 10px;
      }

      .dashboard-main .my-4 {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
      }

      .explore-rewards-card .media {
            gap: 10px;
            flex-direction: column;
      }

      .explore-rewards-card h3 {
            margin-bottom: 8px;
      }

      .explore-rewards-card .media .price h2 {
            font-size: 36px;
            margin-bottom: 2px;
      }

      .explore-card {
            flex-direction: column;
            align-items: flex-start;
      }
}

@media(max-width:767px) {
      .balance-fee-sec {
            padding: 50px 0;
      }

      .balance-fee-inner {
            padding: 30px;
      }

      .balance-fee-inner ul {
            padding-left: 0;
            padding-top: 20px;
      }

      .features-sec {
            padding: 0;
      }

      .features-box {
            padding: 30px;
      }

      .features-box span {
            margin-bottom: 15px;
      }

      .features-box .text-box {
            height: auto;
            margin-bottom: 10px;
      }

      .generate-yield-sec {
            padding: 50px 0;
      }

      .title h3 {
            font-size: 32px;
            line-height: 40px;
            margin: 0 auto 20px;
      }

      .generate-yield-box {
            margin: 10px 0;
      }

      .accordion-body p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 10px;
      }

      .faq-sec {
            padding: 0 0 50px;
      }

      .portfolio-sec .text-box {
            padding: 30px 12px;
      }

      .footer-nav ul li a {
            padding: 5px 3px;
      }

      .resources-box a {
            padding: 10px;
      }

      /*** HOME *****/
      .container,
      .container-sm {
            max-width: 100%;
      }

      .sign-up-sec {
            padding: 56px 24px;
      }

      .sign-up-right .text-box {
            margin-bottom: 32px;
      }

      .sign-up-right .text-box h4 {
            font-size: 32px;
            margin-bottom: 14px;
      }

      .sign-up-right .text-box p,
      .sign-form .cta {
            font-size: 16px;
            flex-wrap: wrap;
      }

      .sign-form form .form-group label {
            font-size: 16px;
            margin-bottom: 14px;
      }

      .sign-form form .form-group .form-control {
            font-size: 14px;
      }

      .account-btn {
            font-size: 16px;
            height: 60x;
            max-width: 186px;
      }

      .mobile-logo {
            margin-bottom: 24px;
            justify-content: space-between;
      }
       
      .sign-form .step-footer {
            margin-top: 30px;
      }

      .main-about .sidebar {
            max-width: 269px;
            left: auto;
            transition: all 0.5s ease-in-out;
            right: -100%;
            z-index: 100;
      }

      .sidebar.active {
            right: 0;
            transition: all 0.5s ease-in-out;
      }

      .overly.active {
            opacity: 1;
            transition: all 0.5s ease-in-out;
            visibility: visible;

      }

      .close-btn {
            display: flex;
      }

      .main-about .sidebar .top-links li a {
            padding: 16px 20px;
      }

      .sidebar .brand {
            padding: 42px 7px 0px;
      }

      .sidebar-mid {
            padding: 15px 7px;
      }

      .sidebar-footer {
            padding: 32px 15px;
      }

      .main-about .main {
            padding-left: 0;
      }

      .main-about .main .content-info {
            padding: 56px 28px;
      }

      .content-info .title h2 {
            font-size: 32px;
            margin-bottom: 18px;
      }

      .content-info .text h4 {
            font-size: 22px;
            line-height: 30px;
            margin-bottom: 15px;
      }

      .main .content-info .form-control {
            font-size: 14px;
      }

      .main .step-footer .account-btn {
            font-size: 16px;
            height: 60px;
            max-width: 133px;
            margin: 0;
      }

      .contentSelect label {
            font-size: 20px;
      }

      .contentSelect {
            margin-top: 40px;
      }

      .verify-box p {
            font-size: 14px;
      }

      .menu-btn {
            display: flex;
      }
}

@media(max-width:575px) {
      header {
            padding: 16px 10px;
      }

      .banner-sec {
            padding: 30px 13px 30px;
      }

      .banner-sec .text-box .text-inner {
            padding: 19px 10px;
            max-width: 318px;
            margin: 17px auto 26px;
      }

      .banner-sec .text-box .text-inner h3 {
            font-size: 80px;
      }

      .banner-sec .text-box .text-inner h3 sup {
            font-size: 32px;
            top: -27px;
      }

      .banner-sec .text-box span {
            font-size: 18px;
            background-color: transparent;
            height: auto;
            padding: 0;
      }

      .banner-sec .text-box h5 {
            margin-top: 15px;
      }

      .balance-fee-inner {
            padding: 30px;
            margin: 0 -12px;
      }

      .balance-fee-inner h3 {
            font-size: 36px;
      }

      .balance-fee-inner {
            padding: 76px 24px 172px;
            margin: 0 -12px;
      }

      .balance-fee-inner ul {
            padding-left: 0;
            padding-top: 64px;
      }

      .balance-fee-inner ul li {
            font-size: 16px;
            margin-bottom: 28px;
      }

      .balance-fee-inner ul li:last-child {
            margin: 0;
      }

      .features-sec {
            padding: 0 13px;
      }

      .features-box {
            margin-bottom: 30px;
      }

      .features-box .text-box {
            margin: 0;
      }

      .features-box .text-box h3 {
            font-size: 44px;
            line-height: 48px;
            margin-bottom: 26px;
      }

      .features-box .text-box p {
            font-size: 18px;
            line-height: 28px;
      }

      .features-box {
            padding: 32px 16px;
      }

      .features-box .text-box h5 {
            margin: 28px 0 0 0;
      }

      .generate-yield-sec {
            padding: 110px 13px 50px;
      }

      .generate-yield-inner {
            margin: 40px 0 0 0;
      }

      .title h3 {
            font-size: 44px;
            line-height: 48px;
            margin: 0 auto 20px;
      }

      .generate-yield-box {
            margin: 16px 0;
            padding: 24px 16px;
      }

      .generate-yield-box .text-box p {
            font-size: 16px;
            margin: 16px 0 26px;
      }

      .faq-inner h3 {
            font-size: 36px;
            margin-bottom: 30px;
      }

      .faq-sec {
            padding: 46px 13px 50px;
      }

      .accordion-body p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 10px;
      }

      .faq-additional .text-box h4 {
            line-height: 30px;
            margin-bottom: 10px;
      }

      .faq-additional .text-box {
            padding: 16px;
      }

      .faq-additional a {
            padding: 18px 16px;
      }

      .faq-additional {
            margin: 16px 0 0 0;
      }

      .portfolio-sec .text-box {
            padding: 54px 25px;
      }

      .portfolio-sec .text-box h4 {
            font-size: 44px;
            line-height: 48px;
            margin-bottom: 33px;
      }

      .portfolio-sec .image-holder video {
            height: auto;
      }

      .footer-top {
            padding: 43px 13px;
      }

      .footer-link h4 {
            margin-bottom: 26px;
      }

      .footer-link ul li {
            margin-bottom: 20px;
      }

      .footer-link {
            margin-bottom: 60px;
      }

      .footer-link ul li a {
            font-size: 14px;
      }

      .social-btn {
            margin: 0 0 0 0;
            padding: 10px 0px 0 0;
      }

      .footer-inner {
            padding: 56px 0 0 0;
      }

      .footer-inner a {
            font-size: 12px;
      }

      .footer-inner p {
            margin: 23px 0 16px;
      }

      .footer-nav ul li a {
            padding: 0;
      }

      .footer-nav ul {
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
      }

      .footer-nav ul li {
            margin-bottom: 30px;
      }

      .footer-nav ul li:last-child {
            margin: 0;
      }

      .footer-nav {
            padding: 26px 13px;
      }

      .copyright {
            padding: 42px 13px;
      }

      .copyright .text-box p {
            margin-bottom: 27px;
      }

      .navbar-collapse {
            padding: 0 10px 10px;
      }

      .nav-tabs.aboutTabs .nav-link {
            padding: 0 34px;
            height: 52px;
            font-size: 16px;
      }

      .nav-tabs.aboutTabs {
            gap: 16px;
      }

      .radio-group .radio-rounded+label {
            padding: 0 24px;
            font-size: 16px;
            height: 52px;
      }

      .set-goal .main-about .main .content-info {
            padding: 56px 24px;
      }

      .set-goal .nav-tabs.aboutTabs .nav-link {
            padding: 0 25px;
      }

      .set-goal .main .step-footer {
            margin-top: 32px;
      }

      .set-goal .content-info .title {
            margin-bottom: 40px;

      }

      .goals-income .content-info .text {
            margin-bottom: 18px;
      }

      .main .content-info .goals-income .group-card {
            margin-bottom: 22px;
      }

      .content-info .goals-income .text p {
            line-height: 24px;
      }

      .goals-investing-box h3 {
            font-size: 22px;
      }

      .goals-investing-box .members-selection .checkbox-card+label .media-body {
            font-size: 16px;
      }

      .goals-investing-detail {
            padding: 26px 24px;
      }

      .set-goal .main .goals-investing .step-footer {
            margin-top: 56px;
      }

      .set-goal .content-info .text p {
            line-height: 24px;
      }

      .fund-price .radio-group li .radio-rounded+label {
            height: 52px;
      }

      .deposit-fund-inner {
            padding: 25px 20px 40px;
      }

      .deposit-fund-inner ul li {
            font-size: 16px;
      }

      .main .content-info .deposit-fund-inner .form-control {
            height: 52px;
            width: 131px;
            font-size: 16px;
      }

      .account-page .mobile-logo {
            margin-bottom: 36px;
      }

      .fund-method-inner h4 {
            font-size: 22px;
      }

      .fund-method-inner .method-radio .text-box .text-inner h5 {
            font-size: 16px;
            margin-bottom: 2px;
      }

      .recom-tag {
            font-size: 12px;
            height: 29px;
            width: 107px;
      }

      .fund-method-inner .method-radio .text-box .text-inner p {
            font-size: 14px;
            line-height: 24px;
      }

      .fund-method-inner .method-radio .image-holder {
            max-width: 32px;
            width: 100%;
      }

      .method-radio .form-check-input {
            right: 16px;
            width: 20px;
            height: 20px;
            transform: translate(0, 0);
            top: 24px;
      }

      .fund-method-inner .form-check-label {
            padding: 16px 36px 17px 16px;
      }

      .fund-method-inner .method-radio .text-box .text-inner p {
            max-width: 216px;
      }

      .bank-select-inner .radio-rounded+label {
            font-size: 13.28px;
            padding: 13px 10px;
      }

      .bank-select-inner ul {
            column-gap: 13px;
            row-gap: 16px;
            margin-top: 16px;
      }

      .content-info .bank-select .title {
            margin-bottom: 16px;
            text-align: left;
      }

      .bank-select-inner .radio-rounded+label img {
            height: 26px;
            margin-right: 8px;
      }

      .bank-link .fund-method-inner {
            margin: 35px 0 0 0;
      }

      .bank-link .fund-method-inner .form-check-label {
            height: 118px;
      }

      .header-dashboard .rightLink li .user {
            font-size: 14px;
            gap: 8px;
      }

      .userImg img {
            height: 32px;
      }

      .header-dashboard .rightLink li .help {
            font-size: 14px;
            gap: 6px;
      }

      .header-dashboard .rightLink li .help svg {
            width: 20px;
            height: 20px;
      }

      .header-dashboard .rightLink li::after {
            margin: 0 20px;
      }

      .header-dashboard {
            padding: 20px 27px;
      }

      .card-box .card-payment p {
            font-size: 14px;
            margin-bottom: 10px;
      }

      .card-box .card-payment h2 {
            font-size: 36px;
            margin-bottom: 18px;
      }

      .card-box .card-payment h4 {
            font-size: 14px;
      }

      .card-box .card-payment .amount {
            fill-opacity: 16px;
      }

      .topBox [class*="col-"]:nth-child(2)::before {
            height: 1px;
            width: 92%;
            left: 50%;
            transform: translate(-50%, 0);
      }

      .card-box {
            padding: 23px 24px;
      }

      .topBox [class*="col-"]:first-child .card-payment {
            padding-right: 0;
            margin-bottom: 18px;
      }

      .topBox [class*="col-"]:nth-child(2) .card-payment {
            padding-top: 20px;
      }

      .reward-card {
            padding: 26px 16px;
            align-items: flex-end;
      }

      .reward-card p {
            font-size: 14px;
      }

      .reward-card h2 {
            font-size: 28px;
      }

      .reward-card .btn {
            max-width: 158px;
            padding: 0;
            font-size: 16px;
            height: 52px;
      }

      .card-notification p {
            font-size: 15.03px;
            max-width: 270px;
            width: 100%;
            padding-right: 30px;
      }

      .card-notification button {
            top: 10px;
            right: 14px;
      }

      .card-notification button svg {
            height: 27px;
            width: 27px;
      }

      .card-notification {
            padding: 15px 18px;
            margin: 8px 0;
      }

      .card-box .packages p {
            font-size: 14px;
            margin-bottom: 8px;
      }

      .card-box .packages h2 {
            font-size: 36px;
      }

      .card-box .packages h4 {
            font-size: 14px;
      }

      .card-box .cta {
            width: 100%;
      }

      .card-box .cta li {
            width: 100%;
      }

      .card-box .cta .cta-primary {
            font-size: 15px;
            height: 54px;
            padding: 0;
            width: 100%;
            max-width: 100%;
      }

      .card-box .cta-outline-primary {
            min-width: 100%;
            font-size: 16px;
            height: 54px;
      }

      .explore-rewards-card h3 {
            font-size: 14px;
      }

      .explore-rewards-card .media .price p {
            font-size: 14px;
      }

      .explore-rewards-card .media .price h2 {
            margin-bottom: 15px;
      }

      .explore-rewards-card .media .media-body ul .btn {
            padding: 0 22px;
            font-size: 18px;
      }

      .explore-rewards-card .media .media-body ul li:last-child {
            width: 100%;
      }

      .explore-rewards-card .media .media-body ul .btn.cta-primary {
            width: 100%;
      }

      .explore-card .cta-white {
            height: 54px;
            width: 100%;
            font-size: 18px;
      }

      .explore-card {
            padding: 24px;
            gap: 16px;
      }

      .explore-card .media-body h2 {
            margin-bottom: 20px;
      }

      .explore-rewards-card {

            padding: 24px;
      }

      #address .modal-dialog .modal-content {
            padding: 24px;
      }

      #address .modal-dialog .modal-content .title h4 {
            font-size: 22px;
            margin-bottom: 6px;
      }
      #address .modal-dialog .modal-content .title {
            margin-bottom: 25px; 
          }
      #address .modal-dialog .modal-content .title p {
            font-size: 14px;
      }

      #address .modal-dialog .modal-content .cta {
            font-size: 16px;
      }

}

@media(max-width:374px) {
      .dropdown {
            margin-right: 10px;
      }

      .navbar-brand img {
            height: 30px;
      }

      .banner-sec .text-box h1 {
            font-size: 45px;
      }

      .banner-sec .text-box .text-inner h3 {
            font-size: 64px;
      }

      .banner-sec .text-box .text-inner h3 sup {
            font-size: 24px;
            top: -20px;
      }

      .balance-fee-inner h3 {
            font-size: 32px;
      }

      .balance-fee-inner ul li {
            font-size: 14px;
      }

      .features-box .text-box h3 {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 20px;
      }

      .features-box .text-box p {
            font-size: 16px;
            line-height: 24px;
      }

      .title h3 {
            font-size: 30px;
            line-height: 38px;
      }

      .faq-inner h3 {
            font-size: 30px;
            margin-bottom: 30px;
      }

      .accordion-button {
            font-size: 16px;
            line-height: 20px;
            padding: 18px 0;
      }

      .accordion-body p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 5px;
      }

      .faq-additional a {
            font-size: 12px;
      }

      .portfolio-sec .text-box h4 {
            font-size: 30px;
            line-height: 38px;
            margin-bottom: 14px;
      }

      .set-goal .nav-tabs.aboutTabs {
            gap: 8px;
      }

      .set-goal .nav-tabs.aboutTabs .nav-link {
            padding: 0 19px;
            font-size: 14px;
      }

      .fund-method-inner h4 {
            font-size: 18px;
      }

      .fund-method-inner .method-radio .image-holder {
            max-width: 100%;
            width: 100%;
            margin: 0 0 15px 0;
      }

      .fund-method-inner .method-radio .text-box {
            align-items: flex-start;
            flex-direction: column;
      }

      .fund-method-inner .method-radio .text-box .text-inner h5 {
            font-size: 14px;
            margin-bottom: 2px;
      }

      .fund-method-inner .method-radio .text-box .text-inner p {
            font-size: 12px;
            line-height: 20px;
      }

      .bank-select-inner ul {
            grid-template-columns: 12fr;
      }

      .bank-select-inner ul {
            column-gap: 0;
            row-gap: 8px;
      }

      .content-info .title h2 {
            font-size: 24px;
            margin-bottom: 10px;
      }

      .header-dashboard .rightLink li .user {
            font-size: 12px;
            gap: 3px;
      }

      .userImg img {
            height: 24px;
      }

      .header-dashboard .rightLink li::after {
            margin: 0px 10px;
            height: 25px;
      }

      .header-dashboard .rightLink li .help {
            font-size: 12px;
            gap: 4px;
      }

      .dashboard-main {
            padding: 20px 12px;
      }

      .payment-v-card {
            gap: 8px;
            font-size: 14px;
            padding: 20px;
      }

      .detail-stats a {
            gap: 8px;
            font-size: 14px;
            padding: 20px;
      }

      .explore-rewards-card .media .media-body ul .btn {
            padding: 0 18px;
            font-size: 16px;
      }
}