@media screen and (max-width:1400px) {
.header_container .header_addressbox:after,
.header_container .header_logo:after {
display: none
}
.header_container .header_block {
width: 1140px;
margin: 0 auto;
padding: 0 15px 0 10px
}
.header_container .header_logo {
width: 80px;
padding: 0;
margin: 0 15px 0 0
}
.header_container .header_logo img {
height: 42px
}
.header_container .header_addressbox {
padding: 0
}
.header_container .header_address br {
display: block
}
.header_container .header_nav {
margin: 0 auto
}
.header_container .header_nav li {
margin: 0 14px 0 0
}
.header_container .header_nav li:last-of-type {
margin: 0
}
.header_container .header_phonebox {
margin: 0 0 0 20px;
padding: 0
}
.header_container .header_phonebox:after,
.header_container .header_phonebox:before {
display: none
}
}
@media screen and (max-width:1200px) {
.block {
width: auto;
margin-left: 30px;
margin-right: 30px
}
.main_layout {
padding-top: 150px
}
.header_container .header_logo {
width: 80px
}
.header_container .header_block {
width: auto;
margin: 0 30px
}
.header_container .header_nav {
display: none
}
.header_container .header_phonebox {
margin: 0 0 0 20px
}
.mobmenu_in {
display: block;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 18px;
cursor: pointer
}
.mobmenu_in .line {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #24BDFF;
transition: .2s;
border-radius: 8px
}
.mobmenu_in .line1 {
top: 0
}
.mobmenu_in .line2 {
top: 9px
}
.mobmenu_in .line3 {
top: 18px
}
.mobmenu_in.active .line1 {
display: none
}
.mobmenu_in.active .line2 {
top: 9px;
transform: rotate(45deg)
}
.mobmenu_in.active .line3 {
top: 9px;
transform: rotate(-45deg)
}
body.page-id-155 .mobmenu_in .line {
background: #FF7A00
}
.mobmenu {
position: fixed;
right: -320px;
top: 100px;
width: 320px;
padding: 30px 24px;
box-sizing: border-box;
background: #FFF;
z-index: 5;
display: block;
transition: .3s
}
.mobmenu .mobmenu_nav {
position: relative;
margin: 0 0 30px
}
.mobmenu .mobmenu_nav li {
margin: 0 0 20px;
font-weight: 700;
font-size: 18px;
color: #212121;
cursor: pointer
}
.mobmenu .mobmenu_nav a {
color: #212121
}
.mobmenu .mobmenu_nav li:last-of-type {
margin: 0
}
.mobmenu .mobmenu_nav li.colored a {
color: #24BDFF
}
body.page-id-155 .mobmenu .mobmenu_nav li.colored a {
color: #FF7A00
}
.mobmenu .mobmenu_addressbox {
position: relative;
margin: 0 0 25px;
padding: 0 0 0 29px
}
.mobmenu .mobmenu_addressbox svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.mobmenu .mobmenu_address {
font-size: 15px;
color: #212121
}
.mobmenu .mobmenu_worktime {
padding: 3px 0 0;
font-size: 10px;
color: #7c7c7c;
white-space: nowrap
}
.mobmenu .mobmenu_phonebox {
margin: 0;
padding: 0 0 0 29px;
position: relative;
z-index: 2
}
.mobmenu .mobmenu_phonebox svg {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.mobmenu .mobmenu_phone {
font-size: 15px;
color: #212121;
white-space: nowrap
}
.mobmenu .mobmenu_phonetime {
padding: 3px 0 0;
font-size: 10px;
color: #7c7c7c;
white-space: nowrap
}
body.mobmenu_show .mobmenu {
right: 29px
}
.hometop_container .hometop_block {
min-height: 0;
padding: 150px 0 50px
}
.hometop_container .hometop_title {
margin: 0 0 25px
}
.hometop_container .hometop_subtitle {
margin: 0 0 40px
}
.hometop_container .hometop_items {
margin: 0 0 30px
}
}
@media screen and (max-width:1000px) {
.hometop_container .hometop_block {
padding: 200px 0 100px
}
}
@media screen and (max-width:750px) {
h1,
h2,
h2 div {
line-height: 110%
}
h1 {
font-size: 34px;
margin: 0 0 20px
}
h2 {
font-size: 28px
}
.button,
.rich_edit {
font-size: 15px
}
h2 br {
display: none
}
.block {
width: auto;
margin-left: 10px;
margin-right: 10px
}
.button {
height: 58px;
padding: 0 0 2px
}
.main_layout,
body.page-template-tpl-main .main_layout {
padding-top: 87px
}
.rich_edit p {
margin: 0;
padding: 0 0 20px
}
.rich_edit p:last-of-type {
padding: 0
}
.socials a {
margin: 0 5px 0 0
}
.swipe_icon {
display: block;
position: absolute;
right: 20px;
top: 100%;
margin-top: 10px
}
.header_container .header_addressbox,
.header_container .header_phonebox,
.hometop_container .hometop_back,
.hometop_container .hometop_subtitle br {
display: none
}
.header_container {
top: 32px
}
.header_container .header_block {
height: 55px;
padding: 0 20px 0 5px;
margin-left: 20px;
margin-right: 20px
}
.header_container .header_logo {
padding: 0;
margin: 0
}
.header_container .header_logo img {
height: 39px
}
.mobmenu_in {
right: 12px;
width: 23px;
height: 15px;
z-index: 3
}
.mobmenu_in .line {
height: 1px
}
.mobmenu_in .line2 {
top: 7px
}
.mobmenu_in .line3 {
top: 14px
}
.mobmenu_in.active .line2,
.mobmenu_in.active .line3 {
top: 7px
}
.mobmenu {
top: 32px;
padding: 77px 24px 30px
}
body.mobmenu_show .mobmenu {
right: 0
}
.hometop_container .hometop_block {
padding: 30px 0 47px;
color: #212121
}
.hometop_container .hometop_title {
font-size: 40px;
margin: 0 -10px 20px 0
}
.hometop_container .hometop_subtitle {
font-size: 18px;
margin: 0 0 30px
}
.hometop_container .hometop_items {
display: block;
margin: 0 0 35px
}
.hometop_container .hometop_items li {
margin: 0 0 10px;
padding: 0 0 0 19px;
font-size: 15px;
position: relative
}
.hometop_container .hometop_items li:last-of-type {
margin: 0
}
.hometop_container .hometop_items svg {
margin: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}
.hometop_container .hometop_buttons {
margin: 0 10px 15px
}
.hometop_container .hometop_buttons .button {
margin: 0 0 10px;
width: 100%
}
.hometop_container .hometop_buttons .button:last-of-type {
margin: 0
}
.hometop_container .hometop_aftertext {
font-size: 12px;
color: #7c7c7c;
margin: 0 0 50px
}
.hometop_container .hometop_aftertext strong {
margin: 0 5px
}
.hometop_container .hometop_mobimg {
display: block
}
}