@media(min-width:2000px){
    .marking-bottom-wrapper.auto-margin {
        margin-top: 22%;
    }
    }
    
@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: #194e92;
        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;
    }
    .dashboard {
        padding-right: 0;
    }
    .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 #194e92;
        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: #194e92;
        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 #194e92;
        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%;
}
}