#vp_size {
    width: 20px;
    height: 20px;
    margin: 20px 10px;
    position: fixed;
    z-index: 1000;
    background: hsl(120, 100%, 25%);
    display: none;
}

@media screen and (max-width: 1300px) {
    #vp_size {
        background: cyan;
    }
    .big_wrapper #side_bar {
        width: 16% !important;
    }
}

@media screen and (max-width: 1250px) {
    #vp_size {
        background: brown;
    }
    .big_wrapper #side_bar {
        width: 17% !important;
    }
    .spread .slide_txt {
        width: 30%;
    }
    .spread .slide_cap {
        width: 20%;
    }
    .big_wrapper #content #left_area {
        width: 52% !important;
        margin: 10px;
    }
    .big_wrapper #content #right_area {
        width: 26% !important;
        margin: 15px !important;
    }
    .acctxt_box .sel_sch p {
        width: 60%;
    }
    #left_area .score_wrap {
        min-width: 60% !important;
    }
    #left_area #sb_fix {
        width: auto !important;
    }
    #left_area .spreadsheet-hdr {
        min-width: 150% !important;
    }
    #left_area .score_box {
        width: 100% !important;
    }
    .spread .slide_butt .price_txt {
        font-size: 1em;
        line-height: 1.5em;
    }
    #acs_wrap {
        width: 60%;
    }
    .sch_lnk {
        width: 80% !important;
    }
    .sbj-long {
        width: 40%;
    }
    .arm-hdr {
        display: block;
        margin-bottom: 10px;
    }
    .arms_form {
        width: 140%;
    }
    #left_area .img_wrap {
        width: 90% !important;
    }
    #pvw_box {
        width: 80%;
        margin-left: -100px !important;
    }
    .cbt_qst .cbt_opt textarea {
        width: 42%;
    }
    .margin-ize,
    .announcement {
        margin-left: 10% !important;
    }
}

@media screen and (max-width: 1100px) {
    #vp_size {
        background: gold;
    }
    .big_wrapper #side_bar {
        width: 18% !important;
    }
    .big_wrapper #content #left_area {
        width: 50% !important;
        margin: 10px;
    }
    .big_wrapper #content #right_area {
        width: 27% !important;
        margin: 15px !important;
    }
    .cbt_qst .cbt_opt textarea {
        width: 38%;
    }
    .margin-ize,
    .announcement {
        margin-left: 5% !important;
    }
    .skill_range {
        padding-left: 20px !important;
    }
    .select_wrap {
        display: inline-block;
        margin-top: 20px;
        float: none;
    }
}

@media screen and (max-width: 1050px) {
    #vp_size {
        background: purple;
    }
    .no-dsp-on-purple,
    .nd-purple,
    .hide-on-purple {
        display: none;
    }
    .code-parameter {
        margin: -15px -20px -10px -20px !important;
    }
    .table-ddm {
        margin-top: 80px !important;
    }
    .nav_collapse1 {
        display: none;
    }
    .spread .slide_butt .butt {
        display: block;
        margin-top: 5px;
        width: 60%;
    }
    .spread .slide_butt {
        margin-left: 1%;
    }
    .spread .slide_txt {
        margin-left: 1%;
        width: 30%;
    }
    .spread .slide_cap {
        width: 25%;
        margin-left: 1%;
    }
    .big_wrapper #side_bar {
        width: 20% !important;
    }
    .big_wrapper #content #left_area {
        width: 50% !important;
        margin: 5px !important;
    }
    .big_wrapper #content #right_area {
        width: 28% !important;
        margin: 5px 2px !important;
    }
    .big_wrapper #side_bar ul {
        padding: 5px !important;
    }
    .big_wrapper #side_bar ul li {
        margin: 12px 10px;
    }
    .updateFrmWrap {
        width: 70%;
    }
    .cont_box {
        width: 90% !important;
        float: none;
        clear: both;
    }
    .vr_acc1 {
        display: none;
    }
    .vr_acc2 {
        display: block;
    }
    .cont_box p {
        line-height: 1.7em;
    }
    #pvw_box {
        width: 95% !important;
        margin-left: 0px !important;
    }
    .cbt_qst .cbt_opt textarea {
        width: 34%;
    }
    .base h1 {
        font-size: 2.2em !important;
    }
    .base h2 {
        font-size: 1.3em !important;
    }
    .base h3 {
        font-size: 1.1em !important;
    }
    .margin-ize .full-width {
        width: 60% !important;
    }
    .base .big-thick-title {
        font-size: 5em !important;
    }
    .inline-div {
        width: 90% !important;
    }
    .list-wrap {
        width: 35% !important;
    }
    #rmk-wrap {
        width: 75% !important;
    }
}

@media screen and (max-width: 820px) {
    #vp_size {
        background: pink;
    }
    .big_wrapper #side_bar {
        display: none !important;
    }
    .spread .slide_butt {
        width: auto;
        float: none;
        clear: both;
        padding: 10px 5px;
        margin-top: 20px;
        background: #fff;
    }
    .spread .x_clr {
        clear: both;
    }
    .spread .slide_butt .price_txt {
        font-size: 1.8em;
        line-height: 1.5em;
    }
    .spread .slide_butt p {
        margin-top: 0px;
    }
    .spread .slide_butt p .butt {
        margin-top: 0px;
        display: inline-block;
        width: 20%;
    }
    .spread .slide_txt {
        width: 40%;
    }
    .spread .slide_cap {
        width: 40%;
    }
    .spread .slide_butt .butt {
        display: inline-block;
        margin-top: 20px;
    }
    .big_wrapper #content #left_area {
        width: 63% !important;
        margin: 5px !important;
        margin-left: 20px !important;
    }
    .big_wrapper #content #right_area {
        width: 32% !important;
        margin: 5px 2px !important;
    }
    header ul #micro_menu {
        visibility: visible !important;
    }
    #ddm_wrap {
        display: block;
    }
    header ul .main_menu {
        display: none;
    }
    header ul .nav_collapse {
        display: none;
    }
    .acctxt_box .sel_sch p {
        width: 60%;
    }
    #left_area .tab_collapse {
        display: block;
    }
    #acs_wrap {
        width: 80%;
        margin-left: -8%;
    }
    .sbj-long {
        width: 40%;
    }
    #pvw_box .colm {
        width: 80%;
        border: none !important;
    }
    .cbt_qst .cbt_opt textarea {
        width: 45%;
    }
    .content-wrap {
        margin: 50px 3% 30px 3%;
        padding: 30px 30px;
    }
    .list-wrap {
        width: 47% !important;
    }
    #rmk-wrap {
        width: 97% !important;
    }
    .rmk-txt-box {
        width: 97% !important;
    }
    .grd_div {
        width: 140%;
        margin-left: 20px;
    }
    .w-65 {
        width: 80%;
    }
}

@media screen and (max-width: 655px) {
    #vp_size {
        background: red;
    }
    .nav_collapse1 {
        display: inline;
    }
    .spread .slide_txt {
        width: 25%;
    }
    .spread .slide_txt h1 {
        font-size: 1.5em;
    }
    .spread .slide_cap {
        width: 50%;
    }
    header ul #logo {
        margin: 5px -30px !important;
    }
    .big_wrapper #content #left_area {
        width: 98% !important;
        margin: 5px !important;
        float: right !important;
    }
    .big_wrapper #content #right_area {
        width: 98% !important;
        margin: 5px 2px !important;
        float: left !important;
    }
    #acs_wrap {
        width: 95%;
        margin-left: -17%;
    }
    .sch_lnk {
        width: 90% !important;
    }
    #left_area .scr {
        width: 60% !important;
    }
    .cbt_qst .cbt_opt textarea {
        width: 68%;
    }
    .fee-details,
    .fee-stu {
        width: 95% !important;
    }
    .fee-info {
        width: 94% !important;
    }
    .adj-on-red {
        margin-left: -80px;
    }
    .base h1 {
        font-size: 2em !important;
    }
    .base h1 {
        font-size: 1.5em !important;
    }
    .base h3 {
        font-size: 1.3em !important;
    }
    .full-width {
        width: 100% !important;
        text-align: left;
    }
    .margin-ize .full-width {
        width: 100% !important;
    }
    .features {
        width: 60%;
        margin: 30px 1%;
        padding: 40px;
    }
    .hide-on-red {
        display: none;
    }
    .announcement {
        position: absolute;
        background: #3d52f6;
        padding: 10px 7px;
        border-radius: 0;
        color: #fff;
        margin: 50px -3px !important;
        width: 97.5%;
    }
    .footer {
        grid-template-columns: 1fr 1fr 1fr !important;
    }
    .service-wrap {
        display: block !important;
    }
    .service-wrap ul:nth-child(2) {
        margin: -12px -20px !important;
    }
    .rmk-txt-box {
        width: 100% !important;
        margin-left: -20px !important;
    }
    .grd_div {
        width: 95%;
        margin-left: 20px;
    }
    #header {
        width: 100%;
    }
}

@media screen and (max-width: 490px) {
    #vp_size {
        background: lime;
    }
    .cbt_tag {
        margin-left: 15% !important;
    }
    .spread .slide_txt {
        float: none;
        width: auto;
    }
    .spread .slide_cap {
        float: none;
        padding: 10px;
        width: auto;
    }
    .spread .slide_butt .butt {
        width: 30% !important;
    }
    .spread .slide_txt h1 {
        font-size: 1.5em;
        margin: 0;
        padding: 0;
    }
    .spread .slide_butt p {
        margin-top: 10px !important;
    }
    #left_area .settings_wrap {
        width: 100% !important;
    }
    #left_area .score_wrap {
        min-width: 80% !important;
    }
    #left_area #sb_fix {
        width: auto !important;
    }
    #left_area .spreadsheet-hdr {
        min-width: 120% !important;
    }
    #ddm_wrap {
        width: 70%;
    }
    #acs_wrap {
        width: 100%;
        margin-left: -20%;
    }
    #acs_wrap .butt {
        position: absolute;
    }
    .clear-req {
        margin-left: -70px;
    }
    .number_tag {
        display: none;
    }
    #left_area .scr {
        width: 80% !important;
    }
    #pvw_box .colm {
        margin-left: 0px !important;
    }
    #pb_qst .sfc_qst .float_r {
        width: 94%;
        margin-top: 10px;
    }
    #pb_qst .sfc_qst .sq_qst {
        margin: -10px 0 10px 0 !important;
    }
    #pb_qst .sfc_qst .xtra-txt,
    .hide-on-lime {
        display: none;
    }
    .sd_none2 {
        display: none;
    }
    .sd_hidden2 {
        visibility: hidden;
    }
    .list-wrap {
        width: 95% !important;
    }
    .rmk-txt-box {
        width: 120% !important;
        margin-left: -50px !important;
        float: none;
    }
    .txt-para {
        margin-left: 0px !important;
    }
    .w-65 {
        width: 90%;
    }
}

@media screen and (max-width: 420px) {
    #vp_size {
        background: blue;
    }
    .nav_collapse2 {
        display: none;
    }
    .acctxt_box .sel_sch p {
        width: 95%;
    }
    #srch_butt .butt span:nth-child(1) {
        display: none;
    }
    #srch_butt .butt span:nth-child(2) {
        display: inline;
    }
    .updateFrmWrap {
        width: 85%;
    }
    #ddm_wrap {
        width: 95%;
        margin-left: 5px;
    }
    .sbj-add {
        margin: -20px 80px 10px 100px;
    }
    .sbj-add .butt {
        width: 100px;
    }
    .sbj-short {
        width: 80%;
    }
    .sbj-long {
        width: 80%;
    }
    .dsp-n-sm-scr {
        display: none;
    }
    .features p:last-child {
        text-align: center !important;
    }
    .footer {
        grid-template-columns: 1fr 1fr !important;
        grid-template-areas: "company feature" "company feature" "resource feature" "resource feature" "copyright social" !important;
    }
    .footer-item:nth-child(4) {
        border-top: none !important;
    }
    .pinned-footer span {
        float: right;
        margin: 5px 3px 10px 5px !important;
    }
    .content-wrap {
        margin: 50px -12px 30px -12px;
        padding: 30px;
    }
    .metric {
        width: 100%;
        text-align: center;
    }
    #medium-fld {
        width: 60% !important;
    }
    .sd_none {
        display: none !important;
    }
    .sd_hidden {
        visibility: hidden !important;
    }
    #note-details {
        margin: 5px !important;
        padding: 10px !important;
        box-shadow: none !important;
        width: 100%;
    }
    .grd_div {
        width: 100%;
        margin-left: 20px;
    }
}

@media screen and (max-width: 350px) {
    #vp_size {
        background: orange;
    }
    .cbt_tag {
        display: none;
    }
    .spread .slide_cap .fa {
        display: none;
    }
    #logo_txt {
        display: none;
    }
    #left_area .score_wrap {
        min-width: 100% !important;
    }
    #left_area #sb_fix {
        width: auto !important;
    }
    .form_wrap {
        margin-left: 15px;
    }
    .hide-on-orange {
        display: none !important;
    }
}