/*

====================================

Medium Screen - Others

====================================

*/

@media screen and (min-width: 992px) and (max-width: 1199px) {



.dashboard_left-header .valuationUSD h2 {

  font-size: 29px;

}

.ds-percent-btn ul li a {



  font-size: 13px;

}







}



/*

====================================

Small Screen - Tablate

====================================

*/

@media screen and (min-width: 768px) and (max-width: 991px) {

/*==== header ==== */

    .menu-btn a {

        font-size: 11px;

        padding: 6px 9px;

        gap: 0 10px;

        transition: .3s;

    }

    .menu-btn a span {

    color: #FFF;

    font-family: Sora;

    font-size: 13px;

     }



    /* ===hero ==== */

     .hero-area {

        padding: 38px 0;

    }



    .hero-content h2 {

    font-size: 30px;

    }

    .hero-content p {

        font-size: 18px;

        line-height: 14px;

        margin-bottom: 21px;

    }



    .hero-content p span {

        font-size: 20px;

    }

    .hero-btn a {

        font-size: 15px;

        padding: 9px 16px;

        max-width: 220px;

    }

    /* ===landing-chart-area==== */

    .landing-chart-area {

        padding: 50px 0;

        padding-bottom: 5px;

        /* display: none; */

    }

    .landing-chart-inner {

        display: block;

        width: 100%;

        gap: 20px;

    }

    .landing_left-box{

        margin-bottom: 30px;

    }

    .landing-chart-container {

  height: 620px;

    }

    /* ==testimonial_wrapper== */

    .testimonial_wrapper h2 {

        font-size: 22px;

    }

    .testimonial_wrapper h2 br {

        display: none;

      }

      .testimonial_wrapper {

	    border-radius: 30px;

	    padding: 36px 15px;

    }



    /* ===faq-area===== */



    .faq-inner h2 {

	font-size: 30px;

	margin-bottom: 21px;

	text-align: center;

    }

    .faq-inner h3 {

    font-size: 16px;

    }

    .faq-inner p {

    font-size: 15px;

    }

    .faq-area {

        padding-bottom: 20px;

    }



    /* ===sold-today-area=== */

    .sold-today-wrapper {

        padding: 30px 30px;

    }

    .sold-today-item h2 {

    font-size: 23px;

    }

    .sold-today-item h2 br{

        display: none;

    }

    .sold-today-item p {

    font-size: 16px;

    margin-bottom: 26px;

    }



    .sold-today-item p span {

        font-size: 16px;

    }



    .sold-today-item a {

	font-size: 14px;

	gap: 0 11px;

	border-radius: 20px;

	padding: 13px 17px;

	max-width: 203px;

}







/* ========.Founder-about-text======== */



    .Founder-about-text {

        padding: 17px 0 43px;

    }

    .founder-text-wrapper p {

    font-size: 15px;

    }



    .footer-wrapper {

        padding: 35px 40px 34px;

    }



    .footer-menu-list ul {

        padding-bottom: 19px;

    }



    .footer-text p {

        margin-top: 18px;

    }







/* ================ dashboard main page start========================= */



    .dashboard_main {

        display: block;

        overflow: hidden;

    }

   

    .dashboard_left-header {

        display: flex;

        flex-direction: column;

    }







    .valuationUSD{

        order: 2;

         width: 100%;

    }



    .dashboard-header-menu-item{

        order: 1;

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        padding: 15px 2px;

        border-bottom: none;

        position: relative;



       

    }



    .dashboard-header-menu-item::before{

        content: "";

        width: 10000px;

        height: 1px;

        display: block;

        background-color: #292A30;

        position: absolute;

        bottom: 0px;

        left:-100px;

    }





    .d-m-none{

        display: none;

    }



    .d-lg-none{

        display: block;

        

    }

   .ds-header-icon {



    margin-bottom: 0px;

    }

    .ds-header-icon li a small{

        display: none;

    }



    .dashboard_main{

        padding: 0;

        padding-left: 25px;

        padding-right: 25px;

    }

    .ds-header-icon li a {

        font-size: 14px;

        padding: 6px 11px;

    }





    .dashboard_left-header .valuationUSD h5 {

       font-size: 20px;

       padding-top: 19px;

     }



    .dashboard_left-header .valuationUSD h2 {

        font-size: 42px;

    }



    .dashboard_left-header .valuationUSD h2 span {

        display: none;

    }





    .chart_btm-box-wrapper {

        display: grid;

        grid-template-columns: repeat(1,1fr) !important;

        grid-gap: 0px 25px;

    }

    .chart_btm-box-wrapper .ctr-sm-box {

        margin-bottom: 20px;

    }

    

    .Liquidity_progress_bar span {

    width: 3px;

    }



    .company_abouts-wrapper {

        padding: 25px;

    }

    .company_abouts-wrapper p {

        font-size: 16px;

        margin-bottom: 31px;

    }

    .ctr-sm-box {

    margin-bottom: 20px;

    }





 .mobile-only{

        display: block;

    }



    .mobile-none{

        display: none;

    }



.ds_body-sections {

	padding: 30px 25px 25px 25px;

}

    /* ===modal====== */



    .modal-top-wrapper{

        display: block;

    }

    .modal-top-wrapper .valuationUSD h5 {

 

    font-size: 19px;

    }



    .modal-top-wrapper .valuationUSD h2 {

    color: #FFF;

    font-family: Sora;

    font-size: 25px;

    margin-bottom: 10px;

    }



    .modal-top-wrapper .valuationUSD h2 span{

        display: none;

    }



    .modal-cart {



    padding: 11px;

    }

    .crt-year li span {

    font-size: 10px;

    }

    

    .modal-body {

    background-color: #000000;

    padding: 20px 10px;

    }









}



/*

====================================

Small Screen - Mobile

====================================

*/

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



    /*==== header ==== */

    .menu-btn a {

        font-size: 11px;

        padding: 6px 9px;

        gap: 0 10px;

        transition: .3s;

    }

    .menu-btn a span {

    color: #FFF;

    font-family: Sora;

    font-size: 13px;

     }



     header {

    padding: 10px 0;

    border-bottom: 1px solid #EAEAEA;

    }



    /* ===hero ==== */

     .hero-area {

        padding: 38px 0;

    }



    .hero-content h2 {

    font-size: 22px;

    }

    .hero-content p {

        font-size: 18px;

        line-height: 14px;

        margin-bottom: 21px;

    }



    .hero-content p span {

        font-size: 20px;

    }

    .hero-btn a {

        font-size: 15px;

        padding: 9px 16px;

        max-width: 220px;

    }

    

    /* ================ */



    .landing-chart-area {

        padding: 10px 0 50px;

        padding-bottom: 5px;

        /* display: none; */

    }



    .landing-chart-inner {

        display: block;

        }



    .landing-chart-container {

         height: 271px;

        padding-bottom: 30px;

        padding-left: 10px;

        padding-right: 10px;

        width: 100%;

        margin-bottom: 30px;

    }



    .landing-chart-ar{

        position: relative;

        display: flex;

        width: 100%;

        height: calc(100% - 0rem); /* Adjust height for padding */

        z-index: 1;

        align-items: flex-end;

        gap: 2px;

        padding-bottom: 2rem;

        box-sizing: border-box;

    }



   .landing-chart-ar .bar{

        width: 3px;

   }

    .x-landing-axis{

            bottom: 1.5rem;

            padding-left: 0px;

            padding-right: 0px;

        }

        .x-landing-axis span{

            font-size: 8px;

        }









    /* ==testimonial_wrapper== */

    .testimonial_wrapper h2 {

        font-size: 18px;

    }

    .testimonial_wrapper h2 br {

        display: none;

      }

      .testimonial_wrapper {

	    border-radius: 30px;

	    padding: 36px 15px;

    }



    /* ===faq-area===== */



    .faq-inner h2 {

	font-size: 22px;

	margin-bottom: 21px;

	text-align: center;

    }

    .faq-inner h3 {

    font-size: 16px;

    }

    .faq-inner p {

    font-size: 15px;

    }

    .faq-area {

        padding-bottom: 20px;

    }



    /* ===sold-today-area=== */

    .sold-today-wrapper {

        padding: 30px 30px;

    }

    .sold-today-item h2 {

    font-size: 23px;

    }

    .sold-today-item h2 br{

        display: none;

    }

    .sold-today-item p {

    font-size: 16px;

    margin-bottom: 26px;

    }



    .sold-today-item p span {

        font-size: 16px;

    }



    .sold-today-item a {

	font-size: 14px;

	gap: 0 11px;

	border-radius: 20px;

	padding: 13px 17px;

	max-width: 203px;

}







/* ========.Founder-about-text======== */



    .Founder-about-text {

        padding: 17px 0 43px;

    }

    .founder-text-wrapper p {

    font-size: 15px;

    }



    .footer-wrapper {

        padding: 35px 40px 34px;

    }



    .footer-menu-list ul {

        padding-bottom: 19px;

    }



    .footer-text p {

        margin-top: 18px;

    }





/* ================ dashboard main page start========================= */



    .dashboard_main {

        display: block;

        overflow: hidden;

    }

   

    .dashboard_left-header {

        display: flex;

        flex-direction: column;

    }







    .valuationUSD{

        order: 2;

         width: 100%;

    }



    .dashboard-header-menu-item{

        order: 1;

        display: flex;

        align-items: center;

        justify-content: space-between;

        width: 100%;

        padding: 15px 2px;

        border-bottom: none;

        position: relative;



       

    }



    .dashboard-header-menu-item::before{

        content: "";

        width: 1000px;

        height: 1px;

        display: block;

        background-color: #292A30;

        position: absolute;

        bottom: 0px;

        left:-100px;

    }





    

    .landing-chart-area {

        padding: 10px 0 50px;

        padding-bottom: 5px;

        /* display: none; */

    }



    .landing-chart-inner {

        display: block;

        }



    .ds-chart-container {

         height: 321px;

        padding-bottom: 30px;

        padding-left: 10px;

        padding-right: 10px;

        width: 100%;

        margin-bottom: 30px;

    }



    .ds-chart-ar{

        position: relative;

        display: flex;

        width: 100%;

        height: calc(100% - 0rem); /* Adjust height for padding */

        z-index: 1;

        align-items: flex-end;

        gap: 2px;

        padding-bottom: 2rem;

        box-sizing: border-box;

    }



   .ds-chart-ar .bar{

        width: 3px;

   }

    .ds-axis1{

            bottom: 1.5rem;

            padding-left: 0px;

            padding-right: 0px;

        }

        .ds-axis1 span{

            font-size: 8px;

        }





        .tooltip {

                    position: absolute;

                    bottom: calc(90% + 5rem); /* Position above the highlight-line */

                    left: 50%;

                    transform: translateX(-50%);

                    background-color: #2c2c2c;

                    border: 2px solid #FFE836;

                    color: #fdd835;

                    padding: 8px 15px;

                    border-radius: 8px;

                    white-space: nowrap;

                    opacity: 0;

                    pointer-events: none;

                    transition: opacity 0.3s ease-in-out;

                    z-index: 11;

                    font-size: 10px;

                }























    .d-m-none{

        display: none;

    }



    .d-lg-none{

        display: block;

        

    }

   .ds-header-icon {



    margin-bottom: 0px;

    }

    .ds-header-icon li a small{

        display: none;

    }



    .dashboard_main{

        padding: 0;

        padding-left: 25px;

        padding-right: 25px;

    }

    .ds-header-icon li a {

        font-size: 14px;

        padding: 6px 11px;

    }





    .dashboard_left-header .valuationUSD h5 {

       font-size: 20px;

       padding-top: 19px;

     }



    .dashboard_left-header .valuationUSD h2 {

        font-size: 42px;

    }



    .dashboard_left-header .valuationUSD h2 span {

        display: none;

    }



       .mobile-ds-percent{

            display: block;

        }



    .chart_btm-box-wrapper {

        display: grid;

        grid-template-columns: repeat(1,1fr) !important;

        grid-gap: 0px 25px;

    }

    .chart_btm-box-wrapper .ctr-sm-box {

        margin-bottom: 20px;

    }

    

    .Liquidity_progress_bar span {

    width: 2px;

    }



    .company_abouts-wrapper {

        padding: 25px;

    }

    .company_abouts-wrapper p {

        font-size: 16px;

        margin-bottom: 31px;

    }

    .ctr-sm-box {

    margin-bottom: 20px;

    }





 .mobile-only{

        display: block;

    }



    .mobile-none{

        display: none;

    }





.ds_body-sections {

	padding: 30px 25px 25px 25px;

}





    /* ===modal====== */



    .modal-top-wrapper{

        display: block;

    }

    .modal-top-wrapper .valuationUSD h5 {

 

    font-size: 19px;

    }



    .modal-top-wrapper .valuationUSD h2 {

    color: #FFF;

    font-family: Sora;

    font-size: 25px;

    margin-bottom: 10px;

    }



    .modal-top-wrapper .valuationUSD h2 span{

        display: none;

    }



    .modal-cart {



    padding: 11px;

    }

    .crt-year li span {

    font-size: 10px;

    }



    .modal-body {

    background-color: #000000;

    padding: 20px 10px;

    }







}