#productfinder{
    width:100%;
    padding:0 1%;
}

#productresult{
    width:100%;
    padding:0 1%;
    text-align:center;
}

@media only screen and (min-width : 768px) {
    #productfinder {
        width: 48%;
        padding: 0 4%;
        float: left;
    }

    #productresult {
        width: 45%;
        padding: 0 4%;
        float: left;
        text-align: center;
    }
}

#productfinder h2,
#productresult h2{
    display:block;
    font-size:22px;
    margin:1em 0 .3em 0;
    font-weight:bold;
}

#productfinder p,
#productresult p{
    margin:0;
    padding-bottom:1.2em;
    font-size:1.1em;
    color:#333;
}

#productfinder h4{
    font-size:16px;
    color:#777;
    padding:0;
    margin:0;
    font-weight:normal;
}

#productfinder h5{
    font-size:18px;
    padding:0;
    margin:0 0 8px 0;
}

#productfinder label{
    width:100%;
    height:1.8em;
    padding:0;
}

#productfinder input{
    margin: 0 12px;
}

#productfinder .question-block{
    border:1px solid #aaa;
    border-top:none;
    clear:both;
    padding:12px 4%;
    width:100%;
}

@media only screen and (min-width : 768px) {
    #productfinder .question-block{
        width: 90%;
    }
}

#productfinder .question-block.first{
    border-top:1px solid #aaa;
}

#productfinder .btn{
    padding:4px 8px;
    margin-right:8px;
}

#productresult div.product-image{
    display:block;
    margin: 2em auto;
    width:300px;
    height:300px;
    background: transparent url('../img/set.jpg');
    margin-left: -20px;
}

@media only screen and (min-width : 768px) {
    #productresult div.product-image {
        margin-left: auto;
    }
}