@media screen and (max-width: 1024px) {
    .wrap {
        width:100%;
    }
    header, section, footer {
        padding:10px!important;
    }
    footer {
        padding:20px 10px!important;
    }
}
@media screen and (max-width: 930px) {
    section#form .phase .column {
        width:100%!important;
    }
}
@media screen and (max-width: 640px) {
    section#path ul, section#path #clear {
        width:100%;
    }
    button.go, .button.back {
        width:48%;
    }
    section#path #clear {
        margin-top:10px;
    }
    section#form .phase .product h4 {
        margin:0;
        line-height:20px;
        width:100%;
        margin-bottom:10px;
        padding-left:0;
    }
    section#form .phase .product .controls, section#form .phase .product .checkbox {
        position:relative;
        left:0;
        top:0;
    }
    section#form .phase .product > i {
        position:absolute;
        top:0px;
        right:0px;
    }
}
@media screen and (max-width: 360px) {
    .wrap {
        width:360px;
    }
}