@media (min-width: 320px) and (max-width: 767px) {
    .tooltiptext {
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
        position:relative;
    }
    #chart_image_div > img {margin-left:-6px !important;
    }
    .net-chart {text-align:center;
    }
    textarea {width:100%;
    }
    .text-left-not-xs {
        text-align: center;
    }
    .netprice-pie-legend {width:100% !important;                          
                          border:none;
                          margin-left:58% !important;                                           
    }
        .netprice-pie-legend.netprice-chart-div {padding-left:0px;
        }
    .ab18px.divHeader {width:43%;
    }
    .netprice-fee-text-bold {width:43%;
    }
    .netprice-ep-text {width:43%;
    }
    .btn-blu-net {
        margin-top: 15px;
    }
    .radiotext.checkbox-question {padding-right:7px;
    }

    #main .content .datePickerClass {width:96% !important;
    }
    
     #main .content .questions td {padding:11px 4px 5px 4px;
    }
    .jdpicker_w .date_selector {width:217px;
    }
        .jdpicker_w .date_selector .month_nav {width:45%;
        }
        .jdpicker_w .date_selector .nav {width:17em;
        }
        .jdpicker_w .date_selector table {width:207px;
        }
    .jdpicker_w .date_clearer {padding-left:2px;
    }

    .divError {
        border: 1px solid red;
        width: 96%;
        display: inline-block;
    }

    h3 {
        font-size: 20px;
    }

    .btn-blk {
        width: 50%;
    }

    .radio-span {
        padding: 6px 5px 17px !important;
    }

    .new-btn {
        display: block;
        width: 100%;
    }
    .fap-close {margin-top:0px;margin-right:-2px;
    }
    .fap-col {width:90%;
    }
    .para-section {margin-bottom:0px;
    }
    .container-conclusion {width:98%;
    }
    #payment_option_content_container {
        padding: 0px;
    }
    #PaymentId {margin-left:0px; margin-bottom:5px;
    }
    .netprice-price-text-bold {font-size:12px;
    }
    .netprice-fee-text {font-size:12px;width:43%;
    }
    .netprice-price-text {font-size:12px;
    }

    .start-media {
        width: 19% !important;
        margin-left: 55px;
        margin-bottom: 10px;
    }
    .ui-dialog .ui-dialog-buttonpane {padding:0px 30px 25px 0px;
    }
    .ui-dialog .ui-dialog-content {padding:.5em 1em 0em 1em;
    }
    .img-help {margin-top:-6px;
    }
    .payment-pop {font-size:17px;
    }
    .ui-dialog .ui-dialog-titlebar {padding:4px 18px;
    }
    .ui-dialog .ui-dialog-title {padding:.1em 16px .1em 0px;
    }
    .ui-dialog .ui-dialog-titlebar-close span {margin-left:29px;
    }

    .btn-netprice-media {
        width: 37% !important;
        margin-left: 0px;
    }

    .start-media1 {
        width: 19% !important;
        margin-left: -2px;
    }


    #topheader #instructions {
        font-size: 14px;
    }

    .btn-width {
        width: 90% !important;
        margin-right: 16px;
    }

    .container.section.section-thanks {
        width: 98%;
        padding:0px;
        
    }

    .container.padd {
        margin-top: 20px;
    }

    .start {
        width: 90%;
        margin: 0px auto;
    }

    .image-new {
        padding-top: 12px;
    }

    .container.progressbarsection {
        width: 90% !important;
    }

    .container.mainsection {
        width: 90% !important;
    }

    .para-section {
        margin-bottom: 20px;
    }

    .btn-continue1 {
        margin-top: 20px !important;
        width: 91% !important;
    }

    #progress_bar_step2 {
        width: 90%;
        margin: 0px auto;
    }

    .btn-view {
        width: 92% !important;
    }

    .progress_bar_step3 {
        width: 90%;
        margin: 0px auto;
    }

    .padd1 {
        padding: 0px;
    }

    .row.netprice {
        width: 100%;
        margin: 0px;
        auto;
    }

    .btn.btn-primary.btn-large.btn-blu.pull-right.btn-net-cont {
        width: 98% !important;
        margin-top: 10px;
    }

    #fafsacontent {
        padding: 10px 0px;
    }

    #main #start_text {
        padding: 20px 2px;
    }

    .btn-width-new1 {
        margin-top: 20px;
    }

    btn-blu.btn-blu1 {
        width: 100% !important;
    }

    .error-msg {
        margin-left: 10px;
    }

    .net-continue {
        width: 76%;
        margin: 0px auto;
    }

    .size_22px {
        font-size: 22px;
    }

    .btn-blu {
        width: 79%;
        font-size: 16px;
    }

    #contact {
        width: 92%;
    }

    .btn-blu-net {
        width: 99% !important;
    }

    .btn.btn-primary.btn-large.btn-blu.pull-right {
        /*width: 133%;*/
        /*margin-top: 2px;*/
        /*margin-right: 3px;*/
    }

    .btn-net-continue {
        margin-top: 10px !important;
    }

    .logo-class {
        padding-top: 15px;
    }

    .new-cont {
        margin: 20px 0px;
    }

    .btn-blk-conclusion {
        font-size: 14px;
        width: 40% !important;
    }

    .container-fluid {
        width: 100%;
    }

    .fap-contant {
    }

    .row.conc {
        width: 100%;
        margin: 0px auto;
    }

    .pull-right.university {
        margin-top: 15px;
    }

    .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
    .mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
        text-align: center;
        color: rgba(0, 0, 0, .26);
        font-weight: 600;
        font-size: 12px;
    }

    .start-back {
        width: 43% !important;
    }

    .continue1 {
        width: 90% !important;
    }

    .continue-right {
        width: 89% !important;
        margin-right: 35px !important;
        margin-top: 10px !important;
    }

    .contact-info {
        padding: 4px;
        margin: 4px;
    }

    .text-content {
        width: 100%;
    }

    .result-sec {
        font-weight: 600;
        font-size: 12px;
    }

    .error-msg-result {
        margin: 34px 0px -30px 26px;
    }

    .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title, .mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
        font-size: 12px;
    }

    /*.btn.btn-primary.btn-large.btn-blk.btn-align {
        margin: 0px;
        padding: 0px;
    }*/

    .success-title {
        width: 100%;
    }

    .padd {
        text-align: center;
    }

    .col-xs-12.col-sm-4.col-md-3.pull-right.home-page {
        margin-top: 22px;
    }

    .success-title {
        font-size: 13px;
        padding-top: 19px;
    }

        .success-title ul li {
            padding-top: 8px;
        }

    .thank-you {
        font-size: 17px;
    }

    .university-info {
        margin-top: 19px;
    }

    .btn.btn-primary.btn-large.btn-blk.btn-align {
        padding: 5px 32px !important;
    }

        .btn.btn-primary.btn-large.btn-blk.btn-align.btn-media { /*margin-left:27px*/
        }

    .form-class {
        width: 100%;
    }

    .select-style {
        width: 100%;
    }
    .form-class-new {width:99% !important;
    }
    .content-container {
        width: 98%;
    }

    #progress_bar_step1 {
        width: 100%;
        margin: 0px auto;
    }

    .content-section {
        margin-top: 5px;
    }

    #main .content {
        margin: 0px;
        padding: 0px;
        
    }
    .size_14px{font-size:12px}

    .scholor-board {
        margin-top: 19px;
    }

    .text-content {
        margin-top: 15px;
    }

    .information ul li {
        margin-top: 10px;
        margin-left: 13px;
    }

    /*.container.section {
        width: 90%;
        margin: 0px auto;
    }*/

    .qtipheader {
        margin-left: 13px;
    }

    .btn-submit1 {
        margin-left: 0px;
        margin-right: 16px;
        width: 46% !important;
    }

    .btn-black-efc {
        width: 99% !important;
        margin-top: 10px;
    }

    .container.padd.result-page {
        width: 91%;
    }

    .fap-contant {
        background-color: rgba(249, 247, 248, 1.0);
        opacity: 1.0;
        width: 90%;
        position: absolute;
        left: 5%;
        top: 20%;
    }

    .fap-title {
        font-size: 12px;
        padding: 14px 0px 0px;
    }

    .fap-body {
        padding: 20px 30px 9px 30px;
        font-size: 12px;
    }

    .fap-closebtn {
        margin: 0 30px 30px 0px;
        padding: 14px 45px 13px;
    }

    .btn-blu-finaid {
        width: 130%;
        padding: 7px 0px;
    }

    .btn-blk-netprice {
        width: 130%;
        padding: 7px 0px;
    }

    .tooltiptext {
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
        position:relative;
    }

        
    .netprice-chart-div {
       /* margin-left: 10px;*/
        width: 90%;
        margin-right: 10px;
        margin-top: 20px;
        margin-bottom:20px;
        padding: 10px;
    }

    .img-responsive.logo-class {
        padding: 8px 0px;
        display:block;
        margin:auto;
    }
    .responsive-img {        
        text-align: center;
    }
    }

@media (min-width: 320px) and (max-width: 420px) {
    .btn-blu-full {
        width: 100%;
        padding: 7px 0px;
    }

    .btn-blu {
        font-size: 16px;
    }

    .btn-blu-finaid {
        width: 150%;
        padding: 7px 0px;
    }

    .btn-blk-netprice {
        width: 150%;
        padding: 7px 0px;
    }
}

@media (min-width: 361px) and (max-width: 640px) {

    .start-media {
        margin-left: 73px;
    }

    .btn-blu-finaid {
        width: 130%;
        padding: 7px 0px;
    }

    .btn-blk-netprice {
        width: 130%;
        padding: 7px 0px;
    }
    .netprice-fee-text {width:43%;
    }
    /*.netprice-payment-costcategory {width:50%;
    }*/
}

@media (min-width: 421px) and (max-width: 520px) {

    .btn.btn-primary.btn-large.btn-blu.pull-right {
        /*width: 122%;*/
    }

    .btn-blu-full {
        width: 100%;
        padding: 7px 0px;
    }

    .btn-blu-finaid {
        width: 120%;
        padding: 7px 0px;
    }

    .btn-blk-netprice {
        width: 120%;
        padding: 7px 0px;
    }
}

@media (min-width: 521px) and (max-width: 620px) {

    .btn-width-new1 {
        margin-right: 30px;
    }

    .btn-blu-full {
        width: 30%;
        padding: 7px 0px;
    }

    .btn-blu-finaid {
        width: 130%;
        padding: 7px 0px;
    }
    .container.section.section-thanks {width:95%;
    }
    .netprice-fee-text-bold {width:43%;
    }
    .ab18px.divHeader {width:47%;
    }
    .netprice-ep-text {width:43%;
    }
    .container-conclusion {width:95%;
    }

    .btn-blk-netprice {
        width: 130%;
        padding: 7px 0px;
    }
}

@media (min-width: 521px) and (max-width: 767px) {

    .btn-width-new1 {
        margin-right: 34px;
    }

    .btn-blu-full {
        width: 30%;
        padding: 7px 0px;
    }

    .btn-blu-finaid {
        width: 100%;
        padding: 7px 0px;
    }
    
    .btn-blk-netprice {
        width: 100%;
        padding: 7px 0px;
    }

    .btn-blu {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .btn-width {
        width: 35% !important;
    }
    
    .btn-submit1 {
        width: 43% !important;
        margin-right: 19px;
    }
    #main .content .datePickerClass {width:55% !important;
    }
    #main .content .questions td {padding:12px 6px 5px 25px;
    }
    .jdpicker_w .date_selector {width:338px;
    }
        .jdpicker_w .date_selector .month_nav {width:45%;
        }
        .jdpicker_w .date_selector .nav {width:26em;
        }
    .btn-net {
        width: 136% !important;
    }

    .netprice-pie-legend {
        width:49% !important;
        margin-left: 17%;
    }

    #contact {
        width: 93%;
    }

    .container.padd.result-page {
        width: 93%;
    }

    #fafsacontent {
        padding: 10px 0px;
    }
   
   
    .text-content {
        width: 100%;
    }

    .btn-width-new {
        width: 100%;
    }

    .btn-blu {
        width: 73%;
        padding: 7px 0px;
    }

    .btn-blu-full {
        width: 30%;
        padding: 7px 0px;
    }

    .btn-blk-netprice {
        width: 30%;
        padding: 7px 0px;
    }

    .container.section.section-thanks {
        width: 101%;
        margin-left:-3px;
    }

    .btn.btn-primary.btn-large.btn-blk1.btn-align1.btn-black-efc {
        width: 21%;
    }

    .container.progressbarsection {
        width: 93%;
    }

    .container.mainsection {
        width: 93%;
    }

    .image-new {
        padding-top: 34px;
    }

    .row.conc {
        width: 102%;
        margin-left: -9px;
    }

    .row.scholor {
        width: 94%;
    }

    .btn-net {
        margin-right: 80px;
    }

    .start {
        width: 98%;
        margin: 0px auto;
    }

    .select-style {
        width: 100%;
    }



    .continue1 {
        width: 91% !important;
    }

    .form-class {
        width: 55%;
    }

    .fap-closebtn {
        background-color: rgb(0, 71, 127);
        color: rgb(254, 254, 252);
        padding: 14px 45px 13px 45px;
        border-width: 0px;
        margin: 0 37px 29px 0;
    }
    
    .netprice-fee-text {width:45%;
    }
    .netprice-fee-text-bold {
        width:45%;
    }
    .netprice-ep-text {width:45%;
    }
    .contact-info {
        padding: 19px 28px 0px 28px;
    }

    .container.padd {
    }
    .container-conclusion {width:94%;
    }

    .fap-contant {
        background-color: rgba(249, 247, 248, 1.0);
        opacity: 1.0;
        width: 94%;
        position: absolute;
        left: 3%;
        top: 15%;
    }

    .fap-col {width:94%;
    }

    .btn-blk-net {
        width: 100% !important;
        margin-top: 20px;
    }
    .ui-dialog .ui-dialog-title {
        padding:0.1em 21px 0.1em 25px;
    }
    .divError{
        width:55%;
    }

    #main .content .a input[type="text"], textarea {
        width: 55%;        
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .btn-width {
        width: 25% !important;
    }

    .btn-blu {
        width: 44%;
        padding: 7px 0px;
    }

    .btn-blu-full {
        width: 30%;
        padding: 7px 0px;
    }
    .divError{
        width:43%;
    }

    #main .content .a input[type="text"], textarea {
        width: 43%;        
    }
}

@media (min-width: 1201px) {
    .btn-width {
        width: 25% !important;
    }

    .btn-blu {
        width: 44%;
        padding: 7px 0px;
    }

    .btn-blu-full {
        width: 30%;
        padding: 7px 0px;
    }
    .divError{
        width:43%;
    }

    #main .content .a input[type="text"], textarea {
        width: 43%;        
    }
}