
@media only screen and (min-width: 768.5px) and (max-width: 1024px) {

}

@media only screen and (min-width: 425.5px) and (max-width: 768.5px) {
    .boxes {
        top: 6px !important;
        left: 2px !important;
    }
    .verification-email input{
        width: 42px;
        height: 42px !important;
    }
    .Sign-in{
        border: none;
        box-shadow: none;
        background: none;
        padding: 66px 20px;
        margin-top:0px;
        margin-bottom:0px;
    }
    .hero-section-1 h1 {
        font-size: 19px;

    }
    .hero-section-1{
        height: 650px;
    }
    .bg-video{
        top:-431px;
    }
    .logo-footer{
        padding-bottom: 24PX;
    } .brand-link-sidebar{
          visibility: hidden;
      }
    .sidebar{
        /*height: 100%;*/
    }
    .navbar-toggler-close{
        display: block !important;
    }
    .main-sidebar-icons{
        display: none;
    }
    .main-sidebar .brand-link .brand-image-dt {
        margin:0px 24px 0px 24px;
        /*width: 50% !important;*/
        display: inline-block;
    }
    .staking-btn{
        width: 100%;
    }
    .withdraw-t-body td span{
        font-size: 9px !important;
    }
    .store-card .card{
        height: auto !important;
    }
    .store-card-title{
        font-size: 9px;

    }
    .w-stle{
        width: 1100px;
    }

    .Promotional-Banners .card .card-body {
        padding: 24px 6px;
    }
    .Schedule-Invest-Details-modal .modal-dialog-wideh{
        max-width: auto;
    }
    .Schedule-Invest-Details-modal .modal-content{
        background: var(--Version-2, linear-gradient(180deg, #E5EBF3 0%, #FEFDFF 100%));
        padding: 40px;

    } .investment-card-title{
          width: 118px;
      }
    .verification-email input{
        width: 42px;
        height: 42px !important;
    }
}

@media only screen and (min-width: 375.5px) and (max-width: 550.5px) {

    .boxes {
        top: 6px !important;
        left: 2px !important;
    }
    .navbar-toggler-back .flage {
        left: 21px;
    }
    .pagenation-inks{
        border-radius: 16px;
        border: none;
        background: none;

        box-shadow: none;
        padding: 16px;

    }
    .Sign-in{
        border: none;
        box-shadow: none;
        background: none;
        padding: 66px 20px;
        margin-top:0px;
        margin-bottom:0px;
    }
    .verification-email input{
        width: 42px;
        height: 42px !important;
    }
    .verification-code span {
        width: 42px !important;
        height: 43px !important;
    }
    .Schedule-Invest-Details-modal .modal-dialog-wideh{
        max-width: auto;
    }
    .Schedule-Invest-Details-modal .modal-content{
        background: var(--Version-2, linear-gradient(180deg, #E5EBF3 0%, #FEFDFF 100%));
        padding: 40px;
    }
    .Promotional-Banners .card .card-body {
        padding: 16px 6px;
    }
    .w-stle{
        width: 1100px;
    }
    .store-card-title{
        font-size: 9px;

    }
    .withdraw-list-select{
        padding-bottom: 25px;
    }
    .withdraw-list-select select{
        max-width: 100%;
    }
    .main-sidebar{
        width: 100% !important;
    }
    .main-sidebar-icons{
        display: none;
    }
    .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
        margin-left: -502px;
    }
    .brand-link-sidebar{
        /*visibility: hidden;*/
    }
    .sidebar{
        /*height: 100%;*/
    }
    .navbar-toggler-close{
        display: block !important;
    }



    .btn-Login{
        margin-bottom: 15px;
        margin-top: 3px;

        width: 104px;
    }

    .hero-section-1 h1 {
        font-size: 20px;
        padding: 32px 0 24px 0;


    }
    .hero-section-1{
        height: 500px;
        padding-bottom: 32px;
    }
     .bg-video{
        top:-431px;
    }
    .video-card  .card {
        height: 170px !important;
    }
    .video-card{
        box-shadow: none;
        padding: 7px;

    }
    .Certifications-section h2 {
        font-size: 20px;
    }
    .Certifications-section img {
        width: 56px;
        height: 56px;
    }


    .logo-footer{
        padding-bottom: 24PX;
    }
    .footer ul li a{
        font-size:12px
    }
    .link-style-icon ul li a img{
        width: 12px;
        height: 12px;
    }
    .footer{
        padding-bottom: 0;
    }

    .main-sidebar .brand-link .brand-image-dt {
        margin: 0px 24px 20px 24px;
        display: inline-block;
        width: 50% !important;

    }
    .nav-withdraw-btn{
        width: 100%;
    }
    .store-card .card{
        height: auto !important;
    }
    .store-card-text{
        font-size: 6.688px;

    }
    .store-card-price{
        font-size: 11.465px;

    }
    .store .store-card .nav-withdraw-btn{
        font-size: 12px;

    }
    .crypto-incre-btn{
        width: 100%;
    }
    .crypto-t-line{
        border-left: none;
        border-top:2px solid #E4E7EC;
        margin-top: 16px

    }
    .s-ticket-open-btn{
        font-size: 10.4px;
        padding:1.73PX 6.93PX;

    }
    .s-ticket-high-btn{
        font-size: 12px;
        padding: 2px 8px;
    } .investment-card-title{
          width: 118px;
      }

}

@media only screen and (min-width: 319px) and (max-width: 375.5px) {

    .boxes {
        top: 6px !important;
        left: 2px !important;
    }
    .navbar-toggler-back .flage {
        left: 21px;
    }
    .Sign-in{
        border: none;
        box-shadow: none;
        background: none;
        padding: 66px 20px;
        margin-top:0px;
        margin-bottom:0px;
    }
    .verification-code span {
        width: 33px !important;
        height: 33px !important;
    }
    .investment-card-title{
        width: 118px;
    }
    .Schedule-Invest-Details-modal .modal-dialog-wideh{
        max-width: auto;
    }
    .Schedule-Invest-Details-modal .modal-content{
        background: var(--Version-2, linear-gradient(180deg, #E5EBF3 0%, #FEFDFF 100%));
        padding: 40px;
    }
    .Promotional-Banners .card .card-body {
        padding: 16px 6px;
    }
    .w-stle{
        width: 1100px;
    }
    .s-ticket-high-btn{
        font-size: 12px;
        padding: 2px 8px;
    }

    .s-ticket-open-btn{
        font-size: 10.4px;
        padding:1.73PX 6.93PX;

    }
    .crypto-incre-btn{
        width: 100%;
    }
    .crypto-t-line{
        border-left: none;
        border-top:2px solid #E4E7EC;
        margin-top: 16px;
        padding-top: 9px;
    }
    .crypto-price-text{
        padding-left: 0px;
    }
    .store-card-price{
        font-size: 11.465px;

    }
    .store .store-card .nav-withdraw-btn{
        font-size: 12px;

    }
    .store-card-title{
        font-size: 9px;

    }
    .store-card-text{
        font-size: 6.688px;

    }
    .withdraw-list-select select{
        max-width: 100%;
    }
    .nav-withdraw-btn{
        width: 100%;
    }
    .main-sidebar-icons{
        display: none;
    }
    .navbar-toggler-close{
        display: block !important;
    }

    .sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
        margin-left: -502px;
    }
    .main-sidebar{
        width: 100% !important;
    }
    .main-sidebar .brand-link .brand-image-dt {
        margin: 0px 24px 20px 24px;
        display: inline-block;
        width: 50% !important;
    }
    .brand-link-sidebar{
        /*visibility: hidden;*/
    }
    .sidebar{
        /*height: 100%;*/
    }

    .btn-Login{
        margin-bottom: 15px;
        margin-top:3px;
        width: 104px;
    }
    .hero-section-1 h1 {
        font-size: 20px;
        padding: 132px 0 24px 0;


    }
    .hero-section-1{
        height: 500px;
        padding-bottom: 32px;
    }
     .bg-video{
        top:-431px;
    }
    .video-card  .card {
        height: 170px;
    }
    .video-card{
        box-shadow: none;
        padding: 7px;
    }
    .Certifications-section h2 {
        font-size: 20px;
    }
    .Certifications-section img {
        width: 56px;
        height: 56px;
    }
    .logo-footer{
        padding-bottom: 24PX;
    }
    .footer ul li a{
        font-size:10px
    }
    .link-style-icon ul li a img{
        width: 10px;
        height: 10px;
    }
    .footer{
        padding-bottom: 0;
    }
    .store-card .card{
        height: auto !important;
    }

}