@media only screen and (min-width: 48em) {
    #hero{
        height: 237px;
        padding-bottom: 0;
    }
    #solution .content{
        width: 60%;
        padding-right: 0;
        float: right;
        padding-top: 50px;
    }
    #solution .dr{
        float: left;
        width: 38%;
        height: 455px;
        display: block;
        background: url(../images/dr.png) no-repeat bottom left;
        margin-top: 15px;
        margin-left: -15px;
        -moz-background-size:contain;
        -webkit-background-size:contain;
        background-size: contain;
    }
    #pricing-table{
        width: 758px;
        margin: 40px auto 0;
    }
    #pricing-table .table{
        width: 364px;
        position: relative;
        background: #fff;
        text-align: center;
        margin-bottom: 0;
    }
    #pricing-table .table.c{
        float: left;
    }
    #pricing-table .table.e{
        float: right;
    }
    
    #product{
        position: relative;
        padding: 60px 28px 30px;
    }
    #product h1{
        font-size: 50px;
        line-height: 50px;
    }
    #product h1 span{
        font-size: 30px;
        line-height: 30px;
    }
    #product .option h1 span{
        font-size: 40px;
        line-height: 40px;
    }
    #product .option{
        padding: 40px;
    }
    
    #price h1{
        font-size: 50px;
        line-height: 50px;
    }
    #price h2{
        font-size: 30px;
        line-height: 30px;
    }
    #price-bottom{
        height: 325px;
        padding-top: 40px;
        padding-bottom: 0px;
    }
    #price-bottom h1 {
        font-size: 70px;
        line-height: 70px;
    }
    #price-bottom h2{
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    
    #signature h1{
        font-size: 50px;
        line-height: 50px;
    }
    #signature h2{
        font-size: 30px;
        line-height: 30px;
    }
    #signature h2.title{
        font-size: 25px;
    }
    
    #footer{
        font-size: 70px;
        line-height: 70px;
    }
    
}
@media only screen and (min-width: 62em) {
    #intro .content{
        width: 686px;
        float: right;
        padding-top: 40px;
        padding-right: 40px;
    }
    #intro .man{
        float: left;
        margin-left: -95px;
        margin-top: -15px;
        display: block;
        width: 410px;
        height: 575px;
        position: relative;
        z-index: 2;
    }
    
    #problem .container{
        padding-left: 29px;
        padding-right: 29px;
    }
    #problem .problem-img{
        float: right;
        margin-left: 29px;
    }
    
    #system .step{
        padding: 20px 28px 20px 70px;
    }
    #system .step:after{
        left: 28px;
    }
    #system ol.list-numbered{
        margin-left: 25px;
    }
    
    #solution .content{
        width: 588px;
        padding-right: 28px;
        float: right;
        padding-top: 50px;
    }
    #solution .dr{
        float: left;
        width: 413px;
        height: 455px;
        display: block;
        background: url(../images/dr.png) no-repeat;
        margin-top: 15px;
        margin-left: -15px;
    }
    #solution .features{
        width: 952px;
        height: 358px;
        display: block;
        margin: 0 auto 20px;
        padding-left: 48px;
        padding-top: 30px;
        color: #fff;
        background: url(../images/features-bg.png) no-repeat;
        font-size: 20px;
    }
    #solution .features ul{
        margin-left: 48px;
    }
    .testimonial{
        padding-right: 29px;
    }
    .testimonial .photo{
        width: 126px;
        float: left;
        margin-top: 25px;
    }
    .testimonial .testimonial-content{
        width: 850px;
        float: right;
    }
    
    #guarantee .container{
        padding-left: 28px;
        padding-right: 28px;
    }
    #guarantee h1{
        font-size: 50px;
        line-height: 50px;
    }
    #guarantee .subtitle{
        font-size: 28px;
        line-height: 30px;
        font-weight: 700;
        padding-top: 20px;
    }
    #guarantee .features ul{
        margin-left: 28px;
    }
    #guarantee .features ul li{
        padding-left: 40px;
    }
    
    #system .graph{
        margin-top: 30px;
        float: right;
        margin-left: 29px;
    }
    #system .highlights{
        width: 1073px;
        margin-left: -65px;
        background: url(../images/system-highlights.png) no-repeat;
        height: 629px;
        margin-top: 60px;
        color: #fff;
        padding-top: 40px;
        padding-left: 120px;
        padding-right: 25px;
    }
    #system .highlights h2{
        padding-left: 260px;
    }
    #system .highlights ul{
        padding-left: 260px;
    }
    
    #guarantee .features{
        width: 952px;
        height: 358px;
        display: block;
        margin: 0 0 20px;
        padding-left: 48px;
        padding-top: 30px;
        color: #fff;
        background: url(../images/features-bg.png) no-repeat;
        font-size: 20px;
    }
    #guarantee .features ul{
        margin-left: 48px;
    }
    #price{
        padding-bottom: 100px;
    }
    
    #qa{
        padding: 100px 28px 60px;
    }
    #qa h1{
        font-size: 50px;
        line-height: 50px;
        margin: 0;
    }
    #qa h2{
        font-size: 30px;
        line-height: 30px;
    }
    
    
    
}
@media only screen and (max-width: 30em) {}