section {

}

button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: #08558C;
    font-size: 14px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #08558C;
    text-decoration: none;
    transition: 0.3s;
}

.paddingtop40 {
    padding-top: 40px;

}

.paddingbottom40 {
    padding-bottom: 40px;
}

.padding40-0 {
    padding: 40px 0;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    margin: 0;
    padding: 0;
    background-color: #DFE8EC;
}

body.lock {
    overflow: hidden;
}

h1, h2, h3 {
    font-size: 36px;
    color: #555555;
    font-weight: 600;
}

.white {
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: 80px;
}

.grey {
    background-color: #303B48;
    margin-top: 80px;
}

header {
    display: block;

    height: 100px;
    width: 100%;
    top: 0;
    position: fixed;
    left: 0;
    z-index: 1000;
}

.fon {

    background-color: #303B48;
    height: 100px;
    width: 100%;

}


.container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.mob, .mobaile {
    display: none !important;
}

.container_blue {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;

}

.menu_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 10px;
}

ul {
    list-style-type: none;
    padding-inline-start: 0;
}
.menu{width: 95%;}
.menu ul {
    display: flex;
    flex-direction: row;
    color: white;
    padding: 10px 30px;
    
}

.menu li, first, active {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
}

.menu li a {
    background-color: #ffffff;
    text-decoration: none;
    display: inline-block;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
}

.menu li a:before {
    content: '';
    background: white;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.menu li a:hover {
    background-position: 0;
}

.menu li a:hover::before {
    width: 100%;
}

.contact_icon ul {
    display: flex;
    flex-direction: row;
    padding: 10px 10px;
    gap: 20px;
}

.phone {
    color: white;
    width: 300px;
}

.phone ul li {
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
       text-align: end;
    flex-direction: row;
}

.phone ul li a {
    color: white;
    text-decoration: none;
}

.phone ul li a:hover {
    text-decoration: underline;
}

.banner {

    display: flex;
    justify-content: center;
    background-size: cover;
    padding-top: 150px;
    max-height: 679px;
    height: 100%;


}

.banner_title {
    font-size: 48px;
    color: white;
    font-weight: 600;
    text-shadow: 1px 1px 4px #0000008f;
}

.banner_list {
    list-style-image: url("../images/icon/Group74.svg");
    font-size: 36px;
    color: white;
    font-weight: 600;
    text-shadow: 1px 1px 4px #0000008f;
}

.banner_list li {
    padding-top: 20px;
}

.bottom {
    color: #08558C;
    background-color: white;
    text-align: center;
    padding: 20px 30px;
    width: 300px;
    border-radius: 40px;
    align-content: center;
    /*bottom: 100px;*/
    transition: 0.3s;
    border: 1px solid white;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.bottom:hover {
    color: white;
    background-color: #08558C;
    font-size: 20px;
    transition: 0.3s;
    border: 1px solid white;
}

.banner_btn {
    padding-bottom: 170px;
    padding-top: 75px;
}

.pom_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1500px;
    flex-wrap: wrap;
    padding-top: 40px;
}

.ofice {
    width: 100%;
    max-width: 665px;
    text-align: center;
}

.ofice_a {
    color: #08558C;
    font-size: 20px;
    text-decoration: none;
}

.ofice_img {
    border-radius: 40px;
    transition: 0.3s;
    width: 650px;
    height: 350px;
}

.ofice_img:hover {
    transform: scale(1.1);
    transition: 0.3s;
}

.advantages_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}

.advantages_list li {
    width: 40%;
    font-size: 20px;
    background: url(../images/icon/Group87.png) 0 0px no-repeat;
    padding-left: 60px;
    padding-bottom: 60px;
}

.advantages_list_premises {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 60px;

}

.advantages_list_premises li {
    font-size: 18px;
    background: url(../images/icon/Group87.png) 0 0px no-repeat;
    padding-left: 60px;
    height: 40px;

}

.cons_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    flex-wrap: nowrap;
}

.cons_flex_left {
    padding-left: 60px;
    width: 60%;
    padding-bottom: 40px;
}

.title_cons {
    font-size: 30px;
    color: white;
    font-weight: 600;

}

.text_cons {
    font-size: 20px;
    color: white;
    padding-bottom: 56px;
}

.cons_flex_right {
    position: relative;
    top: 15px;
    padding-right: 80px;

}

.contact_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
}

.contact_flex_left {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    font-size: 24px;
    color: #08558C;
    padding: 40px;
}

.contact_flex_left ul {
    font-size: 20px;
    padding-left: 0;
}

.contact_flex_left ul li {
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.contact_flex_left ul li a {
    text-decoration: none;
    color: #08558C;
}

.contact_flex_left ul li a:hover {
    text-decoration: underline
}

.contact_flex_right {
    display: flex;
    width: 100%;
    max-width: 960px;
}

.padding_right20 {
    padding-right: 20px;
}

.padding_right10 {
    padding-right: 10px;
}

.icon_phone_none {
    padding-left: 50px;
}

.icon_mail_blue {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.footer_fon {
    background-color: #303B48;
}

.footer_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    width: 100%;
    max-width: 1500px;
    flex-wrap: nowrap;
    padding-top: 40px;
    padding-bottom: 40px;
}

.menu_footer_flex {
    column-count: 2;
    column-gap: 80px;
}

.menu_footer_flex li {
    padding: 10px 10px;
    font-size: 15px;
}

.menu_footer_flex li a {
    background-color: #ffffff;

    display: inline-block;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

.menu_footer_flex li a:before {
    content: '';
    background: white;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.menu_footer_flex li a:hover {
    background-position: 0;
}

.menu_footer_flex li a:hover::before {
    width: 100%;
}

.tg {
    display: flex;
    align-items: center;
    width: 350px;
    background-color: white;
    color: #08548b;
    margin: 0 auto;
    padding: 10px 30px;
    text-align: center;
    border-radius: 40px;
    border: 1px solid white;
    transition: 0.3s;
    font-size: 18px;
    text-decoration: none;
}

.tg:hover {
    color: white;
    background-color: #08558C;
    font-size: 19px;
    transition: 0.3s;
    border: 1px solid white;
}

.copyright {
    padding: 40px 0;
    color: white;
    text-align: center;

}

.align_center {
    margin: auto;
}

.white_fon {
    background-color: #f2f6f7;

    padding-bottom: 10px;
}

.filter {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: nowrap;
    gap: 10px;
}

.controls {

}

.filter_fon {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    background-color: #08558C;
    border-radius: 40px !important;
    height: 35px;
    margin-top: 20px;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    font-size: 14px;
}

.filter_title {
    color: white;
    padding-left: 5px;
}

.filter_reset {
    color: white;

}

.filter_list {
    background-color: #ffffff;
    border-radius: 40px;
    height: 20px;
    /* max-width: 150px; */
    padding-right: 5px;
    padding-left: 0px;
    align-content: center;
    font-size: 14px;

}
 .filter_list select {
        
      /*   max-width: 150px; */
    }

.zdanie {
    max-height: fit-content;
    height: 28px;
     max-width: 150px;
    border-radius: 40px;
    border: none;
    padding-left: 10px;
    max-width: max-content;
}

.filter_list select:hover {
    outline: none;
    border: none;
}

.filter_list select:focus {
    outline: none;

    border: none;
}

.filter_price {
    background-color: white;
    border-radius: 40px;
    height: 20px;
    padding-right: 10px;
    padding-left: 5px;
    align-content: center;
    font-size: 14px;
}

.floor {
    width: 75px;

    border-radius: 20px;
    border: none;
    padding-left: 10px;
}

.reset {
    background-color: #08558c;
    color: white;
    border: none;
}

.none {
    display: flex;
}

.input_text {
    outline: none;
    border: none;
    width: 90px;
}

.breadcrumb {
    font-size: 12px;
    color: #AAAAAA;
    list-style: none;

    padding-left: 0;
}

.padding_top150 {
    padding-top: 150px;
}

.padding_top180 {
    padding-top: 180px;
}

.breadcrumb li {
    display: inline;
    font-size: 12px;
}

.breadcrumb li + li:before {
    padding: 4px;
    color: #AAAAAA;
    content: "/\00a0";
}

.breadcrumb li a {
    color: #AAAAAA;
    text-decoration: none;
}

.breadcrumb li a:hover {
    text-decoration: underline;
    color: #555555
}

.catalog_title_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

.catalog_title {
    font-size: 24px;
    color: #555555;
}

.catalog_title a{
   
   text-decoration:none;
    color: #555555;
   }
.catalog_title a:hover{
   text-decoration:underline #555555;
    color: #555555;
}


.catalog_online {
    display: flex;
    color: #08558C;
    font-size: 14px;
   /*  background-color: #ffffff;
   border-radius: 40px;
   border: #08558C 1px solid; */
    padding: 5px 20px;
    width: 170px;
}

.catalog_online img {
    padding-right: 15px;
}

.catalog_content_flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding-bottom: 30px;
    gap: 40px;
}

/*slider*/
.slider {
    position: relative;
    max-width: 600px;

}

.img_slider_categories {
    width: 600px;
    height: 350px;
}

.img_slider_room {
    width: 910px;
    height: 650px;
}

.slider_premises {
    /*min-width: 0;*/
    position: relative;
    width: 910px;

    /*width: 100%;*/
}

.slick-initialized {
}

.slick-slider {
}

.slick-list {
    overflow: hidden;
}

.slick-track {
    display: flex;
}

.slider .slick-arrow, .slider_premises .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    font-size: 0;
    width: 30px;
    height: 60px;
    border: none;
    margin: -30px 0 0 0;
}

.slider .slick-arrow.slick-prev, .slider_premises .slick-arrow.slick-prev {
    left: 0;
    background: url("../images/icon/prev.svg") 0 0 / 100% no-repeat;
}

.slider .slick-arrow.slick-next {
    right: 0;
    background: url("../images/icon/next.svg") 0 0 / 100% no-repeat;


}

.slick-slide {
}

.slider .slick-dots, .slider_premises .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .slick-dots li, .slider_premises .slick-dots LI {
    list-style: none;
    margin: 0 5px;
}

.slider .slick-dots button,
.slider_premises .slick-dots button {
    font-size: 0;
    width: 14px;
    height: 14px;

    background-color: white;
    border: 1px solid #08558c;
    border-radius: 50px;
}

.slider .slick-dots li.slick-active button,
.slider_premises .slick-dots i.slick-active button {
    background-color: #08558C;
}

.catalog_content_flex_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;

}

.catalog_content_flex_col li {
    margin-bottom: 15px;
    display: flex;
    gap: 5px;
}

.catalog_bottom_flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 50px;
}

.catalog_text {
    font-size: 14px;
    font-weight: 300;
}

.catalog_text b {
    font-weight: 700;
}

.more_bottom {
    margin-bottom: 60px;

}

.more_bottom a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: #08558C;
    font-size: 14px;
    width: 200px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #08558C;
    text-decoration: none;
    transition: 0.3s;

}

.more_bottom a:hover {
    color: white;
    background-color: #08558C;
    transition: 0.3s;
}

.form_bottom {
}

.form_bottom a {
    display: flex;
    align-items: center;
    background: url("images/icon/email-white.png");
    justify-content: center;
    background-color: #08558C;
    color: #ffffff;
    font-size: 14px;
    width: 200px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #08558C;
    text-decoration: none;
    transition: 0.3s;
    gap: 10px;
}

.form_bottom a:hover {
    color: #08558C;
    background-color: #ffffff;
    transition: 0.3s;
}

.mixitup-page-list {
    text-align: center;
    margin-top: 80px;
}


/*test*/
.controls-pagination {
    padding: 1rem;
    font-size: 0.1px;
    text-align: justify;
}

.controls-pagination:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.mixitup-page-list,
.mixitup-page-stats {
    display: inline-block;
    vertical-align: middle;
}

.mixitup-page-list {
    text-align: left;
}

.mixitup-page-stats {
    font-size: .9rem;
    color: #333;
    font-weight: bold;
    font-family: 'helvetica', arial, sans-serif;
}

.mixitup-control {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 2.7rem;
    height: 2.7rem;
    background: #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    margin-right: 1px;
    cursor: pointer;
    font-size: .9rem;
    color: #333;
    font-weight: bold;
    font-family: 'helvetica', arial, sans-serif;
    transition: color 150ms, border-color 150ms;
    vertical-align: middle;
}

.mixitup-control:first-child {
    border-radius: 3px 0 0 3px;
}

.mixitup-control:last-child {
    border-radius: 0 3px 3px 0;
}

.mixitup-control:not(.mixitup-control-active):hover {
    color: #91e6c7;
}

.mixitup-control-active {
    border-bottom-color: #91e6c7;
    cursor: default;
}

.mixitup-control:disabled {
    background: #eaeaea;
    color: #aaa;
    cursor: default;
}

.mixitup-control-truncation-marker {
    background: transparent;
    pointer-events: none;
    line-height: 2.2em;
}

.faq {
    position: relative;
    display: block;
    max-width: 1600px;
    margin: 30px auto 10px;
    background: #f2f6f7;
    border-radius: 40px;
    transition: 0.3s;
    overflow: hidden;

    border: #08558C solid 1px;

}


.faq::after {
    position: absolute;
    right: 24px;
    top: 15px;
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-right: 3px solid #08558C;
    border-bottom: 3px solid #08558C;
    transform: rotate(-45deg);
    transform-origin: center;
    transition: .3s;
}

.faq[open]::after {
    transform: rotate(45deg);
}

.faq[open] {
    padding-bottom: 100px;
}

.faq[open] .faq_title {
    margin-bottom: 32px;
}

.faq_title {
    background: #fff;
    border-radius: 5px;
    padding: 12px 24px;

    color: #555555;
    cursor: pointer;
    list-style: none;
    font-weight: 400;
    transition: .3s;
}

.faq_title::-webkit-details-marker {
    display: none;
}

.faq_content {
    padding: 0 32px;
    margin-bottom: -60px;

}

.faq_content p:last-child {
    margin-bottom: 0;
}

.faq_content p:first-child {
    margin-top: 0;
}

.faq_li {
    margin: 15px 0;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.3s;
    z-index: 1001;
}

.popup.open {
    opacity: 1;
    visibility: visible;
}

.popup.open .popup_content {
    transform: translate(0px, 0px);
    opacity: 1;

}

.popup_area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.popup_body {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 100px;
}

.popup_content {
    max-width: 800px;
    /*padding: 30px 40px;*/
    border-radius: 40px 40px 0 0;
    position: relative;
    transition: all 0.3s;
    opacity: 0;
    transform: translate(0px, -100%);
}

.popup_close {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.popup_title {
    font-size: 32px;
    margin: 0 0 30px 0;
}

.popup_text {

}

.form_header {
    background-color: #303B48;
    border-radius: 40px 40px 0 0;
    padding: 20px 20px;
    height: 80px;
    max-width: 700px;
}

.form_header_flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    gap: 30px;
}

.form_title {
    color: #fff;
    font-size: 24px;
    align-content: center;
}

.form_container {
    max-width: 800px;
    /*height: 688px;*/
    background-color: #dfe8ec;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.form_group {
    align-self: center;
    align-content: center;
    padding-bottom: 40px;
}

.form_group input {
    border: none;
    width: 400px;

    border-radius: 40px;
    padding: 25px 25px;
    font-size: 24px;
}

.form_group input:focus {
    outline: none;
}

.form_checkbox {
    width: 550px;
    margin: 0 auto;
    font-size: 18px;

}

.form_checkbox input {
    border: none;
    border-radius: 5px;

}

.form_checkbox input:focus {
    outline: none;
}

.wrapper {
    width: 100%;
}

.form_footer_group {
    background-color: #303B48;
    border-radius: 0 0 40px 40px;
    padding: 20px 20px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_footer_group button {
    width: 300px;
    height: 57px;
    background: #fff;
    color: #08558C;
    border-radius: 40px;
    border: 1px solid #08558C;

    font-size: 20px;
    transition: .3s;
}

.form_footer_group button:hover {
    color: #ffffff;
    background-color: #08558C;
    transition: 0.3s;
    border-bottom: 1px solid #08558C;
    top: 0;
    left: 0;

}

.flex_row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1px;
}

.main-card-header {
    background: none !important;
    text-decoration: none !important;
    border-bottom: 0px !important;
}

.mfilter-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0px !important;
}

.form-control {
    font-size: 0.9rem;
    max-height: fit-content;
    height: 28px;
    width: 75px;
    border-radius: 40px;
    border: none;
    padding-left: 10px;
    max-width: max-content !important;
}

.mfilter-items {
    max-height: 20px !important;
    height: 20px !important;
    overflow-y: unset !important;
}

.mfilter-item {
    padding: 0 !important;
    transition: none !important;
    padding-left: 5px !important;
}

.mfilter-item:hover {
    background: none !important;
    margin: 0 !important;
    padding-left: 5px !important;
    padding-right: 0 !important;
    border-radius: none !important;
}

.mfilter-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 0.25rem !important;
    margin-top: 2rem !important;
}

.mfilter-pagination ul {
    list-style-type: none !important;
    padding-inline-start: 0 !important;
}

.mfilter-pagination ul li {
    display: inline;
}

.mfilter-pagination .active {
    background: none !important;
    border-color: none !important;
    color: white;
}

.mfilter-pagination a, .mfilter-pagination span {
    min-width: 20px !important;
    height: 0px !important;
    padding: 0 0.25rem !important;
    border: none !important;
    border-radius: none !important;
    color: #999999 !important;
    font-size: 14px;
    transition: all var(--mfilter-transition);
    cursor: pointer;

}

.mobile {
    display: none;
}


.none, .none1, .none2 {
    display: none;
}

.mobile_nav, .mobile_nav_header {
    display: none;
}
.teh_title {font-size: 10rem;
    color: #08558c;}
    
@media (max-width: 1441px) {
    .menu_flex {
        padding-left: 20px;
        padding-right: 20px;
    }

    .container {

        max-width: 1440px;
    }

    .banner_title, .banner_btn {
        padding-left: 20px;
    }

    .banner_list {
        padding-left: 45px;
    }

    .contentpadding {
        padding: 0 20px;
    }

    .fon {
        max-width: 1440px;

    }

    .filter {
        padding-left: 20px;
    }
}
@media (max-width: 1180px){
        .container {
        max-width: 100%;}
        .contact_flex_right{
            width: 70%;
        }
        .menu ul{padding: 10px 20px;}
        .filter_list select {
    max-width: 100%;
}
.form-control{
        width: 60px;
}
.filter_fon, .filter_title{
    padding:2px;
}
}
@media (max-width: 1025px) {
    header {
        max-width: 1024px;
    }

    .container {

        max-width: 1024px;
    }


    .contact_flex_right {
        width: 650px;

    }

    .ofice, .ofice_img {
        max-width: 450px;
        height: 100%;
    }

    .contact_flex_left, .contact_flex_left ul li a {
        font-size: 18px;
    }

    .filter_fon {
        flex-wrap: wrap;
        height: 50px;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 0 15px;
    }

    .padding_top180 {
        padding-top: 200px;
    }

    .mfilter-range .input-group-text {
        padding: 0 !important;
    }

    .catalog_bottom_flex {
        gap: 0;
    }

    .more_bottom a {
        width: 150px;
    }

    .footer_logo {
        width: 80%;
    }

    .menu ul {
        display: flex;
        flex-direction: row;
        color: white;
        padding: 0px 10px;
        justify-content: flex-start;
       
        flex-wrap: wrap;
        gap: 10px 20px;
    }
}
@media (max-width: 912px) {
    header, section, .wrapper {
        width: 100%;

    }

    .padding_top180 {
        max-width: 100%;
    }

    .mobile {
        display: block;
    }

    .fon {
        width: 100%;
    }

    .desktop, .desktop_none {
        display: none;
    }

    .mob, .mobaile {
        display: flex !important;
    }
    .zdanie, .mfilter-items, .form-control{
        max-height: none!important;
    height: 40px!important;
    }

    .filter-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 380px;
        height: 100%;
        background-color: #dfe8ec;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        overflow-y: auto;
        transition: left 0.3s ease;
        padding: 20px;
    }

    /* Класс, который показывает фильтры */
    .filter-sidebar.open {
        left: 0;
       
    }

    /* Кнопка открытия */
    .filter-toggle-btn {
        display: inline-block;
        margin: 20px;
        padding: 10px 15px;
        background-color: #08558c;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
    }

    .slider_premises {
        width: 100%;
    }

    .img_slider_room {
        width: 600px;
        height: 453px;
    }

    .close-filter-btn {
        display: block;
        text-align: center;
        font-size: 20px!important;
        margin-bottom: 20px;
        align-content: center;
        color: #fff;
        width: fit-content;
        /* margin-left: 20px; */
        margin: 0 auto;
    }
.catalog-sidebar{
    padding-bottom: 200px;
}
    .container {

        max-width: 768px;
    }


    .contact_flex_right {
        width: 100%;

    }

    .contact_flex_right iframe {
        width: 100%;
    }

.footer_flex {
    justify-content: space-between;
    align-items: stretch;
}
    .ofice {
        max-width: 350px;
        height: 100%;
    }

    .ofice_img {
        max-width: 350px;
        height: 204px;
    }

    .contact_flex {
        gap: 0;
    }

    .contact_flex_left, .contact_flex_left ul li a {
        font-size: 18px;
    }

    .banner_title {
        font-size: 34px;
    }

    .banner_list li {
        font-size: 30px;
    }

    .menu ul {
        display: none;
    }

    .footer_logo {
        max-width: 80%;
    }

    .cons_flex_right {
        display: none;
    }

    .advantages_list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    .cons_flex_left {
        padding-left: 20px;
        width: 100%;
    }

    .catalog_title_flex {
        gap: 15px;
    }

    .catalog_content_flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .catalog_bottom_flex {
        justify-content: flex-start;

        gap: 50px;
    }

    .menu_footer_flex {
        column-gap: 30px;
    }

    .flex_m {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 15px;
        align-items: center;
        width: 100%;
        max-width: 710px;

    }

    .nav_m .toggleBtn {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav_m .toggleBtn::before {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(-10px);
        box-shadow: 0 10px #ffffff;
        transition: 0.3s;
    }

    .nav_m .toggleBtn::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(10px);
        transition: 0.3s;
    }

    .nav_m.active .toggleBtn::before {
        transform: rotate(45deg);
        box-shadow: none;
    }

    .nav_m.active .toggleBtn::after {
        transform: rotate(-45deg);

    }

    .mobile_nav {
        display: none;
        position: absolute;
        width: 100%;
        top: 100px;
        left: 0;
        background: #DFE8EC;
        flex-direction: column;
        z-index: 1000;
        overflow-y: auto;
    }

    .mobile_nav_menu ul li {

        box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
        padding: 30px 30px;
        transition: right 0.3s ease;


    }

    .mobile_nav_menu a {
        color: #303b48;
        text-decoration: none;
        font-size: 1em;
    }

    .nav_m.active .mobile_nav {
        display: block;
        overflow: auto;

        padding-bottom: 100px;
        height: calc(100vh - 120px);
    }

    .nav_ul li {
        width: 100%;
        padding: 1em 0;
    }

    .nav_ul li ul {
        position: relative;
        width: 100%;
        left: 0;
        display: none;
        top: 0;

    }

    .nav_ul li:hover ul {
        display: block;
    }

    .nav_ul li:hover .sub_ul {
        /*background: rgba(10, 43, 134, 0.2);*/
        display: block;
        padding: 0;
    }

    .contact_icon {
        display: flex;
        justify-content: center;
    }

    .contact_icon ul {
        gap: 40px;
        align-items: center;
    }

    .contact_icon img {
        width: 150%;
    }

    .mobile_nav .phone {
        display: flex;
        justify-content: center;
    }

    .mobile_nav .phone ul li a {
        color: #303b48;
        text-decoration: none;
        font-size: 1.5em;
    }

    .mobile_nav .bottom_div {
        display: flex;
        justify-content: center;

    }


    .mobile_nav .bottom {
        color: #fff;
        background-color: #08558C;
    }

    .filter {
        padding-left: 20px;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .filter_fon {
        flex-direction: column;
        flex-wrap: nowrap;
        max-height: 150px;
        height: 100%;
        align-items: center;
       
        gap: 15px;
        padding: 12px 20px;
        font-size: 22px;
        justify-content: flex-start;
      
    }
    .mfilter-item{
        padding: 0.5rem;
    }
    .mfilter-block.card{
        overflow: visible!important;
            align-items: center;
    }
    .card-body{
        max-height: 125px;
        padding-bottom: 20px;
    }
    .mfilter-slider .noUi-tooltip{
            font-size: 12px;
    padding: 2px 6px;
    border-radius: 40px!important;
    }
    .flex_row{
        padding-bottom:20px; 
    }
        .form-control {
        width: 90px;
    }
        .close-filter-btn {
        display: block;
        text-align: center;
        font-size: 20px !important;
        margin-bottom: 20px;
        align-content: center;
        color: #fff;
        width: 88%;
        margin: 20px 0;
    }
     .filter_list, .collapse  {
       font-size: 20px;
        min-width: 240px;
        max-width: 320px;
    }
    .filter_list select {
       font-size: 20px;
        min-width: 240px;
        max-width: 320px;
    }
    .form-control {
        font-size: 22px;
    }
    .filter_list select option    {
       font-size: 20px;
        min-width: 240px;
        max-width: 320px;
    }
    .slider_premises {
        width: 400px;
    }

    .img_slider_room {
        width: 400px;
        height: 287px;
    }

    .room .padding_top180 {
        padding-top: 130px;
    }
}
@media (max-width: 821px) {
    header, section, .wrapper {
        width: 100%;

    }
.form-control {
        width: 90px;
    }
    .padding_top180 {
        max-width: 100%;
    }

    .mobile {
        display: block;
    }

    .fon {
        width: 100%;
    }

    .desktop, .desktop_none {
        display: none;
    }

    .mob, .mobaile {
        display: flex !important;
    }
    .zdanie, .mfilter-items, .form-control{
        max-height: none!important;
    height: 40px!important;
    }

    .filter-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 380px;
        height: 100%;
        background-color: #dfe8ec;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        overflow-y: auto;
        transition: left 0.3s ease;
        padding: 20px;
    }

    /* Класс, который показывает фильтры */
    .filter-sidebar.open {
        left: 0;
       
    }

    /* Кнопка открытия */
    .filter-toggle-btn {
        display: inline-block;
        margin: 20px;
        padding: 10px 15px;
        background-color: #08558c;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
    }

    .slider_premises {
        width: 100%;
    }

    .img_slider_room {
        width: 600px;
        height: 453px;
    }

    .close-filter-btn {
        display: block;
        text-align: center;
        font-size: 20px!important;
        margin-bottom: 20px;
        align-content: center;
        color: #fff;
        width: fit-content;
        /* margin-left: 20px; */
        margin: 0 auto;
    }
.catalog-sidebar{
    padding-bottom: 200px;
}
    .container {

        max-width: 768px;
    }


    .contact_flex_right {
        width: 100%;

    }

    .contact_flex_right iframe {
        width: 100%;
    }

.footer_flex {
    justify-content: space-between;
    align-items: stretch;
}
    .ofice {
        max-width: 350px;
        height: 100%;
    }

    .ofice_img {
        max-width: 350px;
        height: 204px;
    }

    .contact_flex {
        gap: 0;
    }

    .contact_flex_left, .contact_flex_left ul li a {
        font-size: 18px;
    }

    .banner_title {
        font-size: 34px;
    }

    .banner_list li {
        font-size: 30px;
    }

    .menu ul {
        display: none;
    }

    .footer_logo {
        max-width: 80%;
    }

    .cons_flex_right {
        display: none;
    }

    .advantages_list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    .cons_flex_left {
        padding-left: 20px;
        width: 100%;
    }

    .catalog_title_flex {
        gap: 15px;
    }

    .catalog_content_flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .catalog_bottom_flex {
        justify-content: flex-start;

        gap: 50px;
    }

    .menu_footer_flex {
        column-gap: 30px;
    }

    .flex_m {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 15px;
        align-items: center;
        width: 100%;
        max-width: 710px;

    }

    .nav_m .toggleBtn {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav_m .toggleBtn::before {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(-10px);
        box-shadow: 0 10px #ffffff;
        transition: 0.3s;
    }

    .nav_m .toggleBtn::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(10px);
        transition: 0.3s;
    }

    .nav_m.active .toggleBtn::before {
        transform: rotate(45deg);
        box-shadow: none;
    }

    .nav_m.active .toggleBtn::after {
        transform: rotate(-45deg);

    }

    .mobile_nav {
        display: none;
        position: absolute;
        width: 100%;
        top: 100px;
        left: 0;
        background: #DFE8EC;
        flex-direction: column;
        z-index: 1000;
        overflow-y: auto;
    }

    .mobile_nav_menu ul li {

        box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
        padding: 30px 30px;
        transition: right 0.3s ease;


    }

    .mobile_nav_menu a {
        color: #303b48;
        text-decoration: none;
        font-size: 1em;
    }

    .nav_m.active .mobile_nav {
        display: block;
        overflow: auto;

        padding-bottom: 100px;
        height: calc(100vh - 120px);
    }

    .nav_ul li {
        width: 100%;
        padding: 1em 0;
    }

    .nav_ul li ul {
        position: relative;
        width: 100%;
        left: 0;
        display: none;
        top: 0;

    }

    .nav_ul li:hover ul {
        display: block;
    }

    .nav_ul li:hover .sub_ul {
        /*background: rgba(10, 43, 134, 0.2);*/
        display: block;
        padding: 0;
    }

    .contact_icon {
        display: flex;
        justify-content: center;
    }

    .contact_icon ul {
        gap: 40px;
        align-items: center;
    }

    .contact_icon img {
        width: 150%;
    }

    .mobile_nav .phone {
        display: flex;
        justify-content: center;
    }

    .mobile_nav .phone ul li a {
        color: #303b48;
        text-decoration: none;
        font-size: 1.5em;
    }

    .mobile_nav .bottom_div {
        display: flex;
        justify-content: center;

    }


    .mobile_nav .bottom {
        color: #fff;
        background-color: #08558C;
    }

    .filter {
        padding-left: 20px;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .filter_fon {
        flex-direction: column;
        flex-wrap: nowrap;
        max-height: 150px;
        height: 100%;
        align-items: center;
       
        gap: 15px;
        padding: 12px 20px;
        font-size: 22px;
        justify-content: flex-start;
      
    }
    .mfilter-item{
        padding: 0.5rem;
    }
    .mfilter-block.card{
        overflow: visible!important;
            align-items: center;
    }
    .card-body{
        max-height: 125px;
        padding-bottom: 20px;
    }
    .mfilter-slider .noUi-tooltip{
            font-size: 12px;
    padding: 2px 6px;
    border-radius: 40px!important;
    }
    .flex_row{
        padding-bottom:20px; 
    }
     .filter_list {
       
        min-width: 150px;
        max-width:185px;
    }
    .filter_list select {
       font-size: 20px;
        min-width: 240px;
        max-width: 320px;
    }
    .form-control {
        font-size: 22px;
    }
    .filter_list select option    {
        font-size: 0.75em;
        min-width: 150px;
        max-width:185px;
    }
    .slider_premises {
        width: 400px;
    }

    .img_slider_room {
        width: 400px;
        height: 287px;
    }

    .room .padding_top180 {
        padding-top: 130px;
    }
}
@media (max-width: 769px) {
    header, section, .wrapper {
        width: 768px;

    }

    .padding_top180 {
        max-width: 748px;
    }

    .mobile {
        display: block;
    }

    .fon {
        width: 768px;
    }

    .desktop, .desktop_none {
        display: none;
    }

    .mob, .mobaile {
        display: flex !important;
    }
    .zdanie, .mfilter-items, .form-control{
        max-height: none!important;
    height: 40px!important;
    }

    .filter-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 380px;
        height: 100%;
        background-color: #dfe8ec;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        overflow-y: auto;
        transition: left 0.3s ease;
        padding: 20px;
    }

    /* Класс, который показывает фильтры */
    .filter-sidebar.open {
        left: 0;
       
    }

    /* Кнопка открытия */
    .filter-toggle-btn {
        display: inline-block;
        margin: 20px;
        padding: 10px 15px;
        background-color: #08558c;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
    }

    .slider_premises {
        width: 600px;
    }

    .img_slider_room {
        width: 600px;
        height: 453px;
    }

    .close-filter-btn {
        display: block;
        text-align: center;
        font-size: 20px!important;
        margin-bottom: 20px;
        align-content: center;
        color: #fff;
        width: 88%;
        
        margin: 20px 0;
    }
.catalog-sidebar{
    padding-bottom: 200px;
}
    .container {

        max-width: 768px;
    }


    .contact_flex_right {
        width: 100%;

    }

    .contact_flex_right iframe {
        width: 100%;
    }

.footer_flex {
    justify-content: space-between;
    align-items: stretch;
}
    .ofice {
        max-width: 350px;
        height: 100%;
    }

    .ofice_img {
        max-width: 100%;
        height: 204px;
    }

    .contact_flex {
        gap: 0;
    }

    .contact_flex_left, .contact_flex_left ul li a {
        font-size: 18px;
    }

    .banner_title {
        font-size: 34px;
    }

    .banner_list li {
        font-size: 30px;
    }

    .menu ul {
        display: none;
    }

    .footer_logo {
        max-width: 80%;
    }

    .cons_flex_right {
        display: none;
    }

    .advantages_list {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }

    .cons_flex_left {
        padding-left: 20px;
        width: 100%;
    }

    .catalog_title_flex {
        gap: 15px;
    }

    .catalog_content_flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .catalog_bottom_flex {
        justify-content: flex-start;

        gap: 50px;
    }

    .menu_footer_flex {
        column-gap: 30px;
    }

    .flex_m {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px 15px;
        align-items: center;
        width: 100%;
        max-width: 710px;

    }

    .nav_m .toggleBtn {
        position: relative;
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav_m .toggleBtn::before {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(-10px);
        box-shadow: 0 10px #ffffff;
        transition: 0.3s;
    }

    .nav_m .toggleBtn::after {
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        background: #ffffff;
        transform: translateY(10px);
        transition: 0.3s;
    }

    .nav_m.active .toggleBtn::before {
        transform: rotate(45deg);
        box-shadow: none;
    }

    .nav_m.active .toggleBtn::after {
        transform: rotate(-45deg);

    }

    .mobile_nav {
        display: none;
        position: absolute;
        width: 100%;
        top: 100px;
        left: 0;
        background: #DFE8EC;
        flex-direction: column;
        z-index: 1000;
        overflow-y: auto;
    }

    .mobile_nav_menu ul li {

        box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
        padding: 30px 30px;
        transition: right 0.3s ease;


    }

    .mobile_nav_menu a {
        color: #303b48;
        text-decoration: none;
        font-size: 1em;
    }

    .nav_m.active .mobile_nav {
        display: block;
        overflow: auto;

        padding-bottom: 100px;
        height: calc(100vh - 120px);
    }

    .nav_ul li {
        width: 100%;
        padding: 1em 0;
    }

    .nav_ul li ul {
        position: relative;
        width: 100%;
        left: 0;
        display: none;
        top: 0;

    }

    .nav_ul li:hover ul {
        display: block;
    }

    .nav_ul li:hover .sub_ul {
        /*background: rgba(10, 43, 134, 0.2);*/
        display: block;
        padding: 0;
    }

    .contact_icon {
        display: flex;
        justify-content: center;
    }

    .contact_icon ul {
        gap: 40px;
        align-items: center;
    }

    .contact_icon img {
        width: 150%;
    }
.form-control {
        width: 90px;
    }
    .mobile_nav .phone {
        display: flex;
        justify-content: center;
                width: 100%;
    }

    .mobile_nav .phone ul li a {
        color: #303b48;
        text-decoration: none;
        font-size: 1.5em;
    }

    .mobile_nav .bottom_div {
        display: flex;
        justify-content: center;

    }


    .mobile_nav .bottom {
        color: #fff;
        background-color: #08558C;
    }

    .filter {
        padding-left: 20px;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .filter_fon {
        flex-direction: column;
        flex-wrap: nowrap;
        max-height: 150px;
        height: 100%;
        align-items: center;
       
        gap: 15px;
        padding: 12px 20px;
        font-size: 20px;
        justify-content: flex-start;
      
    }
    .mfilter-item{
        padding: 0.5rem;
    }
    .mfilter-block.card{
        overflow: visible!important;
            align-items: center;
    }
    .card-body{
        max-height: 125px;
        padding-bottom: 20px;
    }
    .mfilter-slider .noUi-tooltip{
            font-size: 12px;
    padding: 2px 6px;
    border-radius: 40px!important;
    }
    .flex_row{
        padding-bottom:20px; 
        justify-content: space-around;
    }
     .filter_list{
       
        min-width: 150px;
        max-width:320px;
    }
        
    .collapse, .mfilter-range{
        min-width: 250px;
        max-width:320px;
    }
    .filter_list select {
        font-size: 20px;
        min-width: 240px;
        max-width:320px;
    }
    .form-control {
        font-size: 22px;
    }
    .filter_list select option    {
        font-size: 0.75em;
        min-width: 150px;
        max-width:185px;
    }
    .slider_premises {
        width: 400px;
    }

    .img_slider_room {
        width: 400px;
        height: 287px;
    }

    .room .padding_top180 {
        padding-top: 130px;
    }
}

@media (max-width: 591px){
          header, section, .wrapper,.container {
        width: 100%;
    }
    .contact_flex_left{width: 85%;}
       .flex_m{
           max-width: 90%;
       } 
       .contact_flex_right {
        width: 100%;
    }
    contact_flex_right iframe {
        width: 99%;
    }
       .slider {
    max-width: 100%;}
    .contact_flex{
            flex-direction: column;
    }
    .footer_flex{
            flex-direction: column;
            align-items: stretch;
    }
         .footer_logo {
        max-width: 40%;
    }
    
        .fon {
        width: 100%;
    }
    
    
}
@media (max-width: 430px) {
    body, header, section, .wrapper {
        max-width: 100%;

    }

    .flex_m {
        max-width: 90%px;
    }

    .fon {
        width: 100%;
    }

    .contact_flex_right iframe {
        width: 100%;
    }

    .footer_flex, .contact_flex {
        flex-direction: column;
    }

    .footer_logo {
        max-width: 40%;
    }

    .menu_flex {
        display: none;
    }

    .contact_flex_left {

        padding-left: 20px;
        max-width: 83%;
    }

    .advantages_list li {
        width: 80%;
    }

    .slider {
        max-width: 400px;
    }

    .img_slider_categories {
        width: 400px;
        height: 233px;
    }

    .padding_top180 {
        max-width: 400px;
    }

    .menu_footer_flex {
        column-count: 1;
    }

    .popup_body {
        padding: 30px 10px;
        justify-content: left;
    }

    .popup_content {
        max-width: 385px;
        padding: 30px 10px;
    }

    .form_header, .form_footer_group {

        height: 60px;
    }

    .form_container {
        max-width: 400px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form_title {
        font-size: 18px;
    }

    .form_group {
        padding-bottom: 20px;
    }

    .form_group input {
        width: 300px;
        padding: 15px 15px;
        font-size: 20px;
    }

    .form_checkbox {
        width: 360px;

        font-size: 14px;
    }

    .form_header_flex img {
        width: 95%;
    }
.footer_flex .phone{
    width: 100%;
}

    .form_footer_group button {
        width: 250px;
        height: 45px;
        font-size: 18px;
    }

    .tg {
        width: 280px;
        font-size: 16px;
    }
    .copyright {
    padding: 40px 0;}
}


@media (max-width: 376px) {
    body, header, section, .wrapper {
        max-width: 100%;

    }
    .phone ul li{
        gap: 2px;
    }
    .catalog_bottom_flex{
        gap:30px;
    }
    .flex_m {
        max-width: 90%;
    }

    .fon {
        width: 100%;
    }

    .contact_flex_right, .contact_flex_right iframe {
       width:100%;
    }

    .footer_flex, .contact_flex {
        flex-direction: column;
    }

    .footer_logo {
        max-width: 40%;
    }

    .menu_flex {
        display: none;
    }

    .contact_flex_left {

        padding-left: 20px;
        max-width: 83%;
    }

    .advantages_list li {
        width: 80%;
    }

    .slider {
        max-width: 100%;
    }

    .img_slider_categories {
        width: 100%;
        height: 252px;
    }

    .padding_top180 {
        max-width: 375px;
    }

    .menu_footer_flex {
        column-count: 1;
    }

    .popup_body {
        padding: 30px 10px;
        justify-content: left;
    }

    .popup_content {
        max-width: 355px;
        padding: 30px 10px;
    }

    .form_header, .form_footer_group {

        height: 60px;
    }

    .form_container {
        max-width: 350px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form_title {
        font-size: 18px;
    }

    .form_group {
        padding-bottom: 20px;
    }

    .form_group input {
        width: 300px;
        padding: 15px 15px;
        font-size: 20px;
    }

    .form_checkbox {
        width: 350px;

        font-size: 14px;
    }

    .form_header_flex img {
        width: 95%;
    }

    .form_footer_group button {
        width: 250px;
        height: 45px;
        font-size: 18px;
    }
    .faq::after {
   width: 10px;
    height: 10px;
    right: 10px;}
.copyright {
    padding: 40px 0;}
    .tg {
        width: 280px;
        font-size: 16px;
    }
    .more_bottom {
    margin-bottom: 20px;
}
      .slider_premises,.img_slider_room {
        width: 360px;
       
    }
    .teh_title {font-size: 8rem;
    color: #08558c;}

}

@media (max-width: 361px) {
    body, header, section, .wrapper {
        max-width: 100%;

    }

    .flex_m {
        max-width: 90%;
    }

    .fon {
        width: 100%;
    }

      .contact_flex_right, .contact_flex_right iframe {
       width:100%;
    }

    .footer_flex, .contact_flex {
        flex-direction: column;
    }

    .footer_logo {
        max-width: 40%;
    }

    .menu_flex {
        display: none;
    }

    .contact_flex_left {

        padding-left: 20px;
        max-width: 83%;
    }
.catalog_bottom_flex {
        gap: 10px;
    }
    .more_bottom {
    margin-bottom: 20px;
}
    .advantages_list li {
        width: 80%;
    }

    .slider {
        max-width: 100%;
    }

    .img_slider_categories {
        width: 100%;
        height: 252px;
    }

    .padding_top180 {
        max-width: 340px;
    }

    .menu_footer_flex {
        column-count: 1;
    }

    .popup_body {
        padding: 30px 10px;
        justify-content: left;
    }

    .popup_content {
        max-width: 340px;
        padding: 30px 10px;
    }

    .form_header, .form_footer_group {

        height: 60px;
    }

    .form_container {
        max-width: 340px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .form_title {
        font-size: 18px;
    }

    .form_group {
        padding-bottom: 20px;
    }

    .form_group input {
        width: 300px;
        padding: 15px 15px;
        font-size: 20px;
    }

    .form_checkbox {
        width: 340px;

        font-size: 14px;
    }

    .form_header_flex img {
        width: 95%;
    }

    .form_footer_group button {
        width: 250px;
        height: 45px;
        font-size: 18px;
    }

    .tg {
        width: 240px;
        font-size: 16px;
    }
}

@media (max-width: 320px) {
    .contact_flex_left {
        padding-left: 20px;
        max-width: 80%;
    }
        .more_bottom a {
        width: 130px;
    }
    h1, h2, h3{
        font-size:30px;
    }
        .banner_list li {
        font-size: 26px;
    }
        .phone ul li {
        gap: 10px;
    }
}