@media print,
(max-width: 767px)
{ .wrap
{
padding-top: 141px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction
{
bottom: 120px;
} .animate.delay,
.animate.delay2,
.animate.delay3
{
transition-delay: 0s;
} .tabs
{
display: block;
overflow: auto;
white-space: nowrap;
scroll-padding: 0;
scroll-snap-type: x mandatory;
scrollbar-color: transparent transparent !important;
scrollbar-width: thin !important;
display: none;
}
.tabs::-webkit-scrollbar
{
display: none !important;
width: 0 !important;
height: 0 !important;
background-color: transparent !important;
}
.tabs::-webkit-scrollbar-thumb
{
background-color: transparent !important;
}
.tabs .btn
{
display: inline-block;
margin: 0;
vertical-align: top;
scroll-snap-align: start;
}
.tabs .btn + .btn
{
margin-left: -4px;
} .pagination
{
margin-top: 40px;
} .header_wrap
{
height: 0 !important;
}
header
{
position: fixed;
z-index: 50;
top: 0;
right: 100%;
left: auto;
width: 100%;
height: 100%;
min-height: -moz-available;
min-height: -webkit-fill-available;
min-height:         fill-available;
margin: 0;
padding: 141px 0 0;
transition: transform .3s linear;
background: var(--bg);
}
header.show
{
transform: translateX(100%);
}
header .scroll
{
display: flex;
overflow: auto;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
height: 100%;
min-height: -moz-available;
min-height: -webkit-fill-available;
min-height:         fill-available;
padding: 0;
overscroll-behavior-y: contain;
}
header .scroll > *
{
width: 100%;
}
header .top
{
padding: 15px 0;
}
header .data .cont
{
padding: 0;
}
header .phone
{
width: 100%;
}
header .email,
header .location
{
width: 100%;
margin-top: 10px;
margin-left: 0;
}
header .logo
{
display: none;
}
header .menu
{
display: block;
width: 100%;
}
header .menu_item + .menu_item
{
margin-left: 0;
}
header .menu_item > a
{
font-size: 20px;
line-height: 16px;
justify-content: space-between;
padding: 22px 32px;
text-align: left;
}
header .menu_item .sub_menu,
header .menu_item:hover .sub_menu
{
position: relative;
top: 0;
left: 0;
display: none;
width: 100%;
padding: 0;
pointer-events: auto;
opacity: 1;
border-radius: 0;
box-shadow: none;
}
header .menu_item > a.touch_link + .sub_menu.show
{
display: block;
visibility: visible;
}
header .sub_menu a
{
font-size: 20px;
line-height: 32px;
padding: 14px 32px 14px 60px;
}
header .socials,
header .privacy_policy_link
{
display: block;
} .mob_header
{
display: block;
} .page_head
{
margin-bottom: 32px;
padding-top: 28px;
}
.page_title
{
margin-top: 29px;
} .form .submit_btn
{
width: 100%;
} .main_slider
{
margin-bottom: 28px;
}
.main_slider .cont
{
padding-top: 22px;
padding-bottom: 60px;
}
.main_slider .data
{
width: 100%;
} .about
{
margin-bottom: 94px;
}
.about .block_head .link
{
margin-top: 28px;
padding-left: 0;
}
.about .gallery
{
margin-top: 30px;
}
.about .gallery .col
{
display: flex;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.about .gallery .img
{
width: 119px;
}
.about .gallery .img + .img
{
width: 112px;
margin-top: 0;
margin-left: auto;
}
.about .gallery .img.big
{
width: 100%;
margin-top: 40px;
} .advantages
{
margin-bottom: 43px;
padding: 66px 0 62px;
}
.advantages .row
{
width: 227px;
}
.advantages .row > *
{
width: 100%;
max-width: 100%;
} .collections
{
margin-bottom: 64px;
}
.collections .swiper
{
width: 224px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.collections .swiper-slide
{
visibility: visible;
pointer-events: auto;
opacity: 1;
}
.collections .swiper-button-next,
.collections .swiper-button-prev
{
display: none;
} .steps .row
{
width: 227px;
}
.steps .row > *
{
width: 100%;
max-width: 100%;
} .FAQ
{
padding: 48px 0 50px;
} .contacts_info
{
margin-bottom: 108px;
}
.contacts_info .image
{
margin-top: 28px;
}
.contacts_info .image img
{
min-height: 238px;
} .products .swiper-slide
{
width: 100vw;
}
.products .swiper-button-prev
{
left: 20px;
}
.products .swiper-button-next
{
right: 20px;
} .product_info
{
margin-bottom: 85px;
}
.product_info .download a
{
width: 100%;
}
.product_info .gallery .big .image
{
padding-bottom: 100%;
}
.product_info .gallery .thumbs
{
width: 224px;
max-width: 100%;
margin: 60px auto 0;
} .project_info
{
margin-bottom: 85px;
}
.project_info .download a
{
width: 100%;
}
.project_info .gallery .big .image
{
padding-bottom: 100%;
}
.project_info .gallery .thumbs
{
width: 224px;
max-width: 100%;
margin: 60px auto 0;
} .brands.m2
{
margin-bottom: 78px;
} .projects
{
margin-bottom: 80px;
}
.projects .row
{
width: calc(100% + 24px);
margin-right: -12px;
margin-bottom: -32px;
margin-left: -12px;
}
.projects .row > *
{
width: 100%;
max-width: 100%;
margin-bottom: 32px;
margin-left: 0;
}
.projects .pagination
{
margin-top: 40px;
} .article_info .image
{
margin-top: 29px;
}
.article_info .image img
{
min-height: 238px;
} .articles
{
margin-bottom: 80px;
}
.articles .row
{
width: calc(100% + 24px);
margin-right: -12px;
margin-bottom: -32px;
margin-left: -12px;
}
.articles .row > *
{
width: 100%;
max-width: 100%;
margin-bottom: 32px;
margin-left: 0;
}
.articles .pagination
{
margin-top: 40px;
} .review_info
{
margin-bottom: 135px;
} .reviews
{
margin-bottom: 71px;
}
.reviews.bg
{
margin-bottom: 69px;
padding: 66px 0 69px;
}
.reviews .row
{
width: calc(100% + 24px);
margin-right: -12px;
margin-left: -12px;
}
.reviews .row > *
{
width: 100%;
margin-left: 0;
} .design_process
{
margin-bottom: 80px;
}
.design_process .row
{
width: calc(100% + 24px);
margin-right: -12px;
margin-left: -12px;
}
.design_process .row > *
{
width: 100%;
margin-left: 0;
} .showroom
{
margin-bottom: 80px;
}
.showroom .gallery
{
margin-top: 32px;
}
.showroom .gallery .big .image
{
padding-bottom: 100%;
}
.showroom .gallery .thumbs
{
width: 224px;
max-width: 100%;
margin: 60px auto 0;
} .advantages_info
{
margin-bottom: 98px;
}
.advantages_info .image
{
margin-top: 60px;
}
.advantages_info .image img
{
min-height: 311px;
} .team
{
margin-bottom: 156px;
}
.team .block_head
{
margin-bottom: 30px;
}
.team .person
{
padding-bottom: 76px;
}
.team .person .photo + *
{
width: 100%;
padding: 24px 16px 16px 32px;
} .about_info
{
margin-bottom: 79px;
}
.about_info .image
{
margin-top: 25px;
}
.about_info .image img
{
min-height: 238px;
} footer
{
padding: 40px 0;
}
footer .cont + .cont
{
margin-top: 48px;
}
footer .logo
{
margin-right: auto;
margin-left: auto;
}
footer .copyright
{
width: 100%;
text-align: center;
}
footer .links,
footer .socials,
footer .terms_conditions_link,
footer .privacy_policy_link
{
display: none;
}
#myVideo{
height: 540px;
position: relative;
left: -50%;
}
.animate
{
visibility: visible;         
opacity: 1; 
}
.animate.fadeInUp
{
transform: translateY(0px);
}
.nice-select{
width: 100%;
display: block;
font-size: 16px;
color: #181918;
border: solid 1px #C4C8B1;
float: none;
margin-bottom: 20px;
}
.nice-select .nice-select-dropdown{
width: 100%;
}
.mobile_views{
display: block;
margin-bottom: 21px;
}
.mob_header{
padding-top: 0;
}
}