.mobileMenu {
    display: none;
}

.sidenav {
    display: none;
}

@media screen and (min-width:1280px) and (max-width:1600px) {}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .themeContainer{
        padding: 0 20px;
    }
    .menuWrapper ul li a{
        padding: 10px 6px;
    }
    .chartArea{
        width: 600px;
    }
    .chartWidgets{
        width: calc(100% - 620px);
    }
}

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

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

    .mobileMenu {
        display: block;
        font-size: 30px;
        cursor: pointer;
    }

    .sidenav {
        display: block;
        height: 100%;
        width: 0;
        max-width: 500px;
        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        background-color: rgba(1, 3, 20, 1);
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
        text-align:center;
      }
      
      .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 0.01%, #9299AC 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: block;
        transition: 0.3s;
      
      }
      
      .sidenav a:hover{
        color: #f1f1f1;
      }
      
      .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
      }
      .mobileMenu{
        display: block;
        font-size:30px;
        cursor:pointer;
      }
      .mobileMenu span{
        display: flex;
      }
    
      .mobileMenu span img{
        width: 28px;
        filter: brightness(0) saturate(100%) invert(10%) sepia(83%) saturate(4397%) hue-rotate(242deg) brightness(139%) contrast(136%);
      }

    .headerWrapper {
        align-items: flex-start;
    }

    .themeContainer {
        padding: 0 16px;
    }

    .langSelect{
        height: 40px;
    }

    .language .select {
        padding: 10px;
    }
    
    .language::after {
        top: 11px;
    }
    
    .language .select+div {
        top: 90%;
    }

    .menuWrapper {
        display: none;
    }

    .linkArea>a {
        display: none;
    }

    .menu {
        flex-direction: column;
        align-items: center;
        padding: 0 30px;
    }

    .menu>li {
        width: 100%;
        border-bottom: 1px solid #ffffff26;
        text-align: left;
    }

    .menu li a {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 20px;
        padding: 10px 10px 10px 10px;
    }

    .submenu li {
        width: 100%;
    }

    .menu li:hover .submenu:before {}

    .menu li:hover .submenu {
        top: calc(100% + 1px);
        left: 0;
        background: rgba(1, 3, 20, 1);
        z-index: 99;
        min-width: auto;
    }

    .menu li:hover .downMenu {
        background: none;
        -webkit-text-fill-color: unset;
    }

    .downMenu:after {
        position: absolute;
        right: 0;
        top: 24px;
    }

    .travelChainWrapper {
        margin-top: 50px;
    }

    .travelCenterArea{
        display: none;
    }
    
    .socialWrapper {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .travelCard {}
    
    .travelLeftArea, .travelRightArea {
        width: 100%;
    }
    
    .travelCenterArea {
        width: 100%;
    }
    
    .travelCenterArea img {
        width: 100%;
    }
    
    .heroImg {
        right: 0;
        left: 0;
        bottom: -140px;
        top: auto;
        overflow: hidden;
        justify-content: flex-end;
    }
    
    .heroImg img {
        height: 360px;
        width: 120%;
        max-width: 420px;
        position: relative;}
    
    .heroWrapper {
        flex-direction: column;
        padding-bottom: 80px;
    }
    
    .heroDescArea {
        width: 100%;
        position: relative;
        z-index: 999;
        padding: 30px 0;
    }
    
    section.workTeam {
        margin-bottom: 40px;
    }
    
    .bannerOnText {
        max-width: 100%;
        position: relative;
        padding: 50px 15px;
    }
    
    .accordion-title:after {
        right: 10px;
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: contain;
    }
    
    .accordion-title {
        padding: 14px 45px 14px 24px;
    }
    
    .themeTitle h2 {
        font-size: 20px;
    }
    
    .themeTitle p {
        font-size: 15px;
        line-height: 26px;
    }
    
    .themeTitle p br {
        display: none;
    }
    
    .themeTitle {
        gap: 12px;
    }
    
    .active .accordion-title:after {
        background-size: contain;
    }
    
    .bannerImage {
        height: 100%;
        position: absolute;
    }
    
    .bannerImage img {
        height: 100%;
        object-fit: cover;
        width: 100%;
        object-position: left;
        opacity: .2;
    }
    
    .accordion {
        margin-bottom: 20px;
    }
    
    .linkButton {
        width: 100%;
    }
    .accordion-item {
        margin-bottom: 14px;
    }
    .personCard {
        padding: 10px;
    }
    
    .descriptionArea {
        width: 100%;
    }
    
    .bannerArea {
        width: 100%;
    }
    
    .heroDescArea h2 {
        font-size: 22px;
        line-height: 34px;
    }

    .heroDescArea h2 br{
        display: none;
    }

    .aboutUs .themeTitle h2 {
        font-size: 25px;
        line-height: normal;
    }
    
    .themeTitle h2 br {
        display: none;
    }
    
    .aboutUs .themeTitle p {
        font-size: 15px;
        line-height: 26px;
    }
    
    .aboutUs .themeTitle p br {
        display: none;
    }
    
    .aboutDetail p {
        font-size: 15px;
    }
    
    .aboutDetail {
        padding: 0;
    }
    
    section.aboutUs {
        padding-top: 70px;
        margin-bottom: 40px;
    }
    .contactBoxes {
        flex-direction: column;
    }
    
    .mt120 {
        margin-top: 20px;
    }
    
    .themeTitle.v2 h2 {
        font-size: 25px;
        line-height: normal;
    }
    
    .themeTitle.v2 {
        margin-bottom: 20px;
    }
    
    .contactUs {
        padding-top: 70px;
    }
    
    .contact {
        margin-bottom: 50px;
    }

    .sidebarWidthContent{
        gap: 30px;
    }

    .stepTitle h2 {
        font-size: 24px;
    }
    
    .stepTitle p {
        font-size: 15px;
    }
    .chartWrapper {
        flex-direction: column;
    }
    
    .chartArea {
        width: 100%;
        padding: 10px;
    }
    
    .chartCard {
        padding: 20px 10px;
    }
    
    .chartWidgets {
        width: 100%;
    }
    
    .priceCard {
        width: calc(100% * 1/2 - 10px);
        flex-direction: column;
    }
    
    .blocksWrapper {
        gap: 20px;
    }
    
    .capacityTr.linearTextWhite {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .btcTitle h2 {
        font-size: 26px;
    }
    
    .btcTitle a {
        font-size: 14px;
        padding: 7px 15px;
        border-radius: 6px;
    }
    
    .mb96 {
        margin-bottom: 40px;
    }
    
    .cardDescription {
        overflow: auto;
        max-width: 100%;
        padding-bottom: 10px;
    }
    
    .cardfromto > div {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .cardfromto > div > img {
        transform: rotate(90deg);
        display: none;
    }
}

@media screen and (max-width:768px) {
    .socialWrapper {
        flex-direction: column;
        gap: 8px;
        justify-content: space-between;
        align-items: stretch;
    }
    
    .interactionLinks {
        justify-content: center;
        gap: 8px;
    }
    
    .widgetWrapper {
        flex-direction: column;
    }
    .travelChainWrapper {
        flex-direction: column;
        margin-top: 50px;
    }
    .travelCenterArea{
        display: block;
    }
    
    .bannerDescWrapper {
        flex-direction: column;
    }
    .heroImg{
        justify-content: flex-start;
    }
    .header{
        padding-top: 14px;
    }

    .timelineStep {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .timelineStep .yearly {
        position: unset;
    }
    
    .timeLineDesc {
        width: 100%;
        align-items: center;
    }
    
    .timeline.reverse .timeLineWrapper .timelineStep:nth-child(even) {
        flex-direction: column;
    }
    
    .timeLineWrapper:after {
        z-index: -1;
    }
    .timeline.reverse .timelineStep:nth-child(even) .timeLineDesc h2 ,.timeLineDesc h2 {
        text-align: center;
    }
    .timeline.reverse .timelineStep:nth-child(even) .timeLineDesc {
        align-items: center;
    }
    .timeLineWrapper:before {
        width: 50px;
        height: 50px;
        background-size: contain;
        top: -110px;
    }
    .timeLineWrapper {
        margin-top: 130px;
    }
    .prodDetailContent {
        flex-direction: column;
    }
    
    .prodDescription {
        width: 100%;
        padding: 20px;
    }
    
    .prodInfoWrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .productSlider {
        width: 100%;
    }
    
    .productDetailImg {
    right: -20px;
    bottom: -20px;
    width: 100%;
    margin-top: -150px;
    }
    .prodDescription h2{
        font-size: 18px;
    }
    .productDetail{
        margin-bottom: 50px;
        padding-top: 50px;
    }
    .sidebarWidthContent {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .toggleSwitch {
        max-width: 100%;
        padding: 20px 40px;
    }
    .transactionCard {
        flex-direction: column;
    }
    .recoveryCodeWrapper {
        flex-direction: column;
        gap: 10px;
    }
    
    .recoveryCodeWrapper > .inputWrapper {
        width: 100%;
    }   
    .checkboxContainer {
        white-space: normal;
        display: block;
    }
    .bottomLogin{
        font-size: 13px;
        gap: 14px;
    }
    .forgotPassword {
        position: unset;
        margin-bottom: 10px;
    }
    .walletPlatform .checkboxContainer {
        margin-bottom: 15px;
    }
    .adressArea {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 35px;
        font-size: 14px;
    }
    .walletAdress input, .singleInput{
        padding: 16px 10px;
    }
    .tableTitle span {
        position: unset;
        font-size: 20px;
        line-height: 26px;
        text-align: center;
        justify-content: center;
    }
}

@media screen and (max-width: 900px) {
    .tableWrapper .dt-layout-table {
        overflow-x: auto;
        padding: 5px;
    }
    #assets tbody tr {
        box-shadow: 0px 10px 48px 0px #0000000d;
    }
}