@media all and (max-width:1024px){
    nav.col-8,div.col-8{
        width: 90%;
    }

    .header_layout{
        padding: 80px 0 30px 0;
    }
    .section_01 > img, .section_02 > img{
        width: 50%;
    }
    .section_03_layout{
        width: 100%;
    }
    .section_04{
        right: 20px;
    }
}
@media all and (min-width:786px) and (max-width:1024px){
    html,body{
        font-size: 12px;
    }
    .circle > div, .circle > div > img{
        width: 250px;
        height: 250px;
    }
    .navbar-brand > img{
        width: 30px;
        height: 30px;
    }
    .header_box{
        display: flex;
        flex-direction: row-reverse;
    }
    .header_text{
        width: 53%;
    }
    .navbar > img{
        width: 30%;
    }
    .header_time{
        width: 80%;
        padding: 10px 20px;
    }
    .purple_line{
        height: 170px;
    }
    .footer_logo > img{
        width: 30px;
        height: 30px;
    }
    div.col-3{
        width: 28%;
    }
    .footer_button{
        width: 70%;
    }
    div.footer_left_header{
        width: 40%;
    }

}
@media all and (min-width:320px) and (max-width:785px){
    html,body{
        font-size: 8px;
    }
    .navbar-brand{
        width: 25px;
        height: 25px;
    }
    .header_text{
        width: 100%;
    }
    .header_time{
        position: relative;
        z-index: 54;
    }
    .header_img{
        width: 50%;
    }
    .content_container{
        padding: 50px 0;
    }
    .circle > div, .circle > div > img{
        width: 100px;
        height: 100px;
    }
    .circle{
        padding: 0 0 50px 0;
    }
    .implant::after, .correction::after, .laminate::after{
        padding: 35% 0 0 0;
    }
    .right_01{
        padding: 0 0 0 10px;
    }
    .subtitle_01{
        padding: 10px 0 5px 0;
    }
    .right_02{
        padding: 0 10px 0 0;
    }
    .section_03{
        padding:0;
    }
    .section_03_right{
        padding:0;
    }
    .section_03_img > img{
        width: 150px;
        height: 150px;
    }
    .section_04{
        top:-90px;
    }
    .purple_line{
        height: 100px;
    }
    .section_04_title, .section_04_title > span{
        font-size: 2rem;
    }
    .footer{
        padding:0;
    }
    .footer_logo > img{
        width: 25px;
        height: 25px;
    }
    div.col-3{
        width: 35%;
    }
    div.col-4{
        width: 50%;
    }
    .footer_button{
        width: 100%;
    }
    .footer_left{
        padding: 5px 0;
        align-items: flex-start;
        flex-direction: column;
    }
    .footer_left_header{
        text-align: left;
        line-height: normal;
        padding: 0 0 5px 0;
    }
    .footer_right{
        height: 80px;
    }
}
@media all and (min-width:320px) and (max-width:376px){
    .sub_nav{
        width: 100%;
    }
    .title_01{
        font-size: 2rem;
    }
    .section_04{
        right: 0;
    }
    .purple_line{
        height: 70px;
    }
    .subtitle_01{
        font-size: 1.3rem;
    }
    .footer_logo > img{
        width: 20px;
        height: 20px;
    }
}