.details {
    width: 100%;
}

.title {
    color: #858585;
    font-size: 0.8vw;
    margin: 10px 0;
}

.content {
    background-color: white;
    box-shadow: 0 0 10px #e3e3e3;
    padding: 2.5vw;
}

.txt1 {
    font-size: 1.7vw;
}

.txt2 {
    font-size: 0.8vw;
    margin: 0.8vw 0;
}

.detailsbox {
    margin-top: 1.6vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detailsbox>img {
    width: 60%;
    margin: 0.3vw auto;
}

.btnbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.btn {
    width: 49%;
    display: flex;
    font-size: 0.8vw;
    margin-top: 0.8vw;
    flex-direction: column;
}

.gery {
    color: #727272;
}

.lastbox {
    text-align: left;
}

.nextbox {
    text-align: right;
}
@media only screen and (orientation: portrait){
    .container{
        margin-left: 0px;
    }
    .title,.txt1{
        font-size: 30px;
    }
    .txt2{
        font-size:20px;
     }
    .detailsbox p{
        font-size: 30px;
    }
    .left .span{
        width:15px !important;
        height:15px!important;
    }
}