/** MOBILE / TABLETT - VIEW | Responsive Design **/
/*  FixDate.eu by 4eSport Development | www.4esport.com */
/*  LAST UPDATE | V1.2 | Last update @ 28.04.2023 // 01:13 | TeRmiMCD  */

@media screen and (min-width: 360px) and (max-width: 374px){

    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;
    }

}
/*** MOBILE VIEW ***/
/* media  < als 374px important */
@media screen and (min-width: 200px) and (max-width: 374px){
    /* ADD LISTING V2 START */
    .add-listing-page #controller_area, .add-listing-page .content-padding {
      /*100% breite*/
      padding: 0px !important;
    }
    #controller_area .plans-container{
        margin: 0;
        border-radius: 8px;
    }
    ul.steps {
        font-size: 0.8rem;
    }
    ul.steps a{
       padding-top: 7px !important;
    }
    .sticky {
       padding: 10px;
       box-shadow: 0 10px 15px rgba(0,0,0.5);
    }
    .qtip, .qtip .qtip-defaults {
       float: left;
    }
    #controller_area h1 {
      font-size: 1.3em !important;
      color: var(--success);
      margin-bottom: 10px;
    }
    #controller_area div.submit-cell > div.name {
      padding: 0;
      color: var(--black);
      font-weight: 500;
      font-size: 1.0rem;
    }
    /*\ ADD LISSTING END*/
    section#listings.list div.picture {
      width: 100% !important;
    }
    body.home-page header.page-header {
      background: var(--tab-background);
    }
    section#listings.list div.picture {
      width: 100% !important;
      height: 300px !important;
      min-height: 300px !important;
      padding-bottom: 0;
    }
    section.list > article {
      width: 100%;
      flex: auto !important;
      max-width: calc(100% - 0px) !important ;
      margin-left: 10px !important;
      margin-right: 10px !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) {
    /* ADD LISTING V2 START */
    .add-listing-page #controller_area, .add-listing-page .content-padding {
      /*100% breite*/
      padding: 0px !important;
    }
    #controller_area .plans-container{
        margin: 0;
        border-radius: 8px;
    }
    ul.steps {
        font-size: 0.8rem;
    }
    ul.steps a{
       padding-top: 7px !important;
    }
    .sticky {
       padding: 10px;
       box-shadow: 0 10px 15px rgba(0,0,0.5);
    }
    .qtip, .qtip .qtip-defaults {
       float: left;
    }
    #controller_area h1 {
      font-size: 1.3em !important;
      color: var(--success);
      margin-bottom: 10px;
    }
    #controller_area div.submit-cell > div.name {
      padding: 0;
      color: var(--black);
      font-weight: 500;
      font-size: 1.0rem;
    }
    /* ADD LISTING END*/
    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: 5px !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) {
    /*body.no-sidebar aside:not(.two-middle) section:not(.side_block) .featured > li {
        max-width: 198px;
    }*/
    .listing-group {
        right: 7px !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 20px 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) {
    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;
    }

    .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);
        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: 64px;
        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 {
        /*A-LINKS nach  RECHTS zuordnen*/
        display: inline-flex;
        height: 30px !important;
        padding: 5px 14px;
        text-transform: uppercase;
        text-align: center;
    }
    .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(--body-font-color);
    }
    .mobile-menu a.active:after {
        display: none;
    }
    .mobile-menu ul.account-menu-content {
        display: block;
    }

    .mobile-menu ul.account-menu-content > li {
        /*padding: 0;
        NEW*/
        padding: 5px 0;
        border-bottom: 1px solid rgba(100,100,100,.3);
    }
    .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 a.active, .mobile-menu a.active{
        color:var(--body-font-color) !important;
    }
    .mobile-menu .lang-selector a {
        font-weight: 400;
        padding: 0;
    }
    .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: 44px;
        height: 44px;
        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;
    }
    .listing-group {
        right: 3px;
    }
    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: 20px !important;
    }
    section.content_block,
    section.side_block {
      /*  margin-left: 15px;
        margin-right: 15px;
        NEW*/
        margin-left: -5px;
        margin-right: -5px;
    }

    section.content_block div.category-slider-bar {
        top: -34px;
    }

    .grid_navbar {
        margin: -15px 0 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;
    }

    .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%;
        object-position: top; /*Image on TOP*/

    }
    section#listings.list ul.ad-info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: auto;
        padding: 14px 20px 10px 20px;
        background: var(--featured-background-color);
        border-top: 0;
        display: flex;
        flex-direction: column;
    }
    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 > ol {
        display: none;
    }
    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: 1;
        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: 85vh;
    }
    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: 100% !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;
        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;
    }
    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;
    } 
    /*FEATURE LISTING ICONS VERTICAL UPDATE @25.03.2032 by TeRmi | 4eSport DEV
      TPL > featured.tpl > Line90
    */
    .list .order-5{
        top: 10%;
        bottom: auto;
    }
    /* SEARCH GROUP  UPDATE @31.03.2032 by TeRmi | 4eSport DEV*/
    .search__input-group{
        display: none;
    }
    .search__input-mobile::placeholder{
        color:#efefef;
    }
    /**/
    .menu-content a {
      margin-right: 15px !important;
      font-size: 0.8rem !important;
    }
}
/*** FIXED TABLET VIEW ***/
@media screen and (width: 768px) {
    .main-menu nav.menu ul.menu {
        right: 0;
    }
}

/*** ALL TABLET/DESKTOP VIEWS ***/
@media screen and (min-width: 768px) {
     /* SEARCH GROUP MOBILE  UPDATE @31.03.2032 by TeRmi | 4eSport DEV*/
    .search__mobile{
        display: none;
    }
    .search-mobile{
        display: none !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: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden;
    }
    .menu-content a {
        margin-right: 20px;
        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: 8px !important;
    }
}
/*** TABLET VIEW ***/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .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;
    }
    /* 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 */
    .list div.banner-space {
        min-height: 319px !important;
        min-width: 340px !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) 20px, var(--tab-background) 20px);
    }

    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%;
    }

    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;
    }
    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 !important;
        min-width: 350px !important;
    }   
    /* LIST */
    .list div.banner-space {
        min-height: 235px !important;
        min-width: 340px !important;
    }    
    /* 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) {
    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: 16.6%;
    }
    div.banners-box {
      display: inline-flex;
    }
    /* LIST */
    .list div.banner-space {
        min-height: 235px !important;
        min-width: 340px !important;
    }    
    /* GRID */
    .grid div.banner-space {
        min-height: 270px !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.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;
    }
    /* Booking-order */
    .booking-order article.item {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 93% !important;
    }

}
/*** LARGE DESKTOP VIEW ***/
@media screen and (min-width: 1200px) {
    .point1 {
        max-width: 1110px;
    }

    .menu .menu-content a {
        margin-right: 48px;
    }

    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% - 0px);
    }
    section.grid article.item {
        flex: auto;
        max-width: calc(30% - -8px);
    }
    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: 100px;
        white-space: nowrap;
    }
    .seller-short ul.seller-info {
        min-width: 170px;
    }
    div.banners-box > div.banner:not(:last-child) {
      /*margin-top: 20px !important; Disable for Desktop & Tablett*/
      margin-right: 60px !important;
    }
    div.banners-box {
      display: inline-flex;
    }
    /* LIST */
    section#listings.list div.banners-box {
      margin-top: 5px;
      margin-left: -5px;
      margin-right: -2px;
    }
    section#listings.list div.picture {
      min-height: 240px;
    }

    .list div.banner-space {
        min-height: 240px !important;
        min-width: 405px !important;
    } 
    /* GRID */
    .grid div.banner-space {
        min-height: 315px !important;
        min-width: 340px !important;
    } 
    section#listings div.picture {
      position: relative;
      width: 100%;
      height: 315px;
    }
    section.grid div.banners-box {
      width: 540px;
      margin-left: -5px;
      margin-top: 5px
    }
    section#listings .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 ***/
@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 
        | if error > is der soll breite wert nicht mehr korrekt da % berechnung falsch auf > !importat gesetzt ist.
        | lösung ???? keine
        width: 500px;
        margin: 0 -5px;
        */
    }
    /* LIST */
    section#listings.list div.picture {
      min-height: 230px;
    }  
    .list div.banner-space {
      min-height: 295px !important;
      min-width: 495px !important;
    }
    /* GRID */
    div.banner-space {
        min-height: 295px !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 {
        min-height: 300px 
    }
    section#listings div.picture {
        height: 295px;
    }
    /* 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;
    }

    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 {
        width: 176px;
        height: 176px;
    }
    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: 35px;
    }
    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 ***/