/*** MOBILE VIEW ***/
/*  FixDate | V3.0 by 4eSport Development [TeRmi] Release @ 17.08.2022 // 00:07 */
/*  Last update | @13.08.24 / 17:09*/

/*GLOBAL*/
@charset "utf-8";
/* HIDE NAV*/
.add-listing-page  nav{
    display: none !important;
}
/*\ END GLOBAL*/
@media screen and (min-width: 360px) and (max-width: 374px) {
    /* FIX BACK BUTTON Width=100% */
    .form-buttons.form a {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    /* BANNER FIX if !100px*/
    div.banners-box > div.banner img, div.banners-box {
        width: 100% !important;
    }
    /* END*/
    .sm-text-center {
        text-align: left !important;
        font-size: 2.5rem !important;
        font-weight: 900 !important;
        padding: 0 !important;
    }
    body.home-page header.page-header {
        background: var(--tab-background);
    }
    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 100% !important;
    }
    #nav-footer li a {
        transition: all 0.3s;
        display: block;
    }
    #nav-footer li a:hover {
        margin-left: 10px;
    }
    body aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 177px;
    }
    .top .featured .picture::before {
        font-size: 0.9rem !important;
    }
    section.content_block, section.side_block {
        margin-left: 0px;
        margin-right: 0px;
    }
}
/*** MOBILE VIEW ***/
/* media  < als 374px important */
@media screen and (min-width: 200px) and (max-width: 374px) {
    #lnp_container > li {
        height: 37px;
        width: 37px;
    }    
    .align-items-center .text-right {
        text-align: left !important;
        padding: 9px 0;
        font-size: 0.8rem;
    }
    .sm-text-center {
        text-align: left !important;
        font-size: 2.5rem !important;
        font-weight: 900 !important;
        padding: 0 !important;
    }
    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 50% !important;
    }
    ul.featured > li {
        padding-left: 5px !important;
        padding-right: 5px !important;
        min-width: 100px !important;
        scroll-snap-align: start;
    }
    ul.featured > li > .picture {
        min-height: 205px !important;
    }
    ul.featured > li > ul {
        margin: 0px 0 2px 7px !important;
        width: calc(100% - 14px) !important;
    }
    ul.featured .icons {
        display: none !important;
    }
    section#listings.list div.picture, .block_listing_box_3 ul > li.item div.picture {
        width: 100% !important;
    }
    body.home-page header.page-header {
        background: var(--tab-background);
    }
    section#listings.list div.picture, .block_listing_box_3 ul > li.item div.picture {
        width: 100% !important;
        height: 280px !important;
        min-height: 280px !important;
        padding-bottom: 0;
    }
    section.list > article, .block_listing_box_3 ul > li.item {
        width: 100%;
        flex: auto !important;
        max-width: calc(48% - 5px) !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .field.single-field > select {
        width: 100%;
    }
    input[type="submit"], input[type="button"] {
        width: 100%;
    }
    div.banners-box > div.banner:not(:last-child) {
        margin-bottom: 20px;
    }
    .my-profile-page ul.tabs, .search-page ul.tabs {
        margin: 0 !important;
    }
    .content-padding, .tab_area {
        padding: 0px !important;
    }
    .account-menu-content, input[type="password"] {
        width: 100% !important
    }
    .select2-selection--single, .select2-selection--multiple {
        width: 100% !important;
    }
    .content-padding {
        padding: 0px 10px !important;
    }
    .list .ad-info .icons {
        float: left;
        right: 10px !important;
        left: auto !important;
    }
}
@media screen and (min-width: 375px) and (max-width: 440px) {
    /* FIX TOPAD Info box */
    .block_listing_box_3 ul > li.item ul.ad-info {
        height: 240px !important;
    }
    /* BANNER SPACE LIST FIX*/
    .list div.banner-space {
        min-height: 200px !important;
        min-width: 100% !important;
        margin: 0 !important;
    }
    /* FIX BACK BUTTON Width=100% */
    .form-buttons.form a {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    div.wide-gallery > ul > li > img {
      min-width: 130px;
    }
    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 50%;
        min-width: auto;
        margin: 8px 0;
    }
    #controller_area #area_profile div.fieldset {
        margin-left: -15px;
        margin-right: -15px;
    }
    #controller_area {
        padding: 0 !important;
    }
    section#listings.list div.picture {
        width: 100%;
        height: 230px;
        padding-bottom: 0;
    }
    section.list > article {
        max-width: 167px;
        flex: auto;
        max-width: calc(45% - -2px) !important;
        margin-left: 10px;
        margin-right: 10px;
    }
    section ul.featured {
        margin-right: 0;
        margin-left: 0;
        flex-wrap: wrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    .select2-selection--single, .select2-selection--multiple {
        width: 100%;
    }
    section.content_block {
        margin-bottom: 20px !important;
    }
    section.list > article {
        -ms-flex: 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 22px) !important;
    }
    section#listings.grid.row {
        margin-right: 0px;
        margin-left: 0px;
    }
    section#listings.grid > article {
        display: flex;
        flex-direction: column;
        min-width: 170px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    section#listings.list ul.ad-info {
        padding: 5px 10px !important;
    }
    section.grid div.banners-box {
        width: auto !important;
        min-width: 353px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 40px !important
    }
    div #area_highlight {
        padding: 10px;
    }
    ul.featured > li > ul {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0px 0px 2px 9px;
        width: calc(100% - 18px);
        padding: 5px;
        background: var(--featured-background-color);
        border-top: 0;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        border-radius: 8px;
    }
    div.banners-box {
        margin: 0px !important;
    }
    .carousel .carousel-picture {
        background-position: -380px 80px !important;
    }
    /*    .content-padding {
        padding: 10px !important;
    }*/
    .list .ad-info .icons {
        left: auto;
        right: 10px !important;
    }
    .field.single-field > select {
        width: 100%;
    }
    input[type="submit"], input[type="button"] {
        width: 100%;
    }
    .rbl-submit-row .cancel {
        margin: 10px 0 0 0 !important;
    }
    section.list {
        margin: 0 !important;
    }
}
@media screen and (max-width: 575px) {
    .carousel .carousel-caption {
        left: 45px !important;
        right: 45px !important;
    }
    .btn-lg {
        padding: 10px 15px;
        display: block;
        width: 100%;
    }
    .carousel .carousel-slide-description {
        display: none
    }
    /* FIX TOPAD Info box */
    .block_listing_box_3 ul > li.item ul.ad-info {
        height: 240px !important;
    }    
    /* FIX BACK BUTTON Width=100% */
    .form-buttons.form a {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .form-buttons {
        padding: 15px !important;
    }
    .form-buttons a {
        width: 100%;
        margin-bottom: 8px;
    }
    /* BANNER FIX if !100px*/
    div.banners-box > div.banner img, div.banners-box {
        width: 100% !important;
    }
    /* BANNER SPACE LIST FIX*/
    .list div.banner-space {
        min-height: 308px;
        min-width: 520px;
        margin: 0 !important;
    }
    /*POFILE EDIT UPLLOAD*/
    .picture-cont .col-sm-4 {
        min-width: 180px !important;
    }
    /*** UPLOAD DIMENSIONS FIX IMAGE ***/
    .upload-files > div span.item > img {
        width: 100% !important;
    }
    .upload-files > div {
        min-width: 50%;
    }
    /* END */
    .swiper-slide.picture-slide a img {
        height: 100% !important;
    }
    .side_block:not(.no-style) {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sm-text-center {
        text-align: left !important;
        font-size: 2.5rem !important;
        font-weight: 900 !important;
        padding: 0 !important;
    }
    body aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 192px;
        margin-left: auto;
        margin-right: auto;
    }
    ul.featured > li > .picture {
        min-height: 230px;
    }
    header.page-header div.top-navigation {
        min-height: 70px !important;
    }
    div#logo {
        margin-left: 15px;
    }
    .main-menu span.menu-button {
        margin-right: 15px;
    }
    .login-page-form, .dynamic-content div.listing-form .form-media, section.content_block.highlighted:not(.no-style) > div, div.submit-cell.selected-category, div.submit-cell.selected-category ~ div.submit-cell, div:not(.body) > div > div.table-cell.wide-field, div.list-table.transactions, div.area_profile, div.area_done, #controller_area #listing_form > .submit-cell, #controller_area div.fieldset > div.body > div, #controller_area .content-padding > .tab_area:not(#area_keyword), #controller_area .content-padding > .tab_area form.kws-block, #controller_area .content-padding > .step_area, #controller_area .content-padding > .submit-cell, #controller_area .content-padding > .advanced-search-form > .submit-cell, #controller_area .content-padding > .account-menu-content, .contact-us-page .content-padding > form, #controller_area .plans-container {
        padding: 15px;
    }
    #controller_area {
        padding: 10px;
    }
    .my-all-ads-page section.list {
        margin: 0;
    }
    .grid_navbar {
        margin-left: 15px;
        margin-right: 15px;
    }
    h1 {
        padding: 0 15px;
    }
    .listing-header h1 {
        margin: 0 15px;
    }
    #bread_crumbs > ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    ul.tabs > li > a {
        padding: 0 15px 0;
    }
    .tabs ~ .text-notice {
        padding: 15px;
    }
    .carousel .carousel-control-prev, .carousel .carousel-control-next {
        display: none !important;
    }
    section.side_block .search-block-content.no-tabs {
        padding: 0;
    }
    section.side_block ul.featured > li {
        margin: 0 7px 20px 7px;
    }
    section.content_block {
        margin-bottom: 20px !important;
    }
    section.grid div.banners-box {
        width: 530px;
        margin-left: -5px;
        margin-top: -5px;
    }
    section#listings.grid.row {
        margin-right: -10px;
        margin-left: -10px;
    }
    section.grid article.item {
        flex: auto;
        max-width: calc(50% - 20px) !important;
    }
    div.password_strength {
        padding: 5px 0 0 0;
    }
    .carousel .carousel-caption {
        left: 15px;
        right: 15px;
    }
    .carousel .carousel-slide-heading {
        font-size: 20px;
        line-height: 24px;
    }
    .carousel .carousel-slide-description {
        margin-top: 10px;
    }
    .carousel a.button {
        margin-top: 14px;
    }
    .carousel .carousel-item img {
        height: 312px;
    }
    .home-page .header-tabs .tabs {
        /*justify-content: flex-start;*/
        scroll-snap-type: x mandatory;
    }
    .home-page .header-tabs .tabs li {
        min-width: auto;
        scroll-snap-align: start;
    }
    .home-page .header-tabs .tabs li a {
        font-size: 12px;
    }
    .home-page .header-tabs .horizontal-search {
        max-width: none;
    }
    .search-block-content {
        padding: 0 0 18px 0;
    }
    .sub-categories-exist div.parent-cateory {
        padding-bottom: 16px !important;
    }
    .sub-categories-exist div.categoty-column, body:not(.no-sidebar) .sub-categories-exist div.categoty-column {
        column-count: 2;
        column-gap: 0;
    }
    .categories .sub_categories > span > a {
        display: inline-block;
        max-width: 158px;
    }
    section ul.featured {
        margin-right: 0;
        margin-left: 0;
        flex-wrap: wrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }
    @media (hover: none) and (pointer: coarse) {
        section ul.featured {
            scrollbar-width: none;
        }
        section ul.featured::-webkit-scrollbar {
            display: none;
        }
    }
    ul.featured > li {
        padding-left: 7px;
        padding-right: 7px;
        min-width: 182px;
        scroll-snap-align: start;
    }
    ul.featured.accounts > li {
        min-width: 195px;
        max-width: 195px !important;
    }
    ul.featured > li:hover {
        box-shadow: none;
    }
    ul.featured > li:hover:before {
        box-shadow: none;
    }
    ul.featured > li > ul {
        width: calc(100% - 18px);
    }
    ul.featured > li > ul {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0px 0 2px 10px;
        width: calc(100% - 20px);
        padding: 10px;
        background: var(--featured-background-color);
        border-top: 0;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        border-radius: 8px;
    }
    body.home-page aside.top section.content_block.listings_box, body.home-page aside.middle section.content_block.listings_box {
        padding-left: 0;
        padding-right: 0;
    }
    section.content_block:not(.no-style) > div {
        padding: 20px;
    }
    section#listings.list div.picture {
        width: 100%;
        height: 280px !important;
        padding-bottom: 0;
    }
    section#listings.list .item:hover .main-column {
        box-shadow: none;
    }
    section#listings.list .item.featured:hover .main-column {
        box-shadow: inset 0px -3px 0px var(--link-color);
    }
    section#listings.list .item .listing-picture-slider {
        position: relative;
    }
    section.list > article {
        max-width: none;
        flex: auto;
        max-width: calc(50% - 22px);
        margin-left: auto;
        margin-right: auto;
    }
    section#listings.list ul.ad-info {}
    section#listings > article div.navigation-column {}
    section.side_block.similarListings {
        padding: 15px;
    }
    body.search-on-map-page .search-map-container #map_listings > div section.list > article {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .seller-short .button-exists ~ div {
        margin-top: 30px;
    }
    .compare-ad-tab svg.compare-close {
        fill: var(--body-font-color) !important;
    }
    .content-padding {
        padding: 10px;
    }
    .my-profile-page ul.tabs, .search-page ul.tabs {
        margin: 0 15px;
    }
    .page-footer > div {
        padding: 20px 0 28px;
    }
    img.qtip {
        margin: 4px 10px 0 0;
        /*float: left;*/
    }
    .col-sm-4 {
        width: auto !important;
    }
}
/*** ALL MOBILE VIEWS ***/
@media screen and (max-width: 767px) {
    .text-right {
        text-align: left !important;
        padding: 10px 0
    }
    /*TOP AD BOX INNER*/
    section#listings.list ul.ad-info, .block_listing_box_3 ul > li.item ul.ad-info {
        overflow: hidden;
        padding: 10px 10px 10px 15px;
        border-radius: 0;
    }
    article.featured div.picture a > div.label, article.featured div.picture > div.label, div.label {
        position: absolute;
        top: auto;
        left: -18px;
        bottom: 243px;
        color:#fff;
    }
    .location, .rubric {
        font-size: 0.8rem !important;
    }
    div.label {
        position: absolute;
        top: 67px;
        left: -65px;
        transform: rotate(90deg);
        padding: 0px 10px;
        border-radius: 10px;
        color: #fff;
    }
    /* BANNER LIST FIX*/
    .list div.banner-space {
        min-height: 320px;
        min-width: 540px;
        margin: 0 !important;
    }
    /* FIX SEOTEXT Bottom */
    #seo_text_footer .p-3 {
        padding: 0 !important
    }
    /* FIX BACK BUTTON Width=100% */
    .form-buttons.form a {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    /* BUTTONS FIX PLANS*/
    ul.plans input[type="radio"].multiline + label, ul.plans input[type="checkbox"].multiline + label {
        line-height: 22px;
        white-space: normal;
        text-align: left;
        margin-left: 0px;
    }
    .form-buttons a {
        width: 100%;
        margin-bottom: 8px;
    }
    input[type="radio"]:not(.default) + label > span::before {
        padding: 0px 0 0 2px;
    }
    input[type="submit"], input[type="button"] {
        width: 100%;
    }
    /*** UPLOAD DIMENSIONS FIX IMAGE ***/
    .upload-files > div span.item > img {
        width: 100% !important;
    }
    .listing-icons li {
        display: none
    }
    div.banners-box > div.banner:not(:last-child) {
        margin-bottom: 20px !important;
    }
    .sm-text-center {
        text-align: center;
        font-size: 3rem;
    }
    body > svg.hide {
        display: none !important;
    }
    body.home-page section#main_container > div.inside-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    h1 {
        font-size: 1.714em;
        margin-bottom: 20px;
    }
    .h1-nav nav > a.post_ad {
        margin-right: 10px;
        width: 34px;
    }
    .h1-nav nav > a:not(.button) {
        height: 34px;
    }
    .h1-nav nav > a.post_ad:before, .h1-nav nav > a.post_ad:after {
        content: "";
        position: absolute;
        width: 16px;
        top: 16px;
        left: 9px;
    }
    .h1-nav nav > a.post_ad:after {
        width: 2px;
        height: 16px;
        top: 9px;
        left: 16px;
    }
    .text-notice {
        padding-left: 15px;
        padding-right: 15px;
    }
    .point1 {
        max-width: 540px;
        min-width: 320px;
    }
    div#header-banner {
        padding: 0 15px;
    }
    form .submit {
        width: 100% !important;
    }
    .top-navigation svg.cart-navbar-icon {
        margin: 0 !important;
    }
    #logo img {
        max-width: 230px;
    }
    .main-menu {
        align-items: center;
        order: 1;/*Set to right*/
    }
    .user-navbar .circle {
        margin: 0;
    }
    body.home-page header.page-header .header-nav {
        margin-top: -88px;
    }
    header.page-header div.top-navigation {
        min-height: 88px !important;
        padding-top: 0;
    }
    header.page-header div.top-navigation .mobile-menu a.button.add-property {
        align-items: center;
        justify-content: center;
        background: var(--primary);
        box-shadow: 0 0 0 15px var(--side-navigation-background-color);
        text-transform: none;
        line-height: inherit;
        font-size: 0.75em;
        font-weight: 700;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        margin: 15px 15px 0 15px;
    }
    .menu {
        border-top: none;
        padding-top: 0;
        margin-top: 0;
    }
    .menu a:last-child {
        margin-right: auto;
    }
    .mobile-menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        z-index: 300;
        top: 0;
        right: 0;
        /*max-width: 375px;*/
        width: 100%;
        min-height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--side-navigation-bg);
        box-shadow: 0 0 0 5000px var(--header-slider-background-color);
        transition: all 0.2s;
    }
    .mobile-menu .mobile-menu-header {
        display: flex !important;
        width: 100%;
        min-height: 80px;
        padding: 0 15px;
    }
    .mobile-menu .mobile-menu-header > .mobile-menu-header-title {
        font-size: 28px;
        font-weight: 300;
    }
    .mobile-menu .menu-content {
        background: var(--side-navigation-background-color);
        width: 100%;
        height: auto;
        text-align: center;
    }
    .mobile-menu .menu-content a {
        display: block;
        height: 35px !important;
        padding: 6px 14px;
        text-transform: uppercase;
        text-align: center;
        border: 1px solid var(--border-color);
        max-width: 92%;
        margin: 0 auto;
        margin-bottom: 0px;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .mobile-menu .menu-content a:hover {
        color: var(--top-navigation-menu-color);
    }
    .mobile-menu .menu-content .welcome {
        padding: 10px 15px;
        background: var(--inverted) !important;
        color: var(--inverted-text) !important;
    }
    .mobile-menu a:hover {
        opacity: 1;
        color: var(--top-navigation-menu-active-color);
    }
    .mobile-menu a.active, .mobile-menu a.active:hover {
        color: var(--link-color2);
    }
    .mobile-menu a.active:after {
        display: none;
    }
    .mobile-menu ul.account-menu-content {
        display: block;
    }
    .mobile-menu ul.account-menu-content > li {
        /*padding: 0;
        border-bottom: 1px solid rgba(100, 100, 100, .3);
        NEW*/
        padding: 5px 0;
        
    }
    .mobile-menu ul.account-menu-content > li a {
        font-size: 0.875em;
        display: flex;
        align-items: center;
    }
    .mobile-menu ul.account-menu-content > li > a.logout:hover {
        color: var(--link-color)
    }
    .mobile-menu ul.account-menu-content > li a:not(.logout) {
        color: var(--link-color);
    }
    .mobile-menu .lang-selector a {
        font-weight: 400;
        padding: 0;
        color: var(--dark)
    }
    .mobile-menu .user-navbar-container {
        display: block;
        max-width: 260px;
        margin: 0 auto;
        padding: 15px 0 25px 0;
    }
    .mobile-menu .user-navbar-container a {
        color: var(--link-color);
        margin-top: 12px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 0;
        height: auto !important;
    }
    .mobile-menu .account-menu-content a {
        font-weight: 400;
        text-transform: capitalize;
    }
    .main-menu span.menu-button svg.mobile-menu-icon {
        fill: var(--top-navigation-icon-color);
    }
    span.mobile-menu-header svg.mobile-close-icon {
        width: 35px;
        height: 35px;
        fill: var(--top-navigation-icon-color);
        padding: 10px;
        margin-right: -5px;
    }
    span.mobile-menu-header > span:last-child:hover:before {
        opacity: 1;
    }
    .main-menu span.menu-button {
        height: 44px;
        margin-left: 25px;
        cursor: pointer;
        font-size: 0.813em;
        font-weight: 600;
        color: #4a90e2;
    }
    .main-menu span.menu-button > svg {
        width: 20px;
        height: 14px;
        transition: background 0.3s ease;
    }
    .main-menu span.menu-button:hover > span {
        background: #040e03;
    }
    .main-menu nav.menu ul.menu {
        display: none;
        background: #2b2b2b;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 105;
        min-width: 230px;
        max-width: 305px;
        bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 58px 22px 55px;
    }
    .main-menu nav.menu ul.menu li.more {
        margin-bottom: 30px;
    }
    .main-menu nav.menu ul.menu > li > a {
        padding: 8px 0;
        display: inline-block;
    }
    .main-menu nav.menu ul.menu > li > a:hover {
        color: #67cc85;
    }
    .main-menu nav.menu ul.menu > li.active > a {
        color: white;
    }
    .carousel .carousel-caption {
        left: 80px;
        right: 80px;
        top: 88px;
    }
    .carousel .carousel-item {
        height: 336px !important;
    }
    .carousel .carousel-slide-heading {
        font-size: 24px;
        line-height: 28px;
    }
    .carousel .carousel-slide-description {
        font-size: 16px;
        line-height: 20px;
        margin-top: 8px;
    }
    .carousel a.button {
        margin-top: 12px;
    }
    .carousel .carousel-control-prev, .carousel .carousel-control-next {
        padding: 0 20px;
    }
    .home-page .header-tabs.point1 {
        max-width: none;
    }
    .home-page .header-tabs .horizontal-search {
        max-width: 540px;
        margin: 0 auto;
    }
    .home-page .header-tabs .tabs li a {
        font-size: 12px;
    }
    ul.featured .icons {
        width: auto;
        margin-top: 10px;
    }
    ul.tabs.search_tabs {
        width: 100%;
    }
    ul.tabs.search_tabs.tabs_count_2 > li {
        width: 50%;
        padding-right: 10px;
    }
    ul.tabs.search_tabs.tabs_count_3 > li {
        width: 33.333%;
        padding-right: 10px;
    }
    ul.tabs.search_tabs.tabs_count_4 > li {
        width: 25%;
        padding-right: 10px;
    }
    ul.tabs.search_tabs.tabs_count_2 > li a, ul.tabs.search_tabs.tabs_count_3 > li a, ul.tabs.search_tabs.tabs_count_4 > li a {
        width: 100%;
    }
    ul.tabs.search_tabs > li > a {
        padding: 0 10px;
        font-size: 1em;
    }
    .my-profile-page ul.tabs, .search-page ul.tabs {
        margin: 0 15px;
    }
    .search-block-content form div.search-form-cell {
        width: 100%;
    }
    .search-form-cell {
        width: 100%;
    }
    .search-form-cell > div > div, .search-form-cell > div span.pills {
        width: 100% !important;
    }
    .search-form-cell.numeric-field {
        width: 50%;
    }
    .search-form-cell.submit > div {
        margin-top: 15px;
    }
    .search-form-cell.submit > div > span {
        display: none;
    }
    .search-form-cell.three-field > div > div input[type="text"], .search-form-cell.three-field > div > div input[type="number"] {
        width: 33% !important;
        margin-right: 4%;
    }
    .search-form-cell.three-field > div > div select {
        width: 26%;
    }
    .search-form-cell.three-field > div > div > *:not(:last-child) {
        margin-right: 0;
    }
    div.subscribe input[type="text"] {
        max-width: none !important;
    }
    .main-menu nav.menu ul.menu {
        padding: 58px 14px 55px 22px;
    }
    section.content_block {
        margin-bottom: 15px !important;
    }
    section.content_block, section.side_block {
        margin-left: 5px;
        margin-right: 5px;
        /*NEW
        margin-left: -5px;
        margin-right: -5px;*/
    }
    section.content_block div.category-slider-bar {
        top: -34px;
    }
    .grid_navbar {
        /*margin: -15px 0 10px; OLD */ 
        margin: -15px 10px;
    }
    .grid_navbar .switcher {
        display: none;
    }
    .booking-availability {
        max-width: none !important;
    }
    /* home content block */
    section.home-content {
        margin: 0 0 20px 0;
    }
    aside.bottom {
        margin-top: 20px;
    }
    /* home content block end */
    .grid_navbar.listings-area .buttons > div.grid {
        display: none;
    }
    /* listing list view */
    section#listings > article div.navigation-column {
        position: absolute;
        width: auto;
        bottom: 18px;
        right: 15px;
        z-index: 1;
    }
    section#listings.list.no-image > article div.navigation-column {
        bottom: 25px;
        right: 10px;
    }
    section#listings > article div.navigation-column div.before-nav {
        display: none;
    }
    section#listings ul.nav-column > li .icon {
        top: 0;
    }
    section#listings ul.nav-column > li > a > span.link, section#listings ul.nav-column > li > span.link {
        display: none;
    }
    section#listings .item:hover .main-column {
        box-shadow: none;
    }
    section.list {
        margin: 0 -10px;
    }
    body.search-on-map-page .search-map-container #map_listings > div section {
        margin: 0 -15px;
        display: flex;
        flex-wrap: wrap;
    }
    body.search-on-map-page .search-map-container #map_listings > div section.list > article {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 15px !important;
        margin: 0;
    }
    body.search-on-map-page .search-map-container #map_listings > div section.list > article div.picture {
        width: 100%;
    }
    body.search-on-map-page section#listings.list ul.ad-info > li.title div.favorite {
        top: 15px;
        right: 15px;
        bottom: auto;
    }
    .favorite {
        top: auto;
        bottom: 18px;
        right: 50px;
    }
    .my-girls-page section.list > article, .my-guys-page section.list > article {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.list > article {
        -ms-flex: 50%;
        flex: 0 0 50%;
        max-width: calc(50% - 22px);
        margin: 10px;
        padding-left: 0;
        padding-right: 0;
    }
    section#listings > article div.navigation-column {}
    section#listings.list div.picture {
        width: 100%;
        height: 319px;
        float: none;
        margin: 0;
    }
    section#listings.list div.picture img {
        width: 100%;
    }
    section#listings.list ul.ad-info {
        position: absolute;
        left: 0px;
        right: 0;
        bottom: 3px;
        margin: auto;
        width: 98%;
        height: auto;
        padding: 14px 15px 10px 15px;
        background: var(--featured-background-color);
        border-top: 0;
        display: flex;
        flex-direction: column;
        border-radius: 8px;
    }
    section#listings.list ul.ad-info .system {
        position: relative;
        right: auto;
        top: auto;
    }
    section#listings ul.ad-info span.favorite {
        display: inline-block;
        vertical-align: middle;
    }
    section#listings.list ul.ad-info span.favorite {
        float: right;
        margin-top: 5px;
    }
    section#listings.list ul.ad-info > li:last-child {
        padding-bottom: 0;
    }
    section#listings.list ul.ad-info > .stat-line {
        display: none; /* Mobile < 768px nicht anzeigen */
    }
    section#listings.list .item:hover .main-column {
        box-shadow: 0px 16px 26px var(--listing-card-shadow-color), 0px 3px 5px rgba(0, 0, 0, 0.12);
    }
    section#listings.list .item.featured .main-column {
        box-shadow: inset 0px -3px 0px var(--link-color);
    }
    section#listings.list .item.featured:hover .main-column {
        box-shadow: inset 0px -3px 0px var(--link-color), 0px 16px 26px var(--listing-card-shadow-color), 0px 3px 5px rgba(0, 0, 0, 0.12);
    }
    section#listings.list ul.ad-info > li.title {
        order: 2;
        line-height: 22px;
    }
    section#listings.list ul.ad-info > li.title a {
        color: white;
    }
    section#listings.list ul.ad-info > li.fields {
        order: 1;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 8px;
    }
    /* listing list view end */
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 185px;
    }
    section.categories-box div.cat-toggle {
        display: none;
    }
    .profile-header {
        padding-left: 10px;
        padding-right: 10px;
    }
    .profile-header h1 {
        padding: 0;
    }
    .list .ad-info .icons {
        float: left;
        left: auto !important;
        right: 10px !important;
    }
    .listing-header h1 {
        margin: 0 15px;
    }
    .listing-header div.icons {
        padding: 0 15px;
        text-align: center;
    }
    div.listing-details.loc-exists .main-section {
        padding: 0 15px;
    }
    div.listing-details.loc-exists .content-section {
        margin-top: 30px;
        padding: 0 15px;
    }
    #lnp_container {
        /*margin: 0 10px; NEW > no margins auf Mobiles ab 767px*/
    }
    div.gallery {
        position: relative;
    }
    div.gallery > div#media {
        height: initial;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    div.gallery > div#media.map {
        position: relative;
        padding-bottom: 66%;
        height: auto;
    }
    div.gallery > div#media.map .map-container {
        position: absolute;
    }
    div.gallery > div#media .preview, div.gallery > div#media .map-container, div.gallery > div#media span.nav-button.zoom, div.gallery > div.thumbs > div.prev, div.gallery > div.thumbs > div.next {
        display: none;
    }
    div.gallery > div#media .nav-buttons {
        position: absolute;
        width: 100%;
        height: 42px;
        bottom: -42px;
        text-align: center;
    }
    div.gallery > div#media .map, div.gallery > div#media .gallery, div.gallery > div#media .map-group {
        position: static !important;
        display: inline-block;
        vertical-align: top;
    }
    div.gallery div#media.map > .nav-buttons > .gallery {
        display: inline-block;
    }
    div.gallery > div#media.map + div.thumbs {
        visibility: hidden;
    }
    div.gallery > div.thumbs {
        margin-top: 0;
        height: inherit;
        display: block !important;
    }
    div.gallery > div.thumbs > div.slider {
        margin: 0;
        padding: 0;
        position: relative;
    }
    div.gallery > div.thumbs > div.slider > ul {
        width: 100%;
        display: block !important;
    }
    div.gallery > div.thumbs > div.slider > ul > li {
        display: inline-block;
        width: 100%;
        margin-top: 0 !important;
    }
    div.gallery > div.thumbs > div.slider > ul > li:after {
        display: none;
    }
    div.gallery > div.thumbs > div.slider > ul > li img {
        margin: 0 !important;
        width: 100%;
        height: auto;
        border: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li span.play {
        margin: 0;
        right: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe + div, div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 40%;
        height: 65%;
    }
    div.gallery > div.thumbs > div.slider > ul > li iframe + div + div {
        left: auto;
        right: 0;
    }
    div.gallery > div.thumbs > div.slider > ul > li.locked > img {
        background-position: center 26%;
    }
    div.gallery > div.thumbs > div.slider > ul > li.locked > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        padding-top: 28%;
    }
    div.wide-gallery > ul {
        height: 28vh;
    }
    div.wide-gallery > ul > li.locked {
        width: 100%;
    }
    #area_keyword form.kws-block .two-inline {
        width: 100%;
    }
    div.listing-details h1 {
        margin-bottom: 15px;
        padding: 0;
    }
    div.listing-details div.price-tag {
        float: none;
        margin-bottom: 14px;
    }
    .seller-short.landscape div.picture {
        float: none;
    }
    div.table-cell > div.name {
        width: 35% !important;
    }
    div.listing-details section.statistics ul.controls {
        float: none;
        width: 100%;
    }
    div.submit-cell > div.name {
        float: none;
        width: auto;
        padding: 0 15px;
        min-height: 26px;
        line-height: 26px;
    }
    div.submit-cell > div.name:empty {
        display: none;
    }
    #modal_block div.submit-cell div.name {
        width: 120px;
    }
    div.submit-cell.buttons div.name {
        min-height: inherit;
        height: 0;
    }
    .field.single-field > select {
        width: 100%;
    }
    .field.single-field > input[type="text"] {
        width: 100%;
    }
    /* two */
    .field.two-fields > select, .field.two-fields > input[type="text"] {
        width: 48% !important;
        margin-right: 4%;
    }
    .field.two-fields > select:last-child, .field.two-fields > input[type="text"]:nth-child(2n) {
        margin-right: 0;
    }
    .field.two-fields > .custom-input, .field.couple-field > .custom-input {
        width: 50%;
        display: inline-block;
        padding-top: 10px;
    }
    /* three */
    .field.three-field > select {
        width: 26%;
        margin-right: 4%;
    }
    .field.three-field > input {
        width: 33% !important;
        margin-right: 4%;
    }
    .field.three-field > *:last-child {
        margin-right: 0;
    }
    .form-buttons.form a {
        width: auto;
    }
    section#accounts.grid {
        display: flex;
        justify-content: center;
    }
    section#accounts > article > div, section#accounts > article > ul {
        width: auto !important;
    }
    section#accounts .landscape div.statistics {
        width: 196px;
    }
    section#accounts ul.info {
        width: 290px;
    }
    section.seller-short > div > div.picture {
        margin: 0 20px 0 0;
        float: left;
    }
    section.seller-short > div > div.picture img {
        max-width: 150px;
        height: auto;
    }
    section.seller-short ul.seller-info > li:first-child {
        margin-top: 0;
    }
    section.seller-short ul.seller-info {
        overflow: hidden;
    }
    section.seller-short div.picture + div div.name, section.account-location div.name {
        width: 120px !important;
    }
    section.seller-short div.picture > div:first-child {
        margin-top: 10px;
    }
    section.seller-short div.counter {
        display: block;
    }
    .account-location .map-capture {
        margin: 15px -10px 0;
    }
    ul.steps.mobile {
        margin-left: 15px;
        margin-right: 15px;
    }
    ul.steps.mobile > li {
        display: none;
    }
    ul.steps.mobile > li.prev, ul.steps.mobile > li.current, ul.steps.mobile > li.current + li, ul.steps.mobile > li.current + li + li {
        display: inline-block;
        width: 33.33333% !important;
    }
    ul.steps.mobile > li.prev + li + li + li {
        display: none !important;
    }
    .form-buttons {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }
    table.contacts-list tr > td:nth-child(2n) {
        display: none;
    }
    table.contacts-list div.name span.new {
        display: inline-block;
    }
    div.notification {
        width: 100%;
        left: 0;
        margin: 0;
    }
    div.notification > div {
        width: 100%;
        max-width: 540px;
        margin: 0 auto;
    }
    div.notification.done {
        top: 0;
    }
    .content-padding .content-padding, .content-padding .text-notice, div.listing-details .content-section .content-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* tables content */
    div.list-table {
        display: block;
    }
    div.list-table > div.header {
        display: none;
    }
    div.list-table > div.row {
        display: block;
        border-bottom: 2px #f8f8f8 solid;
        position: relative;
        padding: 13px 25px;
        margin: 0;
    }
    div.list-table > div:nth-child(2) {
        padding-top: 0;
    }
    div.list-table > div:last-child {
        padding-bottom: 0;
        border: 0;
    }
    div.list-table > div.row > div {
        display: block;
        border: 0;
        padding: 5px 0 5px 95px !important;
        overflow: hidden;
        position: relative;
    }
    div.list-table > div.row > div:not(.no-flex):before {
        content: attr(data-caption) ":";
        width: 85px;
        display: inline-block;
        white-space: normal;
        word-wrap: break-word;
        font-size: 0.929em;
        color: #949494;
        position: absolute;
        left: 0;
        top: 5px;
        /* it is the best solution for now */
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    div.list-table > div.row > div.iteration {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -10px;
        padding: 0 !important;
    }
    div.list-table > div.row > div.action {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -12px;
    }
    div.list-table > div.row > div > div.inline {
        display: inline-block;
    }
    div.list-table > div.row > div.content {
        padding-top: 2px !important;
    }
    div.content div.table-cell > div.name {
        float: none;
        width: auto !important;
    }
    div.content div.table-cell > div.name + div.value {
        padding: 0;
        min-height: 18px;
        line-height: 18px;
    }
    div.content div.table-cell {
        margin-bottom: 10px;
    }
    /* tables content end */
    /* my listings */
    section#listings.my-listings .item div.info {
        display: block;
        width: 100%;
        padding: 0;
    }
    section#listings.my-listings .item div.picture > span {
        width: 34px;
        height: 24px;
        bottom: 20px;
        right: 20px;
        line-height: 22px;
        font-size: 1.071em;
    }
    section#listings.my-listings .item div.info .title {
        position: absolute;
        top: 10px;
        background: white;
        height: 38px;
        line-height: 36px;
        box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
        max-width: 100%;
        white-space: nowrap;
    }
    section#listings.my-listings .item .title {
        padding: 0 10px;
        margin-bottom: 15px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    section#listings.my-listings .item.featured div.info .title {
        background: #fb6a5c;
        color: #010101;
    }
    section#listings.my-listings div.picture > div.label {
        display: none;
    }
    section#listings.my-listings .item div.navigation {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    section#listings.my-listings .item div.navigation > ul {
        /*padding: 10px 10px 0;*/
    }
    .my-listings > article > div.nav > div {
        padding: 0px;
    }
    section#listings.my-listings .item div.navigation > ul > li {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 0;
    }
    section#listings.my-listings .item div.navigation > ul > li.single-inline {
        display: block;
        margin-bottom: 5px;
    }
    section#listings.my-listings .item div.navigation > ul > li select {
        max-width: 200px;
        width: 100%;
    }
    section#listings.my-listings .item div.navigation > ul > li.nav-icon {
        padding: 8px 0 0 12px;
    }
    section#listings.my-listings .item div.navigation > ul > li a {
        padding: 5px 10px;
    }
    section#listings.my-listings .item div.navigation > ul > li a > span {
        display: none;
    }
    section#listings.my-listings .item div.stat {
        display: block;
        width: 100%;
        position: relative;
    }
    section#listings.my-listings .item div.stat > ul {
        padding: 0 10px;
    }
    section#listings.my-listings .item div.stat .two-inline > *:first-child {
        float: none;
    }
    
    .my-all-ads-page section#listings.my-listings .item div.stat ul > li {
    position: relative;
    left: 5px;
    border-bottom: 1px dashed rgb(200, 200, 200);
    margin-bottom: 5px;
    }
    
    section#listings.my-listings .item div.stat ul > li {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-right: 4%;
    }
    section#listings.my-listings .item div.stat ul > li:nth-child(2n) {
        margin-right: 0;
    }
    .listing-picture-slider__navbar {
        padding: 0;
    }
    .listing-picture-slider__navbar > span {
        padding: 0;
    }
    /* my listings end */
    #controller_area div.fieldset.divider > header {
        margin: 0 -5px;
    }
    div.plans-container {
        margin: 0px 15px;
        width: auto !important;
    }
    .steps.mobile ~ form > div.plans-container {
        margin: 0;
    }
    .edit-listing-page .selected-plan, .add-listing-page .selected-plan {
        padding-top: 0 !important;
    }
    .edit-listing-page div.fieldset#fs_shipping_details, .add-listing-page div.fieldset#fs_shipping_details {
        margin: 0 -15px;
    }
    div.fieldset.light > header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .bumpup-page-page div.fieldset.light > header {
        padding: 7px 30px !important;
    }
    ul.pagination {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*** MY PACKAGES ***/
    ul.packages > li {
        display: block;
    }
    ul.packages > li div.frame {
        width: auto;
        display: block;
    }
    ul.packages > li div.status {
        margin: 15px 0 0 0;
        padding: 0 20px;
    }
    ul.packages > li div.status div.renew {
        overflow: hidden;
        text-align: right;
        margin-top: 3px;
    }
    ul.packages > li div.status ul.package_info {
        float: left;
    }
    /*** MY PACKAGES END ***/
    ul.account-menu-content > li {
        padding: 2px 0 10px;
    }
    ul.account-menu-content > li a {
        font-size: 1.143em;
    }
    .modal_block div.inner div.close {
        right: 20px;
    }
    section.side_block table.table td.name {
        width: 45%;
    }
    /* Tours */
    .esf-tours-field-container div.field {
        position: relative;
        padding-top: 52px;
    }
    .esf-tours-field-container div.field > div:first-child {
        float: none;
    }
    .esf-tours-field-container div.field > div:last-child {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    .esf-input-from, .esf-input-to {
        width: 120px !important;
    }
    .esf-input-from {
        margin-left: 0;
    }
    .esf-input-to {
        margin-left: 15px;
    }
    /* BANNER GRID*/
    div.banners-box {
        display: block !important;
    }
    /* Banner Pakete Round*/
    ul.plans > li:first-child > div.frame {
        border-radius: 10px 10px 0 0;
        overflow: hidden;
    }
    ul.plans > li:last-child > div.frame {
        border-radius: 0 0 10px 10px;
        overflow: hidden;
    }
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
    /* FIX BACK BUTTON Width=100% */
    .form-buttons.form a {
        width: 100% !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .main-menu nav.menu ul.menu {
        right: 0;
    }
}
/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {
    /*** UPLOAD DIMENSIONS FIX IMAGE ***/
    .upload-files > div span.item > img {
        width: 100% !important;
    }
    /*** CATEGORIES TREE BLOCK ***/
    section.content_block ul.cat-tree li span.toggle {
        display: none;
    }
    /*** CATEGORIES TREE BLOCK END ***/
    .main-menu {
        max-height: 70px;
    }
    .menu {
        /*border-top: 1px solid var(--top-navigation-menu-border-color);*/
        transition: border-color var(--duration) var(--timing);
    }
    .menu .menu-content {
        width: 500px;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
        margin: -60px 0 0 150px;
        position: absolute;
    }
    .menu-content a {
        margin-right: 30px;
        align-items: center;
        display: inline-flex;
    }
    .menu-content a:last-child {
        margin-right: 0;
    }
    section#listings.list > article div.navigation-column {
        width: 180px;
        position: absolute;
        z-index: 1;
        right: -52px;
        bottom: 15px;
        font-size: 0.813rem;
    }
    .user-navbar {
        margin-right: 20px;
    }
    section#listings.list ul.ad-info .system {
        position: absolute;
        right: 30px;
        top: 62px;
    }
    div.banners-box > div.banner:not(:last-child) {
        margin-right: 30px !important;
    }
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
    /*FIX STARTLINE TEXT DETAILS INSERAT*/
    .item-text {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        max-height: 99px;
        font-size: 0.9rem;
    }    
    .point1 {
        max-width: 720px;
    }
    .header-nav {
        min-height: 100px;
    }
    .circle .default svg + span {
        display: none !important;
    }
    section.content_block {
        margin-bottom: 20px;
    }
    aside.middle section.content_block:last-child {
        margin-bottom: 0;
    }
    section.side_block div.subscribe input {
        width: 100% !important;
    }
    /* owner details box */
    div.row > div.form {
        margin-top: 0 !important;
    }
    /* owner details box end */
    aside.bottom {
        margin-top: 20px;
    }
    section.seller-short > div > div.picture img {
        height: 92px;
    }
    section.side_block_search div.search-item {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    section.side_block_search div.search-item:nth-of-type(2n) {
        margin-right: 0;
    }
    .search-item.checkbox-field > .custom-input {
        width: 50%;
    }
    .field.search-item.checkbox-field > .custom-input {
        width: 33.33%;
    }
    .search-item.couple-field > .custom-input {
        width: 33.33%;
    }
    section#listings.grid ul.info {
        padding-top: 8px;
    }
    section#listings.list > article div.navigation-column {
        width: 170px;
    }
    section#listings.list ul.info {
        max-width: 320px;
    }
    .link-large {
        font-size: 1.286em;
    }
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 222px;
    }
    section.categories-box div.cat-toggle {
        display: none;
    }
    /* listing details gallery */
    div.gallery > div.thumbs > div.slider > ul > li img {
        width: 66px;
        height: 66px;
    }
    div.gallery > div.thumbs > div.prev, div.gallery > div.thumbs > div.next {
        width: 48px;
        height: 68px;
    }
    div.gallery > div.thumbs {
        height: 66px;
    }
    div.wide-gallery > ul {
        height: 71vh;
    }
    /*FANCYBOX Resize Images @ 100%*/
    .swiper-slide.picture-slide a img {
        height: 100% !important;
    }
    /* listing details gallery end */
    div.table-cell > div.name {
        width: 140px;
    }
    div.listing-details section.statistics ul.controls {
        width: 60%;
    }
    section.account-location table.info {
        float: left;
        width: 235px;
        display: inline-block;
    }
    section.account-location div.location-info {
        float: left;
        max-width: 300px;
    }
    section.account-location div.map-capture {
        width: 55%;
        margin: -18px -18px -18px 0;
        float: right;
    }
    div.notification {
        width: 442px;
        margin-left: -221px;
    }
    div.notification.done {
        top: 0;
    }
    ul.packages > li div.frame {
        width: 420px;
    }
    body.no-sidebar .advanced-search-form {
        width: 80%;
    }
    /* LIST */
    section#listings.list div.picture, .block_listing_box_3 ul > li.item div.picture {
        width: 155px;
        min-height: 205px;
    }
    .list div.banner-space {
        min-height: 207px !important;
        min-width: 350px !important;
        max-width: 350px !important;
        margin: 2px 0 0 0 !important;
    }
    /* Banner Pakete Round List*/
}
/*** ALL TABLET VIEWS ***/
@media screen and (max-width: 991px) {
    .home-page input[type="text"], .home-page input[type="number"], .home-page select, .home-page select:focus, .home-page span.pills {
        height: 40px;
        font-size: 0.875em;
    }
    .home-page span.pills > label {
        height: 38px !important;
        line-height: 38px;
    }
    section#controller_area:not(:empty) + aside {
        margin-top: 0;
    }
    body.search-on-map-page #map_listings footer .footer-data > div {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
    }
    body.search-on-map-page #map_listings footer .footer-data > div > a {
        margin-left: 5px;
    }
    body.home-page header.page-header .header-nav {
        margin-top: -148px;
        background:  linear-gradient(to bottom, rgba(0, 0, 0, .02) 0%, var(--header-background-color) 0px, var(--tab-background) 200px)
    }
    header.page-header div.top-navigation {
        min-height: 148px;
    }
    div#logo img {
        width: 200px !important;
    }
    .header-tabs__tabs-exists {
        margin-top: -40px !important;
    }
    .carousel .carousel-item {
        height: 466px !important;
    }
    .carousel .carousel-caption {
        max-width: 620px;
        top: 148px;
        bottom: 40px;
    }
    .carousel .carousel-slide-heading {
        font-size: 32px;
        line-height: 36px;
    }
    .carousel .carousel-slide-description {
        font-size: 18px;
        line-height: 24px;
        max-width: 450px;
    }
    .carousel .carousel-indicators {
        display: none !important;
    }
    .home-page .header-tabs {
        margin-top: 0;
    }
    .home-page .header-tabs__tabs-exists {
        margin-top: -40px;
    }
    .home-page .header-tabs .tabs li a .tab-icon {
        display: none;
    }
    .home-page .search-block-content input[type="text"], .home-page .search-block-content input[type="number"], .home-page .search-block-content input[type="button"], .home-page .search-block-content select, .home-page .search-block-content select:focus, .home-page .search-block-content span.pills, .home-page .search-block-content .select2-selection--single, .home-page .search-form-cell.submit > div input[type="submit"], .home-page .search-form-cell.submit > div input[type="button"] {
        height: 40px;
    }
    .search-block-content {
        padding: 0 28px 38px 28px;
    }
    .search-block-content.no-tabs {
        background: transparent;
    }
    body.home-page section.content_block > h3 {
        font-size: 1.75em;
    }
    section.content_block:not(.no-header) > div, section.side_block:not(.no-header) > div {
        margin-top: 20px;
        width: 100%;
    }
    ul.featured .icons {
        /*width: 100%;
        margin-top: 20px;*/
        margin-top: 40px;
        position: absolute;
        right: 5px;
    }
    section ul.featured:last-child {
        margin-bottom: -15px;
    }
    aside.bottom section.content_block {
        padding-top: 32px;
    }
    aside.two-middle section.content_block {
        padding-top: 32px;
        padding-bottom: 0;
    }
    .no-sidebar aside.middle {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    section#main_container aside.left {
        margin-bottom: 20px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .02)
    }
    aside.middle {
        padding-top: 10px;
    }
    div.categories {
        padding-top: 5px;
    }
    section.categories-box {
        display: flex;
        flex-wrap: wrap;
    }
    .bumpup-page-page section.side_block {
        margin-top: 20px;
    }
    section.side_block.similarListings {
        margin-top: 15px;
        padding: 30px;
    }
    body.view-details-page.get-details-box section#main_container section.seller-short {
        display: none;
    }
    .contact-buttons-personal {
        display: none !important;
    }
    section.side_block > h3 {
        display: inline-block;
    }
    body.home-page section#main_container aside.left {
        margin-bottom: 0;
    }
    body.home-page section#main_container aside.left section.side_block {
        margin-top: 20px;
    }
    section#main_container aside.left.second-copy {
        margin-top: 20px;
    }
    body.home-page section#main_container aside.left.second-copy {
        margin-top: 0;
    }
    body.view-details-page.get-details-box section#main_container section.seller-short {
        display: none;
    }
    div.listing-details.loc-exists .main-section {
        padding: 0 15px;
    }
    section.side_block_search > h3 {
        color: var(--body-font-color);
    }
    div.search-footer div.search-item {
        float: left;
    }
    div.search-footer div.align-button {
        text-align: right;
    }
    ul#messages_area > li > span {
        display: block;
    }
    .sub-categories-exist div.categoty-column {
        column-count: 3;
    }
    section.side_block:not(.no-style) a.category {
        background-color: var(--content-background-color);
    }
    section.side_block:not(.no-style) table.stats td.dotted, section.side_block:not(.no-style) table.stats td.counter {
        background-color: var(--content-background-color);
    }
    .search-block-content form div.search-form-cell {
        width: 50%;
    }
    div.gallery > div#media {
        height: 480px;
    }
    .grid_navbar {
        margin-bottom: 15px;
    }
    ul.plans {
        white-space: normal !important;
        display: block !important;
    }
    ul.plans > li {
        max-width: none !important;
    }
    ul.plans > li > div.frame {
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
    ul.plans > li > div.frame div.selector {
        padding-top: 20px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    ul.plans > li > div.frame div.selector, ul.plans > li > div.frame span.description {
        position: static !important;
    }
    .page-footer > div {
        padding: 40px 0 48px 0;
    }
    .page-footer .mobile-apps a {
        margin-top: 0;
    }
    div.banners-box {
        display: inline-flex;
        /*margin-top: 15px;*/
    }
    div.banner-space {
        min-height: 235px;
        min-width: 350px;
    }
    /* LIST */
    .list div.banner-space {
        min-height: 235px;
        min-width: 320px;
    }
    /* GRID */
    .grid div.banner-space {
        min-height: 275px !important;
        min-width: 340px !important;
    }
    section#listings div.picture {
        position: relative;
        width: 100%;
        height: 280px;
    }
    section.grid article.item {
        flex: auto;
        max-width: calc(30% - -3px);
    }
    section.content_block {
        margin-bottom: -5px;
    }
    section.grid div.banners-box {
        width: 468px;
        margin-left: -5px;
        margin-top: -5px;
    }
}
/*** ALL DESKTOP VIEWS ***/
@media screen and (min-width: 992px) {
    .item-text {
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 8;
       max-height: 155px;
       font-size: 1.0rem;
    } 
    
    body.search-on-map-page #map_listings footer .footer-data > div {
        display: inline-flex;
    }
    section#controller_area {
        padding-bottom: 30px;
    }
    body.home-page section#controller_area {
        padding-bottom: 0;
    }
    body:not(.no-sidebar) aside:not(.two-middle).top section:not(.side_block).content_block {
        padding-top: 0;
    }
    .side_block input[type="text"], .side_block input[type="password"], .side_block input[type="number"], .side_block textarea, .side_block select, .side_block span.pills, #search_area select, #search_area input[type="text"] {
        background-color: var(--form-background-color);
        transition: background-color var(--duration) var(--timing);
    }
    .side_block select[disabled="disabled"], .side_block select[disabled], #search_area select[disabled], .side_block select.disabled {
        background-color: var(--form-disabled-background-color);
    }
    .side_block select, #search_area select {
        background: url("../img/dropdown-arrow.svg") right 18px no-repeat var(--form-background-color);
        background-size: 18px 5px;
        padding-right: 28px;
        transition: background-color var(--duration) var(--timing);
    }
    .side_block .search-button input[type="submit"] {
        width: 100%;
    }
    .side_block .search-button > a {
        margin: 10px 0 0;
        display: inline-block;
    }
    /* sidebar block */
    section.side_block > h3 {
        font-size: 0.75em;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    section.side_block > div {
        padding: 0 !important;
    }
    section.side_block:not(.no-style).seller-short {
        background-color: var(--content-background-color);
        transition: background var(--duration) var(--timing);
    }
    aside.left > section.side_block:not(.no-style):first-child table.stats td.dotted, aside.left > section.side_block:not(.no-style):first-child table.stats td.counter {
        background-color: var(--content-background-color);
        transition: background var(--duration) var(--timing);
    }
    /* sidebar block end */
    section.side_block span.expander {
        /*display: none; orig*/
        display: block;
        float: inline-end;
        margin-top: -17px;
    }
    section.categories-box ul.cat-tree > li.rest {
        display: none;
    }
    section.categories-box div.cat-tree-cont.limit-height {
        max-height: 360px;
    }
    body.no-sidebar .advanced-search-form {
        width: 60%;
    }
    section.side_block ul.featured {
        margin: 0;
    }
    section.side_block ul.featured:last-child {
        margin-bottom: 0;
    }
    section.side_block ul.featured:not(.list) {
        text-align: center;
    }
    section.side_block ul.featured .icons {
        margin-right: auto;
        margin-top: 6px;
    }
    section.side_block ul.featured > li {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 0 10px 0;
    }
    section.side_block ul.featured > li > ul > li {
        margin-bottom: 0;
    }
    section.side_block ul.ad-info > li.title a {
        font-size: 0.875em;
    }
    section.side_block ul.ad-info > li.price_tag {
        padding-top: 0;
    }
    section.side_block ul.ad-info > li.price_tag > div {
        margin-top: 6px;
    }
    section.side_block ul.ad-info > li.price_tag > div > span {
        font-size: 1.125em;
    }
    section.side_block ul.featured > li:last-child {
        margin-bottom: 0;
    }
    section.side_block ul.featured:not(.list) > li ul {
        text-align: left;
    }
    section.side_block_search div.field:empty {
        min-height: 0;
        padding: 0;
    }
    div.submit-cell > div.field.checkbox-field, div.submit-cell > div.field.inline-fields {
        max-width: 600px;
    }
    .seller-short div.landscape ul.seller-info {
        padding: 0;
    }
    .seller-short div.landscape ul.seller-info > li.name {
        margin-top: 0;
    }
    .seller-short div.landscape ul.seller-info > li {
        padding-bottom: 5px;
    }
    .seller-short div.landscape ul.seller-info a.low {
        position: static;
        margin-top: 10px;
    }
    section.side_block table.table td.name {
        width: 45%;
    }
    section.side_block .sub-categories-exist div.categoty-column {
        column-count: 1;
    }
    .side_block_search .search-block-content {
        padding: 0;
    }
    .header-tabs .search-block-content {
        padding: 0 28px 38px 28px;
    }
    .search-block-content form div.search-form-cell {
        width: 14.28%; /*Update TeRmi > 24.03.2023*/
    }
    div.banners-box {
        display: inline-flex;
    }
    /* LIST */
    .list div.banner-space {
        min-height: 270px !important;
        min-width: 455px !important;
        margin: 0 !important;
    }
    /* GRID */
    .grid div.banner-space {
        min-height: 280px !important;
        min-width: 450px !important;
    }
    section#listings div.picture {
        position: relative;
        width: 100%;
        height: 270px;
    }
    section.grid article.item {
        flex: auto;
        max-width: calc(23% - 0px);
    }
    section.grid div.banners-box {
        width: 455px;
        margin-left: -5px;
        margin-top: 0px;
    }
    /* Banner Pakete Round*/
    ul.plans > li:first-child > div.frame {
        border-radius: 5px 0 0 5px;
    }
    ul.plans > li:last-child > div.frame {
        border-radius: 0 5px 5px 0;
    }
}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
    /*FANCYBOX Resize Images @ 100%*/
    .swiper-slide.picture-slide a img {
        height: 100% !important;
    }
    .sm-text-center {
        font-size: 2.3rem; /*FOOTER TEXT LOGONAME*/
    }
    .point1 {
        max-width: 1140px; /*Container max width*/
    }
    .menu .menu-content {
        display: flex;
        margin: -12px 0;
        background: rgba(0, 0, 0,.7); /*NEU*/
        border-radius: 5px;
        padding-left: 10px;
       
    }
    .menu .menu-content a {
        margin-right: 15px;
    }
    div.table-mode .search-form-cell {
        display: table-cell;
    }
    #search_area div.table-mode {
        display: table;
        width: 100%;
    }
    #search_area div.table-mode > form {
        display: table-row;
    }
    div.table-mode .search-form-cell.numeric-field, div.table-mode .search-form-cell.single-field {
        width: 10%;
    }
    div.table-mode .search-form-cell.checkbox-field {
        width: 15%;
    }
    div.table-mode .search-form-cell.submit {
        width: 8%;
    }
    section.list > article {
        margin: 5px;
        min-height: 170px;
        flex: 0 0 47.5%;
        max-width: calc(47.5% - 2px);
    }
    section.grid article.item {
        flex: auto;
        max-width: calc(23% - -2px);
    }
    section.grid div.banners-box {
        width: 540px;
        margin-left: -5px;
    }
    section.side_block ul.featured > li {
        flex-direction: row !important;
    }
    section.side_block ul.featured > li:hover:before {
        display: none;
    }
    section.side_block ul.featured > li div.picture {
        float: left;
        width: 90px;
        min-width: 90px;
        height: 75px;
        margin-right: 10px;
        padding-bottom: 0;
    }
    section.side_block ul.featured div.picture img {
        background-size: 50% auto;
    }
    section.side_block ul.featured > li > ul {
        padding: 0 !important;
        overflow: hidden;
        width: auto !important;
        background: none;
        border: 0;
        position: static;
        display: block;
    }
    section.side_block ul.featured > li > ul > li.fields {
        color: inherit;
    }
    table.info td.name, div.table-cell.small > div.name {
        width: 65px;
        white-space: nowrap;
    }
    .seller-short ul.seller-info {
        min-width: 170px;
    }
    /*div.banners-box > div.banner:not(:last-child) {
      margin-top: 20px !important;
      margin-right: 60px !important;
    }*/
    div.banners-box {
        display: inline-flex;
    }
    /*Profile LIST | LU-TeRmi @ 19.06.23 - 15:18 (Startseite Update Ansicht V2)*/
    section#listings div.stat-line, .block_listing_box_3 ul > li.item div.stat-line {
        font-size: 1.0rem;
        min-height: 100px;
        max-height: 208px;           
        overflow: hidden;
    }
    section.list > article {
        margin: 5px;
        min-height: 170px;
        flex: 0 0 47.5%;
        max-width: calc(47.5% - 0px);
        margin-left: 15px !important;
        min-width: 47.4% !important;
    }
    section#listings.list div.picture, .block_listing_box_3 ul > li.item div.picture {
        width: 195px;
        height: 100%;
        padding-bottom: 0;
        display: inline-block;
        vertical-align: top;
        float: left;
        border: 0;
        min-height: 320px;
        margin-right: 15px !important;
    }
    /*Banner in LIST*/
    .list div.banner-space {
        min-height: 320px !important;
        min-width: 405px !important;
        border-radius: 5px !important;
        margin-bottom: 0px !important;
    }
    .home-page .list div.banner-space {
        min-width: 540px !important;
    }
    /*Banner in GRID*/
    .grid div.banner-space {
        min-height: 315px !important;
        min-width: 395px !important;
    }
    section#listings div.picture {
        position: relative;
        width: 100%;
        height: 320px; /*DO NOT CHANGE > das ist angepasst an min: Banner-height [ see class > .list div.banner-space]*/
    }
    section.grid div.banners-box {
        width: 540px;
        margin-left: -5px;
        margin-top: 0px
    }
    section#listings .link-large, .block_listing_box_3 ul > li.item .link-large {
        font-size: 20px !important;
    }
    /* Banner Pakete Round*/
    ul.plans > li:first-child > div.frame {
        border-radius: 5px 0 0 5px;
    }
    ul.plans > li:last-child > div.frame {
        border-radius: 0 5px 5px 0;
    }
}
/*** SUPER LARGE DESKTOP VIEW 1440px DEACTIVATED by TeRmi 16.05.2023 add * before & after /lines
@media screen and (min-width: 1440px) {
    .point1 {
        max-width: 1380px;
    }

    body.no-sidebar aside.two-middle .featured > li {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 100%;
    }

    body:not(.no-sidebar) aside:not(.two-middle) section:not(.side_block) .featured > li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    body:not(.no-sidebar) section.grid > article {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23;
    }

    body.no-sidebar section.grid > article {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%;  
        max-height: 400px;
    }

    body.no-sidebar.search-on-map-page section.grid > article {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    div.gallery > div#media {
        height: 607px;
    }

    .page-footer .mobile-apps {
        display: flex;
        flex-direction: column;
    }
    .page-footer .mobile-apps a {
        margin-right: 1rem;
    }
    .page-footer .mobile-apps a:last-child {
        margin-right: 0;
    }
    section.grid div.banners-box {
        width: 500px;
        margin: 5px -5px; / GRID Berechnung Top Bottom centriert auf 500px +5px -10px von banner 400px SOLL /
    }
    div.banners-box {
        display: inline-flex;
        / nicht für startseite 
        | banner werden nach höhe neu berechnent +500px 
        | error soll breite nicht mehr korrekt da % berechnung falsch auf > !importat ist.
        | lösung ???? keine
        width: 500px;
        margin: 0 -5px;
        /
    }
    / LIST /
    .list div.banner-space {
      min-height: 295px !important;
      min-width: 495px !important;
    }
    / GRID /
    div.banner-space {
        min-height: 495px !important;
        min-width: 495px !important;    
    }      
    div.banners-box > div.banner:not(:last-child){
        margin-top: 0px !important;
        margin-right: 60px !important;
    }
    section#listings.list div.picture,
    .block_listing_box_3 ul > li.item div.picture {
        min-height: 304px
    }
    / Banner Pakete Round /
    ul.plans > li:first-child > div.frame{
        border-radius: 5px 0 0 5px;
    }
    ul.plans > li:last-child > div.frame{
        border-radius:  0 5px 5px 0;
    }
}
***/
/*** MIDDLE DESKTOP VIEW ***/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .point1 {
        max-width: 940px;
    }
    body.home-page:not(.no-sidebar) section#content {
        float: left;
    }
    .carousel .carousel-item {
        height: 666px;
    }
    .carousel .carousel-caption {
        max-width: 830px;
    }
    div.table-cell > div.name {
        width: 120px;
    }
    table.info td.name, div.table-cell.small > div.name {
        width: 75px;
    }
    .search-item.checkbox-field > .custom-input {
        width: 100%;
    }
    .seller-short ul.seller-info {
        min-width: 110px;
    }
    aside.two-middle .sub-categories-exist div.categoty-column, body:not(.no-sidebar) aside.two-middle .sub-categories-exist div.categoty-column {
        column-count: 1;
    }
    ul.featured .icons {
        margin-top: 35px;
        position: absolute;
        right: 10px;
    }
    section.side_block ul.featured .icons {
        margin-top: 5px;
    }
    section ul.featured:last-child {
        margin-bottom: -20px;
    }
    ul.featured > li > ul {
        padding: 15px;
    }
    section#listings.list div.picture, .block_listing_box_3 ul > li.item div.picture {
        width: 176px;
        height: 268px; /*LU@170523 */
    }
    section#listings > article div.navigation-column {
        width: 150px;
    }
    section#listings.grid > article div.navigation-column {}
    section#listings ul.ad-info > li {}
    section#listings.grid ul.ad-info {}
    .sub-categories-exist div.category-column {
        column-count: 4;
    }
    body:not(.no-sidebar) .sub-categories-exist div.category-column {
        column-count: 3;
    }
    aside.top section.content_block {
        padding-top: 0;
        padding-bottom: 48px;
    }
    aside.bottom section.content_block {
        padding-top: 0px;
    }
    .no-sidebar aside.middle {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    aside.middle {
        padding-top: 10px;
    }
    aside.two-middle section.content_block {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    div.categories {
        padding-top: 0;
    }
    div.gallery > div#media {
        height: 411px;
    }
    .grid_navbar {
        margin-bottom: 15px;
    }
    .page-footer > div {
        padding: 40px 0 48px 0;
    }
    div.banners-box {
        display: inline-flex;
        /* margin-top: 15px;*/
    }
    div.banners-box > div.banner:not(:last-child) {
        margin-right: 8px !important;
    }
}
/*** RESPONSIVE END ***/