@media only screen and (max-width: 375px) {
  .top-header-nav {
    display: block;
    padding: 10px 18px;
  }
  .top-header-nav a {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
  }
  .button-menu {
    width: 100% !important;
  }
  .left-s img {
    width: 30%;
  }
  .right-s {
    display: none;
  }
  .main-section-h {
    padding-top: 100px !important;
    padding: 0 15px;
    margin: 0 auto;
  }
  .main-section-h .header-title {
    font-size: 38px;
  }
  .side-left-blur img {
    width: 350px;
    height: 390px;
  }
  .side-right-blur img {
    width: 180px;
    height: 180px;
  }
  .vecter-ico {
    top: -18px;
    right: -67px;
    width: 16px;
  }
  .header-sub-paragraph {
    font-size: 14px;
    margin: 0 24px;
  }
  .menu-btn {
    margin-top: 35px !important;
  }
  .menu-btn button {
    width: 100%;
    margin-bottom: 20px;
  }
  .menu-avter img {
    width: 100%;
  }
  .section-blue-theme .b-card-box {
    margin: 40px 0px 44px;
    padding: 24px 24px;
    text-align: left;
  }
  .section-blue-theme .b-card-first {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .section-blue-theme .sub-paragraph {
    line-height: 28px;
    font-weight: 200;
  }
  .section-blue-theme .vecter-line {
    top: 94px;
    width: 47%;
    right: 0%;
  }
  button {
    width: 100% !important;
  }
  .bottom-5 {
    position: relative;
    top: 245px !important;
  }
  .up-7 {
    position: relative;
    top: -378px;
  }
  .res-img {
    top: 26px !important;
  }
  .res-img img {
    width: 100% !important;
  }
  .c-content {
    text-align: center;
  }
  .c-content .sub-header-title-two {
    margin: 26px 0px;
    line-height: 28px;
    font-size: 17px;
  }
  .futu-img {
    left: -24px !important;
  }
  .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-card {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: inherit;
  }
  .col-card-6 {
    margin-bottom: 0px !important;
  }
  .rec-col-d {
    left: 24px !important;
    top: 8px !important;
  }
  .rec-col-d img {
    height: inherit !important;
  }
  .trid-dev {
    height: 254px;
  }
  .trid-dev img {
    width: 325px !important;
    height: 254px;
  }
  .visible-ico img {
    width: 10% !important;
    margin-bottom: 10px;
  }
  .res-line-d {
    top: 93px !important;
    left: -14px !important;
  }
  .res-line-d img {
    width: 50% !important;
  }
  .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-new-r {
    margin: 30px 0px !important;
  }
  .last-N {
    display: block !important;
    text-align: center !important;
  }
  .n-pos {
    right: -16px !important;
  }
  .rec-cio {
    left: 0% !important;
    top: 70px !important;
  }
  .rec-cio img {
    width: 42% !important;
  }
  .footer-section {
    text-align: center !important;
    padding: 28px 14px 0 !important;
  }
  .footer-section .c-row {
    margin-bottom: 0 !important;
  }
  .footer-section .c-row .f-img {
    width: 40% !important;
  }
  .footer-section .c-row .d-resdiv {
    display: block !important;
  }
  .footer-section .c-row .d-resdiv label {
    padding: 12px 0px !important;
  }
  .footer-section .c-row .d-resdiv div {
    justify-content: center;
  }
  .footer-section .gray-p {
    font-size: 13px !important;
  }
  .footer-section .lowerC {
    text-transform: initial !important;
  }
  .footer-section .res-bb-light {
    border-bottom: 1px solid #CFD3E0;
    margin: 28px 0px;
  }
  .footer-section .col-3 {
    max-width: 50%;
    flex: 0 0 50%;
    text-align: left;
    margin-bottom: 25px;
  }
  .footer-section .col-3 .g-res-p {
    margin-bottom: 10px !important;
  }
  .footer-section .col-3 .space-mb {
    margin-bottom: 25px !important;
  }
  .footer-section .col-3 .in-p {
    margin-bottom: 0px !important;
  }
  .footer-section .last-col {
    margin-bottom: 0px !important;
  }
  .footer-section .b-fluid {
    margin-left: inherit;
    margin-right: inherit;
  }
  .footer-section .dd-bock {
    display: block !important;
  }
  .footer-section .up-relative {
    position: relative;
    top: -26px;
  }
  .footer-section .move-relative {
    position: relative;
    top: 24px;
  }
  .res-humble-icon {
    display: block !important;
  }
  .bb-responsive {
    border-bottom: 1px solid #DCE2F8;
    border-top: 1px solid #DCE2F8;
  }
  .pop-styled-two .modal-content {
    left: 12px;
    bottom: -28px !important;
    width: 95%;
    height: inherit;
  }
  .pop-styled-two .modal-content .pop-header {
    padding-top: 60px;
  }
  .pop-styled .modal-content {
    left: 12px !important;
    bottom: -28px !important;
    width: 95%;
    height: inherit;
  }
  .pop-styled .modal-content .pop-header {
    padding-top: 60px;
  }
  .center-pop .modal-content {
    left: 12px !important;
    bottom: -38px;
    width: 95%;
  }
  .center-pop .modal-content .pop-header {
    padding-top: 60px;
  }
  .center-pop .modal-content .col-7 {
    padding-top: 0px !important;
  }
  .tab__content {
    padding: 40px 0 10px;
  }
  .res-font {
    font-size: 34px;
    margin: 0px 57px !important;
  }
  .m-rb {
    margin-bottom: 10px !important;
  }
  .col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .top-product {
    display: block !important;
    padding: 0 28px;
    margin-bottom: 38px;
  }
  .top-product p {
    text-align: center;
    position: relative;
    bottom: -417px;
  }
  .top-product .menu-btn {
    position: relative;
    bottom: -423px;
  }
  .top-product .move-position {
    position: relative;
    bottom: 177px;
  }
  .responsive-card h3 {
    text-align: left !important;
    font-size: 34px;
    margin-right: 30px;
    padding-top: 0px !important;
  }
  .responsive-card .r-demo-blur {
    width: 26px;
    height: 121px;
    filter: blur(46px);
  }
  .responsive-card .new-p {
    display: block !important;
    font-size: 15px;
    width: inherit !important;
    margin-bottom: 24px !important;
    line-height: 26px;
  }
  .responsive-card .bagged-show {
    display: block;
    text-align: center;
  }
  .responsive-card .profile {
    margin-bottom: 20px;
  }
  .responsive-card .text-data {
    margin-bottom: 38px;
  }
  .tab-p {
    padding: 0 0 30px !important;
  }
  .res-mm {
    padding-bottom: 30px !important;
  }
  .block-res {
    display: block !important;
    padding-left: 0 !important;
  }
  .top-r {
    padding-top: 30px !important;
  }
  .t-col-com {
    padding-right: 60px;
  }
  .dd-bock {
    display: block !important;
  }
  .contact-right img {
    width: 150px;
    height: 280px;
  }
  .rounder-vector {
    top: -74px;
    right: 10px;
  }
  .rounder-vector img {
    transform: rotate(63deg);
    width: 100px;
  }
  .rectangle-vector {
    bottom: inherit;
    top: 363px;
    right: 233px;
  }
  .rectangle-vector img {
    transform: rotate(290deg);
    height: 180px;
    width: inherit !important;
  }
  .showcase-text {
    position: relative;
    bottom: 45px;
  }
  .showcase-text span {
    font-size: 39px !important;
  }
  .showcase-text p {
    font-size: 13px !important;
    width: 284px;
  }
  .socail-btn h4 {
    font-size: 21px !important;
    margin-bottom: 22px !important;
  }
  .showcase-form {
    width: 100%;
  }
  .showcase-form .mb-1 {
    margin-bottom: 28px !important;
  }
  .showcase-form .mt-3 {
    margin-top: 38px !important;
  }
  .section-bb {
    padding-top: 24px !important;
  }
  .section-bb h2 {
    font-size: 38px !important;
  }
  .section-bb p {
    margin: 0 !important;
  }
  .section-bb .card-box.box-items {
    padding: 24px !important;
  }
  .section-bb .card-box.box-items label {
    font-size: 18px !important;
    margin-bottom: 0;
    padding-right: 50px;
  }
  .section-bb .card-box.box-items p {
    padding-right: 40px;
    width: inherit;
  }
}
@media only screen and (max-width: 768px) {
  .top-header-nav {
    display: block;
    padding: 10px 18px;
  }
  .left-s img {
    width: 30%;
  }
  .top-header-nav a {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 500;
  }
  .button-menu {
    width: 100% !important;
  }
  .right-s {
    display: none;
  }
  .main-section-h {
    padding-top: 100px !important;
    margin: 0 12px;
  }
  .main-section-h .header-title {
    font-size: 38px;
  }
  .vecter-ico {
    top: -18px;
    right: -67px;
    width: 16px;
  }
  .header-sub-paragraph {
    font-size: 14px;
  }
  .menu-btn button {
    width: 100%;
    margin-bottom: 20px;
  }
  .menu-avter img {
    width: 100%;
  }
  .section-blue-theme .b-card-box {
    margin: 40px 0px 44px;
    padding: 24px 24px;
    text-align: left;
  }
  .section-blue-theme .b-card-first {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .section-blue-theme .sub-paragraph {
    line-height: 28px;
    font-weight: 200;
  }
  .section-blue-theme .vecter-line {
    top: 94px;
    width: 47%;
    right: 0%;
  }
  button {
    width: 100% !important;
  }
  .bottom-5 {
    position: relative;
    top: 286px;
  }
  .up-7 {
    position: relative;
    top: -378px;
  }
  .res-img {
    top: 26px !important;
  }
  .res-img img {
    width: 100% !important;
  }
  .c-content {
    text-align: center;
  }
  .c-content .sub-header-title-two {
    margin: 26px 0px;
    line-height: 28px;
    font-size: 17px;
  }
  .futu-img {
    left: -24px !important;
  }
  .col-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .col-card {
    margin-left: 0px !important;
    margin-right: 0px !important;
    height: inherit;
  }
  .col-card-6 {
    margin-bottom: 0px !important;
  }
  .rec-col-d {
    left: 24px !important;
    top: 8px !important;
  }
  .rec-col-d img {
    height: inherit !important;
  }
  .trid-dev {
    height: 254px;
  }
  .trid-dev img {
    width: 325px !important;
    height: 254px;
  }
  .visible-ico img {
    width: 10% !important;
    margin-bottom: 10px;
  }
  .res-line-d {
    top: 93px !important;
    left: -14px !important;
  }
  .res-line-d img {
    width: 50% !important;
  }
  .col-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .card-new-r {
    margin: 35px 0px !important;
  }
  .last-N {
    display: block !important;
    text-align: center !important;
  }
  .n-pos {
    right: -16px !important;
  }
  .rec-cio {
    left: 0% !important;
    top: 70px !important;
  }
  .rec-cio img {
    width: 42% !important;
  }
  .footer-section {
    text-align: center !important;
    padding: 38px 14px 0 !important;
  }
  .footer-section .c-row {
    margin-bottom: 0;
  }
  .footer-section .c-row .f-img {
    width: 40% !important;
  }
  .footer-section .c-row .d-resdiv {
    display: block !important;
  }
  .footer-section .c-row .d-resdiv label {
    padding: 12px 0px !important;
  }
  .footer-section .c-row .d-resdiv div {
    justify-content: center;
  }
  .footer-section .lowerC {
    text-transform: initial !important;
  }
  .footer-section .res-bb-light {
    border-bottom: 1px solid #CFD3E0;
    margin: 28px 0px;
  }
  .footer-section .col-3 {
    max-width: 50%;
    flex: 0 0 50%;
    text-align: left;
    margin-bottom: 25px;
  }
  .footer-section .col-3 .g-res-p {
    margin-bottom: 10px !important;
  }
  .footer-section .col-3 .space-mb {
    margin-bottom: 25px !important;
  }
  .footer-section .col-3 .in-p {
    margin-bottom: 0px !important;
  }
  .footer-section .last-col {
    margin-bottom: 0px !important;
  }
  .footer-section .b-fluid {
    margin-left: inherit;
    margin-right: inherit;
  }
  .footer-section .dd-bock {
    display: block !important;
  }
  .footer-section .up-relative {
    position: relative;
    top: -26px;
  }
  .footer-section .move-relative {
    position: relative;
    top: 24px;
  }
  .res-humble-icon {
    display: block !important;
  }
  .bb-responsive {
    border-bottom: 1px solid #DCE2F8;
    border-top: 1px solid #DCE2F8;
  }
  .col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .pop-styled-two .modal-content {
    left: 12px;
    bottom: -68px;
    width: 95%;
  }
  .left-pop .modal-content {
    left: 12px !important;
    width: 95%;
  }
  .center-pop .modal-content {
    left: 12px !important;
    bottom: -38px;
  }
  .m-rb {
    margin-bottom: 10px !important;
  }
  .col-8 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .top-product {
    display: block !important;
    padding: 0 28px;
  }
  .top-product p {
    text-align: center;
  }
  .menu-button-container {
    display: flex;
  }
  .menu {
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
    box-shadow: -8px 13px 20px 0vh;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: -5px;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    height: 100%;
    padding: 16px 28px;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li {
    display: flex;
    justify-content: left;
    margin: 0;
    padding-top: 20px;
    width: 100%;
    color: #041037;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  .menu-reponsive {
    display: block !important;
  }
  .sub-header-title {
    margin: 0px !important;
  }
  .sub-paragraph {
    margin: 0px !important;
  }
  .sub-header-title-two {
    margin: 0px !important;
  }
  .res-font {
    font-size: 34px;
    margin: 0px 57px !important;
  }
  .responsive-6 {
    margin-left: 0px;
    margin-right: 0px;
  }
}/*# sourceMappingURL=responsive.css.map */