@media all and (max-width:1024px){
    .logo > span{
        letter-spacing: 0.5;
    }
    .content_container{
        padding:0;
    }
    .content_form::after{
        display: none;
    }
    .phone_num{
        display: none;
    }
    .move img{
        display: none;
    }
    .content {
        padding:  0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100% !important;
    }
    .header_girl{
        display: none;
    }
    .section2{
        padding: 50px 0;
    }
    .content_form{
        width: 100% !important;
    }
    .section1_content > img{
        width: 100%;
        height: 100%;
    }
    .review{
        display: flex;
    }
    .review > img{
        width: 33%;
    }
    .footer_container {
        width: 90% !important;
    }

}

@media all and (min-width:786px) and (max-width:1024px){
    html{
        font-size: 10px;
    }
    .submit{
        height: 40px;
    }
    
}

@media all and (min-width:320px) and (max-width:785px){
    html{
        font-size: 7px;
    }
    .nav{
        display: none !important;
    }
    #header, .main_header{
        width: 90% !important;
    }
    .side_button{
        height: 100px;
        right: 0;
    }
    .side_button > div > img{
        width: 25px;
    }
    .mobile_header{
        display: block;
        cursor: pointer;
    }
    .main_header_title{
        padding:0;
    }
    .content_container{
        background-position: 0px 300px;
    }
    .content_form{
        width: 100% !important;
        padding: 0;
    }
    .content_form *{
        padding: 2px 0;
    }
    .private_insert{
        width: 100% !important;
    }
    .private_insert > input{
        margin: 5px 0;
        height: 25px;
        font-size: 1.25rem;
    }
    .private_check > input{
        width: 10px;
        height: 10px;
    }
    .submit{
        height: 30px;
    }
    .section1{
        flex-direction: column;
        align-items: center;
    }
    .section1_content > *{
        padding : 10px 0 0 0;
    }
    .section1_content{
        width: 80%;
        margin-bottom : 10px;
        padding: 5px 0;
    }
    .section1_content > img{
        width: 40%;
    }
    .move{
        padding: 7px 30px;
    }
    .review{
        flex-direction: column;
        align-items: center;
        padding: 20px 0 0 0;
    }
    .review > img{
        width: 60%;
    }
    .footer {
        padding: 50px 0 0 0;
    }
    .footer_left > .col-3{
        width: 30%;
    }
    .content_form {
        border-radius: 0;
        bottom: 0;
    }
    .content_form > form {
        flex-direction: column;
    }
    .submit {
        width: 100% !important;
        border-radius: 0;
    }

}