@media all and (max-width:1024px){
    
    .sub_container > div.col-6{
        width: 100%;
    }
    .sub_container{
        margin: 0 auto;
    }
}
@media all and (min-width:786px) and (max-width:1024px){
    html,body{
        font-size: 10px;
    }
    .history{
        padding:40px 50px;
        width: 47%;
    }
    .history::after{
        width: 50%;
    }
    .parking{
        width: 100%;
    }
    .parking > img{
        width: 30%;
    }
    .history_circle{
        right: 70px;
    }
    
}
@media all and (min-width:320px) and (max-width:785px){
    html,body{
        font-size: 8px;
    }
    .history{
        padding:20px;
        width: 80%;
    }
    .parking > img{
        width: 35%;
    }
    .history_did::after{
        left: 1.5px;
    }
    .history_circle{
        width: 15px;
        height: 15px;
        right: 20px;
        top:-10px;
    }
    .treatment_title{
        font-size: 1.675rem;
    }
    .treatment_subtitle{
        font-size: 1.2rem;
    }
}