@media screen and (max-width: 980px) {
    .mobileHeader {
        display: flex;
    }

    .navMain {
        flex-direction: column;
        display: none;
    }

    .container {
        width: 100%;
        padding: 20px;
        width: -webkit-fill-available;
        width: fill-available;
    }

    .navLink {
        flex-direction: column;
    }

    .btnWr {
        margin-top: 30px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .navMain.active {
        display: flex;
    }

    .wantLeft, .wantRight, .revolverLeft, .revolverRight,
    .topEl1, .topEl2, .navBorder, .cowboys, .revolverCylinder,
    .whereToStartNum1, .whereToStartNum2, .whereToStartNum3, .whereToStartNum4 {
        display: none;
    }

    .containerFlex2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .whereToStartRow {
        display: flex;
        flex-direction: column;
    }

    .whereToStartRow {
        margin-top: 0;
        align-items: center;
        justify-content: center;
    }

    .whereToStartCol {
        width: 360px;
    }

    .whereToStartCol2 {
        margin-top: 0;
    }

    .whereToStartCol4 {
        margin-top: 0;
    }

    .whereToStartCol0 {
        display: none;
    }

    .lineSectionIcon {
        display: none;
    }

    .homePlansRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .forPartnersRow {
        display: flex;
        flex-direction: column;
    }

    .forPartnersGr {
        display: none;
    }

    .forPartnersListRow {
        justify-content: start;
    }

    .headerMain {
        height: auto;
        min-height: auto;
        padding-bottom: 50px;
        background-position-y: 8px !important;
    }

    .faqListRow {
        display: flex;
        flex-direction: column;
    }

    .headerMain::before,
    .headerMain::after {
        display: none;
    }

    .homePlansRow2 {
        display: flex;
        flex-direction: column;
    }

    .revolverCylinder2 {
        display: none;
    }

    .headDescT {
        width: auto;
        height: auto;
    }

    .headDescT h1 {
        font-size: clamp(1.5rem, 4vw + 1rem, 3rem);
    }

    .headDescT h3 {
        font-size: clamp(1.5rem, 4vw + 1rem, 3rem);
    }

    .mobileHeader::before {
        z-index: 1;
        background: url(../img/line.png) repeat-x;
        background-size: 19%;
    }

    .homePlansCol,
    .homePlanTop {
        min-width: auto;
        height: auto;
        background: #C8B48F;
        border-radius: 30px;
    }

    .homePlansImage img {
        max-width: 100%;
        height: auto;
    }

    .homePlansDescFl {
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .titleBlock {
        font-size: 50px;
        text-align: center;
    }

    .for-investors .titleBlock {
        text-align: center;
        right: auto;
    }

    .newsListRow {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .hNews {
        width: 360px;
    }

    .faqQuestion {
        width: -webkit-fill-available;
        width: fill-available;
    }

    .forPartnersListRow {
        flex-direction: column;
        align-items: center;
    }

    .faqListCol1 {
        order: 2;
    }

    .faqWrapperPd {
        margin-top: 0;
    }

    .titleBlock img {
        display: none;
    }

    .titleBlock {
        /*margin-block: 30px;*/
    }

    .sectionFaq .titleBlock div {
        display: block;
    }

    .titleBlock {
        width: -webkit-fill-available;
        width: fill-available;
    }

    .forPartnersCol .titleBlock {
        flex-direction: column;
    }

    .for-partners .titleBlock {
        align-items: center;
    }

    .for-partners .titleBlock .btn {
        display: none !important;
    }

    .for-partners {
        padding: 50px 0;
    }

    .forPartnersCol img {
        display: none;
    }

    .headDescT {
        /*display: none;*/
        background: rgba(46, 33, 27, 0.8);
        padding: 10px 20px;
        border-radius: 10px;
    }

    .footerCopyright {
        background: rgba(46, 33, 27, 0.8);
        padding: 10px;
        color: #d2b277;
    }

    .whereToStartNum {
        display: none;
    }

    .where-to-start .titleBlock {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .faqQuestion {
        padding: 10px;
        border-radius: 5px;
        height: auto;
        background: url(../img/form/form2.jpg);
    }

    .faqWrapper {
        gap: 10px;
    }

    .footerMain .btnWr {
        display: none;
    }

    .faqAnswer {
        width: -webkit-fill-available;
        width: fill-available;
    }

    .headLogo {
        width: -webkit-fill-available;
        width: fill-available;
        height: auto;
    }

    .headLogo img {
        max-width: 100%;
        height: auto;
    }

    .logoCompass {
        display: none;
    }

    .logoPic {
        position: relative;
        top: auto;
        left: auto;
    }

    section.about .titleBlock {
        margin-left: 0;
    }

    .where-to-start,
    .for-investors,
    .sectionNews,
    .sectionFaq,
    section.about {
        padding: 60px 0;
    }

    .lineSection::after,
    .lineSection::before {
        display: none;
    }

    .homePlansCol {
        width: auto;
    }

    .sectionFaq .titleBlock {
        margin-block: 30px;
    }

    .forPartnersRow {
        gap: 0;
    }

    .homePlansCol {
        padding-top: 0;
    }

    .statTitle img {
        display: none;
    }

    .navMain {
        background: rgba(46, 33, 27, 0.8);
        padding: 20px;
        border-radius: 20px;
    }

    .controls button img {
        width: 40px;
    }

    #audio-player-container {
        right: -8px;
    }

    .headDescT h1 {
        margin-bottom: 10px;
    }

    .headDescT h1 img {
        display: none;
    }

    .newsListRowPage .hNews {
        flex-direction: column;
        width: auto;
    }

    .newsListRowPage .newsText {
        padding: 30px 10px;
    }

    .formWrapper {
        width: -webkit-fill-available;
        width: fill-available;
    }

    .formAngle {
        display: none;
    }

    .formGroup {
        flex-direction: column;
    }

    .headerMainPage {
        padding: 0;
    }

    .sectionReg {
        padding: 0 0 30px 0;
    }

    .formRow {
        padding: 30px;
    }

    .formTitle {
        font-size: 40px;
    }

    .formGroup input,
    .formGroup textarea {
        width: 100%;
    }

    .termsInp label {
        flex-direction: column;
    }

    .cabContainer {
        grid-template-columns: 1fr;
    }

    .asideLogoBottomLine2,
    .asideLogoBottomLine {
        display: none;
    }

    .asideLogo {
        margin-bottom: 20px;
    }

    .sectionCabinet {
        padding: 0;
    }

    .cabSidebar {
        width: 100%;
        background: #000;
        z-index: 999;
    }

    .asideLogo {
        display: none;
    }

    .sectionReg {
        background-position: top center;
    }

    .formWrapper {
        min-height: auto;
    }

    .showCabMenu {
        margin-top: 30px;
    }

    .containerHead {
        padding: 0;
    }

    .cabSidebar {
        display: none;
    }

    .cabSidebar.active {
        display: block;
    }

    .cabTopWidget {
        flex-direction: column;
        gap: 10px;
    }

    .cabTitle img {
        display: none;
    }

    .widgetInfo {
        flex-direction: column;
        align-items: center;
    }

    .avatarFrame {
        margin-block: 15px;
    }

    .cabWidgetGrid2 {
        grid-template-columns: 1fr;
    }

    .refLink {
        flex-direction: column;
    }

    .cabWrapper::before,
    .cabWrapper::after {
        display: none;
    }

    .cabWrapper {
        padding: 0;
    }

    .sectionCabinet .homePlansCol .homePlanTop {
        background: none;
    }

    .cabPlanTop .homePlansDesc {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0,0);
    }

    .sectionCabinet .homePlanTop .homePlansTitle {
        margin-bottom: 0;
    }

    .sectionCabinet .cabPlansRow .homePlansCol {
        background: #C8B48F;
    }

    .userBalanceList label {
        flex-direction: column;
    }

    .pSysBalBtn {
        flex-direction: column;
        gap: 10px;
    }

    .cabTitle {
        font-size: 40px;
    }

    .filterFormWrapper {
        flex-direction: column;
        gap: 10px;
    }

    .filterFormRow select {
        width: 100%;
    }

    .filterFormRow {
        width: 100%;
    }

    .cabWidget {
        background: #000;
    }



    .col-account { flex: 1.5; word-break: break-all; }

    .ps-header { display: none; }

    .ps-row {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .ps-col {
        width: 100%;
        padding: 5px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ps-col:not(.col-select):before {
        font-weight: normal;
    }

    .col-select {
        order: 10;
        margin-top: 15px;
        justify-content: center;
    }
    
    .col-name {
        font-size: 1.2rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .withdrawStats {
        flex-direction: column;
    }

    .trans-header { display: none; }
    
    .trans-main-row {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        text-align: center;
    }

    .trans-col { width: 100%; text-align: center !important; }

    .type-label {
        font-weight: bold;
        font-size: 1.1rem;
        color: #ffcc00;
    }

    .trans-desc-desktop { display: none; }
    .trans-desc-mobile { display: block; }

    .col-amount {
        border-top: 1px solid rgba(255,255,255,0.05);
        padding-top: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .col-amount:before {
        content: "Amount:";
    }

    .col-date {
        font-size: 0.8rem;
        color: #555;
    }

    .ref-card-main { flex-direction: column; align-items: flex-start; gap: 10px; }
    .ref-status { align-self: flex-start; }
    .rs-col:not(:first-child):before {
        content: attr(data-label) ": ";
        color: #555;
    }

    .showCabMenu {
        display: flex;
    }

    .cabContainer .cabPlanTop {
        background: none;
    }

    .listBorderBottom {
        display: none;
    }

    .userBalanceList .mainWidgetPsys {
        border: 2px dashed #553f1e;
        padding: 15px;
        margin-bottom: 10px;
    }

    .deposit_confirm tr {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .btnCenter {
        flex-wrap: wrap;
    }

    .cabSidebar::after {
        z-index: 1;
    }

    .homePlanTopCh {
        left: -24px;
        top: -30px;
    }

    .slideCol,
    .slidesWrapper {
        flex-direction: column;
    }

    .coinPaymentRow {
        display: flex;
        flex-direction: column;
        border: none;
        padding: 0;
        align-items: center;
    }

    #coinpr_form a {
        word-break: break-all;
    }

    .coinPaymentCol .btn {
        display: block;
        margin: 10px 0;
        width: 100%;
    }

    .coinPaymentCol .btn span {
        background-size: cover;
    }

    .cabTitle {
        width: auto;
    }

    .coinPaymentCol a {
        word-break: break-all;
    }

    .lastDepositStat,
    .lastWithdrawalStat {
        display: none !important;
    }

}

@media screen and (max-width: 420px) {
    .whereToStartCol {
        width: auto;
    }

    .headDescT h1 {
        font-size: 24px;
    }

    .headDescT h3 {
        font-size: 18px;
    }

    .whereToStartCol img {
        max-width: 100%;
        height: auto;
    }

    .hNews {
        width: auto;
    }

    .newsImage img {
        max-width: 100%;
        height: auto;
    }

    .homeStatsList div {
        flex-direction: column;
    }
}