@media (max-width: 991.98px) {
    .login-name {
        display: none;
    }

    .media-header .nav-item {
        padding: 5px;
        padding-left: 20px;
    }

    footer {
        padding-top: 50px;
    }

    .title-section h1 {
        font-size: 25px;
        line-height: 30.26px;
    }

    .title-section h2 {
        font-size: 15px;
        line-height: 18.15px;
    }

    .title-section {
    }

    .gallery h1 {
        font-size: 25px;
        line-height: 30.26px;
    }

    .gallery-images ul li {
        margin: 5px;
        margin-top: 20px;
    }

    .side-menu {
        position: absolute;
        z-index: 999;
        background-color: #fff;
        border-right: unset;
        padding-top: 15px;
        top: 46px;
    }

    .bg-login {
        display: none;
    }

    .login a,
    .register a {
        width: 100%;
    }

    .login input {
        width: 100%;
    }

    .main-content table td:first-child,
    .main-content table td:last-child {
        width: initial;
    }

    .form-check {
        padding-left: initial;
    }
    .main-content table td:last-child {
        min-width: 85px;
    }

    .mobil-header {
        background-color: #2d2c2c;
        display: block;
        height: 45px;
    }

    .login ul,
    .register ul {
        padding: 0px 5px 10px 5px;
    }

    .side-nav {
        display: none;
    }

    .mobil-d-none {
        display: none;
    }

    .mobil-d-block {
        display: block;
    }

    .mobil-d-flex {
        display: flex;
    }

    .main-nav {
        background-color: #2d2c2c;
        padding-left: 0;
        padding-right: 20px;
    }

    .main-nav .dropdown-toggle::after {
        color: #fff;
    }

    .main-nav .navbar-collapse {
        background-color: #2d2c2c;
        margin-top: 10px;
        margin-left: -21px;
    }
    .main-nav .nav-link {
        color: #fff !important;
        font-size: 14px;
        font-weight: 600;
    }

    .bg-header a {
        font-size: 15px;
        font-weight: 300;
        font-family: "InterRegular" !important;
    }
    .pl-4,
    .px-4 {
        padding-left: 5px !important;
    }
    .pr-4,
    .px-4 {
        padding-right: 5px !important;
    }

    .bg-header .navbar {
        height: 100px;
    }
    .main-nav a {
        color: white !important;
    }

    .main-nav .navbar-dark {
        top: 0;
        position: absolute;
        max-width: 340px;
    }

    .basketLink {
        width: 100%;
        text-align: right;
    }
    .main-nav .nav-item {
        padding-left: 0px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .main-nav .dropdown-menu a {
        text-align: center !important;
    }
    .main-nav .dropdown-menu {
        transform: translate3d(-110px, 48px, 0px) !important;
    }

    div.dt-container div.dt-search input {
        width: 90%;
    }

    tr.responsive-row--newsletter {
        display: flex;
        flex-wrap: wrap;

        height: inherit !important;
    }

    tr.responsive-row--newsletter td {
        display: block;
    }

    /* cím */
    tr.responsive-row--newsletter td:nth-child(1) {
        order: 1;
        width: 70%;
        border: 0px;
        text-align: left;
    }

    /* ikon marad mellette */
    tr.responsive-row--newsletter td:nth-child(3) {
        order: 3;
        margin-top: -50px;
    }

    .dt-search {
        background-position: 99% 50%;
        background-size: 20px;
        padding-right: 3px;
        text-align: left !important;
    }

    tr.responsive-row--newsletter td:nth-child(3) img {
        float: right;
        position: absolute;
        right: 15px;
    }

    /* dátum lemegy alá */
    tr.responsive-row--newsletter td:nth-child(2) {
        order: 2;
        width: 100%;
        border: 0px;
        margin-top: 4px;
        text-align: left !important;
        border-bottom: 1px solid #d9d9d9;
    }

    .main-content table td,
    .main-content table th {
        text-align: center;
        padding: 5px;
    }

    .table-list .search-input {
        display: unset;
        width: 92%;
        text-align: center;
    }

    .table-list .table-head-select {
        width: 100%;
        height: 31px;
    }

    .sidemenu-text p {
        color: white;
    }

    .gallery .side-menu {
        top: 0;
    }

    .action-btn {
        vertical-align: top;
    }

    .open-list-element {
        background-color: #f0f0f0;
    }

    .desktop-d-none {
        display: block;
    }

    .mobil-d-table {
        display: table-cell;
    }

    .mail-img {
        width: 70px;
    }

    .table-list label,
    .table-list select,
    .table-list td,
    .table-list th {
        white-space: unset;
    }

    .open-list-element p,
    .open-list-element label {
        margin-bottom: 0.5rem !important;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .img-options {
        top: unset;
        bottom: 80px;
    }

    .img-options a {
        margin-left: 10px;
    }

    tr.responsive-row {
    }

    tr.responsive-row td {
    }

    .updateStatus {
        max-width: 152px;
    }

    /* minden td default: fél szélesség */
    tr.responsive-row td {
    }

    /* utolsó td → full width alul */
    tr.responsive-row td:last-child {
    }
}

@media (min-width: 1200px) {
    .title-section {
    }
}