@media(max-width:1440px) {
    .how-it-work::before {
        background-size: 60% 100% !important;
    }
}

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

@media(max-width:991px) {
    .thought-wrapper .right-dev {
        padding-left: 0 !important;
        margin-top: 3rem;
    }
    .story-wrapper .right-con {
        padding-left: 0 !important;
    }
    .need-help .form-box {
        margin: 0;
    }
    .need-help .form-box .col-md-8 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    .need-help .form-box .gridneed-flex02 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .assignment .col-md-4 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .taking-wrapper .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .taking-wrapper .col-md-6 .right-con {
        margin-top: 6.5%;
    }
    .taking-wrapper .col-md-6 .right-con .col-md-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .thought-wrapper .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .thought-wrapper .col-md-6 .right-dev {
        margin-top: 10%;
    }
    .assignment .ass-box {
        margin-right: 0rem;
        margin-bottom: 1.5rem;
    }
    .left-box .help-te,
    .need-help .why-us-box,
    .need-help .box-why {
        text-align: left;
    }
    .need-help .left-box .help-te h2,
    .thought-wrapper .right-dev {
        text-align: center;
    }
    .need-help .left-box .help-te h2::before {
        margin: 0 auto;
        transform: translate(20%, 0);
        width: 208px !important;
    }
    .reqvest-box {
        text-align: center;
    }
    .reqvest-box p {
        font-size: 1.3rem !important;
    }
}

@media(max-width:767px) {
    .more-btn a {
        width: fit-content !important;
    }
    .faq-wrapper .left-content .more-btn a {
        width: fit-content !important;
    }
    .owl-item.active.center .testy-card {
        width: 100% !important;
        margin-left: 0px !important;
    }
    .owl-item.active.center .testinner {
        width: 100%;
        margin-left: 1rem;
    }
    .testimonial-wrap .testy-card {
        margin-left: 2rem;
    }
    .need-help .left-box .help-te h2 {
        font-size: 2rem !important;
    }
    .more-btn a {
        font-size: 17px !important;
    }
    .testimonial-wrap .testy-card {
        min-height: 220px !important;
    }
    .taking-wrapper .title h2.mdi-t::before,
    .story-wrapper .title h2.mdi-t::before {
        width: 205px !important;
    }
    .title h2.mdi-t,
    .dis p {
        text-align: center;
    }
    .faq-wrapper .title h2,
    .faq-wrapper .dis p {
        text-align: center;
    }
    .faq-wrapper .title h2.mdi-t::before {
        width: 205px !important;
    }
    .more-btn a {
        margin: 0 auto;
    }
    .left-dev .img-wrap {
        margin-right: 2rem;
        padding: 0 !important;
    }
    .left-dev .img-wrap img {
        transform: translate(2rem, 1.5rem) !important;
    }
    .story-wrapper .left-con .img-wrap {
        padding: 1rem 0 0 0rem !important;
        margin-right: 2rem !important;
    }
    .story-wrapper .left-con .img-wrap img {
        transform: translate(2rem, 1rem) !important;
    }
    .need-help .left-box .help-te h2::before {
        transform: translate(10%, 0) !important;
    }
    .need-help .why-us-box {
        flex-direction: column;
    }
    .need-help .box-why {
        width: 100% !important;
    }
    .how-it-work::before {
        background-size: 110% 100% !important;
        width: 100% !important;
        height: 12% !important;
    }
    .how-it-work .title .work-t {
        height: 100px !important;
    }
    .w-right ul {
        flex-direction: column;
    }
    .w-right ul li {
        width: 60% !important;
        margin-bottom: 15%;
    }
    .work-wrapper .w-right {
        margin-top: 0;
        display: block;
        transform: translate(0px, 10%);
        padding-bottom: 15%;
    }
    .w-right ul li::before {
        right: 0;
        top: 110% !important;
        left: 45% !important;
        transform: rotate(90deg) !important;
    }
    .taking-wrapper .col-md-6 .right-con .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .taking-wrapper .right-con .c-box {
        min-height: 220px;
    }
    .story-wrapper .right-con {
        margin-top: 8%;
    }
    .order-box ul li {
        width: 100% !important;
        text-align: center;
    }
    .order-box ul li .content {
        border-right: none !important;
        margin: 0 auto;
        margin-bottom: 8%;
    }
    .assignment .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .testimonial-wrap .testinner {
        margin-right: 0 !important;
    }
    .right-box .get-wrapper .title span {
        font-size: 1.5rem !important;
    }
    .right-box .get-wrapper .title {
        padding: 1rem 0 !important;
    }
    .testimonial-wrap .user-n span {
        transform: translate(0px, -49px) !important;
    }
    .testimonial-wrap .usericon {
        margin: 0;
        transform: translate(0, -55px) !important;
    }
}