@media (max-width: 1470px) {
.banner__slider {
width: 440px;
}
}
@media (max-width: 1339px) {
.modal.right .modal-dialog {
width: 100vw;
}
.modal.right.fade .modal-dialog {
right: -100vw;
}
}
@media (max-width: 991px) {
.slick-list {
padding: 0;
}
.banner__slider {
position: unset;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 50px;
padding-bottom: 100px;
}
.banner__slider-slide {
width: auto;
}
.slick-list {
margin-right: -15px;
}
.banner__slider .slick-arrow {
bottom: 20px;
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
}
.banner__slider .slick-prev {
left: calc(50% - 60px);
}
.banner__slider .slick-next {
left: calc(50% + 20px);
}
.bg-dots {
display: none;
}
.banner__logo {
max-width: 100%;
text-align: center;
}
.banner__text {
margin-left: auto;
margin-right: auto;
}
.banner__btn {
text-align: center;
}
.modal-menu .modal-dialog {
max-width: calc(100% - 30px);
}
.header__social {
justify-content: flex-end;
}
.header__social-item + .header__social-item {
margin-left: 15px;
}
.btn-mobile-menu {
position: absolute;
z-index: 5;
cursor: pointer;
top: calc(50% - 15px);
left: 25px;
}
.btn-mobile-menu span {
background: #f70326;
display: block;
width: 28px;
height: 4px;
margin-bottom: 7px;
border-radius: 2px;
}
.btn-mobile-menu span:first-child {
position: relative;
top: 0;
-webkit-transition: top .3s .3s,transform .3s 0s;
-webkit-transition: top .3s .3s,-webkit-transform .3s 0s;
transition: top .3s .3s,-webkit-transform .3s 0s;
transition: top .3s .3s,transform .3s 0s;
transition: top .3s .3s,transform .3s 0s,-webkit-transform .3s 0s;
}
.btn-mobile-menu span:nth-child(2) {
opacity: 1;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.btn-mobile-menu span:last-child {
margin-bottom: 0;
position: relative;
top: 0;
-webkit-transition: top .3s .3s,transform .3s 0s;
-webkit-transition: top .3s .3s,-webkit-transform .3s 0s;
transition: top .3s .3s,-webkit-transform .3s 0s;
transition: top .3s .3s,transform .3s 0s;
transition: top .3s .3s,transform .3s 0s,-webkit-transform .3s 0s;
}
.btn-mobile-menu.opened span:first-child {
top: 11px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top .3s 0s,transform .3s .3s;
-webkit-transition: top .3s 0s,-webkit-transform .3s .3s;
transition: top .3s 0s,-webkit-transform .3s .3s;
transition: top .3s 0s,transform .3s .3s;
transition: top .3s 0s,transform .3s .3s,-webkit-transform .3s .3s;
}
.btn-mobile-menu.opened span:nth-child(2) {
opacity: 0;
}
.btn-mobile-menu.opened span:last-child {
top: -11px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: top .3s 0s,transform .3s .3s;
-webkit-transition: top .3s 0s,-webkit-transform .3s .3s;
transition: top .3s 0s,-webkit-transform .3s .3s;
transition: top .3s 0s,transform .3s .3s;
transition: top .3s 0s,transform .3s .3s,-webkit-transform .3s .3s;
}
.header__menu {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,.9);
font-size: 22px;
display: none;
}
.header__menu.opened {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.header__menu ul {
flex-direction: column;
}
.header__menu ul li + li {
margin-left: 0;
margin-top: 30px;
}
.banner__slider-link span {
opacity: 1;
}
}
@media (max-width: 575px) {
body {
background-position: top center;
}
.banner__slider-slide {
margin-right: 0;
}
.slick-list {
margin-right: 0;
}
.banner__logo_title {
font-size: 18px;
}
.banner__logo img {
max-width: 100%;
}
.modal-menu .modal-content {
padding: 25px 15px;
}
.header {
border: unset;
transition: .3s;
}
.scroll .header {
background-color: rgba(0,0,0,.5);
}
.banner__logo,
.banner__text {
margin-bottom: 15px;
}
.banner__slider {
margin-top: 30px;
padding-bottom: 50px;
display: flex;
flex-direction: column;
}
.banner__slider .slick-arrow {
position: unset;
margin-bottom: 30px;
}
.banner__slider .slick-prev {
order: 1;
margin-bottom: -40px;
}
.banner__slider .slick-next {
order: 2;
margin-left: auto;
}
.banner__slider .slick-list {
order: 3;
}
.banner__slider .slick-dots {
order: 4;
}
.banner__logo {
margin-top: 500px;
}
.modal-menu .modal-dialog {
max-width: calc(100% - 15px);
}
.wpcf7-submit {
margin-left: 15px;
margin-top: 10px;
}
.modal-title {
font-size: 30px;
}
.about__item {
width: 100%;
justify-content: center;
}
.block_accordion_content {
font-size: 16px;
}
.form__inline input[type="submit"] {
position: unset;
border-radius: 4px;
width: 100%;
}
blockquote {
font-size: 18px;
}
.review__video {
float: unset;
text-align: center;
margin: 0;
}
.review__video iframe {
max-width: 100%;
}
}
@media (max-width: 330px) {
.banner__logo {
margin-top: 140px;
}
}