@media (min-width: 2500px) {
    .assingment_textarea
    {
        height: 750px;
    }
}
@media (min-width: 2000px) {
    .marking-bottom-wrapper.auto-margin {
        margin-top: 22%;
    }
    .assingment_textarea
    {
        height: 600px;
    }
}
@media (min-width: 1600px) {

    .assingment_textarea
    {
        height: 525px;
    }
}

@media (max-width: 998px){
    .responsive-border-sm{
        border-right: 0px !important;
        border-bottom: 1px solid #dee2e6;
        text-align: center;
    }
    .no-left-padding{
        padding-left:  10px !important;
    }
    .auth-container{
        min-width: unset !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 376px){
    .no-right-margin{
        margin-right: 0 !important;
    }
}
@media (max-width: 656px) {
    .mb--sm--3{
        margin-bottom: 1rem !important
    }
    
}

@media (min-width: 998px){
    .auth_centered{
        position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

}

@media screen and (max-width: 1800px) {
    #landingscreen .brand-logo ul li img {
        height: 36px;
    }

    #landingscreen .welcome-msg:after {
        background-size: 223px;
        top: 195px;
        right: 0px;
    }

    #thansksignin .welcome-msg:after {
        background-size: 300px;
        top: 0;
        right: 0;
    }

    .plans-wrapper .details-wrpper .feedback .download a {
        padding: 12px 15px;
    }
}

@media screen and (min-width: 1686px) {
    .login_page {
        border-top-left-radius: 0;
        height: calc(101vh - 142px);
        border-bottom-left-radius: 0;
        margin-bottom: 0px;
    }

    .login-footer {
        position: fixed !important;
        bottom: 0px;
    }
}

@media screen and (min-width: 1486px) {
    .premium_image_setting tr td img {
        position: absolute;
        left: -17px;
    }

    .batch_img tr td img {
        left: -8px;
    }
}


/*
@media (min-width:1200px) and (max-width:1500px) {
    .plans-wrapper .col-xl-4 {
        max-width: 50%;
        flex: 50%;
    }
} */

@media screen and (max-width: 1500px) and (min-width: 1366px) {
    .login-password .plans {
        height: auto;
        margin: 0px;
    }
}

@media screen and (max-width: 1365px) {
    /* .login-password .footer-fixed-b {
        position: absolute;
    } */
}

@media screen and (max-width: 1500px) {
    .payment-form .nwpass span p {
        width: 30%;
    }

    #landingscreen .becomeaPartner img {
        height: 45px;
    }

    #landingscreen .modal-dialog {
        max-width: 75%;
    }

    #landingscreen .welcome-msg:after {
        background-size: 295px;
        top: 130px;
        right: -10px;
    }

    #landingscreen .brand-logo ul li img {
        height: 40px;
    }

    #thansksignin .welcome-msg:after {
        background-size: 300px;
        top: 0;
        right: 0;
    }

    .log-fgbtn {
        max-width: 60%;
    }

    .log-inbg form {
        max-width: 100%;
    }

    .or-divder {
        max-width: 80%;
    }

    /* .graph-wrapperimg {
        display: inherit;
    } */
    .flex-e {
        height: auto;
    }

    .plans-wrapper .details-wrpper .feedback {
        padding-left: 20px;
        padding-right: 20px;
    }

    .plans-wrapper .details-wrpper p {
        font-size: 18px;
    }

    .plans-wrapper .details-wrpper .feedback .download a {
        font-size: 11px;
    }

    .plans-wrapper .details-wrpper p {
        font-size: 16px;
    }

    .graph-section .summary-wrapper {
        padding: 0 0 0 0;
    }

    .footer-fixed-b {
        position: relative;
    }

    .footerfix-p {
        bottom: -75px;
    }

    .email-prefrence {
        width: 100%;
    }

    .setting-wrapper .form-group label {
        width: 40%;
    }

    .email-prefrence p {
        text-align: left;
    }

    .setting-wrapper .form-group {
        align-items: flex-start;
        flex-direction: column;
    }

    .setting-wrapper .form-group.justify-content-end {
        align-items: flex-end;
    }
}

@media (min-width: 1200px) and (max-width: 1368px) {
    .onlyfrmaking .offset-xl-2 {
        margin-left: 0 !important;
    }

    .onlyfrmaking .col-xl-8 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .sticky {
        max-width: 86%;
    }
}

@media screen and (max-width: 1200px) {
    .premium_image_setting tr td img {
        position: absolute;
        left: -5px;
    }

    .batch_img tr td img {
        left: 0;
    }
}

@media screen and (max-width: 1199px) {
    .marking-bottom-wrapper.auto-margin {
        margin-top: 38%;
    }

    .fsize-42 {
        font-size: 32px;
    }

    #landingscreen .welcome-msg:after {
        background-size: 243px;
        top: 125px;
        right: -15px;
    }

    .reedem-code .field-wrapper .content input {
        width: 100%;
    }

    .reedem-code .field-wrapper .content .boxed label {
        padding: 16px 19px;
    }

    .reedem-code .field-wrapper .content select {
        width: 100%;
    }

    .plans-wrapper .details-wrpper .feedback .download a {
        padding: 12px 20px;
    }

    .dashboard .menubar .navbar {
        padding: 15px 15px;
    }

    .dashboard {
        /* margin-left: 0px !important; */
        /* padding-right: 0; */
    }

    .toggler-btn {
        display: none;
    }

    .mobile-toggle .toggler-btn {
        display: block !important;
    }

    .sidepanelSH .sidebar {
        display: none;
    }

    .sidebar {
        z-index: 999;
    }

    #thansksignin .welcome-msg:after {
        background-size: 300px;
        top: 0;
        right: 0;
    }

    .close-icon {
        display: block;
    }

    .log-inbg form {
        max-width: 65%;
    }

    .dashboard .menubar .navbar-brand {
        display: none;
    }

    .log-inbg h1 {
        font-size: 20px;
    }

    .tab-wrapper h2 {
        font-size: 20px;
    }

    .essy-wrapper h2 {
        font-size: 20px;
    }

    .share-detail form {
        max-width: 100%;
    }

    .reserch h3 {
        font-size: 20px;
    }

    .home-works .navbar-brand {
        display: block !important;
    }

    .heading {
        font-size: 20px;
    }

    .how-its-wrapper .stps {
        padding: 25px 50px;
    }

    .iflogonone {
        opacity: 1;
        display: block;
        height: auto;
    }

    .iflogonone img {
        height: 34px;
        position: absolute;
        top: 25px;
    }

    .sidebar .create-acc-btn {
        justify-content: flex-end;
    }

    .menu ul li a {
        padding: 15px 20px;
    }

    .log-inbg {
        padding: 15px 30px;
    }

    .log-inbg form {
        max-width: 100%;
    }

    .fsize-42 {
        font-size: 32px;
    }

    .marking-logo {
        display: none;
    }

    .marking-sidebar .menu {
        margin-top: 0;
    }

    .mar-spcl .container {
        padding-left: 15px;
    }

    .sticky {
        max-width: 95%;
    }

    .logo-mb-sc {
        display: flex;
        align-items: center;
    }

    .logo-mb-sc img.lg {
        display: block;
        height: 35px;
        margin-left: 10px;
    }
}

@media screen and (max-width: 991px) {
    .marking-bottom-wrapper.auto-margin {
        margin-top: 45%;
    }

    .batch_img tr td img {
        left: -13px;
    }

    #questionscreen .sumit-essay + p,
    #timerscreen .sumit-essay + p {
        margin: 2% 0 !important;
    }

    #landingscreen .brand-logo ul li img {
        height: 33px;
    }

    #landingscreen .brand-logo ul li {
        margin: 10px 15px;
    }

    #landingscreen .welcome-msg a {
        padding: 12px 35px;
    }

    #landingscreen .welcome-msg:after {
        background-size: 220px;
        top: 170px;
        right: -85px;
    }

    .plans-wrapper .details-wrpper {
        margin: 10px 0;
    }

    #landingscreen .modal-dialog {
        max-width: 88%;
    }

    #thansksignin .welcome-msg:after {
        background-size: 240px;
        top: 0;
        right: -87px;
    }

    .log-inbg form {
        max-width: 100%;
    }

    .log-fgbtn {
        max-width: 65%;
    }

    .or-divder {
        max-width: 65%;
    }

    .stp-style-div {
        width: 25%;
    }

    .how-its-wrapper .stps ul li div:last-child {
        width: 70%;
    }

    .how-its-wrapper .stps ul li div:last-child p {
        height: 60px;
    }

    .stp-style-div {
        height: 75px;
    }

    .contactus-wrapper img {
        height: 205px;
    }

    .contactus-wrapper {
        padding-top: 0;
    }

    .graph-section .summary-wrapper .details {
        flex-direction: column;
    }

    .menubar .navbar-nav {
        align-items: flex-end;
    }

    .dashboard .menubar .navbar-light .navbar-nav .nav-link {
        padding: 0;
    }

    .menubar .navbar-nav {
        padding: 15px 15px;
    }
}

@media screen and (max-width: 767px) {
    .long-view-content {
        height: auto !important;
    }
}

@media screen and (max-width: 479px) {
    .mobile-device {
        min-height: 100vh;
        height: auto;
    }

    .mobile-device .footer-fixed-b {
        position: absolute;
        bottom: 0;
    }
}

@media (min-width: 2880px) {
    .my_essay_tab_height {
        min-height: 891px;
    }
}

@media screen and (max-width: 767px) {
    .page-contact {
        margin-bottom: 125px;
    }

    .page-footer {
        padding-bottom: 20px;
    }

    .password-footer {
        padding-left: 0;
    }

    .change-fild .dropdown button {
        background: url(../img/down-arrow-bold-blue.png) 93% / 6% no-repeat;
    }

    .batch_img tr td img {
        left: 0px;
    }

    div#myModalvideo .modal-body iframe {
        width: 320px;
        height: auto;
    }

    #myvideoModal .close,
    #myModalvideo .close {
        right: -20px;
    }

    div#myModalvideo .modal-dialog {
        max-width: 295px !important;
        width: 100% !important;
    }

    div#myModalvideo .modal-body iframe {
        max-width: 295px !important;
        width: 100% !important;
        height: 285px !important;
    }

    .model-inner .labl {
        max-width: 100%;
    }

    .reedem-code .field-wrapper .labl label {
        font-size: 18px;
    }

    div#questionscreen p {
        font-size: 13px;
    }

    div#questionscreen .page-header h1 {
        font-size: 20px;
        color: #2f56a1;
        font-weight: 600;
    }

    .reedem-code .field-wrapper {
        flex-direction: column;
    }

    .reedem-code .field-wrapper .labl,
    .content,
    .extra-content {
        width: 100%;
        margin: 5px 15px;
    }

    .reserch.text-center {
        padding-left: 0px;
    }

    #landingscreen .modal-content {
        padding: 25px;
    }

    #landingscreen .becomeaPartner {
        flex-direction: column;
    }

    #landingscreen .becomeaPartner a {
        margin-top: 15px;
    }

    #landingscreen .welcome-msg:after {
        display: none;
    }

    .reedem-code .field-wrapper {
        flex-direction: column;
    }

    .reedem-code .field-wrapper .labl {
        width: 100%;
        margin-left: 15px;
    }

    .reedem-code .field-wrapper .labl,
    .content,
    .extra-content {
        width: 100%;
        margin: 5px 15px;
    }


    .change-fild select {
        background: url(../images/Blue-down.png) 98% 70% / 4% no-repeat transparent;
    }

    #thansksignin .welcome-msg {
        margin: 45px 0;
    }

    .log-inbg {
        padding: 15px 50px;
    }

    .essy-wrapper .details-box .detail {
        padding-right: 0;
        padding-bottom: 15px;
        border-right: none;
        border-bottom: 2px solid #fff;
    }

    .essy-wrapper .premium-details {
        padding-top: 15px;
    }

    .sidebar {
        width: 290px;
    }

    .share-detail {
        padding: 15px 0px !important;
    }

    .banner-boxes img {
        margin: 15px 0;
    }

    /* .banner-boxes.for-m{flex-direction: -recolumn;} */
    .how-its-wrapper .stps {
        padding: 25px 0px;
    }

    .how-its-wrapper .stps ul li p {
        font-size: 15px;
    }

    .stp-style-div p:first-child {
        font-size: 32px !important;
    }

    .stp-style-div p:last-child {
        font-size: 20px !important;
    }

    .contactus-wrapper .banner-boxes img {
        display: none;
    }

    .contactus-wrapper {
        padding: 15px 0;
    }

    .rewardername .img-wrper {
        display: none;
    }

    .rewardername .banner:first-child {
        margin-top: 0;
    }

    .header-b2 h1 {
        border-right: 0;
        text-align: center;
    }

    .graph-wrapperimg {
        text-align: left;
    }

    .graph-wrapperimg img {
        margin-top: 20px;
    }

    .border-t-none {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    .border-b-none {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .sidebar .create-acc-btn {
        margin: 25px 0 15px 0;
    }

    #profile .mt-0 {
        margin-top: 15px !important;
    }

    #profile .mb-0 {
        margin-bottom: 15px !important;
    }

    .graph-section .summary-wrapper .details {
        flex-direction: row;
        margin: 0 0;
        margin-bottom: 25px !important;
    }

    .graph-section .summary-wrapper {
        border-right: none;
    }

    .graph-section .default-wrapper a {
        font-size: 16px;
    }

    .graph-section .details h3 {
        font-size: 16px;
        text-align: left;
    }

    .graph-section .details p {
        text-align: left;
    }

    .row-pd {
        padding: 15px 0;
    }

    .row.analyst_summary_para h3.heading.cefr {
        border-top: 2px solid #2f56a1;
        margin: 0 15px;
        padding: 15px 0 0 0;
    }

    .feedback-clr {
        padding: 15px 15px;
    }

    .ranges-wrapper .summaryboxes .text-right {
        text-align: left !important;
        margin: 0;
    }

    .change-fild {
        margin-top: 0 !important;
    }

    .testinomials .wrapper {
        margin: 10px 0;
    }

    .stp-style-div {
        width: 14%;
    }

    .testinomials .wrapper p.ph {
        height: auto;
    }

    .long-view-content {
        height: 150px;
        overflow-y: auto;
    }

    .overalgrd {
        padding: 0 15px;
    }

    .allstatusfield {
        padding: 0 15px;
    }

    .payment-form .nwpass span p {
        width: 40%;
    }

    .payment-form .subttal table tr td img {
        height: 20px;
    }

    .setting-wrapper .form-group label {
        width: 100%;
    }

    .setting-wrapper h1 {
        margin-bottom: 15px;
        font-size: 25px !important;
    }

    .chngepasswod .form-group {
        align-items: flex-start;
        flex-direction: column;
    }

    .chngepasswod .form-group.loginbtn-wrapper {
        align-items: center;
    }

    .chngepasswod .form-group label {
        width: 100%;
    }

    .loginbtn {
        padding: 9px 35px;
    }

    .innder-tag-btns p {
        font-size: 13px !important;
        margin: 10px 0;
    }

    .change-fild .optional_topic button::before {
        width: 40%;
        left: 95px;
    }
}

@media screen and (max-width: 575px) {
    .change-fild .w-75 {
        width: 100% !important;
    }

    .change-fild .optional_topic button::before {
        width: 25%;
        left: 100px;
    }

    .graph-section .summary-wrapper .details {
        margin-bottom: 15px !important;
    }

    .premium_text_survey {
        margin-top: 10px !important;
    }

    /* .contactus-wrapper {
        height: calc(100vh - 100px);
    } */
    div.welcomescreen.modal {
        top: 0px !important;
        overflow-y: auto !important;
    }

    div#freereport2.modal {
        top: 0px !important;
        overflow-y: auto !important;
    }

    div#questionscreen.modal {
        top: 0px !important;
        overflow-y: auto !important;
    }

    .sumit-essay.premium_text a {
        margin-top: 15px !important;
        padding: 12px 33px !important;
    }

    /* div.modal {
        top: -35px;
        overflow-y: hidden !important;
    } */

    .premium_report_arrow:after {
        top: 8px !important;
    }

    .safari-image {
        max-width: 100%;
        max-height: 125px !important;
    }

    #thansksignin {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #thansksignin .modal-dialog {
        max-width: 100% !important;
    }

    #spider {
        margin-bottom: 10px;
    }

    #send_email_report {
        margin-top: 15px;
    }

    .premium_text {
        margin-top: 5px;
    }

    #free_essay_chart,
    #Premiumg,
    #Readabilitys {
        margin: 35px auto;
        width: 100%;
    }

    .text-non-heading {
        font-weight: 600;
        font-size: 16px !important;
    }

    .sumit-essay {
        margin-top: 50px;
        flex-direction: column;
    }

    .privac-p-wrapper a {
        word-break: break-all;
    }

    .heading {
        font-size: 16px;
    }

    #area_chart,
    #pyramid,
    #sentence_length {
        margin-right: 10px;
        margin-left: -10px
    }

    .graph-wrapperimg h3 {
        margin-left: 15px;
        font-size: 16px;
    }

    .comment h3 {
        margin-left: 10px;
    }

    .p_comment h3 {
        margin-left: 0px;
    }

    /*#spider {
        margin-left: -25px;
    }*/
    #structure_chart1,
    #structure_chart2 {
        margin-left: 15px;
        margin-right: -20px;
    }

    #spelling_error,
    #collections,
    #punctuations,
    #confused,
    #redundancy,
    #capitalization,
    #sentence_counter,
    #sentence_counter2 {
        margin-left: 15px;
        margin-right: -20px;
    }

    .heddings {
        margin-left: 15px !important;
    }

    #tone_chart,
    #topic_chart,
    #word_counter,
    #structure_chart3 {
        margin-right: 5px;
        margin-left: -5px;
    }

    #bar_chart {
        margin-top: 10px;
    }

    .nw-ad-graph-wrpper .nav-tabs {
        flex-direction: column;
        width: 100%;
    }

    .nw-ad-graph-wrpper .nav-tabs li a {
        width: 100%;
        border-left: none;
    }

    .modal_width {
        max-width: 90% !important;
    }

    .setting-wrapper .form-group label {
        font-size: 16px;
    }

    .mar-tb-30 {
        margin: 15px 0;
    }

    #landingscreen .modal-content {
        padding: 15px;
    }

    #landingscreen .welcome-msg h1 {
        font-size: 20px;
    }

    #landingscreen .welcome-msg p {
        font-size: 16px;
    }

    #landingscreen .welcome-msg ul li {
        font-size: 16px;
    }

    #landingscreen .brand-logo ul li {
        margin: 15px 0;
    }

    #landingscreen .becomeaPartner a {
        padding: 13px 35px;
        font-size: 14px;
    }

    #landingscreen .welcome-msg a {
        padding: 13px 35px;
        font-size: 14px;
    }

    .plans-wrapper .details-wrpper .plan-b {
        height: 65px;
        padding: 15px 0;
    }

    .plans-wrapper .details-wrpper .feedback {
        padding-left: 15px;
        padding-right: 15px;
    }

    .plans-wrapper .details-wrpper .feedback .download {
        margin-bottom: 25px;
    }

    .dashboard .menubar .navbar-light .navbar-nav .nav-link {
        padding: 5px 0px;
    }

    .reedem-code .field-wrapper .extra-content a {
        font-size: 16px;
    }

    .reedem-code .field-wrapper .content select {
        font-size: 14px;
    }

    .plans-wrapper .details-wrpper p {
        font-size: 16px;
    }

    .proceedbtn a {
        font-size: 16px;
    }

    .plans-wrapper .details-wrpper .feedback .option {
        height: 145px;
    }

    .plans-wrapper .details-wrpper .feedback a {
        padding: 10px 0;
        font-size: 16px;
    }

    .signmandotry {
        height: 45px;
    }

    .plans-wrapper .details-wrpper .with-tag p {
        padding: 15px 0;
    }

    .plans-wrapper .details-wrpper p img {
        height: 45px;
        margin-right: 15px;
    }

    .sidebar {
        width: 270px;
    }

    .dashboard {
        margin-left: 0px;
    }

    .reedem-code .field-wrapper .content .boxed div {
        margin: 0 5px;
    }

    .reedem-code .field-wrapper {
        margin: 5px 0;
    }

    .dashboard .plans {
        padding: 15px;
    }

    #landingscreen .welcome-msg h1 {
        font-size: 16px;
    }

    #landingscreen .welcome-msg p {
        font-size: 14px;
    }

    #thansksignin .brand-logo p {
        font-size: 14px;
    }

    #thansksignin .welcome-msg {
        margin: 30px 0;
    }

    .log-inbg {
        padding: 15px 15px;
    }

    .log-fgbtn {
        max-width: 100%;
    }

    .or-divder {
        max-width: 100%;
    }

    .log-inbg h1 {
        font-size: 16px;
    }

    .log-fgbtn a {
        font-size: 14px;
        padding: 13px 0;
    }

    .loginbtn-wrapper {
        max-width: 70%;
    }

    .create-new-acnt-login {
        margin-top: 15px;
    }

    .overflowtable {
        overflow-x: scroll;
    }

    .overflowtable table {
        width: 900px;
    }

    .sidebar .create-acc-btn a {
        font-size: 16px;
        padding: 14px 35px;
    }

    .sidebar .create-acc-btn {
        justify-content: flex-end;
    }

    .menu ul li a {
        font-size: 16px;
        padding: 15px 20px;
    }

    .menu ul li a img {
        height: 30px;
    }

    .tab-wrapper h2 {
        font-size: 16px;
    }

    .tab-wrapper .adding-tb {
        padding-top: 0px;
    }

    .tab-wrapper .adding-tb .table thead th {
        font-size: 16px;
    }

    #amount-paying .log-inbg .payment-wrapper h1 {
        font-size: 16px;
    }

    #amount-paying .log-inbg .payment-wrapper .total-amount {
        padding: 15px 30px;
    }

    #amount-paying .log-inbg .payment-wrapper .total-amount span p {
        font-size: 16px;
    }

    #amount-paying .log-inbg {
        margin: 25px 0;
    }

    #amount-paying .log-inbg .card-options a {
        font-size: 12px;
        padding: 10px 10px;
    }

    #amount-paying .log-inbg .purchase-btn a {
        font-size: 16px;
        padding: 12px 50px;
    }

    #amount-paying .log-inbg .purchase-btn {
        margin: 15px 0;
    }

    .essy-wrapper h2 {
        font-size: 16px;
    }

    .essy-wrapper .details-box .detail span {
        font-size: 13px;
    }

    .essy-wrapper .premium-details {
        font-size: 16px;
    }

    .essy-wrapper .premium-details img {
        height: 50px;
        margin-right: 20px;
    }

    .essy-wrapper .describe-essay .editor-wrapper {
        height: 500px;
    }

    #submitmodal #cancelmodelbutton_save {
        margin-right: 0px;
    }

    #submitmodal .brand-logo p {
        font-size: 14px;
    }

    .ssc-btns {
        flex-direction: column;
    }

    .ssc-btns a {
        margin: 5px 0;
        text-align: center;
    }

    .sumit-essay {
        margin-top: 50px;
        flex-direction: column;
    }

    .sumit-essay a {
        font-size: 16px;
        text-align: center;
        margin: 5px 0;
    }

    .saved-tagline {
        margin-top: 25px;
        font-size: 16px;
    }

    .share-detail form {
        flex-direction: column;
    }

    .share-detail .form-group {
        margin: 5px 0px;
    }

    .share-detail .proceedbtn {
        width: 100%;
    }

    .share-detail .proceedbtn a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .dwnld-result {
        flex-direction: column;
    }

    .dwnld-result .proceedbtn {
        width: 100%;
    }

    .dwnld-result .proceedbtn a {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 5px;
        padding: 8px 40px;
        margin-left: 0px;
    }

    .reserch h3 {
        font-size: 16px;
    }

    .reserch a {
        padding: 8px 35px;
    }

    .dashboard .menubar .navbar-brand img {
        height: 30px;
    }

    .heading {
        font-size: 16px;
    }

    .banner-boxes img {
        height: 100px;
    }

    .home-banner ul {
        flex-direction: column;
        align-items: center;
    }

    .download-reserhs {
        flex-direction: column;
        align-items: center;
    }

    .report-donload .homepagebtn {
        justify-content: center;
        flex-direction: column;
    }

    .how-its-wrapper .stps ul li {
        flex-direction: column;
        padding: 15px;
        margin: 15px 0;
    }

    .how-its-wrapper .stps ul li div:last-child p {
        margin-left: 0;
        margin-top: 15px;
        height: 100%;
    }

    .stp-style-div {
        margin-top: 0;
    }

    .how-its-wrapper .stps ul li div:last-child {
        text-align: center;
        width: 100%;
    }

    .stp-style-div:after {
        display: none;
    }

    .stp-style-div {
    }

    .report-donload .download-reserhs .homepagebtn {
        align-items: center;
    }

    .areuschool {
        flex-direction: column;
        align-items: center;
    }

    .areuschool h3 {
        font-size: 16px;
    }

    .footer {
        flex-direction: column;
        align-items: center;
    }

    .stp-style-div {
        width: 50px;
        height: 50px;
    }

    .download-reserhs h2 {
        white-space: normal;
    }

    .testinomials .wrapper p {
        font-size: 14px;
    }

    .testinomials .wrapper .name p {
        font-size: 16px;
    }

    .stp-style-div p {
        margin: 0 0px;
        line-height: 0;
    }

    .how-its-wrapper .stps ul li p {
        margin-top: 0;
    }

    .how-its-wrapper .stps {
        padding: 15px 0px;
    }

    .banner {
        padding: 15px 0;
    }

    .ros a {
        padding: 14px 0;
        font-size: 16px;
        max-width: 220px;
    }

    .special-ofer-school {
        padding: 15px 0;
    }

    .special-ofer-school .text-wrapper p {
        font-size: 16px;
        margin: 15px 0px;
    }

    .contactus .log-inbg {
        padding: 0px 0;
    }

    .contactus-wrapper {
        padding: 0;
    }

    .contactus .log-inbg form .loginbtn-wrapper a {
        font-size: 16px;
        max-width: 100%;
        margin: 0;
    }

    .rewardername .banner {
        padding: 20px 15px;
        margin: 15px 0;
    }

    .rewardername .form-group {
        margin-top: 15px;
    }

    .internal-usage-wrapper a {
        font-size: 16px;
    }

    .summaryboxes h3 {
        font-size: 16px;
    }

    .summaryboxes .content {
        font-size: 14px;
    }

    .graph-wrapperimg p {
        font-size: 14px;
    }

    .fsize-48 {
        font-size: 20px;
    }

    .homepagebtn a {
        padding: 10px 0;
        font-size: 12px;
        max-width: 130px;
    }

    .info-details {
        left: 0;
    }

    .essay-detail-marking .left-wrapper .content {
        font-size: 16px;
    }

    .pagination-wrapper {
        font-size: 16px;
        padding: 0 40px;
    }

    .marking-table table th {
        font-size: 16px;
    }

    .marking-table table tbody td {
        font-size: 16px;
    }

    .essay-detail-marking {
        flex-direction: column;
    }

    .accordian-wrapper li {
        flex-direction: column;
    }

    .accordian-wrapper li .accodn {
        width: 100%;
    }

    .essay-detail-marking .content {
        font-size: 16px;
    }

    .sv-sb-btn {
        justify-content: center;
    }

    .sv-sb-btn a {
        font-size: 16px;
    }

    .graph-section .details p {
        font-size: 12px;
    }

    .graph-section .default-wrapper a {
        padding: 15px 15px;
    }

    .graph-section .default-wrapper:after {
        right: 20px;
        background-size: 22px;
        width: 22px;
        height: 22px;
        top: 13px;
    }

    #freereport .graph-section .default-wrapper a:after {
        top: 8px;
        background-size: 20px;
        width: 20px;
        height: 20px;
    }

    #freereport2 .graph-section .default-wrapper a:after {
        top: 8px;

    }

    .footer-fixed-b {
        position: relative;
        bottom: 0;
        width: 100%;
    }

    .footerfix-p {
        position: relative !important;
        bottom: -90px !important;
    }

    .privac-p-wrapper a {
        word-break: break-all;
    }

    .menubar .navbar-nav {
        padding: 20px 0;
    }

    #profile .mt-0 {
        margin-top: 5px !important;
    }

    .how-banner h1 {
        font-size: 24px !important;
    }

    .how-banner h2 {
        font-size: 24px !important;
    }

    .logo-mb-sc img.lg {
        height: 25px;
    }

    .nwpass span {
        flex-direction: column;
        align-items: flex-start;
    }

    /* .payment-form h4 {
        font-size: 14px;
        margin: 15px 0;
        margin-top: 5px;
    } */
    .payment-form h4 {
        font-size: 28px;
    }

    .payment-form .nwpass span p {
        font-size: 21px;
    }

    /* .payment-form .nwpass span p {
        width: 100%;
    } */
    .payment-form .shoping-cart {
        flex-direction: column;
    }

    /* .payment-form .shoping-cart span {
        text-align: center;
    } */
    .payment-form .shoping-cart span {
        color: #2f56a1;
        font-size: 21px;
    }

    /* .subttal {
        overflow: hidden;
        overflow-x: scroll;
    } */
    .subttal .table {
        width: 335px;
    }

    .cefr {
        margin-top: 10px;
    }

    .remove-btn-sapcing {
        margin-bottom: 0;
    }

    .remove-btn-sapcing .proceedbtn .mar-tb-30 {
        margin-bottom: 0;
    }

    .areuschool .left {
        width: 100%;
        text-align: center;
    }

    .areuschool .right {
        width: 100%;
        text-align: center;
    }

    .report-donload .download-reserhs .homepagebtn a {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: 16px;
        padding: 12px 0;
    }

    .logo-mb-sc {
        width: 80%;
    }

    .other-sec-btns {
        flex-direction: column;
    }

    .other-sec-btns a.loginbtn {


        max-width: 100%;
        margin: 5px 0;
    }
}

@media (max-width: 767px) {
    .marking-bottom-wrapper.auto-margin {
        margin-top: 0%;
    }

    .row.analyst_summary_para {
        padding-top: 15px !important;
    }

    .row.analyst_summary_para h3.heading.cefr {
        margin-top: 0px !important;
    }

    #bar_chart {
        margin-bottom: 0 !important;
    }

    .marker2-footer {
        bottom: -75px;
    }

    .topicaccordic .card {
        margin-left: -15px;
        margin-right: 15px;
    }

    .editable_html {
        flex-direction: column;
    }

    .left-box,
    .right-box {
        padding-right: 0;
        width: 100%;
    }

    .editable_html p {
        margin: 10px 0 !important;
    }

    .row.analyst_summary_para h3.heading.cefr {
        border-top: 1px solid #2f56a1;
        font-size: 16px !important;
    }
}

@media screen and (max-width: 575px) {
    .row.analyst_summary_para h3.heading.cefr {
        font-size: 12px !important;
    }

    .row.analyst_summary_para h3.heading.cefr {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .affix + .marking-bottom-wrapper {
        margin-top: 30%;
    }

    .row.analyst_summary_para .details:last-child {
        margin-bottom: 0px !important;
    }

    .row.analyst_summary_para #bar_chart {
        padding: 0px 15px;
    }

    .essay-detail-marking .right-wrapper {
        float: right;
    }
}

@media (min-width: 1400px) {
    .change-fild .optional_topic button {
        background-size: 23px;
    }

    .change-fild .optional_topic button::before {
        width: 44%;
        right: 50px;
    }
}

@media (max-width: 1200px) {
    .change-fild .optional_topic button::before {
        width: 42%;
    }
}

@media screen and (max-width: 767px) {
    .change-fild .optional_topic button::before {
        left: auto;
        right: 15%;
    }
}

@media screen and (max-width: 575px) {
    .change-fild .optional_topic button::before {

        left: auto;
        right: 15%;
        width: 25%;
    }
}


@media (min-width: 1700px){
.colxxl-3 {
    flex: 0 0 auto;
    width: 25% !important;
}
}

@media (max-width: 980px){
.col_12 {
    flex: 0 0 auto;
    width: 100%;
}
}
@media (min-width: 1650px){
.col-nav-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
}}
@media (min-width: 1650px){
.col-nav-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
}}
@media(max-width:768px)
{.d-flex-none{
    display:flex !important;
}
}

@media (min-width: 992px){
.col_lg-10 {
    flex: 0 0 auto;
    width: 89.333333%;
}
.col_lg-2 {
    flex: 0 0 auto;
    width: 10.666667%;
}
}


@media (min-width: 768px){
.col_md_3 {
    flex: 0 0 auto;
    width: 32%;
}}

@media (min-width: 768px){
.offset_md_1 {
    margin-left: 1.333333%;
}
}

@media (min-width: 768px){
.col_md_5 {
    flex: 0 0 auto;
    width: 48.666667%;
}}

@media (min-width: 768px){
.col_md_2 {
    flex: 0 0 auto;
    width: 23.666667%;
}}


@media (min-width: 1366px){
  .width-cls {
    flex: 0 0 auto;
    width: 7.666667%;
}
}

@media (min-width: 1366px){
.white-width-cls {
    flex: 0 0 auto;
    width: 92.333333%;
}
}
@media (min-width: 2000px){
  .white-width-cls {
      flex: 0 0 auto;
      width: 94.333333%;
  }
  }

  @media (min-width: 2000px){
    .width-cls {
      flex: 0 0 auto;
      width: 5.666667%;
  }
  }

@media (max-width: 1366px) and (min-width: 1366px){
  .white-width-cls {
      flex: 0 0 auto;
      width: 90.333333%;
  }
  }

  @media (max-width:  1514px) and (min-width:  1367px){
    .white-width-cls {
        flex: 0 0 auto;
        width: 90.333333%;
    }
    .width-cls{
      flex: 0 0 auto;
      width:  9.666667%;
    }
}
 
@media (max-width:  1195px) and (min-width:  997px){
  .white-width-cls {
      flex: 0 0 auto;
      width: 87.333333%;
  }
  .width-cls{
    flex: 0 0 auto;
    width:  12.666667%;
  }
}


@media (min-width:  1195px){
    .px-xxl-5{
        padding: 0px 100px !important;
    }
  }



@media (max-width:1244px) and (min-width: 767px){
    .custom-col-12{
        flex: 0 0 auto;
        width: 100%;
}
}

@media (max-width: 576px){
    .sm-mb-3{
        margin-bottom: 1rem;
    }

}


@media (min-width: 768px){
    .body-topbar-width{
        max-width: 1680px !important;
    }

}
@media (min-width: 768px){
    .body-content-width{
        max-width: 1366px !important;
    }
    .lg-body-content-width{
        max-width: 2066px !important;
    }

}
@media (min-width: 768px){
    .pe-content-width{
        max-width: 1200px !important;
    }

}

@media print {
    .no-print {
      display: none;
    }
    svg{
    max-width: 400px !important;
  }
}