@media all and (max-width:1024px){
    /* header */
    .logo > span{
        letter-spacing: 0.5;
    }
    /* header */


    /* footer */
    .phone_num{
        display: none;
    }
    .move img{
        display: none;
    }
    /* footer */
}
@media all and (min-width:786px) and (max-width:1024px){
    html{
        font-size: 12px;
    }
    .content_layout{
        width: 56%;
    }
    .sun_loan{
        padding: 30px 50px 40px 30px;
    }
    div.col-8{
        width: 90%;
    }
    .autoloan{
        font-size: 3.5rem;
    }
}
@media all and (min-width:320px) and (max-width:785px){
    html{
        font-size: 8px;
    }
    /* header */
    .nav{
        display: none !important;
    }
    #header, .main_header{
        width: 90% !important;
    }
    .mobile_header{
        display: block;
        cursor: pointer;
    }

    /* header */

    div.col-8{
        width: 100%;
    }
    .form{
        padding:10px;
    }
    .content_layout{
        width: 100%;
    }
    .form_title{
        font-size: 1.8rem;
    }
    div.form_subtitle{
        font-size: 1.0rem;
    }
    .private_check{
        font-size: 1.1rem;
    }
    .private_check > input{
        width: 10px;
    }
    .rock_img > img{
        width: 80%;
    }
    .autoloan{
        font-size: 3.5rem;
    }

    div.footer_num , div.footer_name{
        width: 100%;
        padding:3px 0;
    }
    .footer{
        padding: 20px 0;
    }
}