@media (min-width: 320px) and (max-width: 575.98px){
    
}

@media (min-width: 320px) and (max-width: 767.98px){
/*     .top_header{
    display:none;
} */
    .section-title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 0;
    }
    h2{
        font-size: 26px;
        text-align: center;
    }
    .mobile-padding {
        padding-top: 100px !important;
    }
    .city_back_title {
        display: block;
    }
    .city_back {
        padding: 0px 20px !important;
    }
    .city_row ul li {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        text-align: left;
    }
    .city_row ul li b {
        font-weight: 400;
        width: 250px;
    }
    
    .prog_l_item .prod_l_item_img {
        margin: 30px 40px;
    }
    .prog_l_item {
        background-color: #333333;
        border-radius: 25px;
        display: flex;
        align-items: center;
        color: #fff;
        margin-bottom: 30px;
        height: 100%;
        flex-wrap: nowrap;
        flex-direction: column;
        padding-bottom: 40px;
    }
    .prog_l_item  .prog_l_item_meta{
        text-align: center;
        width: 220px;
    }
    .prog_l_item .prog_l_item_meta h3 {
        font-size: 18px;
        color: #fff;
        margin-bottom: 30px;
    }
    .partners_box{
        position: inherit;
        top:0;
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }
    .section_partners {
        padding: 15px;
        padding-top: 35px;
    }
    .partners_box_items {
        margin: 30px 0;
        width: unset; 
        margin-bottom: 0;
    }
    .partners_box_item {
        width: 47%;
        height: unset;
    }
    .partners_box_desc{
        text-align: center;
        margin-right:0;
    }
    .section-padd, .section-padd-2 {
        padding: 50px 0;
    }
    .workingcond ul li {
        width: 100%;
        height: 30px;
        border-radius: 20px;
        display: flex;
        padding: 18px 18px;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 15px;
        background-color: #ffffff00;
    }
    .ref_slider {
        display: flex;
        background-color: #ffcc00;
        border-radius: 25px;
        flex-direction: column;
        align-items: center;
    }
    .ref_slider .ref_slider_text .title {
        font-size: 30px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 35px;
        margin-bottom: 35px;
        text-align: center;
    }
    .ref_slider .ref_slider_text {
        width: 100%;
        padding-bottom: 15px;
        text-align: center;
    }
    .ref_slider .ref_slider_text p {
        font-size: 14px;
        line-height: 14px;
    }
    .ref_slider .ref_slider_img {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        padding: 0px 40px;
        padding-top: 30px;
    }
    .accordion-header-text {
        font-size: 18px;
        line-height: 18px;
    }
    .form form .form-box {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
        flex-direction: column;
        align-items: center;
    }
    .form form {
        padding: 0px 80px;
        display: flex;
        flex-direction: column;
    }
    .section_form {
        background-image: none;
        background-repeat: no-repeat;
        background-position: right top;
        padding: 15px;
    }
    .form {
        background-color: #facd48;
        border-radius: 25px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 80px;
    }
    .form form {
        padding: 0px 20px;
        display: flex;
        flex-direction: column;
    }
    .form form input:not(:last-child) {
        margin-bottom: 10px;
    }
    .form form small{
        margin-top: 10px;
        display: block;
        line-height: 14px;
        font-size: 14px;
    }
    .form form input {
        width: 100%;
        height: 45px;
        border-radius: 60px !important;
        border: none;
        font-size: 16px;
        color: #000;
    }
    .q-a {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .map_footer_address {
        position: absolute;
        top: 0;
        padding: 35px 30px;
        background-color: #333333;
        border-radius: 25px;
        color: #fff;
        width: 90%;
        bottom: 0;
        height: 405px;
        left: 0px;
        right: 0;
        margin: 0 auto;
        margin-top: 55px;
        z-index: 90;
    }
    .map_footer_address_title {
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
        margin-bottom: 30px;
        text-align: center;
    }
    .our_parck ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        margin-top: 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .our_parck {
        padding: 30px 0px 30px 0px;
        background-color: #fff;
        text-align: center;
    }
    .our_parck .title h2{
        font-size: 30px;
    }
    .our_parck ul li a {
        background-color: #f2f2f2;
        color: #868686;
        padding: 15px 30px;
        border-radius: 10px;
        margin-right: 10px;
        width: 145px;
        display: block;
        margin-bottom: 10px;
    }
    .section-cars {
        text-align: center;
    }
    .section-cars h2{
        font-size: 30px;
    }
    .accordion-item.active .accordion-content {
        max-height: 500px;
        padding: 31px;
        background-color: #fff;
        padding-top: 15px;
    }
    .comfort_block h2{
        text-align: center;
    }
    
    .requirements{
        flex-wrap: nowrap; /* Блоки не переносятся, чтобы можно было свайпать */
         /* overflow-x: auto;Горизонтальная прокрутка */
         /* scroll-snap-type: x mandatory;Привязка к блокам при прокрутке */
        /*-webkit-overflow-scrolling: touch;  Плавный скролл на iOS */
        padding: 0;
        gap: 0;
        transition: transform 0.3s ease-in-out;
    }
    
    .inner_adv_second_box {
        flex: 0 0 100%; /* Ширина блока на мобильных */
        scroll-snap-align: start; /* Привязка к началу блока */
        padding: 20px 45px 20px 45px!important;
        margin-bottom: 0!important;
    }
    
    /* Стили для кнопок */
    .controls_req {
        display: flex;
        justify-content: space-between;
        /* gap: 10px; */
        position: absolute;
        width: 100%;
        top: 50%;
        left:0;
    }

    .controls_req button {
        padding: 8px;
        font-size: 16px;
        background-color: #333;
        color: white;
        border: 2px solid #FFF;
        border-radius: 50%;
        cursor: pointer;
        width: 40px;
        height: 40px;
    }

    .controls_req button:hover {
        background-color: #555;
    }
    .relative{
        position:relative;
    }
    .overflow_hidden{
        margin: 15px;
        overflow: hidden;
    }
    
    #req{
        background-image: none;
    }
    #mmenu_toggle {
        margin: 0;
    }
    .header_mobile .mlogo_wrapper {
        padding: 22px 15px 22px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header_mobile .mlogo_wrapper .mobile_phone{
        text-align: center;
    }
    .cities_change_footer{
        display: block!important;
        padding-top: 10px;
        /* padding-bottom: 30px; */
    }
    .wpb_wrapper {
        padding: 20px 0;
    }
    .das_aution_mobile{
        display:none;
    }
    .offnungszeiten{
        font-size: 20px!important;
    }
    .mobile-cta .q-a{
        margin:0 15px;
    }
    .mobile-cta .q-a h2{
        color: #fff;
        text-align:center;
    }
    .mobile-cta h2{
        text-align: left;
        margin-bottom: 20px;
    }
    .mobile-cta h4{
        font-weight: 400!important;
    }
    .mobile-cta h4 div{
        font-size: 26px !important;
        font-weight: 800;
        line-height: 30px !important;  
        margin-bottom: 10px;
    }
    .filter-item {
        padding: 6px !important;
    }
    .project-filter .cat-filter {
        text-align: center;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
    }
    .main-footer {
        padding: 20px 0 20px;
    }
    .main-footer .widget_media_image {
        width:130px;
    }
    .map_footer {
        height: 570px;
        background: #333333;
        position: relative;
    }
    .main-footer h4 {
        margin-bottom: 20px;
    }
    .main-footer .ot-socials {
        margin-top: 0px;
    }
    .cta_form_wrapper {
        padding: 20px 40px 20px 40px!important;
    }
    #mc4wp-form-1 input {
        margin-bottom: 10px;
    }
    .calc_h4 {
        font-size: 17px;
        line-height: 22px;
        text-align: center;
        padding-bottom: 0px;
        font-weight: 700;
    }
    #__filters input[type="range"] {
        margin-top: 0px;
    }

    #__filters .steps {
        margin-bottom: 20px;
    }
    .textwidget p{
        margin-bottom: 5px;
    }
    .callbacker {
        margin-left: 0;
    }
    
    .mobile-adv-slider{
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
        gap: 0;
        transition: transform 0.3s ease-in-out;
    }
    .mobile-adv-slider .column_container {
        flex: 0 0 100%;
        scroll-snap-align: start;
        padding: 20px 45px 20px 45px !important;
        margin-bottom: 0 !important;
    }
    .mobile-adv-controls {
        display: flex;
        justify-content: space-between;
        /* gap: 10px; */
        position: absolute;
        width: 90%;
        top: 30%;
        left: 20px;
    }
    .mobile-adv-controls button {
        padding: 8px;
        font-size: 16px;
        background-color: #333;
        color: white;
        border: 2px solid #FFF;
        border-radius: 50%;
        cursor: pointer;
        width: 40px;
        height: 40px;
    }
    .noscroll_map::before{
        content: '';
        width: 100%;
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        backdrop-filter: blur(2px);
    }
    #back-to-top {
        left: 40px;
    }
    .map_footer_address_button {
        margin-top: 10px;
    }

}

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

@media (min-width: 992px) and (max-width: 1199.98px){
    
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    
}

@media (min-width: 1400px){
    
}