.divlayout{
    width:100%;
    background-color:#fff;
    text-align:justify;
    display: table;
}
.item_div_layout{
    margin-left:auto;
    margin-right:auto;
    width:1200px;
    display:table;
}
.padding_top_bottom{
    padding-bottom:2%;
    padding-top:2%;
}
.padding_bottom{
    padding-bottom:2%;
}
.margin_top{
    margin-top:1%;
}
.calculator_title{
    font-size:1.5em;
    font-weight:bold;
    padding-left:2%;
    padding-bottom:0.5em;
    color:#de7d60;
}

.calculator_title_line{
    border-top:2px solid #de7d60;
}
.calculator_title_semi_circle{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #de7d60;
    background-color: #fff;
    margin: -0.5em 0 0 2%;
    position: absolute;
    clip: rect(0px,25px,8px,0px);
}
.weight_info{
    background-color:#de7d60;
    border-radius:60px;
    padding:2% 0;
    color:#fff;
    text-align: center;
    width:68%;
    float:left;
    margin-top: 3%;
}
.yourbloodtype{
    width:50%;
    float:left;
}
.bloodtypeofspouse{
    width:50%;
    float:left
}
.start_test{
    background-color:#dcb96e;
    color:#fff;
    padding:2% 3%;
    border-radius:60px;
    text-align:center;
    cursor:pointer;
    width:8%;
    float:left;
    margin:3% 0 0 2%;
}
.reset{
    background-color:#bbb9b9;
    color:#fff;
    padding:2% 3%;
    border-radius:60px;
    text-align:center;
    cursor:pointer;
    width:8%;
    float:left;
    margin:3% 0 0 2%;
}
.test_result{
    border: 1px solid #de7d60;
    border-radius: 60px;
    padding: 1.5% 2%;
    margin: 3% auto 0 auto;
    width: 96%;
}
   
.test_result_title{
    color:#de7d60;
    font-size:1.2em;
    font-weight:bold;
    
}
.prompt{
    padding:0 0 0 2%;
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
     .item_div_layout{
        width:96%;
    }
     .padding_top_bottom{
        padding: 4% 0;
     }
     .calculator_title{
        padding-bottom: 1em;
        padding-left: 0;
    }
    .weight_info{
        width:100%;
        padding: 4% 0;
        margin-top:5%;
    }
    .start_test{
        margin: 3% 0 0 25%;
        padding: 1% 2%;
        border-radius: 10px;
        width: 20%;
    }
    .reset{
        margin: 3% 0 0 5%;
        padding: 1% 2%;
        border-radius: 10px;
        width: 20%;
    }
    .calculator_title_semi_circle{
        margin: -0.65em 0 0 2%;
    }
}
@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    .item_div_layout{
        width:96%;
    }
    .padding_top_bottom{
        padding: 4% 0;
     }
     .calculator_title{
        padding-bottom: 0.8em;
        padding-left: 0;
    }
    .weight_info{
        width:100%;
        padding: 3% 0;
        margin-top:3%;
    }
    .start_test{
        margin: 3% 0 0 25%;
        padding: 1% 2%;
        border-radius: 10px;
        width: 20%;
    }
    .reset{
        margin: 3% 0 0 5%;
        padding: 1% 2%;
        border-radius: 10px;
        width: 20%;
    }
    .calculator_title_semi_circle{
        margin: -0.65em 0 0 2%;
    }
}