@media (max-width: 560px) {
    .wrap{
        width: 100%; 
    }section#main {
        height: auto;
        background-size: cover;
    }img.logo {
        width: 34.6vw;
        margin: 0 auto;
        display: block;
    }#main .wrap {
        padding-top: 8.7vw;
        padding-left: 0;
    }h1 {
        font-size: 10.9vw;
        margin-top: 4.8vw;
        color: #1f1f1f;
        white-space: pre-line;
        margin-left: 15vw;
        margin-bottom: 94.4vw;
        padding-right: 5vw;
    }h1 mark {
        background: #f5e82c;
        padding: 0 1vw;
        left: 0;
        padding-left: 16vw;
        margin-left: -16vw;
    }.label {
        background: white;
        border-radius: 6vw;
        display: inline-block;
        margin: 3.3vw 0 4.3vw 0;
        padding: 6.5vw 0 5.5vw 0;
        font-size: 4.89vw;
        line-height: 120%;
        font-weight: 100;
        width: 100%;
        text-align: center;
    }.check-wrap.abs {
        background: white;
        border: 3px solid #f5e82c;
        top: -10.6vw;
        left: 0;
        margin: 0 auto;
        right: 0;
        z-index: 2;
        border-radius: 50%;
        width: 17vw;
        height: 17vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }.check-wrap.abs img {
        width: 6.8vw;
    }img.arr {
        display: none;
    }#main .btn {
        margin-left: auto;
    }.btn {
        margin: 0vw auto;
        display: block;
        width: 89.3vw;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        font-size: 5.78vw;
        padding: 4.45vw 0;
        /* margin-left: 3vw; */
    }p.descr {
        margin: 4.3vw 0 11vw 0;
        font-size: 4.61vw;
        text-align: center;
    }img.abs.woman-yellow {
        top: 82.4vw;
        left: 0vw;
        width: 96vw;
        /* position: relative; */
    }section#main {
        background-position: -5vw 76vw;
        background-size: 201vw;
        background-repeat: no-repeat;
        background-color: #efefef;
    }section#about {
        overflow: hidden;
        margin-top: -4vw;
    }img.photo.abs {
        left: -7.2vw;
        top: 0;
        position: relative;
        width: 115vw;
    }.name.abs i {
        font-size: 4.56vw;
    }.name.abs {
        top: 0;
        font-size: 6.0vw; 
        position: relative;
        left: 0;
        margin-left: 13vw;
        line-height: 109%;
    }section#about p {
        font-size: 4.86vw;
        line-height: 141%;
        white-space: normal;
        margin-left: 13vw;
        padding-right: 10vw;
        margin-top: 4vw;
    }section#about .wrap {
        padding: 0vw 0 10vw 0;
    }h2, h3 {
        font-size: 12.26vw;
        white-space: normal;
        padding-top: 13.1vw;
        padding-left: 8vw;
        padding-right: 8vw;
    }img.like {
        position: relative;
        left: -12vw;
        top: 0;
        right: 0;
        margin: 9vw auto 1vw;
        width: 66vw;
    }#last .label {
        margin: 16vw auto 3.2vw;
        display: block;
        padding: 7.2vw 0 5.7vw;
    }#last .label .check-wrap.abs { 
        top: -10vw;
    }img.next {
        width: 6.2vw;
    }#last .btn {
        margin-top: 3.3vw;
        width: 90vw;
        font-size: 5.9vw;
    }#last p.descr {
        font-size: 4.6vw;
        margin-bottom: 12.7vw;
    }footer {
        text-align: center;
        background: #232323;
        padding: 13vw 0;
    }h2 mark {
        background: white;
        border-radius: 3vw;
        padding: 0 3vw;
    }

    /* -------------------------------------------- */
    /* -------------------------------------------- */
    /* -------------------------------------------- */
    /* -------------------------------------------- */
    #theme--blue section#main {
        height: auto;
        background-size: cover;
        background-position: 0;
        padding-bottom: 6vw;
        background-color: #b9e7f3;
    }#theme--blue #main .wrap {
        padding-top: 9vw;
        padding-left: 0;
    }#theme--blue  h1 { 
        padding-right: 12vw;
    }#theme--blue h1 mark {
        background: white;
        padding: 0 1vw;
        padding-left: 16vw;
        left: 0vw;
    }#theme--blue  section#about {
        overflow: hidden;
        margin-top: -10vw;
    }#theme--blue section#last {
        text-align: center;
    }#theme--blue #last .wrap {
        padding-left: 0;
    }#theme--blue h2, #theme--blue h3 {
        padding-top: 12.1vw;
    }#theme--blue h2 mark {
        margin-left: 0;
    }#theme--blue img.like {
        display: block;
    }#theme--blue h3 {
        padding-top: 1.7vw;
    }#theme--blue #last .label {
        margin: 16.7vw 0 6vw;
        display: block;
        padding: 7.2vw 0 4.7vw 0;
    }#theme--blue #last .label .check-wrap.abs {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: -10vw;
    }#theme--blue .check-wrap.abs img {
        width: 9.4vw;
    }#theme--blue #last .btn {
        margin-left: auto;
    }#theme--blue #last p.descr {
        font-size: 4.67vw;
        margin-bottom: 15.7vw;
        margin-left: 2vw;
    }img.arr {
        display: block;
        left: 1.4vw;
        bottom: -5.6vw;
        width: 5.8vw;
    }

    
    /* -------------------------------------------- */
    /* -------------------------------------------- */
    /* -------------------------------------------- */
    /* -------------------------------------------- */
    #theme--green section#main {
        height: auto;
        text-align: center;
        background-size: cover;
        background-position: top;
        background-size: cover;
    }#theme--green img.logo.abs {
        left: 0vw;
        top: 20.3vw;
        width: 38.3vw;
    }#theme--green #main .wrap {
        padding-top: 83.5vw;
        padding-left: 0;
    }
    #theme--green h1 small {
        display: block;
        font-size: 3.8vw;
        font-weight: 500;
        margin-top: 1vw;
        line-height: 122%;
    }#theme--green h1 {
        background: white;
        border-radius: 60vw 0 0 60vw;
        margin-top: 0;
        margin-left: 14vw;
        margin-right: 0;
        padding-right: 7.5vw;
        text-align: left;
        font-size: 6.35vw;
        font-weight: bold;
        padding-top: 3.9vw;
        padding-bottom: 2vw;
        white-space: normal;
        padding-left: 9vw;
        line-height: 134%;
        padding-bottom: 6vw;
        margin-bottom: 9.4vw;
    }#theme--green h1 + p {
        color: white;
        margin-top: 8vw;
        white-space: normal;
        font-size: 3.8vw;
        line-height: 151%;
        margin-bottom: 6.7vw;
        padding: 0 11vw;
    }#theme--green .btn { 
        font-weight: bold;
        font-size: 4.3vw;
        border-radius: 20vw;
        padding: 2.45vw 0;
        width: 43vw;
        margin: 0 auto;
    }#theme--green p.descr {
        margin: 7.7vw 0 10vw 0;
        font-size: 3.78vw;
        color: white;
        font-weight: 500;
    }#theme--green  section#about {
        overflow: hidden;
        margin-top: 0;
        text-align: right;
    }#theme--green section#about .wrap {
        padding: 8.3vw 0 3.4vw 0;
    }#theme--green h2 {
        padding-top: 0;
        margin-left: 0;
        font-weight: bold;
        padding-right: 9vw;
        padding-left: 0;
        font-size: 6.25vw; 
    }#about ul li:before {
        content: '\2014';
        position: relative;
        left: 0;
        top: 0;
        font-size: 5.5vw;
        font-weight: bold;
        display: inline;
        line-height: 90%;
    }#about ul {
        margin: 2vw 0 0 44vw;
        font-size: 3.1vw;
        font-weight: 500;
        width: 47vw;
    }#about ul strong {
        display: inline;
        font-size: 4.4vw;
        margin-bottom: 0;
    }#about ul li {
        margin-bottom: 3.2vw;
        /* display: block; */
        line-height: 184%;
    } 
    .img-wrap {
        position: absolute;
        left: 0;
        top: 32.75vw;
        /* background: red; */
        background: -webkit-gradient( 
    linear, left top, left bottom, color-stop(26.7%, #C9DD59), to(#BBDD59));
        background: -o-linear-gradient( 
    top, #C9DD59 26.7%, #BBDD59 100%);
        background: linear-gradient( 
    180deg, #C9DD59 26.7%, #BBDD59 100%);
        border-radius: 0 40vw 40vw 0;
        width: 43vw;
        height: 39.6vw;
    }.img-wrap img {
        position: absolute;
        bottom: 0;
        right: -9.7vw;
        width: 68.6vw;
    }.text br{
        display: block;
    }.text {
        text-align: center;
        white-space: pre-line;
        margin-top: 9.7vw;
        font-size: 3.14vw;
        font-weight: 500;
        line-height: 201%;
        padding: 0 12vw;
    }#theme--green  #about:before {
        content: '';
        position: absolute;
        left: 0;
        top: 90vw;
        width: 100%;
        height: 12.4vw;
        background: #CADD5A;
    }.text strong {
        font-weight: 500;
        font-size: 4.4vw;
        display: block;
        margin-top: 6vw;
    }#theme--green section#last {
        background: #CADD5A;
        text-align: center;
        padding-top: 11vw;
    }#theme--green h3 {
        border-radius: 41vw;
        background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #CFE35B), to(#AFD14C));
        background: -o-linear-gradient(0, #CFE35B 0%, #AFD14C 100%);
        background: linear-gradient(0, #CFE35B 0%, #AFD14C 100%);
        font-weight: bold;
        font-size: 6.09vw;
        width: 75vw;
        margin: 0 auto;
        white-space: normal;
        line-height: 135%;
        padding: 3.8vw 0;
    }#theme--green h3 + p {
        white-space: pre-line;
        font-size: 1;
        /* color: white; */
        margin-top: 8.2vw;
        white-space: normal;
        font-size: 4.83vw;
        line-height: 128%;
        font-weight: 500;
        padding: 0px 14vw;
        margin-bottom: 2.3vw;
    }#theme--green #last .btn {
        margin-top: 3.3vw;
        width: 49vw;
        font-size: 4.4vw;
    }#theme--green #last p.descr {
        color: black;
        margin-bottom: 3vw;
        margin: 6.7vw 0 11vw 0;
    }.text span {
        border-bottom: none;
        text-decoration: underline;
    }
    
}