@media screen and (max-width: 609px) and (min-width: 320px) {
    .button {
        width: 275px;
        height: 50px;
        font-family: 'geometrialight', arial, sans-serif;
        line-height: 52px;
        font-size: 22px;
    }
    .button.red {
        background: url(../img/button.png) no-repeat 0 0;
    }
    .button.yellow {
        background: url(../img/button2.png) no-repeat 0 0;
    }
    .button.long {
        width: 225px;
        background: url(../img/button3.png) no-repeat 0 0;
    }
    /* header */
    #header h2 p {
        background: #ffd200;
        padding: 5px 5px 10px 5px;
    }
    #header h2 br {
        display: none;
    }
    #header h2 span {
        font-size: 18px;
        line-height: 24px;
        display: inline;
        padding: 0 !important;
    }
    #header .dark {
        margin: 0;
    }
    #header .dark ul {
        width: auto;
        padding: 0 20px 10px 20px;
        float: none;
        line-height: 24px;
    }
    #header .dark ul li {
        width: auto;
        background: url(../img/check.png) no-repeat 0 0;
        padding: 4px 0 15px 40px;
    }
    #header .sale {
        padding: 20px 0 0 0;
        font-size: 24px;
    }
    /* form */
    #form .dark {
        height: 540px;
        margin: 0;
    }
    /* form2 */
    #form2 h2 p {
        background: #ffd200;
        padding: 5px 5px 10px 5px;
    }
    #form2 h2 br {
        display: none;
    }
    #form2 h2 span {
        font-size: 18px;
        line-height: 24px;
        display: inline;
        padding: 0 !important;
    }
    /* form4 */
    #form4 h2 p {
        background: #ffd200;
        padding: 5px 5px 10px 5px;
    }
    #form4 h2 br {
        display: none;
    }
    #form4 h2 span {
        font-size: 18px;
        line-height: 24px;
        display: inline;
        padding: 0 !important;
    }
    /* pressa */
    #pressa .item {
        padding: 0 15px 20px 15px;
        font-size: 16px;
    }
    #pressa h1 {
        font-family: 'geometrialight', arial, sans-serif;
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        color: #fff;
        padding: 25px 0 25px 0;
    }
    /* reviews */
    #reviews {
        padding: 0 15px;
    }
    /* form6 */
    #form6 .form-box {
        padding: 47px 0 63px 150px;
    }
    #form6 .form-box img {
        width: 80px;
        top: -28px;
        left: 60px;
    }
}

@media screen and (max-width: 550px) and (min-width: 320px) {
    /* components */
    #components h1 {
        font-size: 24px;
        text-align: center;
        padding: 40px 0 35px 0;
    }
    #components .item ul {
        padding: 0 10px;
    }
    #components .item ul li {
        font-size: 16px;
    }
    #components h3 {
        font-family: 'geometrialight', arial, sans-serif;
        font-size: 26px;
        line-height: 26px;
        text-align: center;
        padding: 20px 0 20px 0;
    }
    #components .text {
        font-size: 15px;
        padding: 0 10px 10px 10px;
        line-height: 20px;
    }
    /* steps */
    #steps {
        background: url(../img/steps.jpg) no-repeat center bottom;
        height: auto;
        padding: 0 0 80px 0;
    }
    #steps h1 {
        font-size: 29px;
    }
    #steps .text {
        margin: 0px;
    }
    /* why you */
    #why-you ul {
        padding: 0 10px;
    }
    /* doctor */
    #doctor {
        background: none;
        height: auto;
        padding: 0 0 20px 0;
    }
    #doctor h1 {
        text-align: center;
        padding: 30px 0;
    }
    #doctor h1 span {
        font-family: 'geometriabold', arial, sans-serif;
    }
    #doctor p {
        padding: 0 20px;
    }
    #doctor .name {
        text-align: center;
        padding: 30px 0 0 0;
    }
}

@media screen and (max-width: 480px) and (min-width: 320px) {
    /* form6 */
    #form6 {
        height: 480px;
        padding: 0 0 0 0;
    }
    #form6 .form-box {
        border: 0;
        padding: 37px 20px 63px 20px;
    }
    #form6 .form-box img {
        width: 100px;
        position: relative;
        margin: 0 auto;
        top: auto;
        left: auto;
        display: block;
    }
    #form6 h1 {
        font-family: 'geometrialight', arial, sans-serif;
        text-align: center;
        font-size: 26px;
        line-height: 26px;
        color: #fff;
        padding: 30px 0 25px 0;
    }
    #form6 h1 span {
        font-family: 'geometriabold', arial, sans-serif;
    }
}