@media (min-width: 768px) {
  .banner {
    flex-direction: row;
    padding: 6rem 8rem;
  }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


@media (max-width: 1400px) {
    .banner {
        gap: 0;
        /*display:none;*/
      }
      
      
      .floating-logos{
        display:none;
    }
    
    .animation-area{
        max-width: 32rem;
        
    }
      
    .features li{
        padding: 10px 0;
        font-size: 16px;
    }
      
    .features{
        display: block;
    }
      
    .bnnrbtn{
        padding: 10px 28px;
    }
      
    .crypto-orbit{
        width: 67%;
        height: 67%;
    }
      
    .hexagon-ring{
        width: 60%;
        height: 60%;
    }
      
    .connection-lines{
        width: 65%;
        height: 65%;
    }
      
    .curve-ring{
        width: 70%;
        height: 70%;
    }
    .circle-base{
        width: 70%;
        height: 70%;
    }
    .center-logo img{
        width: 190px;
        height: 190PX;
    }
    
    

}

@media (max-width: 1024px) {
    .banner {
        padding: 6rem 0rem 6rem 2rem;
        gap: 0;
        /*display:none;*/
      }
      
      
      .floating-logos{
        display:none;
    }
    
    .animation-area{
        max-width: 26rem;
        
    }
      
    .features li{
        padding: 10px 0;
        font-size: 16px;
    }
      
    .features{
        display: block;
    }
      
    .bnnrbtn{
        padding: 10px 28px;
    }
      
    .crypto-orbit{
        width: 67%;
        height: 67%;
    }
      
    .hexagon-ring{
        width: 58%;
        height: 58%;
    }
      
    .connection-lines{
        width: 65%;
        height: 65%;
    }
      
    .curve-ring{
        width: 68%;
        height: 68%;
    }
    .circle-base{
        width: 68%;
        height: 68%;
    }
    .center-logo img{
        width: 190px;
        height: 190PX;
    }
    
    .service-item.bg-white.p-5{
        padding: 21px !important;
    }
    
    #feedback-page.container{
        max-width: 98%;
        padding: 50px 0px;
    }
    
    #feedback-page.container.py-5{
        padding-top:0rem !important;
    }
    
    .rating-stars .star {
        font-size: 70px !important;
    }
    
    .invmain .ttlinv h2{
        font-size:20px;
    }
    
    .invmain .avgapy h2{
        font-size:20px;
    }
    
    .invmain .actpls h2{
        font-size:20px;
    }
    
    .invmain .ttlrtn h2{
        font-size:20px;
    }
    
    .invmain .ttlinv{
        padding:8px;
    }
    
    .invmain .avgapy{
        padding:8px;
    }
    
    .invmain .actpls{
        padding:8px;
    }
    
    .invmain .ttlrtn{
        padding:8px;
    }
    
    
    
    
    
    .invmain .ttlinv p{
        margin-bottom: 0;
    }
    
    .invmain .avgapy p{
        margin-bottom: 0;
    }
    
    .invmain .actpls p{
        margin-bottom: 0;
    }
    
    .invmain .ttlrtn p{
        margin-bottom: 0;
    }
    
    .mattimelineprg.fst {
        margin-top: 3%;
    }
    
    .mudrika-innovation h1 {
        font-size: 28px;
    }
    
    .mudrika-innovation h3 {
        margin-bottom: 50px;
        font-size: 22px;
    }
    
    .mudrika-innovation{
        padding: 70px 4%;
    }
    
    .dgcntnt{
        text-align:left;
    }
    
    .arrow::after{
        font-size: 30px;
    }
    
    .container.dwnldbtn{
        padding: 50px 12px;
    }
    
    .faqmain h1{
        font-size: 33px;
    }
    
    .crptomain #priceBox .col-md-3{
        width:50%;
    }
    
    .crptomain #priceBox h2{
        font-size: 28px;
    }
    
    .crptomain .controls{
        gap: 17px;
    }
    
    .crptomain .controls .col-md-3{
        width:40%;
    }
    
    .card.mx-auto{
        padding: 20px 26px;
    }
    

}
@media (max-width: 991px) {
  .about-section h1 { font-size: 2.2rem; }
  .who-we-are, .mission-vision, .team { 
      padding: 70px 0; 
      
  }
  
  .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}


@media (max-width: 900px) {
  .tabs-container {
    flex-direction: column;
  }
  .tab-buttons {
    flex-direction: row;
    overflow-x: auto;
    border-right: none;
    border-bottom: 2px solid var(--accent);
  }
  .tab-buttons button {
    flex: 1;
    text-align: center;
    border-bottom: none;
    border-right: 1px solid rgba(0,0,0,0.1);
  }
  .tab-content {
    padding: 20px;
  }
}

@media (max-width: 768px) {
      
    .headline{
      font-size: 22px;
      width: 500px;
    }
      
    .floating-logos{
        display:none;
    }
      
    .features li{
        padding: 10px 0;
        font-size: 16px;
    }
      
    .features{
        display: block;
    }
      
    .bnnrbtn{
        padding: 10px 28px;
    }
    
    .banner {
        flex-direction: column-reverse;
        padding: 0rem 2rem 6rem 2rem;
    } 
    .crypto-orbit{
        width: 70%;
        height: 70%;
    }
      
    .hexagon-ring{
        width: 73%;
        height: 73%;
    }
      
    .connection-lines{
        width: 75%;
        height: 75%;
    }
      
    .curve-ring{
        width: 80%;
        height: 80%;
    }
    .circle-base{
        width: 80%;
        height: 80%;
    }
    .center-logo img{
        width: 190px;
        height: 190PX;
    }
    
    .mudrika-h3 {
        font-size: 1.6rem;
    }
    
    .metric h2{
        font-size:1.2rem;
    }
    
    .newrowchild {
        padding-right: 15px;
        padding-left: 10px;
    }
    
    .fordesktop{
        display:none;
    }
    .formobile{
        display:inline-flex;
    }
    
    
    
    .bnnrbtn {
        padding: 10px 1px;
        font-size: 13px;
    }
    
    .tab-buttons {
        flex: 0 0;
    }
    .image-bg-unique {
        object-fit: contain;
    }
    
    .tab-buttons button {
        padding: 7px 2px;
        display: block;
    }
    
    .tab-buttons button .icon{
        margin-top: 10px;
        margin-right: 0;
        height: 38px;
    }
    
    .tab-buttons button .text{
        margin:0;
        height:52px;
    }
    
    .features{
        margin-left:0;
    }
    
    .middlereadmore{
        width:100%;
    }
    
    .hero-header.position-relative.d-flex.align-items-center.text-white{
        min-height:50vh;
    }
    
    .container{
        padding: 0px 20px;
    }
    
    .feedbackhdr{
        display: block;
    }
    
    #feedbackForm .col-md-6{
        width:100%;
    }
    
    #feedbackForm .col-md-4{
        width:100%;
    }
    
    #feedback-page.container {
        max-width: 80%;
    }
    
    #feedback-page .rating-stars{
        text-align: center;
    }
    
    .invmain .col-md-3{
        width:50%;
        margin-bottom: 24px;
    }
    
    .invmain .accordion{
        max-width: 100%;
    }
    
    .chart-box{
        flex: 1 1 283px;
    }
    .chart-box h2, .timeline-box h2{
        font-size:24px;
    }
    
    .mudrika-innovation h1 {
        font-size: 26px;
    }
    
    .mudrika-innovation h3 {
        margin-bottom: 50px;
        font-size: 20px;
    }
    
    .innovation-grid{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
    
    .flow-step{
        padding: 13px 9px;
        margin: 0.3rem 0;
    }
    
    .arrow::after {
        font-size: 20px;
    }
    
    .container.dwnldbtn{
        padding: 50px 0px;
        max-width: 100%;
    }
    
    .btn-whitepaper{
        font-size: 0.9rem;
    }
    
    .faqmain h1 {
        font-size: 28px;
    }
    
    .container.faqmain{
        max-width:100%;
    }
    
    .crptomain h2 {
        font-size: 31px;
    }
    
    .crptomain #priceBox h2{
        margin-bottom: 4px;
    }
    
    .crptomain #priceBox h2 {
        font-size: 24px;
    }
    
    .crptomain .coin{
        min-height: 141px;
    }
    
    .crptomain .controls .col-md-3 {
        width: 47%;
    }
    
    .card.mx-auto{
        padding: 20px 23px;
    }
    
    .container.crptomain.mudramain{
        margin-left: 0;
        max-width: 100%;
        margin-right: 0;
        padding: 0;
    }
    
    
}


@media (max-width: 767px) {
  .display-4 { 
      font-size: 1.8rem; 
  }
  .rownew {
    display: block;
  }
  
  .rowchildthree {
    padding-right: 0;
    padding-left: 0;
  }
  
  .banner {
    padding: 0rem 2rem 6rem 2rem;
    }
    
    .headline {
        font-size: 22px;
        width: 300px;
    }
    
    
    .crypto-orbit{
        width: 63%;
        height: 63%;
    }
      
    .hexagon-ring{
        width: 66%;
        height: 66%;
    }
      
    .connection-lines{
        width: 68%;
        height: 68%;
    }
      
    .curve-ring{
        width: 73%;
        height: 73%;
    }
    .circle-base{
        width: 73%;
        height: 73%;
    }
    
    .center-logo img{
        width: 160px;
        height: 160PX;
    }
    
    .cards {
    display: block;
    }
    
    .tab-buttons button .icon {
        margin-top: 1px;
        margin-right: 0;
        height: 17px;
        font-size: 10px;
    }
    .tab-buttons button .text {
        margin: 0;
        height: 27px;
        font-size: 10px;
        
    }
    
    .table-wrapper table{
        white-space: nowrap;
    }
    
    .table-wrapper{
        overflow-x:auto;
        width:100%;
    }
    
    .footercontent{
        text-align:center;
    }
    .footer .btn.btn-link{
        text-align:center;
    }
    
    .links {
        width: 25%;
        margin-left: 6%;
    }
    
    .text-content{
        text-align: justify;
    }
    
    .features li{
        padding: 7px 0;
    }
    
    
    .footer .btn.btn-link::before{
        content:"";
        margin-right: 0;
    }
    

    .hero-header.position-relative.d-flex.align-items-center.text-white{
        min-height:30vh;
    }
    
    .container.mudrikapage{
        max-width: 100%;
        padding:0;
    }
    .image-btn-unique{
        width:85%;
    }
    
    .accordion{
        max-width: 90%;
    }
    
    .image-section-unique{
        width:90%;
    }
    
    .tabs-container{
        max-width:90%;
    }
    
    #feedback-page.container {
        max-width: 95%;
    }
    #feedbackForm {
        padding: 20px 20px;
    }
    
    .rating-stars .star {
        font-size: 50px !important;
    }
    
    h1.txtcolor{
        margin-bottom: 20px;
    }
    
    .invmain h2 {
        font-size: 25px;
    }
    
    .invmain .col-md-3 {
        width: 100%;
        margin-bottom: 12px;
    }
    
    .invmain .accordion-header{
        padding:0;
    }
    .invmain .accordion-body p {
        padding: 15px;
        margin-bottom: 0;
    }
    
    .chart-box {
        flex: 0 1 283px;
    }
    #lineChart {
        margin-top: 25%;
        margin-bottom: 25%;
    }
    
    .mudrika-innovation {
        padding: 24px 4%;
    }
    
    .mudrika-innovation h1 {
        font-size: 19px;
    }
    
    .mudrika-innovation h3 {
        margin-bottom: 23px;
        font-size: 16px;
    }
    
    .innovation-card{
        padding: 20px 13px;
    }
    .innovation-card h2{
        font-size: 18px;
    }
    
    .innovation-card p {
        font-size: 14px;
    }
    
    .dgcntnt {
        text-align: center;
    }
    
    .flow-step{
        padding: 11px 35px;
        font-size: 15px;
        width:100%;
    }
    
    .arrow::after {
        content:"\2193";
        font-size: 19px;
        margin: 0px 13px;
    }
    
    .container.dwnldbtn {
        padding: 0px 0px;
    }
    
    .faqmain h1 {
        font-size: 20px;
    }
    
    .faqmain h2.subtitle{
        font-size: 14px;
        margin-bottom: 29px;
    }
    
    .faq-question{
        padding: 18px 25px;
        font-size: 14px;
    }
    
    .faq-question::after{
            right: 13px;
    top: 24%;
    }
    
    .container.crptomain{
        padding:0;
    }
    
    .crptomain #priceBox .col-md-3 {
        width: 100%;
    }
    
    .crptomain .coin {
        min-height: 120px;
    }
    
    .crptomain .controls .col-md-3 {
        width: 100%;
        margin-bottom: 0;
    }
    
    .marketchart-box{
        margin-top:20px;
    }
    
    .crptomain.mudramain.mudramain #priceBox h2{
        font-size: 20px;
    }
    
    .card.mx-auto .mtinfo{
        display:block;
        text-align: center;
    }
    
    .card.mx-auto .mtinfolbl{
        width: 100%;
        font-weight: bold;
        text-decoration: underline;
    }
    
    .card.mx-auto .mtinfovlu{
        width: 100%;
        border-bottom: 1px solid #cda45d;
        padding-bottom: 10px;
    }
  
}


@media (max-width: 576px) {
    .btn-whitepaper {
        font-size: 12px;
    }
}


@media screen and (max-width: 480px) {
    .mudrika-h3 {
        font-size: 1.4rem;
    }
}