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

    main.main .business .business__bg--custom .wrapper-bottom {
        height: 5% ;
        bottom: 8px ;
        width: 100%;
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 21.5%;
        margin-left: -1px;
    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: -3%
    }
    main.main .business .business__bg--custom .business__bg--mid {
        height: 93% ;
        top: 1%
    }
    main.main .business .business__bg--custom .wrapper-top .business__bg--top {

        height: 81%
    }

}
@media only screen and (max-width: 999px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 21.6%;
    }
    main.main .business .business__bg--custom {

        height: 103%;
    }
}
@media only screen and (max-width: 899px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 22.5%;
    }
}
@media only screen and (max-width: 869px){
    main.main .profile {
        margin-top: -15%;
    }
    .m-bottom {
        padding-top: 58%;
    }
    main.main .business .business__bg--custom .wrapper-top {
        height: 4%;
        top: 0;
    }

    main.main .business {
        padding: 150px 0;
        margin-top: -41px;
    }
    main.main .business .business__bg--custom .wrapper-top {
        height: 10%;
    }
    main.main .business .business__bg--custom .business__bg--mid {
        height: 90%;
        top: 4%;
        border-top-left-radius: 120px;
        border-bottom-left-radius: 120px;
    }

    main.main .business .business__bg--custom .wrapper-bottom {
        height: 5%;

    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 13%;
    }


}
@media only screen and (max-width: 799px){
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {

        background-size: 120px 120px;
        background-repeat: no-repeat;
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 13.5%;
        background-size: 120px 120px;
        background-repeat: no-repeat;
    }
    main.main .business .business__bg--custom .business__bg--mid {

        border-top-left-radius: 120px;
        border-bottom-left-radius: 120px;
    }
    main.main .business {

        margin-top: -39px;
    }
    main.main .business .business__bg--custom .wrapper-top .business__bg--top {

        border-bottom-right-radius: 195px;

    }

}
@media only screen and (max-width: 767px) {
    main.main .business .business__bg--custom {
        height: 105%;
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 14.3%;

    }
    main.main .business {
        margin-top: -58px;
    }
    main.main .business .business__bg--custom .wrapper-bottom {
        height: 7%;
    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 4%;

    }

    footer {
        margin-top:15% !important;
    }
    main.main .business .business__content > div .mobile-title {
        display: block !important;
    }
    main.main .business .business__content > div .des-title {
        display: none !important
    }
    .m-bottom {
        padding-top: 70%;
    }
}

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

    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 15%;
    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 4.9% ;
        background-size: 120px 120px;
        background-repeat: no-repeat;
    }
    main.main .business .business__bg--custom .wrapper-top .business__bg--top {
        border-bottom-right-radius: 177px;
    }
}

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

    main.main .business .business__bg--custom .wrapper-top {
        height: 11%;
    }
    main.main .business .business__bg--custom .wrapper-bottom {
        height: 7%;
    }
    main.main .business {
        margin-top: -37px;
    }
    main.main .business .business__bg--custom .wrapper-bottom .business__bg--bottom {
        height: 85%;

    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 5.5%
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 19.5%;
    }
    footer {
        margin-top: 14% !important;
    }
}
@media only screen and (max-width: 560px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 20.7%;
    }
}
@media only screen and (max-width: 499px) {

    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 22%
    }
    main.main .business .business__bg--custom .wrapper-top {
        height: 11%;
    }
    main.main .business {
        margin-top: -31px;
    }
    main.main .business .business__bg--custom .wrapper-top .business__bg--top {
        border-bottom-right-radius: 120px;
    }
}
@media only screen and (max-width: 460px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 23%;
    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 6.5%;
    }
}
@media only screen and (max-width: 425px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 25.9%;
        background-size: 120px 120px;
        background-repeat: no-repeat;
    }
    main.main .business .business__bg--custom .wrapper-top .business__bg--top {
        border-bottom-right-radius: 126px;
    }

    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 6.9% ;
        background-size: 120px 120px;
        background-repeat: no-repeat;
    }

}

@media only screen and (max-width: 375px){
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 29.5%;

    }
    .m-bottom {
        padding-top: 79%
    }
    main.main .business .business__bg--custom .business__bg--mid .bottom-cover {
        margin-bottom: 8% ;
        background-size: 120px 120px;
        background-repeat: no-repeat;
    }
    main.main .business .business__bg--custom .wrapper-bottom .business__bg--bottom {

        border-top-right-radius: 136px;

    }
    header nav.nav .nav__logo {
        margin-top: 140px !important;
    }
}


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

    .m-bottom {
        padding-top: 92%
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 31.6%;
    }
    main.main .business .business__bg--custom .wrapper-bottom .business__bg--bottom {

        border-top-right-radius: 128px;

    }
    main.main .business {
        margin-top: -45px;
    }

}

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

    .m-bottom {
        padding-top: 92%
    }
    main.main .business .business__bg--custom .business__bg--mid .top-cover {
        margin-top: 35%;
    }
    main.main .business .business__bg--custom .wrapper-bottom .business__bg--bottom {

        border-top-right-radius: 128px;

    }
    main.main .business {
        margin-top: -45px;
    }

}