@media only screen and (max-width: 860px) {
  .header-wrapper .logo-header {
    text-align: unset;
    background: #141821;
    padding: 10px 20px; 
  }  

  .header-wrapper .logo-header .logo-header-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .header-wrapper .logo-header img {
    width: 220px;
  }

  .header-wrapper #menu_btn {
    display: inline-block;
    margin: auto 0;
  }
  

  .header-wrapper .logo-header .logo-header-section .btn {
    background: #1a202c;
    border: 1px solid #a3a3a3;
    color: #f5f5f5;
    font-size: 20px;
  }

  .header-wrapper .navbar-header {
    display: none;
  }

  .header-wrapper .close-tab {
    display: none;
    overflow: hidden;
    opacity: 0;
    /* Set opacity to 0 to make it fade in smoothly */
    transition: opacity 1s ease-in-out;
  }

  .header-wrapper #mini_tab {
    padding: 10px 20px;
    background: #141821;
  }

  .header-wrapper .mini-tab-list ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;

  }

  .header-wrapper .mini-tab-list ul li.navbar-item {
    margin: 15px 0;
  }

  .header-wrapper .mini-tab-list ul li.navbar-item a.navbar-link {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #ffffff;
  }

  .header-wrapper .mini-tab-list ul li.navbar-item .btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 5px;
  }

  /* hero section styles */

  .hero-section {
    padding: 50px 50px;
    display: flex;
    justify-content: center;
    align-content: center;
  }

  .hero-section .hero-contents {
    max-width: 750px;
    width: 100%;
  }

  .hero-section .hero-text {
    margin-top: 30px;
    text-align: center;
  }

  .hero-section .hero-text .main-hero-text {
    font-size: 65px;
    line-height: 80px;
  }

  .hero-section .hero-text .sub-hero-text {
    font-size: 18px;
    margin-top: 25px;
  }

  .hero-section .hero-form {
    padding: 50px 0 20px;
  }

  .hero-section .hero-form .hero-form-group input {
    width: 70%;
    height: 47px;
    font-size: 14px;
  }

  .hero-section .hero-form .hero-form-group .btn {
    margin-left: 10px;
    font-size: 14px;
    padding: 10px 30px;
  }

  .hero-section .hero-buttons {
    text-align: center;
    padding: 20px 0;
  }

  .hero-section .hero-buttons .hero-btn-intro {
    font-size: 14px;
  }

  .hero-section .hero-buttons .button-sections {
    padding: 20px 0 40px;
    text-align: center;
  }

  .hero-section .hero-buttons .button-sections .btn {
    margin: 15px 10px;
    font-size: 14px;
    width: 40%;
  }

  .hero-section .hero-buttons .button-sections .btn img {
    width: 25px;
    margin-right: 8px;
  }




  .site-record-wrapper {
    margin: 0 30px 50px;
    display: flex;
    justify-content: center;
  }

  .site-record-wrapper .site-record-section {
    width: 95%;
    padding: 20px 20px;
    border-radius: 8px;
    background: #1f2533;

  }

  .site-record-wrapper .site-record-section .site-record-rows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }


  .site-record-rows .site-record-col .title {
    font-size: 25px;
  }

  .site-record-rows .site-record-col .sub-title {
    font-size: 14px;
  }

  .site-record-section .site-section-date {
    font-size: 13px;

  }



  .welcome-section {
    padding: 30px 20px;
  }

  .welcome-section .welcome-details .welcome-header {
    font-size: 28px;
  }

  .welcome-section .welcome-details .welcome-para {
    font-size: 13px;
    font-weight: 400;
  }

  .decentralized-section {
    padding: 50px 20px;
  }

  .welcome-section .btn {
    margin: 30px 0 10px;
    padding: 10px 40px;
    border-radius: 7px;
    font-size: 14px;
  }


  .welcome-section .welcome-details .sub-title {
    font-weight: 700;
    margin-top: 30px;
  }

  .welcome-section .welcome-details ul {
    list-style: none;
  }

  .welcome-section .welcome-details ul li {
    font-size: 14px;
    margin: 10px 0;
  }

  .welcome-section .welcome-details .text-bold {
    font-weight: 700;
  }

  .welcome-section .welcome-img {
    margin-top: 20px;
    text-align: center;
  }

  .welcome-section .welcome-img img {
    width: 100%;

  }


  .welcome-section .decentralize-img {
    text-align: center;
  }

  .welcome-section .decentralize-img img {
    width: 100%;
    border-radius: 10px;
  }

  .welcome-section .col-lg-5 {
    margin: auto auto;
  }

  .welcome-section .certificate-img {
    text-align: center;
    margin: auto 0;
  }

  .welcome-section .certificate-img img {
    width: 100%;
    border-radius: 10px;
  }


  .invest-options {
    padding: 30px 20px;
  }

  .invest-options .header-section {
    margin-bottom: 40px;
  }

  .invest-options .header-section .header-title {
    font-size: 30px;

  }

  .invest-options .header-section .header-intro {
    max-width: 75%;
    font-size: 14px;
    color: #e5e5e5;
  }


  .invest-options-card {

    padding: 30px 20px;
    border-radius: 12px;
    margin: 10px 10px;
  }


  .invest-options-card .title {
    font-size: 21px;
  }

  .invest-options-card .options-card-img {
    margin: 25px auto;
    height: 150px;
    width: 150px;
    background: #171a25;

  }

  .invest-options-card .options-card-body .options-card-details ul li {
    font-size: 14px;
    margin: 10px 0;
  }

  .invest-options-card .options-card-body .options-card-details ul .bold-text {
    font-weight: 700;
    letter-spacing: 0.5px;
  }

  .invest-options-card .options-card-body .options-button {
    text-align: center;
    margin: 25px auto 10px;
  }

  .invest-options-card .options-card-body .options-button .btn {
    padding: 10px 20px;
    font-size: 13px;
  }




  .art-marketplace {
    padding: 20px 20px;
  }

  .art-marketplace .header-section {
    margin-bottom: 40px;
  }

  .art-marketplace .header-section .header-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .art-marketplace .header-section .header-row .header-title {
    font-size: 30px;
  }

  .art-marketplace .header-section .header-row .btn {
    margin: auto 0;
    padding: 9px 15px;
    border-radius: 25px;
    font-size: 14px;

  }

  .art-marketplace .header-section .header-intro {
    max-width: 85%;
    font-size: 13px;

  }





  .section-h2 {
    font-size: 35px;
    margin-bottom: 20px;
  }

  .section-p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
  }

  .section-wrapper {
    margin-top: 40px;
  }

  .historical-return {
    padding: 20px 5px;
  }

  .historical-return .section-p {
    max-width: 90%;
  }

  .historical-return .historical-art {
    margin-top: 30px;
  }

  .historical-return .historical-art .historical-art-col {
    margin: 20px 20px 20px 0;
  }

  .historical-return .historical-art .historical-art-col .img-box img {
    width: 100%;
    border-radius: 10px;
  }

  .historical-desc {
    margin-top: 20px;
  }

  .historical-desc h5 {
    font-size: 26px;
  }

  .historical-desc p {
    font-size: 14px;
  }

  .historical-btn {
    margin-top: 20px;
  }

  .historical-btn .btn {
    width: 45%;
    padding: 10px;
  }

  .historical-btn .btn.btn-bought {
    margin-right: 20px;
  }

  .historical-btn .btn p {
    font-size: 12px;
  }

  .historical-btn .btn h4 {
    font-size: 20px;
  }

  .track-record {
    padding: 20px 30px;
  }

  .track-record .section-h2 {
    font-size: 30px;
    margin-bottom: 10px;
  }

  .track-record-wrapper {
    padding: 30px 40px;
    background: #282e3c;
  }

  .track-record .p-note {
    font-size: 10px;
    max-width: 100%;
    margin-left: 30px;
    margin-top: 15px;
  }

  .track-record-box {
    padding: 15px 15px 10px;
    margin: 10px 0;
  }

  .track-record-box .profile-sector img {
    height: 45px;
    width: 45px;
  }

  .track-record-box .profile-sector .profile-name {
    margin: auto 15px;
    font-size: 14px;
  }

  .track-record-box .track-record-body {
    margin-top: 10px;
  }

  .track-record-box .track-record-body .title {
    font-size: 12px;
  }

  .track-record-box .track-record-body .percent {
    font-size: 18px;
  }

  .track-record-box .track-record-body .days-held {
    font-size: 11px;
  }

  .artwork-box {
    padding: 0;
    margin-top: 30px;
  }

  .artwork-box .artwork-texts {
    padding: 40px 20px 20px;
  }

  .artwork-box .artwork-right-texts {
    padding: 20px 20px 40px;
  }

  .artwork-box .artwork-title {
    font-size: 25px;
    margin-bottom: 20px;
  }

  .artwork-box .description {
    margin-top: 30px;
  }

  .artwork-box .desc-title {
    font-size: 16px;
  }

  .artwork-box .desc-title .fas {
    margin-right: 6px;
  }

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

  .artwork-box .art-button {
    margin-top: 30px;
  }

  .artwork-box .art-button .btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 14px;
  }

  .artwork-box .artwork-img {
    height: 100%;
    width: 100%;
  }

  .artwork-box .artwork-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .armchair-invest .reason-list {
    margin: 40px 10px;
  }

  .armchair-invest .section-p {
    font-size: 13px;
  }

  .armchair-invest .reason-list ul {
    list-style: none;
    padding-left: 0;
  }

  .armchair-invest .reason-list ul .fas {
    font-size: 13px;
    margin-right: 10px;
  }

  .armchair-invest .reason-list ul li {
    padding: 5px 0;
    font-size: 13px;
  }

  .armchair-form {
    padding: 15px 20px;
  }

  .armchair-form h4 {
    font-size: 24px;
  }

  .armchair-form .form-group {
    margin: 25px 0;
  }

  .armchair-form .form-group input {
    font-size: 14px;
  }

  .armchair-form .form-group .btn {
    width: 100%;
    height: 48px;
    font-size: 14px;
  }

  .armchair-form .form-note {
    font-size: 11px;
  }

  .recent-offering {
    padding: 40px 10px;
  }

  .recent-wrapper {
    padding: 10px 15px;
    border-radius: 15px;
    margin-top: 40px;
  }

  .recent-wrapper .art-owner img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
  }

  .recent-wrapper .art-owner p.username {
    margin: auto 10px;
    font-size: 14px;
  }

  .recent-art-info {
    margin-top: 20px;
  }

  .recent-art-info .col-md-3,
  .col-md-5,
  .col-md-4 {
    padding: 2px 3px;
  }

  .art-details {
    border-radius: 5px;
  }

  .art-details .art-img-box {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  .art-details .art-img-box .art-img {
    width: 100%;
    height: 100px;
    margin: 0 auto;
  }

  .art-details .art-img-box .art-name {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px 0 15px;
    color: #aaaaaa;
  }

  .art-details .art-details-body {
    padding: 5px 10px 10px;
  }

  .art-details .art-details-body .art-desc {
    font-size: 12px;
  }

  .art-details .art-details-body .art-button {
    margin-top: 30px;
    text-align: center;
    display: none;
  }

  .offering-sector {
    border-radius: 5px;
    margin-bottom: 15px;
  }

  .offering-sector .initial-offering {
    padding: 10px;
    width: 50%;
  }

  .offering-sector .offering-cicular {
    width: 50%;
    padding: 10px;
  }

  .offering-sector .sub-title {
    font-size: 12px;
  }

  .offering-sector .initital-price {
    font-size: 18px;
  }

  .offering-sector .sec-link {
    font-size: 14px;
    font-weight: 600;
    visibility: hidden;
  }

  .art-record-chart {
    padding: 10px;
    border-radius: 5px;
  }

  .art-record-chart .btn {
    font-size: 12px;
    border-radius: 20px;
    padding: 6px 20px;
    margin-bottom: 40px;
  }

  .art-growth {
    border-radius: 5px;
    padding: 10px;
  }

  .art-growth .annual-growth p.title {
    font-size: 12px;
  }

  .art-growth .annual-growth p.percent {
    font-size: 20px;
  }

  .art-growth .sharp-ratio {
    padding: 8px 0;
    border-top: 1px solid #77777751;
    border-bottom: 1px solid #77777751;
    cursor: pointer;
    margin: 15px 0 5px;
  }

  .art-growth .sharp-ratio p {
    font-size: 11px;
  }

  .art-growth .growth-row {
    padding: 10px 0 10px;
  }

  .art-growth .growth-row .sub-title {
    font-size: 13px;
  }

  .art-growth .growth-row .percent {
    font-size: 18px;
  }

  .art-growth .growth-row .green.percent .fas {
    font-size: 14px;
    rotate: -90deg;
  }

  .art-growth .invest-btn {
    text-align: center;
    margin-top: 20px;
  }

  .art-growth .invest-btn .btn {
    width: 80%;
    font-weight: 700;
    padding: 8px;
    font-size: 13px;
  }

  .skip-form .skip-form-group input {
    width: 60%;
    height: 45px;
    font-size: 14px;
  }

  .skip-form .skip-form-group .btn {
    font-size: 13px;
    padding: 10px 30px;
  }

  .skip-buttons {
    text-align: center;
    padding: 15px 0;
  }

  .skip-buttons .skip-btn-intro {
    font-size: 13px;
  }

  .skip-buttons .button-sections {
    padding: 10px 0 10px;
    text-align: center;
  }

  .skip-buttons .button-sections .btn {
    margin: 15px 5px;
    font-size: 12px;
    padding: 8px 5px;
    width: 47%;
  }

  .skip-buttons .button-sections .btn img {
    width: 22px;
    margin-right: 5px;
  }

  .art-market {
    padding: 60px 0;
  }

  .art-market hr {
    margin: 20px 20px;
  }

  .art-market .art-market-wrapper {
    padding: 0 10px;
  }

  .art-market .market-text {
    padding: 10px 10px 15px;
  }

  .art-market .market-text .hide-text {
    visibility: hidden;
  }

  .art-market .boom-section {
    padding: 20px 5px 10px;
  }

  .art-market .boom-section .boom-title {
    font-size: 30px;
    margin-bottom: 15px;
  }

  .art-market .boom-section .boom-sub-title {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .art-market .guide-button {
    margin-top: 20px;
    text-align: center;
  }

  .art-market .guide-button .btn {
    width: 60%;
    font-size: 14px;
    padding: 13px 30px;
  }

  .how-it-wrapper {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .how-it-wrapper .col-md-3 {
    padding: 3px 8px;
  }

  .how-it-wrapper .how-it-box {
    margin: 15px 0;
    padding: 25px 15px;
    height: 180px;
  }

  .how-it-wrapper .how-it-box img {
    width: 35px;
  }

  .how-it-wrapper .how-it-box .sub-title {
    margin-top: 15px;
    font-size: 16px;
  }

  .how-it-wrapper .how-it-box .sub-desc {
    font-size: 13px;
  }

  .home-faq {
    padding: 30px 0;
  }

  .home-faq-wrapper {
    margin-top: 20px;
  }

  .home-faq-box {
    border-radius: 10px;
    padding: 10px 15px;
    margin: 20px 0;
  }

  .home-faq-box .home-faq-q p.home-title {
    font-size: 13px;
  }

  .home-faq-box .home-faq-q p .fas {
    font-size: 13px;
    margin-right: 10px;
  }

  .home-faq-a {
    padding: 10px 0 5px;
  }

  .faq-answer {
    display: none;
    /* Hide the answer divs by default */
  }

  .faq-question i.fa-minus {
    display: none;
    /* Hide the minus icon by default */
  }

  .home-faq-a .faq-desc {
    font-size: 12px;
    max-width: 90%;
  } 

  /* footer section starts here */

  .footer-wrapper {
    padding: 30px 10px 20px;
  }

  .footer-logo {
    margin-top: 20px;
  }

  .footer-logo img {
    width: 180px;
  }

  .disclaimer-text {
    margin: 20px 0;
  }

  .disclaimer-text .disclaimer-p {
    font-size: 11px;
    margin-bottom: 25px;
  }

  .disclaimer-text .footer-copy {
    font-size: 12px;
  }

  .footer-wrapper .footer-list ul li a {
    font-size: 13px;
  }

  .footer-wrapper .social-list {
    padding-top: 0;
  }

  .footer-wrapper .social-list .social-title {
    font-size: 14px;
  }

  .footer-wrapper .social-list ul li {
    margin-right: 20px;
  }

  .footer-wrapper .social-list ul li a {
    font-size: 18px;
  }

  /* WHY ART CSS STYLES */

  .why-section {
    margin: 40px 0 50px;
  }

  .intro-h2 {
    font-size: 45px;
    margin-bottom: 25px;
  }

  .intro-section .intro-text .intro-desc {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
  }

  .intro-section .intro-text .section-p {
    max-width: 500px;
    font-size: 15px;
  }

  .intro-section .intro-image-section {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .intro-section .intro-image-section .intro-img-box img {
    width: 250px;
  }

  .intro-section .intro-image-section .intro-img-box img.art-port {
    margin-top: 20px;
    width: 280px;
  }

  .why-h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 25px;
  }

  .benefit-section {
    padding: 20px 20px;
    margin: 30px 0;
  }

  .art-benefit {
    padding: 20px 0;
  }

  .art-benefit-box {
    margin-top: 10px;
    padding: 10px;
  }

  .art-benefit-box .svg-box img {
    width: 70px;
  }

  .art-benefit-box .svg-box {
    margin: 20px 0;
    text-align: center;
  }

  .art-benefit-box .svg-box img.low-loss {
    width: 55px;
  }

  .art-benefit-box .img-text {
    font-size: 15px;
  }

  .price-app {
    padding: 30px 0;
  }

  .price-app hr {
    margin: 30px 0;
  }

  .price-app .price-app-box .why-h2 {
    text-align: left;
  }

  .price-app .price-app-box {
    padding-right: 15px;
  }

  .price-app .price-app-img h5 {
    font-size: 13px;
  }

  .price-app .price-app-img .img-box {
    margin-top: 20px;
    text-align: center;
  }

  .price-app .price-app-img .img-box img {
    width: 100%;
  }

  .dedicated-art-inv {
    padding: 20px 0;
  }

  .dedicated-art-img {
    margin-top: 50px;
    margin-bottom: 70px;
  }

  .dedicated-art-img h5 {
    font-size: 13px;
  }

  .dedicated-art-img .img-box img {
    width: 80%;
  }

  /* how it works styles */
  .how-intro {
    padding-bottom: 30px;
  }

  .how-intro .intro-text {
    margin-top: 30px;
  }

  .how-intro .section-p {
    margin-top: 20px;
  }

  .benefit-section.leverage {
    padding: 40px 15px 0;
    margin: 30px 0;
  }

  .leverage .img-box-one {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
  }

  .leverage .img-box-one .side-image {
    padding: 20px;
  }

  .leverage .img-box-one .side-image img {
    margin-bottom: 50px;
    width: 100px;
    border-radius: 10px;
  }

  .leverage .img-box-one .main-image {
    text-align: center;
    padding: 0;
  }

  .leverage .img-box-one .main-image img {
    margin-top: 40px;
    width: 320px;
  }

  .how-it-works {
    padding: 30px 0;
  }

  .how-it-work-box {
    padding: 10px 10px;
    max-width: 100%;
  }

  .how-it-work-box .number-circle {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    font-size: 21px;
  }

  .how-it-work-box .title {
    margin-top: 20px;
    font-size: 21px;
  }

  .how-it-work-box .desc {
    margin-top: 10px;
    font-size: 12px;
  }

  .how-it-work-box .desc-note {
    margin-top: 8px;
    color: #a3a3a3;
    font-size: 12px;
  }

  .dilligence-process {
    border-radius: 25px;
    margin: 50px 30px;
    padding: 30px 40px;
  }

  .dilligence-process .img-box img {
    width: 100%;
  }

  .invest-process {
    background: #22293d;
    border-radius: 30px;
    margin: 50px 30px 100px;
    padding: 30px 40px;
  }

  .invest-process .img-box img {
    width: 80%;
  }

  .our-mission-img {
    margin: 40px 0 30px;
  }

  .our-mission-img img {
    width: 100%;
  }

  .intro-desc.about-section .section-p {
    font-size: 18px;
    max-width: 90%;
    margin-bottom: 0;
  }

  .offered {
    margin: 10px 0 50px;
  }

  .offered .col-md-4 {
    padding: 8px;
  }

  .offered-box {
    text-align: center;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 30px;
  }

  .offered-box .title {
    font-size: 45px;
    line-height: 70px;
  }

  .offered-box .sub-title {
    font-size: 15px;
  }

  .ceo-word {
    margin-bottom: 100px;
  }

  .ceo-image {
    text-align: right;
    margin-right: 30px;
  }

  .ceo-image img {
    border: 5px solid #2d3748;
    width: 180px;
    border-radius: 10px;
  }

  .ceo-text .desc {
    font-size: 13px;
    font-weight: 500;
    max-width: unset;
  }

  .ceo-text .ceo-name {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
  }

  /* trading hero section styles */
  .trading-hero {
    padding: 70px 50px;
    margin-bottom: 100px;
  }

  .trading-hero-wrapper {
    display: flex;
    justify-content: center;

    align-items: center;
    text-align: center;
  }

  .trading-hero-content {
    max-width: 80%;
  }

  .trading-hero-content .intro-h2 {
    text-align: unset;
    font-size: 40px;
  }

  .trading-hero-content .btn {
    font-size: 14px;
    padding: 12px 30px;
    letter-spacing: 1px;
  }

  .trading-section-wrapper {
    margin-bottom: 80px;
  }

  .trading-section-wrapper .trading-header-text {
    max-width: 500px;
    margin-bottom: 30px;
  }

  .trading-section-wrapper .section-h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .trading-section-wrapper .section-p {
    font-size: 14px;
  }

  .trading-img-box {
    margin: 20px 0 50px;
    text-align: center;
  }

  .trading-img-box img {
    width: 100%;
  }

  /* Sell Art Styles */
  .sell-art-wrapper {
    margin: 70px 0 100px;
  }

  .sell-art-wrapper .section-h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
  }

  .sell-art-wrapper .col-md-6 {
    margin: auto;
  }

  .consignment-section {
    padding-right: 20px;
  }

  .consignment-section .why-h2 {
    font-size: 21px;
    text-align: left;
  }

  .sell-form-box {
    margin-top: 30px;
    border-radius: 15px;
    padding: 20px 30px;
  }

  .sell-form-box .form-group input {
    font-size: 14px;
    height: 50px;
  }

  .sell-form-box .form-group select {
    font-size: 14px;
  }

  .sell-form-box .form-group .btn {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .sell-form-box .form-group .form-note {
    font-size: 12px;
  }

  .sell-form-box .request-btn {
    text-align: center;
    margin-top: 30px;
  }

  .sell-form-box .request-btn .btn {
    width: 100%;
    padding: 14px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .art-valuation .section-h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
  }

  .art-valuation .section-p {
    text-align: center;
    font-size: 14px;
  }

  /* Artist Page Styles */
  .artist-wrapper {
    margin: 50px 0 100px;
  }

  .artist-wrapper.marketplace-row {
    padding: 15px 15px;
  }

  .artist-wrapper .container {
    padding: 5px;
  }

  .artist-wrapper .section-h2 {
    font-size: 24px;
  }

  .artist-wrapper .col-lg-3 {
    padding: 10px 8px;
  }

  .artist-wrapper .artist-row {
    margin-top: 50px;
  }

  .artist-wrapper .artist-box {
    margin-bottom: 30px;
    padding: 15px;
    border-radius: 10px;
  }

  .artist-wrapper .artist-box .artist-img-box img {
    width: 200px;
    height: 200px;
    border-radius: 8px;
    object-fit: cover;
  }

  .artist-wrapper .artist-box .artist-name {
    margin-top: 15px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .artist-wrapper .artist-box .art-desc {
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .portal-window-content {
    width: 50%;
  }

  .upload-art .upload-art-box .art-image-container {
    width: 100%;
    height: 250px;
    padding: 20px;
    position: relative;
    display: none;
  }

  .sell-form-box .contact-map-container iframe{
    border-radius: 15px;
    width: 100%;
    height: 500px;
  }
  .sell-form-box.map-box{
    padding: 20px;
  }
  
  .sell-art-wrapper .map-p{
    visibility: hidden;
    display: none;
  }
  
}

@media only screen and (max-width: 767px) {
  .header-wrapper .logo-header {
    text-align: unset;
    padding: 8px 20px;
  }

  .header-wrapper .logo-header img {
    width: 200px;
  }

  .header-wrapper .logo-header .logo-header-section .btn {
    font-size: 17px;
  }

  .header-wrapper .navbar-header {
    display: none;
  }

  .header-wrapper .close-tab {
    display: none;
    overflow: hidden;
    opacity: 0;
    /* Set opacity to 0 to make it fade in smoothly */
    transition: opacity 1s ease-in-out;
  }

  .header-wrapper .mini-tab-list ul li.navbar-item {
    margin: 15px 0;
  }

  /* hero section styles */

  .hero-section {
    padding: 30px 10px;
    display: flex;
    justify-content: center;
    align-content: center;
  }

  .hero-section .hero-contents {
    max-width: unset;
    width: 100%;
  }

  .hero-section .hero-text {
    margin-top: 25px;
    text-align: center;
  }

  .hero-section .hero-text .main-hero-text {
    font-size: 55px;
    line-height: 55px;
  }

  .hero-section .hero-text .sub-hero-text {
    font-size: 18px;
    margin-top: 25px;
  }

  .hero-section .hero-form {
    padding: 30px 0 20px;
  }

  .hero-section .hero-form .hero-form-group input {
    width: 60%;
    height: 45px;
    font-size: 13px;
  }

  .hero-section .hero-form .hero-form-group .btn {
    margin-left: 5px;
    font-size: 12px;
    padding: 10px 20px;
  }

  .hero-section .hero-buttons {
    text-align: center;
    padding: 15px 0;
  }

  .hero-section .hero-buttons .hero-btn-intro {
    font-size: 13px;
  }

  .hero-section .hero-buttons .button-sections {
    padding: 10px 0 10px;
    text-align: center;
  }

  .hero-section .hero-buttons .button-sections .btn {
    margin: 15px 5px;
    font-size: 14px;
    width: 75%;
  }

  .hero-section .hero-buttons .button-sections .btn img {
    width: 25px;
    margin-right: 8px;
  }

  .section-h2 {
    font-size: 27px;
    margin-bottom: 20px;
  }

  .section-p {
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
  }

  .historical-return {
    padding: 20px 10px;
  }

  .historical-return .section-p {
    max-width: 90%;
  }

  .historical-return .historical-art {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .historical-return .historical-art .historical-art-col {
    margin: 20px 10px 20px 10px;
  }

  .historical-return .historical-art .historical-art-col .img-box img {
    width: 90%;
    border-radius: 10px;
  }

  .historical-desc {
    margin-top: 20px;
  }

  .historical-desc h5 {
    font-size: 21px;
  }

  .historical-desc p {
    font-size: 13px;
  }

  .historical-btn {
    margin-top: 10px;
  }

  .historical-btn .btn {
    width: 45%;
    padding: 10px;
  }

  .historical-btn .btn.btn-bought {
    margin-right: 20px;
  }

  .historical-btn .btn p {
    font-size: 12px;
  }

  .historical-btn .btn h4 {
    font-size: 17px;
  }

  .track-record {
    padding: 15px 15px;
  }

  .track-record .section-h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .track-record-wrapper {
    padding: 20px 20px;
  }

  .track-record .p-note {
    font-size: 10px;
    max-width: 100%;
    margin-left: 15px;
    margin-top: 15px;
  }

  .track-record-box {
    padding: 15px 10px 10px;
    margin: 10px 0;
  }

  .track-record-box .profile-sector img {
    height: 40px;
    width: 40px;
  }

  .track-record-box .profile-sector .profile-name {
    margin: auto 10px;
    font-size: 13px;
  }

  .track-record-box .track-record-body {
    margin-top: 10px;
  }

  .track-record-box .track-record-body .title {
    font-size: 11px;
  }

  .track-record-box .track-record-body .percent {
    font-size: 16px;
  }

  .track-record-box .track-record-body .days-held {
    font-size: 11px;
  }

  .artwork-box {
    padding: 0;
    margin-top: 60px;
  }

  .artwork-box .artwork-texts.mobile {
    padding: 40px 20px 10px;
  }

  .artwork-box .artwork-title {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .artwork-box .artwork-texts.mobile .artwork-title {
    margin-bottom: 0;
  }

  .artwork-box .description {
    margin-top: 30px;
  }

  .artwork-box .art-button .btn {
    width: 100%;
    padding: 15px 20px;
    font-size: 13px;
  }

  .artwork-box .artwork-img {
    height: 100%;
    width: 100%;
  }

  .artwork-box .artwork-img img {
    margin-top: 20px;
    border-radius: 25px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .armchair-invest .reason-list {
    margin: 40px 10px;
  }

  .armchair-invest .reason-list ul li {
    padding: 5px 0;
    font-size: 13px;
  }

  .armchair-form {
    padding: 15px 15px;
  }

  .armchair-form h4 {
    font-size: 20px;
  }

  .armchair-form .form-group {
    margin: 25px 0;
  }

  .armchair-form .form-group input {
    font-size: 14px;
  }

  .armchair-form .form-group .btn {
    width: 100%;
    height: 45px;
    font-size: 13px;
  }

  .armchair-form .form-note {
    font-size: 11px;
  }

  .recent-offering {
    padding: 40px 15px;
  }

  .skip-form {
    padding: 20px 15px;
  }

  .skip-form .skip-form-group input {
    width: 57%;
    height: 45px;
    font-size: 13px;
  }

  .skip-form .skip-form-group .btn {
    font-size: 12px;
    padding: 10px 20px;
    margin-left: 5px;
  }

  .skip-buttons {
    text-align: center;
    padding: 15px 0;
  }

  .skip-buttons .skip-btn-intro {
    font-size: 13px;
  }

  .skip-buttons .button-sections {
    padding: 10px 0 10px;
    text-align: center;
  }

  .skip-buttons .button-sections .btn {
    margin: 15px 5px;
    font-size: 12px;
    padding: 8px 5px;
    width: 47%;
  }

  .skip-buttons .button-sections .btn img {
    width: 22px;
    margin-right: 5px;
  }

  .art-market {
    margin-top: 30px;
    padding: 40px 0;
  }

  .art-market hr {
    margin: 20px 10px;
  }

  .art-market .art-market-wrapper {
    padding: 0 10px;
  }

  .art-market .market-text {
    padding: 10px 10px 15px;
  }

  .art-market .market-text .hide-text {
    display: none;
  }

  .art-market .boom-section {
    padding: 20px 10px 10px;
  }

  .art-market .boom-section .boom-title {
    font-size: 26px;
    margin-bottom: 15px;
  }

  .art-market .boom-section .boom-sub-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .art-market .guide-button {
    margin-top: 20px;
    text-align: center;
  }

  .art-market .guide-button .btn {
    width: 80%;
    font-size: 14px;
    padding: 13px 30px;
  }

  .how-it-wrapper {
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .how-it-wrapper .col-lg-3 {
    padding: 3px 15px;
  }

  .how-it-wrapper .how-it-box {
    margin: 15px 0;
    padding: 25px 15px;
    height: 170px;
  }

  .how-it-wrapper .how-it-box img {
    width: 32px;
  }

  /* footer section starts here */

  .footer-wrapper {
    padding: 30px 20px 20px;
  }

  .footer-logo {
    margin-top: 20px;
  }

  .footer-logo img {
    width: 150px;
  }

  .footer-wrapper .social-list {
    padding-top: 10px;
  }

  /* WHY ART CSS STYLES */

  .why-section {
    margin: 40px 0 50px;
    padding: 10px;
  }

  .intro-h2 {
    font-size: 35px;
    margin-bottom: 25px;
  }

  .intro-section .intro-text .section-p {
    max-width: unset;
    width: 100%;
    font-size: 14px;
  }

  .intro-section .intro-image-section {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .intro-section .intro-image-section .intro-img-box {
    text-align: center;
  }

  .intro-section .intro-image-section .intro-img-box img {
    width: 250px;
  }

  .intro-section .intro-image-section .intro-img-box img.art-port {
    margin-top: 30px;
    width: 280px;
  }

  .why-h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
  }

  .benefit-section {
    padding: 20px 10px;
    margin: 30px 0;
  }

  .art-benefit {
    padding: 20px 10px;
  }

  .art-benefit-box {
    margin-top: 10px;
    padding: 10px;
  }

  .art-benefit-box .svg-box img {
    width: 70px;
  }

  .art-benefit-box .svg-box {
    margin: 20px 0;
    text-align: center;
  }

  .art-benefit-box .svg-box img.low-loss {
    width: 55px;
  }

  .art-benefit-box .img-text {
    font-size: 14px;
  }

  .price-app {
    padding: 30px 10px;
  }

  .price-app hr {
    margin: 30px 0;
  }

  .price-app .price-app-box .why-h2 {
    text-align: left;
  }

  .price-app .price-app-box {
    padding-right: 15px;
  }

  .price-app .price-app-img h5 {
    margin-top: 20px;
    font-size: 13px;
  }

  .price-app .price-app-img .img-box {
    margin-top: 30px;
    text-align: center;
  }

  .price-app .price-app-img .img-box img {
    width: 100%;
  }

  .dedicated-art-inv {
    padding: 20px 10px;
  }

  /* how it works styles */
  .how-intro {
    padding: 0 15px 30px;
  }

  .how-intro .intro-text {
    margin-top: 20px;
  }

  .how-intro .section-p {
    margin-top: 20px;
  }

  .benefit-section.leverage {
    padding: 40px 10px 0;
    margin: 30px 0;
  }

  .leverage .img-box-one {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
  }

  .leverage .img-box-one .side-image {
    padding: 20px;
  }

  .leverage .img-box-one .side-image img {
    margin-bottom: 30px;
    width: 80px;
    border-radius: 10px;
  }

  .leverage .img-box-one .main-image {
    text-align: center;
    padding: 0;
  }

  .leverage .img-box-one .main-image img {
    margin-top: 40px;
    width: 250px;
  }

  .how-it-works {
    padding: 30px 10px;
  }

  .how-it-work-box {
    padding: 10px 10px;
    max-width: 100%;
  }

  .how-it-work-box .number-circle {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 18px;
  }

  .how-it-work-box .title {
    margin-top: 20px;
    font-size: 18px;
  }

  .dilligence-process {
    border-radius: 20px;
    margin: 50px 10px;
    padding: 20px 30px;
  }

  .dilligence-process .img-box img {
    margin-top: 20px;
    width: 90%;
  }

  .invest-process {
    background: #22293d;
    border-radius: 20px;
    margin: 50px 10px 100px;
    padding: 20px 30px;
  }

  .invest-process .img-box img {
    margin-top: 20px;
    width: 80%;
  }

  .our-mission-img {
    margin: 40px 0 20px;
  }

  .our-mission-img img {
    width: 100%;
  }

  .intro-desc.about-section .section-p {
    font-size: 15px;
    max-width: 90%;
    margin-bottom: 0;
  }

  .offered {
    margin: 10px 0 50px;
  }

  .offered .col-md-4 {
    padding: 10px;
  }

  .offered-box {
    text-align: center;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
  }

  .offered-box .title {
    font-size: 35px;
    line-height: 60px;
  }

  .offered-box .sub-title {
    font-size: 14px;
  }

  .ceo-word {
    margin-bottom: 100px;
  }

  .ceo-image {
    text-align: center;
    margin-right: unset;
    margin-bottom: 20px;
  }

  .ceo-image img {
    border: 5px solid #2d3748;
    width: 120px;
    border-radius: 10px;
  }

  .ceo-text .desc {
    font-size: 13px;
    font-weight: 500;
    max-width: unset;
    text-align: center;
  }

  .ceo-text .ceo-name {
    margin-top: 15px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
  }

  /* trading hero section styles */
  .trading-hero {
    padding: 50px 20px;
    margin-bottom: 70px;
  }

  .trading-hero-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .trading-hero-content {
    max-width: 100%;
  }

  .trading-hero-content .intro-h2 {
    text-align: unset;
    font-size: 35px;
  }

  .trading-hero-content .btn {
    font-size: 13px;
    padding: 12px 30px;
    letter-spacing: 1px;
  }

  .trading-section-wrapper {
    margin-bottom: 80px;
  }

  .trading-section-wrapper .trading-header-text {
    max-width: 500px;
    margin-bottom: 30px;
  }

  .trading-section-wrapper .section-h2 {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .trading-section-wrapper .section-p {
    font-size: 13px;
  }

  .trading-img-box {
    margin: 20px 0 50px;
    text-align: center;
  }

  .trading-img-box img {
    width: 80%;
  }

  /* Sell Art Styles */
  .sell-art-wrapper {
    margin: 50px 0 100px;
    padding: 10px;
  }

  .sell-art-wrapper .section-h2 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 30px;
  }

  .consignment-section {
    padding-right: 20px;
  }

  .consignment-section .why-h2 {
    font-size: 21px;
    text-align: left;
  }

  .sell-form-box {
    margin-top: 30px;
    border-radius: 15px;
    padding: 20px 20px;
  }

  .sell-form-box .form-group input {
    font-size: 14px;
    height: 47px;
  }

  .sell-form-box .form-group select {
    font-size: 14px;
  }

  .sell-form-box .form-group .btn {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .sell-form-box .form-group .form-note {
    font-size: 12px;
  }

  .sell-form-box .request-btn {
    text-align: center;
    margin-top: 30px;
  }

  .sell-form-box .request-btn .btn {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .art-valuation .section-h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
  }

  .art-valuation .section-p {
    text-align: center;
    font-size: 14px;
  }

  /* Artist Page Styles */
  .artist-wrapper {
    margin: 40px 0 100px;
  }

  .artist-wrapper .container {
    padding: 10px;
  }

  .artist-wrapper .section-h2 {
    font-size: 22px;
  }

  .artist-wrapper .col-lg-3 {
    padding: 10px 5px;
  }

  .artist-wrapper .artist-row {
    margin-top: 40px;
  }

  .artist-wrapper .artist-box {
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 10px;
  }

  .artist-wrapper .artist-box .artist-img-box img {
    width: 180px;
    height: 180px;
    border-radius: 8px;
    object-fit: cover;
  }

  .artist-wrapper .artist-box .artist-name {
    margin-top: 15px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .artist-wrapper .artist-box .art-desc {
    text-align: center;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* terms and condition styles */
  .terms-of-use {
    margin-top: 20px;
    margin-bottom: 50px;
  }

  .terms-of-use .terms-header {
    padding: 50px 0 20px;
  }

  .terms-of-use .terms-header .title {
    font-size: 35px;
  }

  .terms-of-use .terms-header .date {
    font-weight: 500;
    font-size: 16px;
  }

  .terms-of-use .p-title-1 {
    font-size: 19px;
  }

  .terms-of-use .p-title-2 {
    font-size: 17px;
  }

  .terms-of-use .p-text-cap {
    font-size: 14px;
  }

  .terms-of-use .p-tag {
    font-size: 13px;
  }

  .terms-of-use .p-list {
    margin-top: 15px;
  }

  .terms-of-use .p-list li {
    font-size: 13px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
  }

  #artValuationPortal .portal-window-content {
    width: 55%;
  }
}

@media only screen and (max-width: 600px) {


  .site-record-wrapper {
    margin: 0 20px 50px;
    display: flex;
    justify-content: center;
  }

  .site-record-wrapper .site-record-section {
    width: 100%;
    padding: 20px 20px;
    border-radius: 8px;
    background: #1f2533;

  }

  .site-record-wrapper .site-record-section .site-record-rows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
  }


  .site-record-rows .site-record-col .title {
    font-size: 22px;
  }

  .site-record-rows .site-record-col .sub-title {
    font-size: 13px;
  }

  .site-record-section .site-section-date {
    font-size: 12px;

  }


  /* Portal Content/Box */
  .portal-window-content {
    border-radius: 15px;
    width: 62%;
  }

  .art-valuation-wrapper {
    max-height: 80vh;
    overflow-y: auto;
    padding: 10px 5px 30px;
  }

  .art-valuation-wrapper .h4-title {
    margin: 10px 10px;
    font-size: 16px;
  }

  .art-valuation-wrapper .content {
    padding: 10px 0 20px;
  }

  .art-valuation-wrapper .content .est-price {
    font-size: 24px;
    line-height: 27px;
  }

  .art-valuation-wrapper .content .art-image {
    text-align: center;
    margin: 10px 15px;
  }

  .art-valuation-wrapper .content .art-image img {
    max-width: 180px;
    max-height: 180px;
    object-fit: cover;
    border-radius: 12px;
  }

  .art-valuation-wrapper .content .art-info p {
    font-size: 14px;
    font-weight: 600;
  }

  .art-valuation-wrapper .content .art-info p.artist {
    font-size: 13px;
    margin-bottom: 30px;
  }

  .art-valuation-wrapper .footer {
    padding: 8px 10px;
    font-size: 10px;
  }

  .upload-art .upload-art-box .art-image-container {
    width: 100%;
    height: 220px;
    padding: 20px;
    position: relative;
    display: none;
  }

  #artValuationPortal .portal-window-content {
    width: 65%;
  }

  .about-art {
    padding: 10px 20px;
  }

  .about-art .about-header {
    margin: 10px 0 20px;
  }

  .about-art .about-header .about-header-text {
    font-size: 24px;
  }

  .about-art .about-description .about-title {
    font-size: 15px;
    margin-top: 20px;
  }

  .about-art .about-description .about-text {
    font-size: 13px;
  }

  .ceo-word .ceo-header {
    text-align: center;
    margin: 10px 0 30px;
  }

  .ceo-word .ceo-header .ceo-header-text {
    font-size: 24px;
  }


  .welcome-section {
    padding: 30px 10px;
  }

  .welcome-section .welcome-details .welcome-header {
    font-size: 26px;
  }

  .welcome-section .welcome-details .welcome-para {
    font-size: 13px;
    font-weight: 400;
  }

  .decentralized-section {
    padding: 50px 10px;
  }

  .welcome-section .btn {
    margin: 30px 0 10px;
    padding: 10px 30px;
    border-radius: 7px;
    font-size: 14px;
  }


  .welcome-section .welcome-details .sub-title {
    font-weight: 700;
    margin-top: 30px;
  }

  .welcome-section .welcome-details ul {
    list-style: none;
    padding-left: 0;
  }

  .welcome-section .welcome-details ul li {
    font-size: 13px;
    margin: 10px 0;
  }

  .welcome-section .welcome-details .text-bold {
    font-weight: 700;
  }

  .welcome-section .welcome-img {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
  }

  .welcome-section .welcome-img img {
    width: 80%;

  }


  .welcome-section .decentralize-img {
    text-align: center;
    margin-top: 30px;
  }

  .welcome-section .decentralize-img img {
    width: 80%;
    border-radius: 10px;
  }

  .welcome-section .col-lg-5 {
    margin: unset;
  }

  .welcome-section .certificate-img {
    text-align: center;
    margin-bottom: 30px;
  }

  .welcome-section .certificate-img img {
    width: 80%;
    border-radius: 10px;
  }


  .invest-options {
    padding: 30px 10px;
  }

  .invest-options .header-section {
    margin-bottom: 20px;
  }

  .invest-options .header-section .header-title {
    font-size: 26px;

  }

  .invest-options .header-section .header-intro {
    max-width: 100%;
    font-size: 13px;
  }


  .invest-options-card {
    padding: 20px 15px;
    border-radius: 10px;
    margin: 20px 10px;
  }


  .invest-options-card .title {
    font-size: 20px;
  }

  .invest-options-card .options-card-img {
    margin: 25px auto;
    height: 120px;
    width: 120px;

  }

  .invest-options-card .options-card-body .options-card-details ul li {
    font-size: 13px;
    margin: 15px 0;
  }


  .invest-options-card .options-card-body .options-button {
    text-align: center;
    margin: 25px auto 10px;
  }

  .invest-options-card .options-card-body .options-button .btn {
    padding: 10px 20px;
    font-size: 13px;
  }




  .art-marketplace {
    padding: 20px 10px;
  }

  .art-marketplace .row {
    padding: 20px;
  }

  .art-marketplace .header-section {
    margin-bottom: 30px;
  }

  .art-marketplace .header-section .header-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .art-marketplace .header-section .header-row .header-title {
    font-size: 25px;
  }

  .art-marketplace .header-section .header-row .btn {
    margin: auto 0;
    padding: 8px 14px;
    border-radius: 25px;
    font-size: 13px;

  }

  .art-marketplace .header-section .header-intro {
    max-width: 100%;
    font-size: 13px;
  }

  .sell-form-box .contact-map-container iframe{
    border-radius: 15px;
    width: 100%;
    height: 350px;
  }
}

@media only screen and (max-width: 500px) {



  .site-record-wrapper {
    margin: 0 5px 50px;
    display: flex;
    justify-content: center;
  }

  .site-record-wrapper .site-record-section {
    width: 100%;
    padding: 20px 15px;
  }

  .site-record-wrapper .site-record-section .site-record-rows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5px;
  }


  .site-record-rows .site-record-col .title {
    font-size: 20px;
  }

  .site-record-rows .site-record-col .sub-title {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .site-record-section .site-section-date {
    font-size: 12px;

  }

  .artist-wrapper.marketplace-row {
    padding: 15px 25px;
  }

  /* Portal Content/Box */
  .portal-window-content {
    border-radius: 15px;
    width: 82%;
  }

  #artValuationPortal .portal-window-content {
    width: 85%;
  }
}

@media only screen and (max-width: 450px) {

  /* Portal Content/Box */
  .portal-window-content {
    border-radius: 15px;
    width: 85%;
  }

  #artValuationPortal .portal-window-content {
    width: 88%;
  }

  /* evaluate art and get investment returns styles */
  .evaluate_art_invest_box {
    padding-top: 20px;
  }

  .evaluate_art_invest_box .input_container {
    margin-bottom: 15px;
  }

  .evaluate_art_invest_box .input_container label {
    font-size: 13px;
    margin-bottom: 8px;
  }

  .evaluate_art_invest_box .input_container .form-inline {
    display: flex;
    flex-direction: row;
  }

  .evaluate_art_invest_box .input_container .form-inline .btn {
    padding: 10px;
    width: 45px;
    font-size: 13px;
  }

  .evaluate_art_invest_box .input_container .form-inline input {
    font-size: 17px;
    height: 47px;
  }

  .evaluate_art_invest_box .returns_container .returns_days_box {
    padding: 5px;
  }

  .evaluate_art_invest_box .returns_container .returns_days_box .btn.btn-outline-secondary {
    padding: 6px 8px;
    font-size: 13px;
  }

  .potential_container {
    padding: 15px;
    border-radius: 10px;
  }

  .potential_container .title {
    font-size: 12px;
  }

  .potential_container .dollar_h3 {
    font-size: 18px;
  }

  .potential_container .eth_span {
    font-size: 13px;
    padding-left: 5px;
  }

  .evaluate_art_invest_box .art_invest_btn .btn {
    font-size: 14px;
  }
}

@media only screen and (max-width: 385px) {

  /* Portal Content/Box */
  .portal-window-content {
    border-radius: 15px;
    width: 92%;
  }

  #artValuationPortal .portal-window-content {
    width: 95%;
  }



  .art-marketplace .header-section .header-row .header-title {
    font-size: 24px;
  }

  .art-marketplace .header-section .header-row .btn {
    margin: auto 0;
    padding: 8px 12px;
    border-radius: 25px;
    font-size: 13px;

  }
}

@media only screen and (max-width: 366px) {

  /* Portal Content/Box */
  .portal-window-content {
    border-radius: 15px;
    width: 95%;
  }

  #artValuationPortal .portal-window-content {
    width: 97%;
  }
}