@media screen and (max-width: 1366px) {
.mb-75{
margin-bottom: 4.5rem;
}
.sect_mb_5{
margin-bottom: 3rem;
}
}
@media screen and (max-width: 960px) {
.blog_cat_grid{
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
}
.offers_column_title{
font-size: 1.125rem;
}
.main_top_menu{
gap: 1rem;
}
.simple_h1,
.s_title_1{
font-size: 2.125rem;
}
.s_button{
padding: 1rem;
}
.s_title_2{
font-size: 1.875rem;
}
.category_posts_in,
.spec_cat_list_in {
grid-template-columns: repeat(3, 1fr);
}
.static_form_in{
padding: 2rem;
}
.header_r_top_tel_link{
font-size: 1rem;
}
header .header_r_bot{
flex-direction: column;
align-items: start;
}
.header_r_bot_line{
display: none;
}
.footer_bot{
flex-wrap: wrap;
gap: 1rem;
}
.category_post_link{
font-size: 1rem;
}
.wpcf7-submit{
font-size: 0.875rem;
}
.footer_l{
gap: 2rem;
}
}
@media screen and (min-width: 861px) {
.menu-item-has-children:hover::before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 100%;
/* z-index: 99;*/
height: 50px; /* высота зазора, подбери по макету */
}
.sub-menu > li > .sub-menu {
left: 100%;
top: 0;
margin: 0;
}
.main_top_menu .sub-menu li:hover > .jr_chevron_link_wrap > a {
color: #A68953;
}
.main_top_menu .sub-menu > li:hover > .sub-menu {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
margin-left: 2rem;
top: -1.5rem;
}
.sub-menu > li:hover:before {
content: '';
display: block;
left: unset;
top: 0;
width: 100%;
right: -210px;
}
.main_top_menu li:hover > .sub-menu {
display: block;
}
.sub-menu {
position: absolute;
padding-inline-start: 0;
padding: 1.5rem;
border-radius: 0.625rem;
background: #FAFAFC;
top: 3.5rem;
box-shadow: 0 5px 30px 0 rgba(64, 63, 57, 0.20);
width: max-content;
left: -2rem;
}
}
@media screen and (max-width: 860px) {
.d_b{
display: none;
}
.page_404_top_in,
.page_404_bot_in{
grid-template-columns: repeat(1, 1fr);
}
.d_m{
display: block;
}
.header_r_top_soc,
.header_r{
display: none;
}
footer .header_r_top_soc{
display: grid;
}
.offers_tabs_btns{
background: none;
flex-wrap: wrap;
border-radius: 0;
gap: 0.5rem;
}
.offers_tab_btn{
background: #fff;
}
.pop_serv_list,
.footer_in,
.footer_l,
.offers_columns_grid{
grid-template-columns: repeat(1, 1fr);
}
.eq_list::-webkit-scrollbar,
.how_list::-webkit-scrollbar {
display: none;
}
.eq_list,
.how_list{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.eq_item{
width: 80%;
flex-shrink: 0;
padding: 1rem;
}
.eq_list{
display: flex;
overflow-x: scroll;
}
.main_banner_title{
font-size: 2rem;
}
.main_banner_stitle{
max-width: 100%;
font-size: 1rem;
}
.s_title_2{
font-size: 1.75rem;
}
.s_button{
font-size: 0.875rem;
}
.actions_card_title{
font-size: 1.25rem;
}
.actions_card_text{
font-size: 0.875rem;
}
.spec_card_img{
height: 17.5rem;
display: flex;
align-items: end;
}
.pop_serv_list_item{
flex-direction: column;
}
.results_card_in{
padding: 0;
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
}
.results_card_r{
padding: 1rem;
}
.about_gallery_top{
grid-template-columns: repeat(1, 1fr);
}
.tour_3d{
height: 23.5rem;
}
.about_gallery_in{
grid-template-columns: repeat(2, 1fr);
}
.about_gallery_item{
order: 5;
}
.about_gallery_item_number_1{
order: 0;
}
.about_gallery_item_number_3{
order: 1;
}
.about_gallery_item_number_2{
order: 2;
}
.about_gallery_item_number_4{
order: 3;
}
.eq_section_in .s_title{
max-width: 100%;
font-size: 1.375rem;
}
.obj_title_wrap{
flex-direction: column;
align-items: start;
}
.text_block_in {
h2{
line-height: 1;
}
}
.contacts_map{
height: auto;
display: flex;
flex-direction: column-reverse;
}
.map_badge{
position: relative;
padding: 2rem 1.5rem;
}
.map_badge_wrap > .container{
padding: 0;
}
.map_badge_wrap{
position: relative;
margin-top: -2rem;
}
.map_badge_wrap {
.header_r {
display: block;
}
}
.offers_columns_grid{
gap: 2rem;
}
.single_serv_top_in,
.indications_list,
.indications_in,
.price_in,
.serv_results_in,
.faq_in,
.static_form_in,
.static_form_top,
.category_posts_in,
.spec_cat_list_in,
.spec_single_head_in,
.static_form_doctor_in,
.single_action_top_in{
grid-template-columns: repeat(1, minmax(100px, 1fr));
}
.spec_card_img img {
max-height: 100%;
width: auto;
height: auto;
margin: 0 auto;
}
.simple_page .simple_h1{
margin-bottom: 1rem;
}
.how_list{
display: flex;
overflow-x: scroll;
}
.how_list_elem{
flex-shrink: 0;
width: 80%;
}
.serv_adv_list{
grid-template-columns: repeat(2, 1fr);
}
.price_list_item{
font-size: 0.875rem;
}
.spec_single_cta_in{
padding: 1.5rem;
gap: 0;
display: flex;
flex-direction: column-reverse;
}
.spec_single_cta_photo{
height: 11.375rem;
margin-top: -6rem;
}
.spec_single_cta_photo_img{
position: relative;
max-height: 100%;
bottom: unset;
}
.spec_single_cta_photo:after{
content: '';
display: block;
position: absolute;
bottom: 0;
background: linear-gradient(180deg, rgba(238, 230, 206, 0.00) 0%, #EEE6CE 100%);
height: 2.9375rem;
width: 100%;
}
.spec_single_cta_title{
font-size: 1.625rem;
}
.spec_single_head_left .spec_card_img{
max-width: 100%;
}
.single_action_top_in{
gap: 1rem;
}
.mobile_top_group{
grid-template-columns: repeat(3, 1fr);
gap: 2.5rem;
align-items: center;
}
.m_tel{
width: 1.5rem;
height: 1.5rem;
display: block;
background-position: center!important;
}
.burger{
width: 1.5rem;
height: 1.125rem;
aspect-ratio: 4/3;
}
.m_search_button{
width: 1.46375rem;
height: 1.5rem;
aspect-ratio: 23.42/24.00;
}
.m_search_button{
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: center;
}
/* .home .burger{
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: center;
}*/
.m_tel{
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: center;
}
.home .m_tel{
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: center;
}
.home .m_search_button{
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
background-position: center;
}
.header_l{
width: 8.75rem;
}
body.overflow{
overflow: hidden;
}
.burger{
position: relative;
width: 26px;
height: 20px;
cursor: pointer;
}
/* Линии (закрытое меню) */
.burger::before,
.burger::after{
content: "";
position: absolute;
inset: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: opacity .25s ease;
}
/* Состояние "бургер" */
.burger::before{
opacity: 1;
margin: 0 auto;
background-image: url('data:image/svg+xml,');
}
.home .burger:before{
background-size: contain;
background-position: center;
background-image: url('data:image/svg+xml,');
}
/* Состояние "крест" */
.burger::after{
opacity: 0;
margin: 0 auto;
width: 19px;
height: 19px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
}
/* Активное состояние */
.burger.active::before{
opacity: 0;
}
.burger.active::after{
opacity: 1;
}
.top-navigation-wrapper{
display: none;
}
.search_block_in{
display: none;
}
.top-navigation-wrapper{
position: fixed;
top: 70px;
left: 0;
height: 100vh;
background: #FAF7F2;
width: 100%;
padding: 1.5rem;
}
.main_top_menu{
flex-direction: column;
align-items: start;
}
.top-navigation-wrapper.active{
display: block;
}
body.overflow .simple_m_logo{
display: none;
}
body.overflow .simple_m_logo_menu{
display: block;
}
body.overflow {
.m_tel,
.m_search_button{
opacity: 0;
}
}
body.overflow header{
background: #FAF7F2;
}
.site-branding{
gap: 0;
}
.header_bot a{
font-size: 1rem;
color: #BF964B;
}
.jr_chevron_link_wrap{
justify-content: space-between;
}
.main_top_menu li{
width: 100%;
padding: 0.62rem 0;
}
.main_top_menu > li{
border-bottom: 1px solid #EEE6CE;
}
.main_top_menu > li:last-child{
border: none;
}
.sub-menu{
padding-inline-start: 1rem;
}
.sub-menu .sub-menu{
display: none;
}
.sub-menu .jr_chevron{
display: none;
}
.sub-menu li a{
color: #8A8C8F;
font-size: 0.875rem;
}
.sub-menu li{
padding: 0.62rem 0 0.38rem;
}
.jr_chevron{
background: url('data:image/svg+xml,') no-repeat;
width: 18px;
height: 9px;
}
.jr_chevron.active{
transform: scale(-1);
}
.search_block_in{
position: fixed;
left: 0;
width: 100%;
background: #FFF;
top: 65px;
border-radius: 0 0 1.875rem 1.875rem;
padding: 2.5rem 1.5rem 1.5rem;
}
.m_search_button.active{
background: url('data:image/svg+xml,') no-repeat;
background-size: 80%;
background-position: center;
}
.home .m_search_button.active{
background: url('data:image/svg+xml,') no-repeat;
background-size: 80%;
background-position: center;
}
.search_m_title{
margin-bottom: 0.63rem;
color: #8A8C8F;
font-size: 1.125rem;
line-height: 100%; /* 1.125rem */
}
.search_block_in .search-submit{
background: url('data:image/svg+xml,') no-repeat;
width: 96px;
height: 38px;
background-size: contain;
}
.search-form{
border-radius: 1.875rem;
border: 1px solid var(--4, #BFB79F);
background: var(--2, #FAF7F2);
padding: 0 0 0 1rem;
justify-content: space-between;
}
}