@media (max-width: 767.98px) {
.section-header {
height: calc( 100vh - 57px );
}

.top-bar-content > * {
__flex: 1 1 0;
}

.top-bar .hamburger-button .inner {
left: 20px;
}

.top-bar .logo-main .link {
width: 200px;
padding: 12px 8px 12px 0;
}

.top-bar .phone {
font-size: 1em;
text-align: right;
background: transparent;
}

.top-bar .phone .link {
width: 100%;
}

.section-header .content-wrapper > .mini-cont {
position: static;
transform: none;
padding: 80px 20px 20px;
width: calc( 100% - 30px );
margin: 180px auto 0;
}

.section-icons-one {
padding: 0 0 40px;
}

.section-icons-one .col-inner {
padding: 40px 0 0;
}

.section-toggle .section-title {
width: 170px;
height: 66px;
}

.section-toggle .section-subtitle {
text-transform: uppercase;
letter-spacing: .2em;
font-size: .9em;
font-weight: 400;
color: #444;
margin: 0 auto 30px;
padding: 0 0 30px;
position: relative;
}

.section-toggle .checkbox-container {
margin-bottom: 30px;
}

.section-toggle .mini-cont {
padding: 0 0 20px;
margin-bottom: 20px;
}

.section-toggle .mini-cont::before {
content: "";
width: 60%;
height: 1px;
background: #aaa;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, -50%);
}

.section-toggle .mini-cont:last-child::before {
content: none;
}

.section-toggle .title {
font-size: 1.1em;
margin: 0 auto 10px;
}

.section-toggle .image-wrapper {
height: 110px;
margin-bottom: 10px;
}

.section-toggle .col-text {
margin-top: 0;
padding-top: 40px;
}

.section-advantages {
width: 100%;
height: 100vh;
min-height: 600px;
padding: 0;
background: #3b2a1e;
color: #fff;
text-align: left;
position: relative;
overflow: hidden;
}

.section-advantages > .container {
min-height: 600px;
}

.section-advantages .section-title {
font-weight: 100;
font-size: 1.5em;
color: #fff;
}

.section-advantages .column-right .swiper-cont {
padding: 60px 0 20px;
}

.section-advantages .column-right .swiper-cont {
position: static;
transform: none;
padding: 90px 0 20px;
height: auto;
}

.section-design .col-left .image-wrap {
width: 300px;
height: 300px;
position: relative;
margin: 40px auto;
overflow: hidden;
}

.section-design .col-left .text {
padding: 0 30px;
}

.section-app {
padding-bottom: 70px;
font-size: 1.1em;

text-align: center;
}

.section-app .col-text p {
font-size: .9em;
}

.section-app .col-summary {
padding: 0;
font-size: 1.1em;
}

.section-app .col-summary .col-inner {
padding: 0 20px;
}

.section-app .col-image .col-inner {
width: 100%;
height: 600px;
position: relative;
}

.section-app .row-content .col-text {
margin: 120px 0 0;
}

.section-app .store-btns {
bottom: auto;
}

.section-shop .img-wrapper {
height: 120px;
}

.section-shop .img-wrapper .img {
height: 100%;
}

.section-shop .content-wrapper .title {
margin-top: 18px;
}

.sec-footer .footer-bottom .subscription .bg .image {
top: 20%;
}

}