@media only screen and (max-width: 1200px) {
    .hide_mobile {
        display: none;
    }
    
    .hide_pc {
        display: block;
    }
    
    h1 {
        font-size: 32px
    }
    
    h2 {
        font-size: 27px;
    }
    
    /* =================== header =================== */
    
    .logo_warp {
        text-align: center;
        margin: 0 auto;
    }
    
    #logo {
        margin-top: 15px;
        top: 0;
        float: none;
    }

    .slicknav_menu {
        display: block;
    }
    
    #main_image {
        display: none;
    }
    
    #page_clear {
        height: 60px;
    }
    
    /* =================== footer =================== */
    
    #fot_soc {
        
    }
    
    /* =================== home page =================== */
    
    .page-4 #home_warp {
        margin-top: 0;
    }
    .wheels .give_me_border {
        border-right: 0;
    }
    
    .content-box .banner {
        min-height: 0;
    }
    
    .content-box h2 {
        font-size: 27px;
    }
    
    
    
}