@media only screen and (max-width: 1023px) {
    .navbar-collapse .navbar-nav.ml-auto {
        background: #fff;
    }

    .module-img img {
        max-width: 100% !important;
    }
    .stand-out {
        padding: 2.5em 0 3em;
    }
    .stand-out .col-sm-6 div {
        max-width: 100% !important;
    }
    .launch {
        padding: 2.5em 0 3em;
        max-height: inherit;
    }
    .launch h2 {
        font-size: 40px;
        margin: 20px 0;
    }
    .section-hero h1 {
        font-size: 40px;
    }
    .section-hero h2 {
        font-size: 20px;
    }
    .video-pp p {
        font-size: 16px;
    }
    .career-training h2 {
        font-size: 40px;
    }
    .find-jobs h2 {
        font-size: 40px;
    }
    .instant h2 {
        font-size: 40px;
    }
    .career-training {
        padding: 2.5em 0 3em;
    }
    .find-jobs {
        padding: 2.5em 0 3em;
    }
    .instant {
        padding: 2.5em 0 3em;
    }
    .instant h3 {
        margin-top: 0;
    }
    .deep-focus h3 {
        margin-top: 0;
    }
    .deep-focus h2 {
        font-size: 40px;
    }
    .deep-focus {
        padding: 2.5em 0 3em;
    }
    .download-box {
        padding: 2.5em 0 3em;
    }
    .download-box h2 {
        font-size: 40px;
    }
    .project-org {
        padding: 2.5em 0 3em;
    }
    .project-org h2 {
        font-size: 40px;
    }
    .habbit-builder {
        padding: 2.5em 0 3em;
    }
    .habbit-builder h2 {
        font-size: 40px;
    }
    .section-stand h2 {
        font-size: 40px;
    }
    .get-started-div {
        margin-bottom: 0;
    }
    footer ul li {
        padding: 0;
        margin-right: 5px;
        font-size: 14px;
    }
    footer ul li a img {
        width: 20px;
    }

    .row.flex-prt {
        display: flex;
        flex-wrap: initial !important;
        position: relative;
        margin-left: -270px;
    }
    .row.flex-prt .mmmrt {
        margin-top: -150px !important;
    }
    .video-pp {
        padding: 0;
    }
    .green-color {
        margin-left: 0;
    }
    .container-980 {
        max-width: 95%;
    }
    .marketplace-writer-card {
        padding: 16px;
    }
    .brd-box {
        padding: 15px;
    }
    .btn-orange {
        padding: 10px;
        font-size: 14px;
    }
    .navbar-collapse .navbar-nav.ml-auto li a {
        color: #000;
    }
    .iframe-video iframe {
        height: 190px;
    }
    .check-right {
        padding-top: 0;
    }
    .white-market .marketplace-search-box {
        margin-top: 15px;
        width: 100%;
    }
}
.middle-xs {
    flex-direction: row-reverse;
}
@media only screen and (max-width: 767px) {
    .hire-writer h1 {
        font-size: 25px;
    }
    .hire-writer {
        padding-top: 0;
    }
    .limited-time-box {
        padding: 10px;
    }
    .landing-page-start-box {
        font-size: 12px;
        padding: 30px 10px;
    }
    .section-hero {
        padding: 1.5em 1em 30px;
    }
    .end-talented {
        margin: 50px 0;
        padding: 20px !important;
    }

    .section-hero h1 {
        margin-top: 50px;
    }
    .video-pp {
        margin: 2.3em 0;
    }
    .modal-video .close {
        right: 0;
    }
    .landing-page-writing-tool--img {
        padding-right: 15px !important;
        padding-bottom: 20px;
        text-align: center;
    }
    .instant div {
        text-align: center;
    }
    .instant h3 {
        text-align: center;
    }
    .instant h2 {
        text-align: center;
    }
    .instant p {
        text-align: center;
    }
    .deep-focus {
        text-align: center;
    }
    .deep-focus h3 {
        text-align: center;
    }
    .deep-focus h2 {
        text-align: center;
    }
    .deep-focus p {
        text-align: center;
    }
    .habbit-builder {
        text-align: center;
    }
    .end-sm {
        justify-content: center !important;
        padding-top: 30px;
    }
    .section-stand img {
        width: 100%;
        margin: 0;
    }
    .stand-out .col-sm-6 div {
        margin-top: 15px !important;
    }
    .section-stand h3 {
        text-align: center;
        margin-top: 30px;
        font-size: 16px;
    }
    .section-stand h2 {
        text-align: center;
    }
    .section-stand p {
        text-align: center;
    }

    .stand-out .col-sm-6 div {
        max-width: initial !important;
        text-align: center;
    }
    .section-stand p {
        font-size: 16px;
    }
    .habbit-builder p {
        font-size: 16px;
    }
    .habbit-builder h3 {
        font-size: 16px;
    }
    .project-org p {
        font-size: 16px;
    }
    .project-org h3 {
        font-size: 16px;
    }
    .download-box p {
        font-size: 16px;
    }
    .download-box h3 {
        font-size: 16px;
    }
    .deep-focus p {
        font-size: 16px;
    }
    .deep-focus h3 {
        font-size: 16px;
    }
    .instant p {
        font-size: 16px;
    }
    .instant h3 {
        font-size: 16px;
    }
    .find-jobs p {
        font-size: 16px;
    }
    .find-jobs h3 {
        font-size: 16px;
    }
    .career-training p {
        font-size: 16px;
    }
    .career-training h3 {
        font-size: 16px;
    }
    .video-pp p {
        text-align: center;
    }
    .frame-video {
        margin-bottom: 20px;
    }

    footer ul {
        text-align: center;
    }
    footer ul li {
        padding: 0;
        margin: 0 5px;
    }
    footer ul li a {
        font-size: 13px;
    }
    .faq-content h2 {
        font-size: 44px;
    }
    .g-recaptcha div {
        width: 100% !important;
    }
    .g-recaptcha div iframe {
        width: 100% !important;
    }
    .faq-content {
        padding: 30px;
    }
    .marketplace-search-box__select-input-container {
        width: 248px;
    }
    .marketplace-search-box__select-input-container input.form-control {
        width: 148px;
        font-size: 12px;
    }
    .select-field .select-wrapper input {
        font-size: 12px;
    }
    .marketplace-search-box__button-container .submit {
        font-size: 8px !important;
    }
    .check-right {
        padding-top: 0;
    }
    .iframe-video iframe {
        height: 280px;
    }
    .tabs-part .nav-tabs {
        max-width: 100%;
    }
    .tabs-part .nav-tabs .nav-link {
        padding: 15px 22px;
    }
    .tabs-part .nav-tabs .nav-link.most-popular::after {
        font-size: 12px;
        right: 18px;
    }
    .mfes-trustmark {
        width: 100%;
    }
    .end-talented h2 {
        font-size: 18px;
    }
    .end-talented p {
        font-size: 13px;
    }
    .fg-btn span {
        display: none;
    }
    .navbar-collapse .navbar-nav.ml-auto li a {
        color: #000;
    }
    .select-field .select-wrapper .caret {
        right: 0;
    }
    .select-field .select-wrapper {
        padding: 0 22px 0 10px;
    }
    .white-market .marketplace-search-box {
        margin-top: 15px;
        width: 100%;
    }
    .white-market {
        padding: 20px !important;
    }
    .white-market .top-hero .container {
        padding: 0;
    }
    .top-changing-content-banner h1 {
        font-size: 34px;
        line-height: normal;
        padding-top: 15px;
    }
    .container-pp {
        text-align: center;
    }
    .social-box-top {
        text-align: center;
    }
    #material-tabs > a {
        width: 31.333%;
        font-size: 16px;
    }
    #tab1-tab.active ~ span.yellow-bar {
        width: 90px;
    }
    #tab2-tab.active ~ span.yellow-bar {
        width: 90px;
        left: 105px;
    }
    #tab3-tab.active ~ span.yellow-bar {
        width: 90px;
        left: 210px;
    }
    .cols {
        column-count: initial;
        column-gap: initial;
    }
    .top-changing-content-banner {
        padding: 15px 15px 0 15px;
    }
    .video-pp2 iframe {
        height: 300px;
    }
    .check-pnl {
        padding: 15px 50px 15px 50px;
    }
    .sp-one i {
        font-size: 24px;
    }
    .sp-one span {
        font-size: 18px;
    }
}
.modal.modal-md.modal-style {
    width: 95%;
}
.modal-style.modal {
    width: 95%;
}
.modal.form-modal .modal-dialog {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}