@media all and (min-width: 1301px) {
    .logo{
        margin: 0 30px;
        width: 240px;
    }
    .img-header{
        margin: 0 40px;
    }
}
@media all and (max-width: 1300px) {
    .wrap-img{
        width: 800px;
    }
    .girl{
        width: 240px !important;
    }
    .img-header{
        width: 150px !important;
        margin: 0 40px;
    }
}

@media all and (max-width: 1120px) {
    .girl{
        width: 200px !important;
    }
    .img-header{
        width: 140px !important;
    }
    .logo{
        width: 240px;
        margin-bottom: 30px;
    }
}

@media all and (max-width: 1050px) {
    .girl{
        display: none;
    }
    /*.header-large{*/
        /*display: none !important;*/
    /*}*/
    /*.header-normal{*/
        /*display: flex !important;*/
    /*}*/
    /*.img-header{*/
        /*margin-top: 10px !important;*/
    /*}*/
}

@media all and (max-width: 860px) {
    .logo{
        width: 180px !important;
    }
    .header-large{
        display: none !important;
    }
    .header-normal{
        display: inline-block !important;
    }
    .img-header{
        margin: 0 10px !important;
        /*margin-top: 10px !important;*/
        
    }
    /*.body-fix{*/
        /*margin-left: 300px !important;*/
    /*}*/
    .logo{
        /*width: 40% !important;*/
        margin: 0;
    }
}
@media all and (max-width: 640px) {
    .logo{
        width: 140px !important;
        margin-top: 0px;
    }
    .header-normal{
        display: none !important;
    }
    .header-small{
        display: block !important;
    }
    .img-header{
        width: 150px !important;
        margin: 0px !important;
        margin-bottom: 30px !important;
    }
    .wrap-img{
        width: 500px;
        margin-top: 50px;
    }
}

@media all and (max-width: 500px) {
    .wrap-img{
        width: 370px;
        margin-top: 1px;
    }
    .img-header{
        width: 135px !important;
        margin: 0px !important;
        margin: 30px 0;
    }

    /*.guide-ios{*/
        /*width: 350px;*/
    /*}*/
}

@media only screen and (max-device-width: 456px) {
    .img-header{
        width: 120px !important;
        margin: 0px !important;
        margin-bottom: 30px !important;
    }
    /*.header-small{
        display: none !important;
    }
    .header-small-phone{
        display: block !important;
    }*/
}

@media only screen and (max-device-width: 380px) {

    .img-header{
        width: 90px !important;
        margin: 0px !important;
        margin-bottom: 30px !important;
    }
    .wrap-img{
        width: 326px;
        margin-top: -35px;
    }
    

}
@media only screen and (max-device-width: 320px) {
    .img-header{
        width: 70px !important;
        margin: 0px !important;
    }
    
    .wrap-img{
        width: 272px;
    }
}
@media only screen and (max-width: 250px) {
    .img-header{
        width: 55px !important;
        margin: 0px !important;
    }
    /*.header-small{
        display: none !important;
    }
    .header-small-phone{
        display: inline-block !important;
    }*/

}
/*@media all and (max-width: 600px) {*/
    /*.body-fix{*/
        /*margin-left: 100px !important;*/
    /*}*/
/*}*/

/*@media all and (max-width: 500px) {*/
    /*.body-fix{*/
        /*margin-left:20px !important;*/
    /*}*/
/*}*/

/*@media all and (max-width: 710px) {*/
    /*.ul-large a{*/
        /*padding: 5px 0px !important;*/
        /*font-size: 12px !important;*/
    /*}*/
/*}*/
@media all and (max-width: 710px) {

}
@media all and (min-width: 800px) {

}