/* Mobile-specific adjustments (typically < 768px) */
@media (max-width: 767px) {
    .hero-section {
        padding: 25px 15px 0px 15px; /* Even tighter padding */
        min-height: 60vh; /* Ensures enough vertical space for content */
        background-attachment: scroll; /* Fixes iOS parallax issues */
    }

    .navbar-nav li{
       margin-bottom: 20px;
    }
}

/* On mobile (less than 768px), slow it down */
@media (max-width: 768px) {
    .scroll-content {
        animation: scrollUp 70s linear infinite;
      }
  }

/* Desktop Styles */
@media (min-width: 768px) {
    .hero-content h4 {
        font-size: 40px; /* Larger size for desktop */
    }
    
    .hero-content h1 {
        font-size: 60px; /* Larger size for desktop */
        font-weight: 700; /* Bold weight for desktop */
    }
}









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

    #mobile-nav{
        display: inherit;
    }

    #desktop-nav{
        display: none;
    }

    .hero-section{
        padding: 20px 20px;
        background-size: cover;
    }

    .video-content{
        padding-right: 0px;
        padding-top: 50px;
    }

    .trading-offer-section{
        padding: 30px 20px;
    }

    .chart-widget{
        padding: 30px 20px;
    }

    .bull-background{
        padding: 30px 20px;
    }

    .trading-tools-content{
        height: fit-content;
    }

    .stepsTo-vip-section{
        padding: 30px 20px;
    }

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

    .operation-details-list{
        padding: 30px 20px;
    }


    .trading-platform-section{
        padding: 30px 20px;
    }

    .expocopytrading-different-section{
        padding: 30px 20px;
    }
}

/*  */






 /* Optional: Add responsive behavior */
 @media (max-width: 768px) {
    .banner-image h2 {
      font-size: 2rem;
    }
  }
  


  
/* Mobile adaptations (max-width: 767px) */
@media (max-width: 767px) {
    .trading-assets {
        padding: 30px 15px; /* Reduced padding for mobile */
    }

    .trading-assets h3 {
        font-size: 18px; /* Smaller font for mobile */
        letter-spacing: 0.5px;
        padding: 8px 0px;
    }

    .trading-assets h2 {
        font-size: 32px; /* Significantly smaller heading */
        padding-bottom: 30px;
    }

    .trading-assets-content h5 {
        font-size: 20px; /* Smaller absolute positioned text */
        top: 10px;
        left: 15px;
    }

    /* Optional: Add a semi-transparent background to h5 for better readability */
    .trading-assets-content h5 {
        background-color: rgba(255, 255, 255, 0.7);
        padding: 5px 10px;
        border-radius: 4px;
    }
}


/* 📱 Mobile Optimization */
@media screen and (max-width: 768px) {
    .double-quote {
        font-size: 36px;
        padding-bottom: 10px;
    }

    .registration-navigator h5 {
        font-size: 24px;
        padding: 10px 0px;
    }

    .timer-clock {
        font-size: 12px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .double-quote {
        font-size: 28px;
    }

    .registration-navigator h5 {
        font-size: 20px;
        padding: 8px 0px;
    }

    .timer-clock {
        font-size: 11px;
    }
}


/* 📱 Mobile Optimizations */
@media screen and (max-width: 768px) {
    .bull-background {
        padding: 30px 40px;
        margin-top: 20px;
    }

    .trading-tools-section h2 {
        font-size: 36px;
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .trading-tools-section h5 {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .trading-tools-content {
        min-height: auto;
        padding: 10px;
    }

    .trading-tool-list {
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    .bull-background {
        padding: 20px;
        margin-top: 15px;
    }

    .trading-tools-section h2 {
        font-size: 28px;
        padding-top: 8px;
        padding-bottom: 30px;
    }

    .trading-tools-section h5 {
        font-size: 16px;
        letter-spacing: 1.5px;
    }

    .trading-tools-content {
        padding: 8px;
    }

    .trading-tool-list {
        padding: 12px;
    }
}

/* 📱 Mobile Optimizations */
@media screen and (max-width: 768px) {
    .circle-favicon-wrapper p {
        font-size: 16px;
        padding-left: 12px;
    }

    .circle-favicon {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    .circle-favicon i {
        font-size: 12px;
    }

    .trading-tool-list h3 {
        font-size: 24px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width: 480px) {
    .circle-favicon-wrapper p {
        font-size: 14px;
        padding-left: 10px;
    }

    .circle-favicon {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }

    .circle-favicon i {
        font-size: 11px;
    }

    .trading-tool-list h3 {
        font-size: 20px;
        padding-bottom: 10px;
    }
}




@media screen and (max-width: 768px) {
    .operationDetails-section {
        padding: 40px 30px;
    }

    .operationDetails-section h2 {
        font-size: 36px;
        padding: 40px 0px;
    }

    .operation-detail-wrapper {
        padding: 30px 20px;
    }

    .OD-tittle {
        font-size: 26px;
        padding-bottom: 18px;
    }

    .OD-paragraph {
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    .operationDetails-section {
        padding: 30px 15px;
    }

    .operationDetails-section h2 {
        font-size: 25px;
        padding: 30px 0px;
    }

    .operation-detail-wrapper {
        padding: 25px 15px;
    }

    .OD-tittle {
        font-size: 22px;
        padding-bottom: 15px;
    }

    .OD-paragraph {
        font-size: 15px;
    }
}


@media screen and (max-width: 768px) {
    .operation-details-list {
        padding: 40px 20px;
    }

    .special-P {
        padding-bottom: 30px;
    }

    .workflow-explanation h3 {
        font-size: 28px;
        padding: 60px 0 30px 0;
    }

    .workflows h5 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    .workflow-paragraph {
        font-size: 16px;
    }

    .contain-image img {
        width: 60%;
    }

    .contain-image-2 img {
        width: 90%;
    }

    .trading-platform-section {
        padding: 30px 20px;
    }

    .trading-platform-section h3 {
        font-size: 28px;
        padding: 20px 0;
    }

    .platform-list-wrapper {
        flex-direction: column;
    }

    .platform-list img {
        width: 100%;
    }

    .first-image img,
    .fourth-image img,
    .fifth-image img,
    .sixth-image img {
        width: 100%;
        padding: 0;
    }

    .trading-platform-content {
        padding-top: 20px;
        height: auto;
    }

    .icon-image {
        left: 15px;
    }

    .expocopytrading-different-section {
        padding: 20px 15px;
    }

    .reasons-content {
        padding: 20px 15px;
    }

    .reasons-content h5 {
        font-size: 18px;
    }

    .reasons-content p {
        font-size: 15px;
        line-height: 20px;
    }

    .create-account-free {
        width: fit-content;
        height: 50px;
        font-size: 15px;
    }
}

@media screen and (max-width: 480px) {
    .workflow-explanation h3 {
        font-size: 22px;
    }

    .workflows h5 {
        font-size: 20px;
    }

    .workflow-paragraph {
        font-size: 14px;
    }

    .operation-details-list {
        padding: 20px 10px;
    }

    .trading-platform-section {
        padding: 20px 10px;
    }

    .trading-platform-section h3 {
        font-size: 24px;
    }

    .expocopytrading-different-section {
        padding: 15px 10px;
    }

    .reasons-content {
        padding: 15px 10px;
    }

    .create-account-free {
        width: 180px;
        height: 45px;
        font-size: 14px;
    }
}



@media screen and (max-width: 768px) {
  
    /* Blog Section */
    .blog-section {
      padding: 40px 20px;
    }
  
    .blog-content h4 {
      font-size: 18px;
      padding: 20px 0 8px 0;
    }
  
    .blog-content p {
      font-size: 15px;
    }
  
    /* Plans Section */
    .plans-section {
      padding: 20px;
    }
  
    .plan-btn-wrapper {
      flex-direction: column;
      gap: 15px;
      align-items: flex-start;
    }
  
    .plan-btn-wrapper h5 {
      font-size: 18px;
    }
  
    .btn-wrapper {
      flex-wrap: wrap;
    }
  
    .plan-btn {
      width: 100px;
      height: 40px;
      font-size: 14px;
      margin-bottom: 10px;
    }
  
    .plan-content-list {
      padding: 25px 20px;
    }
  
    .plan-list h6 {
      font-size: 14px;
    }
  
    .plan-list h2 {
      font-size: 24px;
    }
  
    .plan-content-list p {
      font-size: 14px;
      line-height: 1.4;
    }
  
    .plan-content-list h3 {
      font-size: 20px;
    }
  
    .get-plan-btn {
      width: 130px;
      height: 36px;
      font-size: 13px;
    }
  
    /* Location Section */
    .location-section {
      padding: 30px 20px;
    }
  
    .location-section h2 {
      font-size: 36px;
    }
  
    .location-section h4 {
      font-size: 18px;
      letter-spacing: 1px;
    }
  
   
  /* Responsive tweaks */
  @media screen and (max-width: 768px) {
    .footer-flex {
      flex-direction: column;
      gap: 25px;
    }
  
    .rocket-image {
      padding: 40px 20px;
    }
  
    .footer-list h5 {
      font-size: 16px;
    }
  
    .footer-list ul li {
      font-size: 13px;
    }
  }
  
  /* Footer ENDS */
  
   

    @media (max-width: 768px) {
        
    .banner-image-section {
        height: 250px;
      }
    
      .banner-image h2 {
        font-size: 2rem;
        line-height: 1.3;
        max-width: 90%;
      }

    .banner-heading {
        font-size: 20px !important;
        margin-top: -20px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 480px) {
    .banner-heading {
        font-size: 18px;
        margin-top: -10px;
        line-height: 1.4;
    }
}
  }
  

  
/* 📱 Mobile Optimization */
@media (max-width: 640px) {
    #investor-withdrawal-table thead th {
      font-size: 14px;
      padding: 8px;
    }
  
    #investor-withdrawal-table tbody tr,
    #investor-withdrawal-table tbody td {
      font-size: 13px;
      padding: 8px;
    }
  
    .scroll-content {
      animation: scrollUp 10s linear infinite;
    }
  
    h1 {
      font-size: 20px !important;
    }
  }
  
  /* 📱 Small Tablet Optimization */
  @media (min-width: 641px) and (max-width: 768px) {
    #investor-withdrawal-table thead th {
      font-size: 16px;
      padding: 10px;
    }
  
    #investor-withdrawal-table tbody tr,
    #investor-withdrawal-table tbody td {
      font-size: 15px;
      padding: 10px;
    }
  
    h1 {
      font-size: 24px !important;
    }
  }