/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 1900px){
    .desktop-title{
        display: table !important;
        margin: 0 auto;
    }
    .desktop-title h3{
        display: table;
    }
    .fault-wrp .section-title{
        max-width: unset;
        width: auto;
    }
    .customer-left .section-small-title{
        letter-spacing: 0.06em;
    }
    .desktop-title h3{
        letter-spacing: 0.05em;
    }

}


@media (min-width: 1200px) and (max-width: 1920px) {
    .container {
        max-width: 1118px;
    }

    /* .about-main .block-part br {display: none;} */
}

@media (min-width: 1500px) and (max-width: 1599px) {

    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-530px, -50px);
        -webkit-transform: translate(-530px, -50px);
        -moz-transform: translate(-530px, -50px);
        -ms-transform: translate(-530px, -50px);
        -o-transform: translate(-530px, -50px);
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(270px, -40px);
        -webkit-transform: translate(270px, -40px);
        -moz-transform: translate(270px, -40px);
        -ms-transform: translate(270px, -40px);
        -o-transform: translate(270px, -40px);
    }

    /*banner*/

    /*about section start*/
    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    /*about section end*/
}

@media (min-width: 1400px) and (max-width: 1499px) {

    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-530px, -50px);
        -webkit-transform: translate(-530px, -50px);
        -moz-transform: translate(-530px, -50px);
        -ms-transform: translate(-530px, -50px);
        -o-transform: translate(-530px, -50px);
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(270px, -40px);
        -webkit-transform: translate(270px, -40px);
        -moz-transform: translate(270px, -40px);
        -ms-transform: translate(270px, -40px);
        -o-transform: translate(270px, -40px);
    }

    .banner-wrp {
        padding: 72px 0 0 0;
    }

    /*banner*/

    /*about section start*/
    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 151px;
    }

    .about-main .block-part {
        margin: 40px 156px 47px 156px;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -100px;
        height: 150px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 110px;
    }

    /*about section end*/
}

@media (min-width: 1300px) and (max-width: 1399px) {

    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-410px, -50px);
        -webkit-transform: translate(-410px, -50px);
        -moz-transform: translate(-410px, -50px);
        -ms-transform: translate(-410px, -50px);
        -o-transform: translate(-410px, -50px);
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(210px, -40px);
        -webkit-transform: translate(210px, -40px);
        -moz-transform: translate(210px, -40px);
        -ms-transform: translate(210px, -40px);
        -o-transform: translate(210px, -40px);
    }

    .banner-wrp .banner-shape-8 {
        top: -10px;
        left: -60px;
    }

    .banner-wrp {
        padding: 42px 0 0 0;
    }

    .banner-wrp .banner-shape-10 {
        transform: translate(-30px, 100px);
        -webkit-transform: translate(-30px, 100px);
        -moz-transform: translate(-30px, 100px);
        -ms-transform: translate(-30px, 100px);
        -o-transform: translate(-30px, 100px);
    }

    /*banner*/

    /*about section start*/
    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 151px;
    }

    /* .about-main .block-part { margin: 52px 167px 47px 167px; } */
    .about-wrp .about-bottom-image-2 {
        bottom: -60px;
        height: 150px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 110px;
    }

    /*about section end*/
}

@media (min-width: 1200px) and (max-width: 1299px) {

    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-410px, -50px);
        -webkit-transform: translate(-410px, -50px);
        -moz-transform: translate(-410px, -50px);
        -ms-transform: translate(-410px, -50px);
        -o-transform: translate(-410px, -50px);
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(180px, -40px);
        -webkit-transform: translate(180px, -40px);
        -moz-transform: translate(180px, -40px);
        -ms-transform: translate(180px, -40px);
        -o-transform: translate(180px, -40px);
    }

    .banner-wrp .banner-shape-8 {
        top: -30px;
        left: -90px;
    }

    .banner-wrp {
        padding: 42px 0 0 0;
    }

    .banner-wrp .banner-shape-9 {
        transform: translate(-90px, 360px);
        -webkit-transform: translate(-90px, 360px);
        -moz-transform: translate(-90px, 360px);
        -ms-transform: translate(-90px, 360px);
        -o-transform: translate(-90px, 360px);
    }

    .banner-wrp .banner-shape-10 {
        transform: translate(-30px, 100px);
        -webkit-transform: translate(-30px, 100px);
        -moz-transform: translate(-30px, 100px);
        -ms-transform: translate(-30px, 100px);
        -o-transform: translate(-30px, 100px);
    }

    .banner-wrp .banner-shape-1 {
        position: absolute;
        bottom: -150px;
        right: 0px;
    }

    /*banner*/

    /*about section start*/
    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 151px;
    }

    .about-main .block-part {
        margin: 40px 156px 47px 156px;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -100px;
        height: 150px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 110px;
    }

    /*about section end*/

    /*report section start*/
    .report-right .block-title {
        padding: 41px 74px 41px 74px;
    }

    .report-main .inner-detail {
        padding: 100px 0 0 0;
    }

    .report-main .inner-detail span {
        padding: 40px 0 0 0;
    }

    .report-main .section-title {
        font-size: 30px;
        line-height: 48px;
        padding: 26px 0 19px;
    }

    .report-wrp .customer-design-image-1,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-2 {
        height: 70px;
    }

    .report-quote .block-title {
        font-size: 18px;
        line-height: 28px;
    }

    /*report section end*/

    /*fault start*/
    .fault-wrp {
        padding: 63px 0;
    }

    /*fault end*/

    /*mistake section start*/
    .mistake-bottom .row {
        margin: 0 -40px;
    }

    .mistake-bottom .row>* {
        padding: 0 40px;
    }

    /*mistake section end*/

    /*client section start*/
    .client-wrp {
        padding: 102px 0 71px 0;
    }

    .client-right .detail {
        padding-bottom: 40px;
    }

    /*client section end*/

    /*web planning start*/
    .web-planning-main .row {
        margin: 0 -42px;
    }

    .web-planning-main .row>* {
        padding: 0 42px;
    }

    .web-planning-right img {
        height: 500px;
    }

    /*web planning end*/

    /*income section start*/
    .income-left {
        margin: 0px 30px 0 30px;
    }

    /*income section end*/

    /*job section start*/
    .job-wrp .job-title .section-title {
        padding: 38px 0 39px 0;
    }

    .job-wrp {
        padding: 80px 0 159px 0;
    }

    /*job section end*/

    /*intro section start*/
    .intro-wrp {
        padding: 122px 0 150px 0;
    }

    /*intro section end*/
}

@media (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1199px) {
    .income-wrp .block-title h3 { font-size: 20px; line-height: 38px; }
    .estimate-part .section-title {max-width: 539px !important;}
    .things-inner-block .detail br {display: none;}
    .apply-shape-2 { position: absolute; top: -130px; right: 0; height: 200px; }
    /* .things-main .things-inner-block {padding: 40px 10px;}     */
    .things-main .things-inner-block .section-sub-title {font-size: 18px; line-height: 29px;}
    .like-right p {font-size: 15px; line-height: 26px;}
    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-270px, -50px);
        -webkit-transform: translate(-270px, -50px);
        -moz-transform: translate(-270px, -50px);
        -ms-transform: translate(-270px, -50px);
        -o-transform: translate(-270px, -50px);
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(130px, -50px);
        -webkit-transform: translate(130px, -50px);
        -moz-transform: translate(130px, -50px);
        -ms-transform: translate(130px, -50px);
        -o-transform: translate(130px, -50px);
    }

    .banner-wrp .banner-shape-8 {
        top: -30px;
        left: -50px;
        height: 90px;
        width: 140px;
    }

    .banner-wrp {
        padding: 72px 0 0 0;
    }

    .banner-wrp .banner-shape-9 {
        transform: translate(-90px, 160px);
        -webkit-transform: translate(-90px, 160px);
        -moz-transform: translate(-90px, 160px);
        -ms-transform: translate(-90px, 160px);
        -o-transform: translate(-90px, 160px);
        height: 130px;
        width: 130px;
    }

    .banner-wrp .banner-shape-10 {
        transform: translate(-60px, 110px);
        -webkit-transform: translate(-50px, 80px);
        -moz-transform: translate(-60px, 110px);
        -ms-transform: translate(-60px, 110px);
        -o-transform: translate(-60px, 110px);
        height: 130px;
    }

    .banner-wrp .banner-shape-1 {
        position: absolute;
        bottom: -60px;
        right: 0px;
        height: 160px;
    }

    .banner-wrp .banner-shape-6 {
        width: 120px;
    }

    .banner-image {
        max-width: 760px;
        margin: 0 auto;
    }

    /* .banner-wrp img {width: 100px;} */
    /*banner*/

    /*about section start*/
    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 90px;
    }

    .about-main .block-part {
        margin: 30px 116px 30px 116px;
        padding: 45px 75px;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -90px;
        height: 110px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 110px;
    }

    .section-sub-title {
        font-size: 24px;
        line-height: 43px;
    }

    .block-quote-part p {
        font-size: 24px;
        line-height: 54px;
    }

    .planning-list .form-check-input {
        width: 25px;
        height: 25px;
    }

    .block-quote-part {
        padding: 26px 26px 26px;
    }

    .section-title {
        font-size: 36px;
        line-height: 42px;
    }

    .planning-section {
        padding: 57px 0 22px 0;
    }

    .about-main .about-bottom-small-title p {
        padding-bottom: 20px;
    }

    .planning-right {
        max-width: 396px;
        max-height: 396px;
        margin: 0 auto;
    }

    .planning-right img {
        height: 470px;
    }

    .about-wrp {
        padding: 50px 0 50px 0;
    }

    /*about section end*/

    /*customer start*/
    .customer-bottom .row {
        margin: 0 -14px;
    }

    .customer-bottom .row>* {
        padding: 0 14px;
    }

    .customer-main .section-title {
        padding: 32px 0 82px 0;
    }

    .customer-bottom {
        padding: 0 0 70px 0;
    }

    .customer-inner-block .detail p {
        font-size: 15px;
        line-height: 28px;
    }

    /*customer end*/

    /*report section start*/
    .report-right .block-title {
        padding: 30px 34px 30px 34px;
    }

    .report-right .block-title::after {
        border-top-width: 26px;
        border-bottom-width: 26px;
        border-right: 48px solid #F2F2F2;
    }

    .report-main .inner-detail {
        padding: 100px 0 0 0;
    }

    .report-main .inner-detail span {
        padding: 40px 0 0 0;
    }

    .report-main .section-title {
        font-size: 30px;
        line-height: 48px;
        padding: 26px 0 19px;
    }

    .report-wrp .customer-design-image-1,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-2 {
        height: 70px;
    }

    .report-quote .block-title {
        font-size: 18px;
        line-height: 27px;
        padding: 16px 17px;
    }

    .report-left {
        max-width: 358px;
        max-height: 358px;
    }

    .report-left img {
        height: 386px;
    }

    .report-main .section-small-title {
        font-size: 18px;
    }

    .report-main .section-small-title span {
        padding: 30px 0 0 0;
    }

    .report-wrp {
        padding: 72px 0 90px 0;
    }

    /*report section end*/

    /*fault start*/
    .fault-wrp {
        padding: 53px 0;
    }

    .fault-wrp .section-title {
        max-width: 595px;
        font-size: 24px;
        line-height: 40px;
    }

    /*fault end*/

    /*mistake section start*/
    .block-title {
        font-size: 22px;
        line-height: 38px;
    }

    .mistake-bottom .row {
        margin: 0 -20px;
    }

    .mistake-bottom .row>* {
        padding: 0 20px;
    }

    .mistake-right .detail {
        padding: 20px 0;
    }

    p {
        font-size: 17px;
        line-height: 32px;
    }

    .mistake-bottom {
        padding: 117px 0 0 0;
    }

    /*mistake section end*/

    /*client section start*/
    .client-wrp {
        padding: 102px 0 71px 0;
    }

    .client-right .detail {
        padding-bottom: 40px;
    }

    .client-wrp .row>* {
        padding: 0 16px;
    }

    .client-wrp .row {
        margin: 0 -16px;
    }

    /*client section end*/

    /*web planning start*/
    .web-planning-wrp {
        padding: 87px 0 0 0;
    }

    .web-planning-main .row {
        margin: 0 -22px;
    }

    .web-planning-main .row>* {
        padding: 0 22px;
    }

    .web-planning-right img {
        height: 430px;
    }

    .web-planning-main {
        padding: 78px 0 0 0;
    }

    .web-planning-right {
        text-align: center;
    }

    .web-planning-left .block-title {
        margin: 16px 0px 16px 0;
    }

    /*web planning end*/

    /*income section start*/
    .income-left {
        margin: 0px 30px 0 30px;
    }

    .income-wrp {
        padding: 76px 0 84px 0px;
    }

    .income-wrp .income-right .detail {
        margin: 25px 0 20px 0;
    }

    .income-right {
        margin: 0;
    }

    /*income section end*/

    /*job section start*/
    .job-wrp .job-title .section-title {
        padding: 38px 0 39px 0;
    }

    .job-wrp {
        padding: 80px 0 159px 0;
    }

    .job-block .job-image {
        width: 203px;
        height: 203px;
    }

    /*job section end*/

    /*training section start*/
    .things-main .things-inner-block .section-sub-title {
        padding: 3px 17px 14px 17px;
    }

    .like-bottom .row>* {
        padding: 0 27px;
    }

    .like-bottom .row {
        margin: 0 -27px;
    }

    .like-right {
        padding: 0 0 0 22px;
    }

    .like-left {
        padding: 14px 10px 10px 10px;
    }

    .like-left h4 {
        font-size: 19px;
        line-height: 20px;
    }

    .like-bottom {
        padding: 28px 0 30px 0;
    }

    .like-inner {
        margin: 0 0 20px 0;
    }

    .like-block {
        padding: 0 33px;
    }

    /*training section end*/

    /*letter section start*/
    .letter-bottom {
        padding: 210px 0 0 0;
    }

    .letter-wrp {
        padding: 106px 0 0 0;
    }

    .letter-block .letter-image {
        width: 197px;
        height: 197px;
    }

    .letter-block .letter-image img {
        width: 177px;
        height: 177px;
    }

    .letter-block .bottom-detail {
        padding: 26px;
    }

    /*letter section end*/

    /*fee section start*/
    .fee-main .section-title {
        padding: 30px 0 32px 0;
    }

    /*fee section end*/

    /*intro section start*/
    .intro-wrp {
        padding: 92px 0 100px 0;
    }

    .author-block {
        margin-top: 81px;
        padding: 42px 36px 63px;
    }

    .intro-block {
        padding: 46px 43px 46px 43px;
    }

    .intro-main>.section-title {
        padding: 19px 0 40px 0;
    }

    .intro-right .detail p {
        font-size: 15px;
        line-height: 27px;
    }

    .intro-right .section-small-title {
        font-size: 14px;
        line-height: 20px;
    }

    /*intro section end*/

    /*apply section start*/
    .apply-wrp {
        padding: 116px 0 119px 0;
    }

    .btn-blue {
        padding: 18px 84px;
    }

    .apply-main .section-small-title {
        margin: 13px 0 16px 0;
    }

    .business-detail p {
        font-size: 17px;
        line-height: 33px;
    }

    .episode-block .section-small-title {
        font-size: 18px;
        line-height: 28px;
    }

    /*apply section end*/
    .apply-top-1 {
        height: 180px;
        top: -80px;
    }
    .apply-top-3 {
        height: 120px;
        top: -60px;
    }
    .apply-top-2 {
        height: 140px;
        bottom: -90px;
    }
    .apply-top-4 {
        height: 160px;
        bottom: -90px;
    }
    .apply-shape-3 {
        bottom: -100px;
    }
    .apply-shape-4 {bottom: -80px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .like-right {height: auto;}
    /*banner*/
    .banner-wrp .banner-shape-5 {
        transform: translate(-270px, -50px);
        -webkit-transform: translate(-190px, -50px);
        -moz-transform: translate(-270px, -50px);
        -ms-transform: translate(-270px, -50px);
        -o-transform: translate(-270px, -50px);
        height: 80px;
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(130px, -50px);
        -webkit-transform: translate(100px, -50px);
        -moz-transform: translate(130px, -50px);
        -ms-transform: translate(130px, -50px);
        -o-transform: translate(130px, -50px);
        width: 70px;
        height: 80px;
    }

    .banner-wrp .banner-shape-8 {
        top: -30px;
        left: -30px;
        height: 70px;
        width: 100px;
    }

    .banner-wrp {
        padding: 72px 0 0 0;
    }

    .banner-wrp .banner-shape-9 {
        transform: translate(-90px, 160px);
        -webkit-transform: translate(-80px, 130px);
        -moz-transform: translate(-90px, 160px);
        -ms-transform: translate(-90px, 160px);
        -o-transform: translate(-90px, 160px);
        height: 100px;
        width: 120px;
    }

    .banner-wrp .banner-shape-10 {
        transform: translate(-60px, 110px);
        -webkit-transform: translate(-50px, 80px);
        -moz-transform: translate(-60px, 110px);
        -ms-transform: translate(-60px, 110px);
        -o-transform: translate(-60px, 110px);
        height: 120px;
    }

    .banner-wrp .banner-shape-1 {
        position: absolute;
        bottom: -60px;
        right: 0px;
        height: 130px;
    }

    .banner-wrp .banner-shape-3 {
        height: 100px;
    }

    .banner-wrp .banner-shape-6 {
        width: 80px;
        height: 80px;
    }

    .banner-image {
        max-width: 760px;
        margin: 0 auto;
    }

    /* .banner-wrp img {width: 100px;} */
    /*banner*/

    /*about section start*/
    .section-small-title {
        font-size: 18px;
        line-height: 22px;
    }

    .about-wrp .section-small-title {
        line-height: 34px;
    }

    .about-wrp .section-small-title:before {
        top: 20px;
    }

    .about-wrp .section-small-title:after {
        top: 20px;
    }

    .about-main .section-title {
        padding: 24px 0 0 0;
    }

    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 40px;
    }

    .about-main .block-part {
        margin: 30px 46px 30px 46px;
        padding: 45px 25px;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -90px;
        height: 110px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 110px;
    }

    .section-sub-title {
        font-size: 22px;
        line-height: 36px;
    }

    .block-quote-part p {
        font-size: 20px;
        line-height: 40px;
    }

    .planning-list .form-check-input {
        width: 25px;
        height: 25px;
    }

    .block-quote-part {
        padding: 26px 26px 26px;
    }

    .section-title {
        font-size: 26px;
        line-height: 33px;
    }

    .intro-list ul li, .planning-list ul li {font-size: 17px;line-height: 18px;}

    .planning-section {
        padding: 47px 0 22px 0;
    }

    .about-main .about-bottom-small-title p {
        padding-bottom: 20px;
    }

    .planning-right {
        max-width: 336px;
        max-height: 336px;
        margin: 0 auto;
    }

    .planning-right img {
        height: 400px;
    }

    .about-wrp {
        padding: 50px 0 50px 0;
    }

    .planning-list .form-check-label {
        font-size: 17px;
        line-height: 19px;
    }

    .about-main .bottom-title .section-title {
        font-size: 30px;
        letter-spacing: 0.05em;
        line-height: 50px;
    }

    /*about section end*/

    /*customer start*/
    .customer-bottom .row {
        margin: 0 -14px;
    }

    .customer-bottom .row>* {
        padding: 0 14px;
    }

    .customer-main .section-title {
        padding: 32px 0 42px 0;
    }

    .customer-bottom {
        padding: 0 0 70px 0;
    }

    .customer-inner-block .detail p {
        font-size: 15px;
        line-height: 28px;
    }

    .customer-bottom .row {
        align-items: center;
    }

    .customer-wrp {
        padding: 105px 0 29px 0;
    }

    /*customer end*/

    /*report section start*/
    .report-right .block-title {
        padding: 22px 20px 22px 20px;
        font-size: 18px;
        line-height: 32px;
    }

    .report-right .block-title::after {
        border-top-width: 26px;
        border-bottom-width: 26px;
        border-right: 48px solid #F2F2F2;
    }

    .report-main .inner-detail {
        padding: 100px 0 0 0;
    }

    .report-main .inner-detail span {
        padding: 40px 0 0 0;
    }

    .report-main .section-title {
        font-size: 30px;
        line-height: 48px;
        padding: 26px 0 19px;
    }

    .report-wrp .customer-design-image-1,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-2 {
        height: 70px;
    }

    .report-quote .block-title {
        font-size: 16px;
        line-height: 26px;
        padding: 16px 17px;
    }

    .report-left {
        max-width: 258px;
        max-height: 258px;
    }

    .report-left img {
        height: 276px;
    }

    .report-main .section-small-title {
        font-size: 17px;
        padding: 60px 0 0 0;
        line-height: 28px;
    }

    .report-main .section-small-title span {
        padding: 30px 0 0 0;
    }

    .report-wrp {
        padding: 72px 0 90px 0;
    }

    .report-quote .row>*:first-child .block-title::before {
        border-left-width: 38px;
        border-right-width: 5px;
        border-top: 42px solid #f2f2f2;
    }

    .report-quote .row>*:nth-child(3) .block-title::before {
        border-left-width: 11px;
        border-right-width: 50px;
        border-top: 55px solid #f2f2f2;
        left: 85px;
    }

    .report-quote .block-title span {
        display: block;
        font-size: 13px;
        line-height: 24px;
    }

    /*report section end*/

    /*fault start*/
    .fault-wrp {
        padding: 53px 0;
    }

    .fault-wrp .section-title {
        max-width: 639px;
        font-size: 26px;
        line-height: 35px;
    }

    .fault-wrp .section-title:before {
        height: 10px;
    }

    /*fault end*/

    /*mistake section start*/
    .block-title {
        font-size: 22px;
        line-height: 38px;
    }

    .mistake-bottom .row {
        margin: 0 -20px;
    }

    .mistake-bottom .row>* {
        padding: 0 20px;
    }

    .mistake-right .detail {
        padding: 20px 0;
    }

    p {
        font-size: 15px;
        line-height: 30px;
    }

    .mistake-bottom {
        padding: 57px 0 0 0;
    }

    .mistake-design-image {
        bottom: -50px;
        height: 120px;
    }

    /*mistake section end*/

    /*client section start*/
    .client-wrp {
        padding: 72px 0 61px 0;
    }

    .client-right .detail {
        padding-bottom: 40px;
    }

    .client-wrp .row>* {
        padding: 0 16px;
    }

    .client-wrp .row {
        margin: 0 -16px;
    }

    .client-design-image {
        height: 80px;
        top: -50px;
    }

    .client-right .block-title {
        font-size: 20px;
        line-height: 24px;
    }

    .client-right .detail {
        padding-bottom: 10px;
    }

    /*client section end*/

    /*web planning start*/
    .web-planning-wrp {
        padding: 56px 0 0 0;
    }

    .web-planning-main .row {
        margin: 0 -22px;
    }

    .web-planning-main .row>* {
        padding: 0 22px;
    }

    .web-planning-right img {
        height: 430px;
    }

    .web-planning-main {
        padding: 28px 0 0 0;
    }

    .web-planning-right {
        text-align: center;
    }

    .web-planning-left .block-title {
        margin: 16px 0px 16px 0;
    }

    .web-planning-main .row {
        align-items: flex-end;
    }

    /*web planning end*/

    /*income section start*/
    .income-left {
        margin: 0;
    }

    .income-wrp {
        padding: 76px 0 84px 0px;
    }

    .income-wrp .income-right .detail {
        margin: 25px 0 20px 0;
    }

    .income-right {
        margin: 0;
    }

    .income-wrp .income-right .detail {
        margin: 15px 0 10px 0;
    }

    .income-wrp .block-title h3 {
        font-size: 19px;
        line-height: 30px;
        letter-spacing: normal;
    }

    /*income section end*/

    /*job section start*/
    .job-wrp .job-title .section-title {
        padding: 38px 0 39px 0;
    }

    .job-wrp {
        padding: 80px 0 159px 0;
    }

    .job-block .job-image {
        width: 153px;
        height: 153px;
    }

    .job-image img {
        max-height: 70px;
    }

    .job-main {
        padding: 62px 62px 15px 62px;
    }

    .bottom-detail {
        max-height: 240px;
    }

    .job-block .bottom-detail p {
        font-size: 15px;
        line-height: 25px;
    }

    /*job section end*/

    /*training section start*/
    .things-main .things-inner-block .section-sub-title { padding: 3px 0px 10px 0px; font-size: 15px; line-height: 26px; }

    .like-bottom .row>* {
        padding: 0 27px;
    }

    .like-bottom .row {
        margin: 0 -27px;
    }

    .like-right {
        padding: 0 0 0 22px;
    }

    .like-left {
        padding: 14px 10px 10px 10px;
    }

    .like-left h4 {
        font-size: 19px;
        line-height: 20px;
    }

    .like-bottom {
        padding: 28px 0 30px 0;
    }

    .like-inner {
        margin: 0 0 20px 0;
    }

    .like-block {
        padding: 0 33px;
    }

    /*training section end*/

    /*letter section start*/
    .letter-bottom {
        padding: 160px 0 0 0;
    }

    .letter-block {
        padding: 28px 28px;
    }

    .letter-wrp {
        padding: 106px 0 0 0;
    }

    .letter-block .letter-image {
        width: 197px;
        height: 197px;
    }

    .letter-block .letter-image img {
        width: 177px;
        height: 177px;
    }

    .letter-block .bottom-detail {
        padding: 26px;
    }

    /*letter section end*/

    /*fee section start*/
    .fee-main .section-title {
        padding: 30px 0 32px 0;
    }

    .fee-main .block-title.yellow-border::before {
        bottom: 6px;
    }

    .fee-wrp {
        padding: 60px 0 74px 0;
    }

    .fee-shape-3 {
        height: 120px;
    }

    .fee-shape-4 {
        height: 170px;
    }

    .fee-shape-2 {
        height: 150px;
    }

    /*fee section end*/

    /*intro section start*/
    .intro-wrp {
        padding: 62px 0 80px 0;
    }

    .author-block {
        margin-top: 41px;
        padding: 32px 26px 32px;
    }

    .intro-block {
        padding: 46px 43px 46px 43px;
    }

    .intro-main>.section-title {
        padding: 19px 0 40px 0;
    }

    .author-block .row>* {
        padding: 0 17px;
    }

    .author-block .row {
        margin: 0 -17px;
    }

    .author-block .section-title {
        padding-bottom: 23px;
    }

    .intro-image-main {
        margin: 0;
    }

    .intro-image-main .row>* {
        padding: 0;
    }

    .intro-image-main .row {
        margin: 0;
    }

    .intro-image {
        margin: 0 10px;
    }

    .intro-list .form-check-label,
    .planning-list .form-check-label {
        font-size: 15px;
    }

    .intro-list .form-check-input {
        position: absolute;
    }

    .intro-list .form-check-label {
        padding-left: 46px;
    }

    .intro-row .row>* {
        padding: 0 17px;
    }

    .intro-row .row {
        margin: 0 -17px;
    }

    .author-detail .detail p,
    .intro-right .detail p {
        font-size: 14px;
        line-height: 24px;
    }

    .author-detail .block-title,
    .intro-right .detail span {
        font-size: 15px;
        line-height: 25px;
    }

    .author-detail .section-small-title {
        font-size: 16px;
        line-height: 20px;
    }

    /*intro section end*/

    /*apply section start*/
    .apply-wrp {
        padding: 116px 0 119px 0;
    }

    .btn-blue {
        padding: 13px 51px;
    }

    .apply-main .section-small-title {
        margin: 13px 0 16px 0;
    }

    .business-detail p {
        font-size: 17px;
        line-height: 33px;
    }

    .episode-block .section-small-title {
        font-size: 18px;
        line-height: 28px;
    }

    .apply-man-image-1 {
        height: 300px;
        bottom: -33px;
    }

    .apply-man-image-2 {
        height: 300px;
    }

    .buiness-list {
        max-width: 477px;
    }

    .month-section .month-block span,
    .month-section .month-block p {
        font-size: 17px;
        line-height: 33px;
    }

    .buiness-list ul li {
        font-size: 15px;
        line-height: 33px;
    }

    .apply-main .section-title {
        top: -38px;
    }
    .apply-shape-2 {height: 200px;top: -130px;}
    .copy-right-main .detail p {font-size: 16px; line-height: 30px;}
    .copy-bottom {margin: 9px 68px 0 68px;}
    /*apply section end*/
    .apply-top-1 {
        height: 180px;
        top: -80px;
    }
    .apply-top-3 {
        height: 120px;
        top: -60px;
    }
    .apply-top-2 {
        height: 140px;
        bottom: -90px;
    }
    .apply-top-4 {
        height: 160px;
        bottom: -90px;
    }
    .training-wrp { padding: 58px 0 42px 0; }
    .things-main .things-inner-block .section-sub-title br{display: none;}
    .estimate-part.fault-wrp .section-title {
        max-width: 449px;
    }
    .customer-inner-block .customer-img { height: 114px; }
    .about-main .about-bottom-small-title p{font-size: 16px;}
    .section-sub-title{font-size: 20px;line-height:34px;}
    .about-main .block-part{margin:30px 40px;}
    .report-main .section-small-title span, .report-main .section-small-title p{font-size: 13px;line-height:30px}
    .report-quote .block-title {font-size: 12px;line-height: 23px;padding: 10px;}
    .block-title{font-size: 18px;}
    .mistake-right .detail p{font-size: 13px;line-height:24px;}
    .client-right .detail p{font-size: 13px;line-height:24px;}

    .things-inner-block label{width: 23.34px;height: 25.82px;font-size: 11px;letter-spacing: 0.06em;}
}

@media (min-width: 768px) {}

@media (max-width: 767px) {

    /*banner*/
    .banner-wrp .banner-shape-1 {
        position: absolute;
        bottom: -50px;
        right: 0px;
        width: 40px;
        height: 90px;
    }

    .banner-wrp .banner-shape-2 {
        position: absolute;
        top: 70%;
        right: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(0%, 0);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        width: 40px;
        height: 40px;
    }

    .banner-wrp .banner-shape-3 {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(0px, 100px);
        -webkit-transform: translate(0px, 100px);
        -moz-transform: translate(0px, 100px);
        -ms-transform: translate(0px, 100px);
        -o-transform: translate(0px, 100px);
        width: 40px;
        height: 60px;
    }

    .banner-wrp .banner-shape-4 {
        position: absolute;
        top: -20px;
        right: -40px;
        transform: translate(-68px, 49px);
        -webkit-transform: translate(-68px, 49px);
        -moz-transform: translate(-68px, 49px);
        -ms-transform: translate(-68px, 49px);
        -o-transform: translate(-68px, 49px);
        width: 13px;
        height: 13px;
    }

    .banner-wrp .banner-shape-5 {
        transform: translate(-80px, -40px);
        -webkit-transform: translate(-80px, -40px);
        -moz-transform: translate(-80px, -40px);
        -ms-transform: translate(-80px, -40px);
        -o-transform: translate(-80px, -40px);
        width: 70px;
        height: 70px;
    }

    .banner-wrp .banner-shape-6 {
        top: 20px;
        left: 50%;
        transform: translate(-130%, -40px);
        -webkit-transform: translate(-130%, -40px);
        -moz-transform: translate(-130%, -40px);
        -ms-transform: translate(-130%, -40px);
        -o-transform: translate(-130%, -40px);
        width: 60px;
        height: 60px;
    }

    .banner-wrp .banner-shape-7 {
        transform: translate(-50px, -40px);
        -webkit-transform: translate(-50px, -40px);
        -moz-transform: translate(-50px, -40px);
        -ms-transform: translate(-50px, -40px);
        -o-transform: translate(-50px, -40px);
        width: 100px;
        height: 80px;
    }

    .banner-wrp .banner-shape-8 {
        position: absolute;
        top: 60px;
        left: -50px;
        width: 120px;
        height: 60px;
    }

    .banner-wrp .banner-shape-9 {
        height: 100px;
        width: 90px;
        transform: translate(-70px, 250px);
        -webkit-transform: translate(-70px, 250px);
        -moz-transform: translate(-70px, 250px);
        -ms-transform: translate(-70px, 250px);
        -o-transform: translate(-70px, 250px);
    }

    .banner-wrp .banner-shape-10 {
        width: 70px;
        height: 80px;
        transform: translate(-20px, 40px);
        -webkit-transform: translate(-20px, 40px);
        -moz-transform: translate(-20px, 40px);
        -ms-transform: translate(-20px, 40px);
        -o-transform: translate(-20px, 40px);
    }

    .banner-wrp {
        padding: 48px 0 50px 0;
    }

    /*banner*/

    /*about section start*/
    .section-small-title {
        font-size: 16px;
        line-height: 22px;
    }

    .about-wrp .section-small-title {
        line-height: 34px;
    }

    .about-wrp .section-small-title:before {
        top: 20px;
        width: 27px;
        height: 37px;
    }

    .about-wrp .section-small-title:after {
        top: 20px;
        width: 27px;
        height: 37px;
    }

    .about-main .section-title {
        padding: 24px 0 0 0;
    }

    .planning-section {
        padding: 77px 0 22px 0;
    }

    .block-quote-part {
        padding: 36px 76px 36px;
    }

    .about-main .about-bottom-small-title {
        padding: 0 40px;
    }

    .about-main .block-part {
        margin: 60px 0px 30px 0px;
        padding: 45px 30px;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -70px;
        height: 90px;
    }

    .about-wrp .about-bottom-image-1 {
        height: 90px;
    }

    .section-sub-title {
        font-size: 18px;
        line-height: 30px;
    }

    .block-quote-part p {
        font-size: 18px;
        line-height: 30px;
        text-align: center;
    }

    .planning-list .form-check-input {
        width: 25px;
        height: 25px;
    }

    .block-quote-part {
        padding: 26px 26px 26px;
    }

    .section-title {
        font-size: 22px;
        line-height: 33px;
    }

    .planning-section {
        padding: 47px 0 22px 0;
    }

    .about-main .about-bottom-small-title.mobile-detail {
        display: flex !important;
        align-items: flex-start;
        flex-direction: column;
    }

    .about-main .about-bottom-small-title.mobile-detail p {
        padding-bottom: 0px;
        position: relative;
        display: inline-block;
    }

    .about-main .about-bottom-small-title.mobile-detail p::before {
        content: " ";
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        border-bottom: 2px solid #FEDC78;
        width: 100%;
        height: 2px;
    }

    .planning-right {
        max-width: 226px;
        max-height: 226px;
        margin: 0 auto;
    }

    .planning-right img {
        height: 270px;
    }

    .about-wrp {
        padding: 50px 0 50px 0;
    }

    .planning-list .form-check-label {
        font-size: 15px;
        line-height: 18px;
        padding-left: 12px;
    }

    .about-main .bottom-title .section-title {
        font-size: 22px;
        letter-spacing: 0.05em;
        line-height: 50px;
    }

    .block-quote-part {
        margin: 34px 0 0 0;
    }

    .block-quote-part::before {
        border-left-width: 55px;
        border-right-width: 43px;
        border-top: 26px solid #F2F2F2;
        border-bottom-width: 0;
        border-left: 0;
        right: auto;
        left: 50%;
        top: 110%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .about-wrp .section-small-title {
        line-height: 30px;
        max-width: 436px;
        padding: 0 40px;
    }

    .planning-list .form-group {
        padding-bottom: 16px;
    }

    .about-main .block-part p {
        font-size: 18px;
        line-height: 32px;
    }

    .about-main .about-bottom-small-title {
        padding: 0;
        max-width: 100%;
    }

    .planning-section .row {
        flex-direction: row-reverse;
    }

    /*about section end*/

    /*customer start*/
    .customer-bottom .row {
        margin: 0 -14px;
    }

    .customer-bottom .row>* {
        padding: 0 14px;
    }

    .customer-main .section-title {
        padding: 32px 0 12px 0;
    }

    .customer-bottom {
        padding: 0 0 10px 0;
    }

    .customer-inner-block .detail p {
        font-size: 15px;
        line-height: 28px;
    }

    .customer-bottom .row {
        align-items: center;
    }

    .customer-wrp {
        padding: 105px 0 109px 0;
    }

    p {
        font-size: 16px;
        line-height: 32px;
    }

    .customer-block {
        padding-top: 33px;
    }

    .customer-block .row {
        justify-content: flex-start !important;
    }

    .customer-inner-block {
        height: calc(100% - 10px);
        padding: 18px;
    }

    /*customer end*/

    /*report section start*/
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-2,
    .report-wrp .customer-design-image-1 {
        height: 70px;
    }

    .report-right .block-title {
        padding: 40px 20px 39px 20px;
        text-align: center;
        padding: 16px 20px 16px 20px;
        margin: 0 0px 20px 0;
        font-size: 20px;
        line-height: 34px;
    }

    .report-right .block-title p {
        text-align: center;
    }

    /* .report-right .block-title { padding: 22px 20px 22px 20px;font-size: 18px;line-height: 32px; } */
    /* .report-right .block-title::after {border-top-width: 26px; border-bottom-width: 26px; border-right: 48px solid #F2F2F2;} */
    .report-right .block-title::after {
        /* border-bottom-width: none;
        border-right: none;
        border-left-width: 55px;
        border-right-width: 43px;
        border-top: 86px solid #F2F2F2; */
        /* border-right: none;
        border-bottom-width: 0px;
        border-left-width: 55px;
        border-right-width: 43px;
        border-top: 86px solid #F2F2F2; */
        display: none;
        top: auto;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        bottom: -80px;
    }

    .report-main .inner-detail {
        padding: 100px 0 0 0;
    }

    .report-main .inner-detail span {
        padding: 40px 0 0 0;
    }

    .report-main .section-title {
        font-size: 24px;
        line-height: 42px;
        padding: 16px 0 9px;
    }

    .report-wrp .customer-design-image-1,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-2 {
        height: 70px;
    }
    .report-wrp .customer-design-image-1{
        display: none;
    }
    .report-wrp .customer-design-image-3{
        right: -14px;
    }
    .report-wrp .customer-design-image-5{
        display: block;
        height: auto;
    }

    .report-quote .block-title {
        font-size: 18px;
        line-height: 27px;
        padding: 16px 17px;
        height: calc(100% - 50px);
        margin-bottom: 50px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        justify-content: center;
    }

    .report-left {
        max-width: 258px;
        max-height: 258px;
        margin: 0 auto;
    }

    .report-left img {
        height: 276px;
    }

    .report-main .section-small-title {
        font-size: 16px;
        padding: 40px 0 0 0;
        line-height: 26px;
    }

    .report-main .section-small-title span {
        padding: 20px 0 0 0;
    }

    .report-wrp {
        padding: 32px 0 30px 0;
    }

    .report-quote .row>*:first-child .block-title::before {
        border-left-width: 38px;
        border-right-width: 5px;
        border-top: 42px solid #f2f2f2;
    }

    .report-quote .row>*:nth-child(3) .block-title::before {
        border-left-width: 11px;
        border-right-width: 50px;
        border-top: 55px solid #f2f2f2;
        left: 85px;
    }

    .repor-block .row {
        flex-direction: column-reverse;
    }

    /*report section end*/

    /*fault start*/
    .fault-wrp {
        padding: 21px 0;
    }

    .fault-wrp .section-title {
        max-width: 639px;
        font-size: 20px;
        line-height: 28px;
    }

    .fault-wrp .section-title:before {
        height: 10px;
    }

    /*fault end*/

    /*mistake section start*/
    .block-title {
        font-size: 21px;
        line-height: 37px;
    }

    .mistake-bottom .row {
        margin: 0 -20px;
    }

    .mistake-bottom .row>* {
        padding: 0 20px;
    }

    .mistake-right .detail {
        padding: 20px 0;
    }

    p {
        font-size: 15px;
        line-height: 30px;
    }

    .mistake-bottom {
        padding: 57px 0 0 0;
    }

    .mistake-design-image {
        bottom: -110px;
    }

    .mistake-main .detail {
        padding-top: 30px;
    }

    .mistake-bottom .row>* {
        padding: 0;
    }

    .mistake-bottom .row {
        margin: 0;
    }

    .mistake-design-image {
        height: 100px;
    }

    .mistake-wrp {
        padding: 42px 0 50px 0;
    }

    .mistake-design-image {
        bottom: -80px;
    }

    /*mistake section end*/

    /*client section start*/
    .client-wrp {
        padding: 72px 0 61px 0;
    }

    .client-right .detail {
        padding-bottom: 40px;
    }

    .client-wrp .row>* {
        padding: 0 16px;
    }

    .client-wrp .row {
        margin: 0 -16px;
    }

    .client-design-image {
        height: 80px;
        top: -50px;
    }

    .client-right .block-title {
        font-size: 20px;
        line-height: 24px;
    }

    .client-right .detail {
        padding-bottom: 10px;
    }

    .client-main .block-title br {
        display: none;
    }

    .client-main .block-title.yellow-border::before {
        display: none;
    }

    /* .client-main .block-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 10px;
        line-height: 38px;
        -moz-text-decoration-color: #FEE083;
        text-align: center;
        text-underline-offset: -2px;
        text-decoration-skip-ink: none;
    } */

    .client-wrp .row>* {
        padding: 0;
    }

    .client-wrp .row {
        margin: 0;
    }

    /*client section end*/

    /*web planning start*/
    .web-planning-wrp {
        padding: 56px 0 0 0;
    }

    .web-planning-main .row {
        margin: 0;
    }

    .web-planning-main .row>* {
        padding: 0;
    }

    .web-planning-right img {
        height: 350px;
    }

    .web-planning-main {
        padding: 28px 0 0 0;
    }

    .web-planning-right {
        text-align: center;
        padding-top: 16px;
    }

    .web-planning-left .block-title {
        margin: 5px 0px 10px 0;
        text-align: center;
    }

    .web-planning-main .row {
        align-items: flex-end;
    }

    .web-planning-title .section-small-title {
        padding: 0 0 10px 0;
    }

    .web-planning-left .section-small-title h2 {
        text-align: center;
    }

    /*web planning end*/

    /*income section start*/
    .income-left {
        margin: 0;
    }

    .income-wrp {
        padding: 76px 0 84px 0px;
    }

    .income-wrp .income-right .detail {
        margin: 25px 0 20px 0;
    }

    .income-right {
        margin: 0;
    }

    .income-wrp .income-right .detail {
        margin: 15px 0 10px 0;
    }

    .income-wrp .block-title h3 {
        font-size: 19px;
        line-height: 30px;
        letter-spacing: normal;
    }

    .income-right {
        text-align: center;
    }

    .income-main p {
        text-align: center;
    }

    .income-left {
        text-align: center;
    }

    .income-left img {
        height: 340px;
    }

    /*income section end*/

    /*job section start*/
    .job-wrp .job-title .section-title {
        padding: 38px 0 39px 0;
    }

    .job-wrp {
        padding: 80px 0 129px 0;
    }

    .job-block .job-image {
        width: 155px;
        height: 155px;
    }

    .job-image img {
        max-height: 70px;
    }

    .job-main {
        padding: 62px 62px 15px 62px;
    }

    .bottom-detail {
        max-height: 240px;
    }

    .job-block .bottom-detail p {
        font-size: 15px;
        line-height: 25px;
    }

    .job-block {
        height: calc(100% - 61px);
        margin-bottom: 61px;
    }

    /*job section end*/

    /*training section start*/
    .things-main .things-inner-block .section-sub-title {
        padding: 3px 10px 14px 10px;
        font-size: 15px;
        line-height: 20px;
    }

    .like-bottom .row>* {
        padding: 0 27px;
    }

    .like-bottom .row {
        margin: 0 -27px;
    }

    .like-right {
        padding: 0 0 0 22px;
    }

    .like-left {
        padding: 14px 10px 10px 10px;
    }

    .like-left h4 {
        font-size: 19px;
        line-height: 20px;
    }

    .like-bottom {
        padding: 18px 0 20px 0;
    }

    .like-inner {
        margin: 0 0 20px 0;
    }

    .like-block {
        padding: 0 33px;
    }

    .like-right p br {
        display: none;
    }

    .like-block .section-sub-title {
        top: -10px;
    }

    .training-wrp .training-main .section-title {
        padding: 5px 0 27px 0;
    }

    .like-left h4 {
        font-size: 16px;
        line-height: 17px;
    }

    .like-left {
        padding: 13px 18px 9px 18px;
    }

    .like-bottom .row>* {
        padding: 0;
    }

    .like-bottom .row {
        margin: 0;
    }

    .training-wrp .training-main .things-part {
        padding: 49px 0 0 0;
    }

    .training-wrp .training-main .things-part .section-title {
        padding: 5px 0 0 0;
    }

    .things-main {
        padding: 35px 20px 0 20px;
    }

    .things-main .things-inner-block {
        height: calc(100% - 33px);
        margin-bottom: 33px;
        padding: 42px 18px 26px 18px;
    }

    .training-wrp {
        padding: 48px 0 40px 0;
    }

    .things-main .things-inner-block::after {
        right: 20px;
    }

    .things-main .things-inner-block .detail p {
        font-size: 13px;
        line-height: 18px;
    }

    .things-main .row {
        justify-content: flex-start !important;
    }

    /*training section end*/

    /*letter section start*/
    .letter-bottom {
        padding: 160px 0 0 0;
    }

    .letter-block {
        padding: 28px 28px;
    }

    .letter-wrp {
        padding: 106px 0 0 0;
    }

    .letter-block .letter-image {
        width: 177px;
        height: 177px;
    }

    .letter-block .letter-image img {
        width: 157px;
        height: 157px;
    }

    .letter-block .bottom-detail {
        padding: 26px;
    }

    .letter-detail {
        padding: 6px 0;
    }

    .letter-block .bottom-detail-letter {
        padding: 24px;
        height: auto;
    }

    .letter-block .bottom-detail-letter .detail span {
        padding-bottom: 10px;
    }

    .letter-block .bottom-detail-letter .detail p {
        font-size: 14px;
        line-height: 26px;
    }

    /*letter section end*/

    /*fee section start*/
    .fee-main .section-title {
        padding: 10px 0 12px 0;
    }

    .fee-main .block-title.yellow-border::before {
        bottom: 6px;
    }

    .fee-wrp {
        padding: 60px 0 74px 0;
    }

    .fee-shape-3 {
        height: 120px;
    }

    .fee-shape-4 {
        height: 170px;
    }

    .fee-shape-2 {
        height: 150px;
    }

    .fee-main .detail br {
        display: none;
    }

    /*fee section end*/

    /*apply section start*/
    .apply-wrp {
        padding: 116px 0 119px 0;
    }

    .btn-blue {
        padding: 14px 47px;
        font-size: 16px;
        box-shadow: 1px 7px 0px 0px rgba(16, 96, 136, 1);
    }

    /* .btn-blue:hover {
        box-shadow: 1px 7px 0px 0px rgba(47, 132, 174,1);
    } */

    .apply-main .section-small-title {
        margin: 13px 0 16px 0;
    }

    .business-detail p {
        font-size: 17px;
        line-height: 33px;
    }

    .episode-block .section-small-title {
        font-size: 18px;
        line-height: 28px;
    }

    .apply-man-image-1 {
        height: 200px;
        bottom: -33px;
        right: -10px;
    }

    .apply-man-image-2 {
        height: 200px;
        right: 0;
    }

    .buiness-list {
        max-width: 477px;
    }

    .month-section .month-block span,
    .month-section .month-block p {
        font-size: 15px;
        line-height: 29px;
    }

    .buiness-list ul li {
        font-size: 15px;
        line-height: 33px;
    }

    .apply-main .section-title {
        top: -38px;
    }

    .apply-shape-3 {
        height: 90px;
    }

    .apply-shape-4 {
        height: 80px;
    }

    .apply-shape-2 {
        top: -50px;
        height: 100px;
    }

    .apply-shape-1 {
        height: 60px;
        top: -20px;
    }

    /*apply section end*/

    /*intro section start*/
    .intro-left {
        padding-bottom: 11px;
    }

    .intro-list ul li {
        font-size: 14px;
    }

    .intro-wrp {
        padding: 31px 0 60px 0;
    }

    .intro-main>.section-title {
        padding: 9px 0 10px 0;
    }

    .author-block {
        margin-top: 41px;
        padding: 18px 26px 24px;
    }

    .author-block .section-title {
        padding-bottom: 0;
    }

    .intro-right {
        text-align: center;
    }

    .author-detail {
        text-align: center;
        padding-top: 15px;
    }

    .author-detail .detail span {
        padding-bottom: 16px;
        display: block;
    }

    .author-detail .detail p,
    .author-detail .detail span,
    .author-detail .block-title,
    .author-detail .section-small-title h2,
    .intro-right .section-small-title h2,
    .intro-right .section-title h3 {
        text-align: center;
    }

    .intro-right .detail p,
    .intro-right .detail span {
        text-align: center;
    }

    .intro-form {
        padding: 27px 0 23px 0;
    }

    .author-block {
        margin-top: 41px;
        padding: 32px 26px 32px;
    }

    .intro-block {
        padding: 46px 43px 46px 43px;
    }

    .author-block .row>* {
        padding: 0 17px;
    }

    .author-block .row {
        margin: 0 -17px;
    }

    .author-block .section-title {
        padding-bottom: 23px;
    }

    .intro-image-main {
        margin: 0;
    }

    .intro-image-main .row>* {
        padding: 0;
    }

    .intro-image-main .row {
        margin: 0;
    }

    .intro-image {
        margin: 0 10px;
    }

    /* .intro-list .form-check-label,
    .planning-list .form-check-label {
        font-size: 15px;
    } */
    .intro-list ul li,
    .planning-list ul li {
        font-size: 15px;
    }

    /* .intro-list .form-check-input {
        position: absolute;
    } */

    /* .intro-list .form-check-label {
        padding-left: 46px;
    } */

    .intro-row .row>* {
        padding: 0 17px;
    }

    .intro-row .row {
        margin: 0 -17px;
    }

    .author-detail .detail p,
    .intro-right .detail p {
        font-size: 14px;
        line-height: 24px;
    }

    .author-detail .block-title,
    .intro-right .detail span {
        font-size: 15px;
        line-height: 25px;
    }

    .author-detail .section-small-title {
        font-size: 16px;
        line-height: 20px;
    }

    /*intro section end*/

    .apply-top-1 {
        height: 180px;
        top: -80px;
    }
    .apply-top-3 {
        height: 110px;
        top: -50px;
    }
    .apply-top-2 {
        height: 140px;
        bottom: -90px;
    }
    .apply-top-4 {
        height: 160px;
        bottom: -90px;
    }
    .copy-bottom {margin: 0;}

    /*29/04/2023*/
    .mobile-title {display: inline-flex !important;justify-content: center;flex-direction: column;align-items: center;}
    .mobile-title h3{position: relative; display: inline-block;}
    .mobile-title h3::before { content: ""; position: absolute; bottom: 2px; left: 0; right: 0; left: 0; width: 100%; height: 10px; background-color: #FEE083; z-index: -1; }

    .about-main .bottom-title.mobile-title .section-title {padding: 0 !important;}
    .about-main .bottom-title.mobile-title h3::before {bottom: 6px;}
    .bottom-title { position: relative; }

    .bottom-title::before { content: ""; position: absolute; top: 17px; left: -8px; border-left: 2px solid #333; width: 23px; height: 40px; transform: rotate(-26deg); -webkit-transform: rotate(-26deg); -moz-transform: rotate(-26deg); -ms-transform: rotate(-26deg); -o-transform: rotate(-26deg); }
    .bottom-title::after { content: ""; position: absolute; top: 27px; right: -26px; border-left: 2px solid #333; width: 23px; height: 40px; transform: rotate(26deg); -webkit-transform: rotate(26deg); -moz-transform: rotate(26deg); -ms-transform: rotate(26deg); -o-transform: rotate(26deg); }

    .customer-left .section-small-title.mobile-title {font-size: 14px;margin-bottom: 6px;max-width: 100%;}
    .customer-left .section-small-title.mobile-title h3::before {bottom: -5px;}
    .report-main .section-small-title p:nth-child(3), .report-main .section-small-title p:nth-child(2), .report-main .section-small-title p:first-child {border: none;}
    .report-main .section-small-title.mobile-detail {display: flex !important;align-items: center;justify-content: center;flex-direction: column;}
    .report-main .section-small-title.mobile-detail p {border-bottom: 2px solid #fedc78;display:inline-block;}
    /* .report-main .section-small-title.mobile-detail span {padding: 0;} */

    .mistake-right .mobile-title {align-items: flex-start;}
    .mistake-main .section-small-title { padding-bottom: 8px; }

    .letter-title {text-align: center;}

    .about-main .about-bottom-small-title.section-small-title p:nth-last-child(2), .about-main .about-bottom-small-title.section-small-title p:last-child { border: none; }

    .bottom-block-detail {align-items: flex-start;}

    .about-mobile p {padding-bottom: 20px !important;}

    .intro-right .detail:last-child p br {display: none;}
    .copy-right-main .detail p { font-weight: 500; font-size: 16px; line-height: 30px;}
    .customer-inner-block .customer-img { height: auto; }
    .like-right {height: auto;}
    .intro-list .section-small-title {    font-size: 16px; line-height: 18px; font-weight: 700;}

    .report-right .block-title {
        font-size: 15px;
        line-height: 23px;
        margin: 0 10px 20px 10px;
    }
    .report-right .block-title::before {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 50%;
        border-left-width: 15px !important;
        border-right-width: 13px !important;
        bottom: -33px;
        border: 0 solid transparent;
        border-top: 27px solid #F2F2F2;
        width: 0;
        height: 0;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }
   
    .report-right .block-title{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
    .about-main .block-part{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }

    .report-wrp .customer-design-image-2{left:-15px;}
    .report-wrp .customer-design-image-4{right: -9px;bottom:3px;}
    .fee-shape-1{width:32px;height: auto !important;}
    .fee-shape-2{height:auto !important; width: 35px;top: -33px;}

    .banner-wrp .banner-shape-10{left: -7px;}
    .banner-wrp .banner-shape-1{height:auto !important;width: 30px;bottom: -40px;}
    .client-design-image {height: auto !important;top: -22px !important;left: -13px; width: 30px !important;}
    .fee-shape-3 {height: auto !important;bottom: -20px !important;width: 45px !important;}
    .fee-shape-4 {height: auto !important;width: 42px;bottom: -50px !important;}
    .apply-top-1{display: none;}
    .apply-top-3{display: none;}
    .apply-top-2{height: auto !important;width: 36px;}
    .apply-man-image-1{bottom:-13px;}
    .buiness-list{padding: 16px 0 28px;}
    .apply-man-image-2 {right: -19px;bottom: -14px;}
    .apply-top-4{height: 87px;bottom: -70px !important;}
    .apply-shape-5{display: block;}
    .apply-shape-1{display: none;}
    .apply-shape-2{width:65px;height: auto !important;}

    .apply-main .btn-blue{padding: 14px 50px 10px;box-shadow: 0 6px 0px 0px rgba(16, 96, 136, 1);}
    .btn-blue::before{font-size: 12px;right: 18px;}
    .intro-image-main .section-small-title{font-size: 16px;margin:0 auto 12px;}
    .web-planning-wrp .top-right-shape{max-width: 85px;}
    .web-planning-wrp .bottom-left-shape{max-width: 100px;}

    .about-wrp{padding: 55px 0 30px;}
    .about-main .section-title{padding: 10px 0 0;}
    .about-main .section-sub-title{padding: 35px 0 0;}
    .about-main .block-part{margin:25px 0 40px;}
    .customer-wrp{padding: 36px 0 40px;}
    .customer-block{padding: 20px 0 0;}
    .mistake-wrp{padding: 30px 0 32px;}
    .client-wrp{padding: 25px 0 30px;}
    .things-main .row{margin: 0 -5px !important;}
    .things-main .col-md-4{padding:0 5px !important;}
    .fault-main{margin: 0 auto;display: table;}

    .report-main .section-title{padding: 24px 0 30px;}
    .report-quote .row>*:nth-child(even) .block-title{height: 94.52px;width: 227px;margin-top: -15px;}
    .report-quote .row>*:nth-child(3) .block-title{width: 214px;}
    .report-quote .row>*:nth-child(2) .block-title::before{left: 60%;}
    .fault-wrp{padding: 20px 0 21px;}
    .fault-wrp .section-title{padding: 0}
    .client-right .detail{padding: 0;}
    .client-wrp{padding: 25px 0 34px;}
    .client-wrp .block-title.mobile-title.d-md-none.d-block {padding: 24px 0 0;}
    .job-wrp .job-title .detail p{letter-spacing: 0;}
    .income-right .detail p{letter-spacing: 0}
    .job-block .detail{padding: 17px 0 10px;}
    .job-wrp .job-title .section-title{padding: 9px 0}
    .job-block .bottom-detail p{font-size: 13px;line-height: 22px;}
    .fee-main .detail p{letter-spacing: 0;}
    .author-detail .block-title{padding: 2px 0 6px;}
    .apply-main .section-title {top: -25px;}
    .apply-main{padding: 10px 0 43px 0;}
    .apply-main .episode-block .section-small-title{margin: 17px 0 20px;}
    .business-detail p{letter-spacing: 0}
    .letter-detail span{margin: 0 0 5px;}
    .letter-block .bottom-detail-letter .detail span{line-height: 21px;}


    .things-inner-block label{width: 23.34px;height: 25.82px;font-size: 11px;letter-spacing: 0.06em;}
    .titlebar .desktop-title-img{display: none;}
    .titlebar .mobile-title-img{display: table;}
    .mistake-main .titlebar .mobile-title-img{margin: 10px 0 0;}
    .income-right  .titlebar img{margin: 0 auto;}
    .apply-main .month-section{margin: 0;}
    .apply-main .business-detail{margin: 0;}
    .client-main .titlebar .mobile-title-img{margin: 23px auto 0;}
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {}

@media (min-width: 240px) and (max-width: 575px) {

    /* .about-wrp .section-small-title { font-size: 12px; padding: 0 69px; }
    .about-wrp .section-small-title:before {width: 27px;height: 27px;}
    .about-wrp .section-small-title:after {width: 27px;height: 27px;}
    .section-title { font-size: 18px; } */
    .about-wrp .section-small-title:before {
        top: 13px;
        height: 29px;
        left: -2px;
    }

    .about-wrp .section-small-title:after {
        top: 6px;
    }

    .about-wrp .section-small-title {
        padding: 0;
    }

    .about-wrp .section-small-title {
        font-size: 13px;
        line-height: 24px;
    }

    /* .about-bottom-small-title {
        padding: 0 5px !important;
    } */

    .about-main .section-title::before {
        display: none;
    }

    /* .about-main .section-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 10px;
        -webkit-text-decoration-thickness: 10px;
        line-height: 38px;
        -moz-text-decoration-color: #FEE083;
        -webkit-text-decoration-color: #FEE083;
        max-width: 236px;
        padding: 8px 0 0 0;
        text-underline-offset: -6px;
        text-decoration-skip-ink: none;
    } */

    .about-main .section-sub-title p {
        letter-spacing: normal;
    }

    .block-quote-part {
        padding: 10px 26px 10px;
        margin: 24px 0 0 0;
    }

    .planning-section {
        padding: 32px 0 22px 0;
    }

    .planning-list .form-check-input {
        width: 14px;
        height: 14px;
        border: 1px solid #3F3A39;
    }

    .planning-list .form-check-input:checked[type=checkbox] {
        background-position: 2px 2px;
    }

    /* .planning-list .form-check-label {
        font-size: 12px;
        line-height: 13px;
        padding-left: 8px;
        letter-spacing: normal;
    } */
    .planning-list ul li {
        font-size: 12px;
        line-height: 13px;
        padding-left: 8px;
        letter-spacing: normal;
    }

    .planning-right img {
        height: 178px;
    }

    .planning-right {
        max-width: 150px;
        max-height: 150px;
        margin: -40px auto 0 auto;
    }

    .planning-left {
        margin: 0 0 0 -20px;
    }

    .planning-section .row {
        align-items: center;
    }

    .about-bottom-small-title {
        font-size: 13px;
    }

    .about-main .section-sub-title {
        padding: 35px 0 0 0;
    }

    .about-main .block-part {
        margin: 26px 0px 40px 0px;
        padding: 10px 24px;
    }

    .about-main .block-part::before {
        border-left-width: 25px;
        border-right-width: 23px;
        bottom: -23px;
        border-top: 37px solid #F2F2F2;
    }

    .about-main .bottom-title .section-title {
        font-size: 22px;
        letter-spacing: 0.05em;
        line-height: 36px;
        max-width: 100%;
    }

    .about-main .block-part p {
        font-size: 15px;
        line-height: 26px;
        letter-spacing: normal;
    }

    /*customer start*/
    p {
        font-size: 13px;
        line-height: 28px;
    }

    .customer-inner-block .detail p {
        font-size: 11px;
        line-height: 17px;
    }

    .customer-inner-block {
        height: calc(100% - 10px);
        padding: 15px 8px 16px 8px;
    }

    .yellow-border::before {
        height: 10px;
    }

    .section-small-title h3 {
        text-align: left;
    }

    .customer-main .section-title {
        padding: 12px 0 2px 0;
    }

    .section-title {
        font-size: 18px;
        line-height: 26px;
    }

    /*customer end*/

    /*report section start*/
    
    .report-left {
        max-width: 162px;
        max-height: 162px;
    }

    .report-left img {
        height: 176px;
    }

    .report-main .section-small-title {
        font-size: 13px;
        padding: 40px 0 0 0;
        line-height: 23px;
    }

    .report-main .section-small-title span {
        padding: 22px 0 0 0;
    }

    .report-main .section-title {
        font-size: 15px;
        line-height: 22px;
        padding: 24px 0 30px;
    }

    .report-quote .block-title {
        width: 200px;
        font-size: 13px;
        line-height: 20px;
        height: calc(100% - 0px);
        margin-bottom: 0px;
        padding: 19px 17px;
    }

    .report-quote .row>*:nth-child(even) .block-title {
        margin-left: auto;
        margin-top: -15px;
/*        width: 206px;*/
    }

    .report-quote .row>*:nth-child(3) .block-title {
        margin-top: -15px;
    }

    .report-quote .block-title span {
        font-size: 9px;
        line-height: 16px;
        letter-spacing: 0;
    }

    .report-wrp .customer-design-image-1,
    .report-wrp .customer-design-image-3,
    .report-wrp .customer-design-image-4,
    .report-wrp .customer-design-image-2 {
        height: 50px;
        z-index: 9;
    }

    .report-quote .row>*:first-child .block-title::before {
        border-left-width: 28px;
        border-right-width: 5px;
        border-top: 32px solid #f2f2f2;
        bottom: -20px;
        right: 90px;
    }

    .report-quote .row>*:nth-child(2) .block-title::before {
        bottom: -20px;
        border-left-width: 9px;
        border-right-width: 29px;
        border-top: 29px solid #f2f2f2;
    }

    .report-quote .row>*:nth-child(3) .block-title::before {
        border-left-width: 7px;
        border-right-width: 25px;
        border-top: 25px solid #f2f2f2;
        left: 95px;
        bottom: -20px;
    }

    /*report section end*/

    /*fault section start*/
    .fault-wrp .section-title {
        max-width: 336px;
        font-size: 15px;
        line-height: 25px;
        /* text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 7px;
        line-height: 26px;
        -moz-text-decoration-color: #FEE083; */
        margin: 0 auto;
        /* text-underline-offset: -1px; */
    }

    .fault-wrp .section-title:before {
        display: none;
    }

    /*fault section end*/

    /*mistake start*/
    .section-small-title {
        font-size: 12px;
        line-height: 14px;
    }

    .block-title {
        font-size: 14px;
        line-height: 27px;
    }

    .mistake-right .block-title.yellow-border::before {
        display: none;
    }

    /* .mistake-right .block-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 7px;
        line-height: 19px;
        -moz-text-decoration-color: #FEE083;
    } */

    .mistake-left {
        margin: 0;
    }

    .mistake-main .block-title.yellow-border::before {
        display: none;
    }

    /* .mistake-main .block-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 7px;
        line-height: 19px;
        -moz-text-decoration-color: #FEE083;
        text-underline-offset: -2px;
    } */

    .mistake-bottom .detail {
        padding-top: 20px;
    }

    /*mistake end*/

    /*web planning section start*/
    .web-planning-right img {
        height: 147px;
    }

    /* .web-planning-title .section-title {
        max-width: 198px;
        margin: 0 auto;
    } */

    .web-planning-wrp {
        padding: 29px 0 0 0;
    }

    .web-planning-main {
        padding: 14px 0 0 0;
    }

    .web-planning-left .block-title.yellow-border::before {
        bottom: 6px;
    }

    /*web planning section end*/

    /*income start*/
    .income-left img {
        height: 132px;
    }

    .income-wrp {
        padding: 26px 0 24px 0px;
    }

    .income-wrp .block-title h3 {
        text-align: center;
        font-size: 14px;
        line-height: 26px;
    }

    /*income end*/

    /*job section start*/
    .job-wrp {
        padding: 29px 0 54px 0;
    }

    .job-main {
        padding: 62px 22px 15px 22px;
    }

    .job-wrp .job-title .detail {
        padding-bottom: 25px;
    }

    .job-title .detail p br {
        display: none;
    }

    .job-wrp .job-title .detail p {
        line-height: 22px;
    }

    .job-main {
        padding: 29px 22px 15px 22px;
    }

    /*.job-block .detail {
        padding: 15px 0 15px 0;
    }*/

    /*job section end*/

    /*training start*/
    /* .things-main .row > * {padding: 0;}
    .things-main .row {margin: 0;} */
    .things-main .row>* {
        padding: 0 12px;
    }

    .things-main .row {
        margin: 0 -12px;
    }

    .things-main .things-inner-block::after {
        top: 3px;
        font-size: 11px;
        line-height: 16px;
        right: 17px;
    }

    .things-main .things-inner-block::before {
        width: 23px;
        height: 25px;
    }

    .things-main .things-inner-block {
        padding: 30px 7px 16px 7px;
        height: calc(100% - 11px);
        margin-bottom: 11px;
    }

    .things-main .things-inner-block .section-sub-title {
        padding: 3px 6px 10px 6px;
        font-size: 12px;
        line-height: 14px;
    }

    .things-main .things-inner-block .detail p {
        font-size: 11px;
        line-height: 17px;
    }

    .things-part .section-small-title h3 {
        text-align: center;
    }

    .like-block {
        padding: 0 26px;
    }

    .like-left {
        padding: 10px 10px 8px 10px;
    }

    .like-left h4 {
        font-size: 10px;
        line-height: 12px;
    }

    .like-right p {
        font-size: 13px;
        line-height: 19px;
    }

    .like-left::before {
        right: -10px;
        border-bottom-width: 6px;
        border-top-width: 6px;
        border-left: 13px solid #2F84AE;
    }

    .training-wrp .training-main .things-part {
        padding: 31px 0 0 0;
    }

    .things-main {
        padding: 13px 0px 0 0px;
    }

    .like-inner {
        margin: 0 0 12px 0;
        padding: 0 0 12px 0;
    }

    .like-block .section-sub-title {
        top: -17px;
    }

    .like-bottom {
        padding: 0 0 20px 0;
    }

    /*training end*/

    /*letter section start*/
    .letter-block .letter-image img {
        width: 121px;
        height: 121px;
    }

    .letter-block .letter-image {
        width: 133px;
        height: 133px;
        margin-top: -90px;
    }

    .letter-detail span {
        font-size: 10px;
        line-height: 15px;
    }

    .letter-detail p {
        font-size: 11px;
        line-height: 15px;
    }

    .letter-detail {
        padding: 6px 0 16px 0;
    }

    .letter-block .bottom-detail-letter .detail span {
        font-size: 14px;
        line-height: 21px;
    }

    .letter-block .bottom-detail-letter .detail p {
        font-size: 11px;
        line-height: 19px;
    }

    .letter-block .bottom-detail-letter {
        padding: 24px 17px 24px;
    }

    .letter-block {
        padding: 24px 28px;
        height: calc(100% - 99px);
        margin-bottom: 99px;
    }

    .letter-wrp {
        padding: 28px 0 0 0;
    }

    .letter-bottom {
        padding: 100px 0 0 0;
    }

    .letter-title .section-title.yellow-border::before {
        display: none;
    }

    /* .letter-title .section-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 7px;
        line-height: 22px;
        -moz-text-decoration-color: #FEE083;
    } */

    /*letter section end*/

    /*fee section start*/
    .fee-main .detail {
        padding: 0 20px;
    }

    .fee-main .block-title {
        font-size: 16px;
        line-height: 26px;
    }

    .fee-shape-2 {
        height: 120px;
    }

    .fee-shape-3 {
        height: 80px;
        bottom: -66px;
    }

    .fee-shape-4 {
        height: 140px;
        bottom: -90px;
    }

    .fee-wrp {
        padding: 29px 0 38px 0;
    }

    .fee-main .detail p {
        font-size: 13px;
        line-height: 22px;
    }

    .fee-shape-1 {
        top: -30px;
        left: 0;
        height: 90px;
    }

    /*fee section  end*/

    /*apply section start*/
    .business-detail p {
        font-size: 13px;
        line-height: 23px;
    }

    .apply-main .section-title {
        font-size: 23px;
        line-height: 25px;
    }

    .apply-main .section-small-title {
        font-size: 16px;
        line-height: 35px;
    }

    /* .apply-wrp {
        overflow: hidden;
    } */

    .apply-man-image-1 {
        left: -12px;
    }

    .apply-main .episode-block .section-small-title {
        font-size: 13px;
        line-height: 22px;
    }

    .month-section .month-block span,
    .month-section .month-block p {
        font-size: 14px;
        line-height: 26px;
    }

    .apply-main .section-small-title.yellow-border::before {
        bottom: 7px;
    }

    .business-detail {
        padding: 0 30px;
    }

    .buiness-list ul li {
        font-size: 11px;
        line-height: 21px;
    }

    .buiness-list {
        max-width: 277px;
    }

    .apply-wrp {
        padding: 46px 0 49px 0;
    }

    /*apply section end*/

    /*intro sstart*/
    .intro-right .section-small-title {
        font-size: 10px;
        line-height: 19px;
    }

    .intro-right .section-title {
        font-size: 16px;
    }

    .intro-right .detail span {
        font-size: 10px;
        line-height: 17px;
    }

    .author-detail .detail p,
    .intro-right .detail p {
        font-size: 13px;
        line-height: 23px;
    }

    .intro-list {
        padding: 23px 0 35px 0;
    }

    .intro-list .form-check-input {
        width: 14px;
        height: 14px;
    }

    /* .intro-list .form-check-label {
        padding-left: 26px;
        padding-top: 0;
        font-size: 12px;
    } */

    .intro-list .form-check-input:checked[type=checkbox] {
        background-position: 2px 2px;
    }

    .intro-list .form-group {
        align-items: flex-start;
    }

    .intro-block {
        padding: 20px 22px 33px;
    }

    .author-detail .section-small-title {
        font-size: 10px;
        line-height: 18px;
    }

    .author-block {
        margin-top: 21px;
        padding: 22px 22px 22px;
    }

    .author-block .section-title {
        padding-bottom: 3px;
    }

    /*intro end*/

    /*copy section start*/
    .copy-right-main .detail p {
        font-size: 10px;
        line-height: 15px;
        letter-spacing: normal;
    }

    .copy-bottom {
        margin: 0;
    }

    .copy-bottom a {
        font-size: 10px;
        line-height: 35px;
    }

    /*copy section end*/

    .block-part br {
        display: none;
    }

    .about-wrp .about-bottom-image-2 {
        bottom: -25px;
        height: 50px;
        width: 50px;
        left: -12px;
    }

    .about-wrp .about-bottom-image-1 {
        bottom: -40px;
        height: 70px;
        right: -10px;
    }

    .customer-wrp {
        padding: 31px 0 40px 0;
    }

    /* .customer-left .section-small-title.yellow-border::before {
        display: none;
    } */

    /* .customer-left .section-small-title {
        text-decoration: underline;
        text-decoration-color: #FEE083;
        text-decoration-style: solid;
        text-decoration-thickness: 7px;
        line-height: 22px;
        -moz-text-decoration-color: #FEE083;
        letter-spacing: normal;
        text-underline-offset: -2px;
        text-decoration-skip-ink: none;
    } */

    .customer-main .detail p {
        letter-spacing: 0.04em;
        padding: 8px 0 7px 0;
    }
    .customer-block .row {
        margin: 0 -5px;
    }

    .customer-block .row > * {
        padding: 0 5px;
    }

    .copy-right-wrp {
        padding: 16px 0;
    }
    .apply-shape-3 { height: 50px; bottom: -10px; }
    .apply-shape-4 {height: 40px;}
    .apply-shape-1 { height: 40px; top: -20px; }
    .btn-blue { padding: 10px 27px;}
    .intro-list ul li::before, .planning-list ul li::before {width: 14px;height: 14px;top: 0px;background-size: cover;}
    .intro-list ul li, .planning-list ul li { padding: 0 0 16px 20px;}
    .apply-top-2 { height: 60px; bottom: -30px; }
    .apply-top-4 { height: 100px; bottom: -60px; }
    .apply-top-1 { height: 90px; top: -50px; }
    .apply-top-3 { height: 80px; top: -40px; }
    .report-quote .block-title br { display: none;}
    .job-detail .bottom-detail p br {display: none;}

    .client-right .detail p br {display: none;}
    .things-inner-block .detail p br {display: none;}
    .job-block {height: calc(100% - 51px); margin-bottom: 51px;}
    .job-block .detail p {font-size: 16px; line-height: 31px;}
    .mistake-main .block-title {
        max-width: 300px;
        padding-top: 5px;
    }
    .customer-left {margin: 0 -15px 0 0;}
    .customer-right { margin: 0 10px;}

    .mistake-right .detail p {letter-spacing: normal;}
    .mistake-bottom .mistake-right { margin: 0 -20px 0 40px; }
    .mistake-right .detail {font-weight: 500;}
    .mistake-bottom .detail p {letter-spacing: normal;}
    .client-design-image { height: 40px; top: -10px; }
    .mistake-design-image { bottom: -20px; height: 60px; }
    .fault-wrp .section-title span {    font-size: 13px; line-height: 16px;}
    .section-sub-title { font-size: 16px; line-height: 30px; }
    .intro-list ul li::before { top: 4px;}
    .intro-list ul li {font-size: 12px;}
    .intro-list > .section-small-title { margin-bottom: 17px; }

    /*29/04/2023*/
    /* .about-main .mobile-title h3{border-bottom: 10px solid #000;text-decoration: none;position: relative;   }
    .about-main .mobile-title h3::before {
        content: "";
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 15px;
        background-color: #FEE083;
        z-index: -1;
    } */

    .about-main .about-bottom-small-title.mobile-detail p {display: block;}
}


@media (min-width: 320px) and (max-width: 360px) {
    .about-wrp .section-small-title {
        padding: 0 40px;
    }
    .btn-blue { padding: 9px 17px; font-size: 14px; }
}