/*
*
* Iphone
* @media (max-width: 767px) { ... }
*
* Ipad
* @media (min-width:768px) and (max-width: 979px) { ... }
*
* Ipad and Laptop
* @media (min-width: 980px) and (max-width: 1139px) { ... }
*
* @media (min-width: 1140px) and (max-width: 1279px){ ... }
*
* @media (min-width: 1280px) and (max-width: 1439px){ ... }
*
* Laptop and Desktop
* @media (min-width: 1440px) { ... }
*
* Large desktop
* @media (min-width: 1920px) { ... }
*
*/

@media (max-width: 767px) {

    /******* START - MAIN HEADER *******/

    /*	body {
		padding-top: 120px;
	}*/

    div#account-logedin {
        float: left;
        margin: 0 0 2px 0;
        padding-left: 14px;
        clear: inherit;
        position: inherit;
    }

    header#main-header.parent-my-account .span12 {
        position: relative;
    }

    header#main-header.parent-my-account .col-md-12 {
        position: relative;
    }

    .parent-my-account .top-user-panel {
        float: none;
        position: initial;
        right: initial;
        top: initial;
        margin: 0 0 10px 0;
        text-align: center;
    }
    /******* END - MAIN HEADER *******/

    .page-header > p {
        width: auto !important;
    }

    #banner-section.parent-my-account div.span12 {
        width: auto;
    }

        #banner-section.parent-my-account div.span12 > div > div:nth-child(1) {
            float: none;
            text-align: center;
            width: 70px;
            margin: 5px auto 14px;
            height: 70px;
        }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(1) figure {
                display: inline-block;
                width: 70px;
                height: 70px;
            }

                #banner-section.parent-my-account div.span12 > div > div:nth-child(1) figure img:last-child {
                    top: 26px;
                }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(1):hover > span:nth-child(3) {
                font-size: 13px;
                line-height: 13px;
                top: -54px;
                left: 0;
            }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(1) figure img:first-child {
                height: 70px;
            }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(1):hover > span:nth-child(2) {
                display: inline-block;
                left: 0;
                background-size: 70px 70px;
            }

        #banner-section.parent-my-account div.span12 > div > div:nth-child(2) {
            margin: 0;
            float: none;
        }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(2) > span {
                font-size: 30px;
                display: block;
                margin: -8px 0 0 0;
                text-align: center;
            }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(2) a {
                font-size: 15px;
                line-height: 20px;
            }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(2) ul {
                margin: 10px 0 0 15px;
            }

            #banner-section.parent-my-account div.span12 > div > div:nth-child(2) li {
                font-size: 15px;
            }

    #banner-section.parent-my-account div.col-md-12 {
        width: auto;
    }

        #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1) {
            float: none;
            text-align: center;
            width: 70px;
            margin: 5px auto 14px;
            height: 70px;
        }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1) figure {
                display: inline-block;
                width: 70px;
                height: 70px;
            }

                #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1) figure img:last-child {
                    top: 26px;
                }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1):hover > span:nth-child(3) {
                font-size: 13px;
                line-height: 13px;
                top: -54px;
                left: 0;
            }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1) figure img:first-child {
                height: 70px;
            }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(1):hover > span:nth-child(2) {
                display: inline-block;
                left: 0;
                background-size: 70px 70px;
            }

        #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(2) {
            margin: 0;
            float: none;
        }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(2) > span {
                font-size: 30px;
                display: block;
                margin: -8px 0 0 0;
                text-align: center;
            }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(2) a {
                font-size: 15px;
                line-height: 20px;
            }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(2) ul {
                margin: 10px 0 0 15px;
            }

            #banner-section.parent-my-account div.col-md-12 > div > div:nth-child(2) li {
                font-size: 15px;
            }

    /******** BEGIN - MY ACCOUNT CONTENT SECTION *********/

    .parent-my-account .span12 .page-header {
        width: auto !important;
    }

    .parent-my-account .col-md-12 .page-header {
        width: auto !important;
    }

    .parent-my-account .color-grey-box {
        width: 245px;
        padding: 30px 10px 15px;
    }

        .parent-my-account .color-grey-box.grey-warning-box > div.close-and-dont-show {
            text-align: left;
        }

    #my-account-content-section .box-container {
        width: auto;
    }

    #my-account-content-section.child-my-account-trial-user .color-grey-box.launch-free-preview.grey-warning-box > p:nth-child(2) {
        font-size: 20px;
    }

    #my-account-content-section.child-my-account-trial-user .color-grey-box.launch-free-preview.grey-warning-box > div:nth-child(3) > a {
        font-size: 16px;
    }

    #my-account-content-section.child-my-account-trial-user .color-grey-box.grey-warning-box > .important-text {
        margin-bottom: 10px;
    }

    #my-account-content-section.child-my-account-trial-user .color-grey-box.launch-free-preview.grey-warning-box > div:nth-child(5) > a {
        font-size: 15px;
        margin: 0 0 10px 0;
    }

    /******** END - MY ACCOUNT CONTENT SECTION *********/

    /******** BEGIN - MY STUDENT CONTENT SECTION ********/

    #my-students-content-section .color-grey-box .header-line figure {
        float: none;
        text-align: center;
    }

    #my-students-content-section .color-grey-box .header-line a {
        float: none;
        font-size: 15px;
        margin-top: 15px;
        text-align: center;
        display: block;
    }

    #my-students-content-section .color-grey-box .class-line {
        padding: 10px 0;
    }

        #my-students-content-section .color-grey-box .class-line strong {
            margin-bottom: 5px;
        }

        #my-students-content-section .color-grey-box .class-line > div {
            float: none;
        }

            #my-students-content-section .color-grey-box .class-line > div > a {
                font-size: 14px;
                border: none;
                padding: 0;
                margin: 0;
                display: block;
            }

    #my-students-content-section .color-grey-box > a.blue-link {
        margin: 15px 0 5px;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box .header-line > span {
        line-height: 35px;
        margin-bottom: 15px;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box .class-line > div:nth-child(3) {
        float: none;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box > div:nth-child(3) > div a {
        padding: 10px 20px;
    }

    #my-students-content-section table,
    #my-students-content-section thead,
    #my-students-content-section tbody,
    #my-students-content-section th,
    #my-students-content-section td,
    #my-students-content-section tr {
        display: block;
    }

        #my-students-content-section thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #my-students-content-section tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }

    #my-students-content-section td {
        border: none;
        border-bottom: 1px solid #eee;
        padding-left: 50%;
    }

        #my-students-content-section td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*#my-students-content-section td:nth-of-type(1):before {
            content: "Students";
        }

        #my-students-content-section td:nth-of-type(2):before {
            content: "User";
        }

        #my-students-content-section td:nth-of-type(3):before {
            content: "Status";
        }

        #my-students-content-section td:nth-of-type(4):before {
            content: "Actions";
        }*/

    #my-students-content-section.child-my-students-view-class .color-grey-box > table td,
    #my-students-content-section.child-my-students-view-class .color-grey-box > table th {
        padding: 10px 0 10px 35%;
    }

        #my-students-content-section.child-my-students-view-class .color-grey-box > table td:nth-child(4) {
            text-align: left;
        }

            #my-students-content-section.child-my-students-view-class .color-grey-box > table td:nth-child(4) > a {
                display: block;
                border: none;
                margin: 0;
                padding: 0;
            }

        #my-students-content-section.child-my-students-view-class .color-grey-box > table td:last-child {
            border-bottom: none;
        }


    /******** END - MY STUDENT CONTENT SECTION ********/

    /******** BEGIN - MY STUDENT ADD CLASS CONTENT SECTION ********/

    #my-students-add-class-content-section .span12 {
        width: 275px;
    }

    #my-students-add-class-content-section .col-md-12 {
        width: 275px;
    }

    #my-students-add-class-content-section form .control-group .controls select {
        width: 270px;
    }

    #my-students-add-class-content-section form .control-group .controls input {
        width: 248px;
    }

    #my-students-add-class-content-section form button {
        font-size: 15px;
    }

    #my-students-add-class-content-section a.blue-link {
        font-size: 17px;
    }

    /******** END - MY STUDENT ADD CLASS CONTENT SECTION ********/

    /******** BEGIN - MY STUDENT ADD STUDENTS CONTENT SECTION ********/

    #my-students-add-students-content-section .span12 {
        width: 275px;
    }

    #my-students-add-students-content-section .col-md-12 {
        width: 275px;
    }

    #my-students-add-students-content-section form > div.control-group label,
    #my-students-add-students-content-section form > div.control-group span,
    #my-students-add-students-content-section form > div.control-group input {
        display: block;
    }

    #my-students-add-students-content-section form > div.control-group span {
        line-height: 23px;
    }

    #my-students-add-students-content-section form > div.control-group label {
        margin-bottom: 10px;
    }

    #my-students-add-students-content-section form > div.control-group input {
        margin-bottom: 15px;
    }

    #my-students-add-students-content-section form > label,
    #my-students-add-students-content-section form > a.blue-link {
        margin-left: 0;
    }

    #my-students-add-students-content-section form > textarea {
        margin-left: 0;
        width: 260px;
    }

    #my-students-add-students-content-section form > button {
        margin-left: 0;
        font-size: 17px;
    }

    /******** END - MY STUDENT ADD STUDENTS CONTENT SECTION ********/

    /******** BEGIN - FREE RESOURCES CONTENT SECTION ********/

    #free-resources-content-section .free-resources-container {
        width: 275px;
    }

        #free-resources-content-section .free-resources-container .free-resource-item {
            margin: 0 0 40px 0;
        }

    #free-resources-content-section .span12 .blue-button {
        font-size: 15px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }

    #free-resources-content-section .col-md-12 .blue-button {
        font-size: 15px;
        padding: 10px 20px;
        margin-bottom: 30px;
    }

    #free-resources-content-section .free-resources-container .free-resource-item:last-child {
        margin-bottom: 30px;
    }

    /******** END - FREE RESOURCES CONTENT SECTION ********/

    /******** BEGIN - SUPPORT CONTENT SECTION ********/

    #support-content-section .container-fluid .row-fluid .span12 > div:nth-child(2) {
        width: 275px;
    }

        #support-content-section .container-fluid .row-fluid .span12 > div:nth-child(2) > p:nth-child(5) {
            width: auto;
        }

    #support-content-section .container-fluid .row-fluid .col-md-12 > div:nth-child(2) {
        width: 275px;
    }

        #support-content-section .container-fluid .row-fluid .col-md-12 > div:nth-child(2) > p:nth-child(5) {
            width: auto;
        }

    #support-content-section form {
        padding: 0;
    }

        #support-content-section form input,
        #support-content-section form textarea {
            width: 250px;
        }

        #support-content-section form select {
            width: 272px;
        }

        #support-content-section form button {
            font-size: 18px;
            width: 270px;
        }

    /******** END - SUPPORT CONTENT SECTION ********/

    /****** BEGIN - MY PROGRAMS CONTENT SECTION ******/

    #my-programs-content-section .browser-more-programs {
        width: auto;
        padding: 10px 10px 20px;
    }

        #my-programs-content-section .browser-more-programs p {
            width: auto;
        }

        #my-programs-content-section .browser-more-programs a {
            float: none;
            margin-top: 0;
        }

    #my-programs-content-section .color-grey-box .header-line {
        text-align: center;
    }

        #my-programs-content-section .color-grey-box .header-line figure {
            float: none;
        }

        #my-programs-content-section .color-grey-box .header-line div.text-center > a {
            margin: 20px 0 0 0
        }

    #my-programs-content-section .color-grey-box > .order-line > div > div:nth-child(1) {
        float: none;
    }

    #my-programs-content-section .color-grey-box > .order-line > div > div:nth-child(2) {
        float: none;
        margin: 0 0 15px 0;
    }

    #my-programs-content-section .color-grey-box > .curricum-guides-line > div > div {
        width: auto;
    }

    /****** END - MY PROGRAMS CONTENT SECTION ******/

    /****** BEGIN - MY PROGRAMS CONTENT SECTION (TRIAL USER) ********/

    #my-programs-content-section.child-my-programs-trial-user .color-grey-box .header-line div.text-center > a {
        padding: 10px 20px;
        margin: 15px 0;
    }

    #my-programs-content-section.child-my-programs-trial-user .color-grey-box .header-line .remaining-days {
        float: none;
    }

    #my-programs-content-section.child-my-programs-trial-user .color-grey-box .header-line {
        padding-bottom: 10px;
    }

    /****** END - MY PROGRAMS CONTENT SECTION (TRIAL USER) *******/

    /******* BEGIN - MY PROGRAMS CONTENT SECTION (ENTER CODE) *******/

    #my-programs-content-section.child-my-programs-enter-code form {
        width: auto;
        padding: 10px 15px;
    }

    /******* END - MY PROGRAMS CONTENT SECTION (ENTER CODE) *******/

    /******* BEGIN - MY PROFILE CONTENT SECTION *******/

    #my-profile-content-section .span6 {
        width: 275px;
        margin-bottom: 20px;
    }

        #my-profile-content-section .span6:nth-child(2) {
            margin: 0;
        }

    #my-profile-content-section .col-md-6 {
        width: 275px;
        margin-bottom: 20px;
    }

        #my-profile-content-section .col-md-6:nth-child(2) {
            margin: 0;
        }

    /******* END - MY PROFILE CONTENT SECTION *******/

    /******* BEGIN - SUPPORT CONTENT SECTION ********/

    #support-content-section form > span.error-message {
        bottom: 50px;
    }

    /******* END - SUPPORT CONTENT SECTION *********/

    #my-profile-content-section .span6 .box-information .light-blue-button {
        width: auto;
    }

    #my-profile-content-section .col-md-6 .box-information .light-blue-button {
        width: auto;
    }

    /********* BEGIN - MY ACCOUNT CHANGE PHOTO SECTION *********/

    .my-account-change-photo .span12 {
        width: auto;
    }

    .my-account-change-photo .col-md-12 {
        width: auto;
    }

    .my-account-change-photo .close-x {
        margin: 0 15px 0 0;
    }

    .my-account-change-photo .light-blue-button span {
        font-size: 18px;
    }

    .my-account-change-photo .span12 div#avatar-container form > p {
        font-size: 20px;
    }

    .my-account-change-photo .col-md-12 div#avatar-container form > p {
        font-size: 20px;
    }

    /********* END - MY ACCOUNT CHANGE PHOTO SECTION *********/

    #my-students-delete-content-section .span12,
    #my-students-edit-profile-content-section .span12 {
        width: auto;
        padding: 0 10px;
    }

    #my-students-delete-content-section .col-md-12,
    #my-students-edit-profile-content-section .col-md-12 {
        width: auto;
        padding: 0 10px;
    }

    #my-students-edit-profile-content-section form > div.control-group select {
        width: 220px;
    }

    #my-students-delete-content-section p,
    #my-students-edit-profile-content-section.edit-display-name .span12 > p,
    #my-students-edit-profile-content-section.edit-display-name .col-md-12 > p,
    #my-students-edit-profile-content-section form > div.control-group input,
    #my-students-edit-profile-content-section form > div.control-group#city_field input,
    #my-students-edit-profile-content-section form > div.control-group#phone_mobile_field input,
    #my-students-edit-profile-content-section form > div.control-group#phone_office_field input {
        width: auto;
    }

    #my-students-edit-profile-content-section.edit-subscription .span12 > div,
    #my-students-edit-profile-content-section.edit-subscription .span12 > form {
        margin-bottom: 0;
    }

    #my-students-edit-profile-content-section.edit-subscription .col-md-12 > div,
    #my-students-edit-profile-content-section.edit-subscription .col-md-12 > form {
        margin-bottom: 0;
    }

    #my-students-delete-content-section .close-x {
        top: -30px;
    }

    #my-students-delete-content-section h1 {
        margin-top: 50px;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box > table td:nth-child(1) {
        padding-left: 99px;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box > table td,
    #my-students-content-section.child-my-students-view-class .color-grey-box > table th {
        padding: 10px 0 10px 40%;
    }

    .page-header .edit > p {
        width: auto;
    }

    .my-account-change-photo .light-blue-button {
        font-size: 17px;
    }

    div#account_logedin {
        float: left;
        margin: -1px 0 0 15px;
    }

    .top_user_panel.visible-phone span {
        display: inline-block;
        font-size: 14px;
        font-family: PFDinTextStd-Medium;
    }

    .top_user_panel.visible-phone .logout {
        display: inline-block;
        font-size: 14px !important;
        text-decoration: underline !important;
        border-left: 1px solid #999999;
        padding: 0 0 0 10px;
        margin: 0 0 0 5px;
    }

    .top_user_panel.visible-phone {
        margin-bottom: 13px;
    }

    .my-account-change-photo.edit-your-photo .click-edit {
        width: auto;
        padding: 0 5px;
    }

    .my-account-change-photo .span12 div#avatar-container form > p.for-best-results {
        width: auto;
        padding: 0 7px;
    }

    .my-account-change-photo .col-md-12 div#avatar-container form > p.for-best-results {
        width: auto;
        padding: 0 7px;
    }

    /******** BEGIN - CROP IMAGE ***********/

    div#modal-crop-image-container {
        left: inherit;
    }

    #crop-image-container {
        width: auto;
    }

        #crop-image-container .crop-image-side {
            width: 100%;
            height: 100%;
        }

        #crop-image-container .preview-image-side {
            width: auto;
            height: auto;
        }

    /******** END - CROP IMAGE ***********/

}

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

    /******* START - MAIN HEADER *******/

    div#account-logedin {
        clear: none;
        margin: 30px 130px 0 0;
    }

    .parent-my-account .top-user-panel {
        right: 130px;
    }

    /******* END - MAIN HEADER *******/

    /******** BEGIN - MY ACCOUNT CONTENT SECTION *********/

    body.parent-my-account .span12 .col-md-12 .page-header,
    #my-account-content-section .box-container,
    body.parent-my-account .color-grey-box.grey-warning-box,
    body.parent-my-account.child-my-students .color-grey-box {
        width: auto !important;
    }

    /******** BEGIN - MY ACCOUNT CONTENT SECTION *********/

    /******** BEGIN - MY STUDENT CONTENT SECTION ********/

    #my-students-content-section .color-grey-box .class-line strong {
        font-size: 16px;
    }

    #my-students-content-section .color-grey-box > a.blue-link {
        margin: 15px 0 5px;
    }


    body.parent-my-account.child-my-students-view-class .color-grey-box {
        width: auto;
    }

    body.child-my-students-view-class #my-students-content-section .color-grey-box .header-line > span {
        line-height: 35px;
        margin-bottom: 15px;
    }

    body.child-my-students-view-class #my-students-content-section .color-grey-box .class-line > div:nth-child(3) {
        float: none;
    }

    body.child-my-students-view-class #my-students-content-section .color-grey-box > div:nth-child(3) > div a {
        padding: 10px 20px;
    }

    .child-my-students-view-class table,
    .child-my-students-view-class thead,
    .child-my-students-view-class tbody,
    .child-my-students-view-class th,
    .child-my-students-view-class td,
    .child-my-students-view-class tr {
        display: block;
    }

        .child-my-students-view-class thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .child-my-students-view-class tr {
        border: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .child-my-students-view-class td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

        .child-my-students-view-class td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*.child-my-students-view-class td:nth-of-type(1):before {
            content: "Students";
        }

        .child-my-students-view-class td:nth-of-type(2):before {
            content: "User";
        }

        .child-my-students-view-class td:nth-of-type(3):before {
            content: "Status";
        }

        .child-my-students-view-class td:nth-of-type(4):before {
            content: "Actions";
        }*/

    body.child-my-students-view-class #my-students-content-section .color-grey-box > table td,
    body.child-my-students-view-class #my-students-content-section .color-grey-box > table th {
        padding: 10px 0 10px 35%;
    }

        body.child-my-students-view-class #my-students-content-section .color-grey-box > table td:nth-child(4) {
            text-align: left;
        }

        body.child-my-students-view-class #my-students-content-section .color-grey-box > table td:last-child {
            border-bottom: none;
        }

    /******** END - MY STUDENT CONTENT SECTION ********/


    /******** BEGIN - FREE RESOURCES CONTENT SECTION ********/

    body.parent-my-account #free-resources-content-section .free-resources-container {
        width: auto;
    }

    /******** END - FREE RESOURCES CONTENT SECTION ********/

    /****** BEGIN - MY PROGRAMS CONTENT SECTION ******/

    body.parent-my-account.child-my-programs .browser-more-programs {
        width: auto;
        padding: 10px 10px 20px;
    }

        body.parent-my-account.child-my-programs .browser-more-programs p {
            width: auto;
        }

        body.parent-my-account.child-my-programs .browser-more-programs a {
            float: none;
            margin-top: 0;
        }

    #my-programs-content-section .color-grey-box > .order-line > div > div:nth-child(1) {
        float: none;
    }

    #my-programs-content-section .color-grey-box > .order-line > div > div:nth-child(2) {
        float: none;
        margin: 0 0 15px 0;
    }

    body.parent-my-account.child-my-programs .color-grey-box {
        width: auto;
    }

    /****** BEGIN - MY PROGRAMS CONTENT SECTION ******/

    /****** BEGIN - MY PROGRAMS CONTENT SECTION (TRIAL USER) ********/

    body.child-my-programs-trial-user #my-programs-content-section .color-grey-box .header-line div.text-center > a {
        padding: 10px 20px;
        margin: 15px 0;
    }

    body.child-my-programs-trial-user #my-programs-content-section .color-grey-box .header-line .remaining-days {
        float: none;
    }

    body.child-my-programs-trial-user #my-programs-content-section .color-grey-box .header-line {
        padding-bottom: 10px;
    }

    /****** END - MY PROGRAMS CONTENT SECTION (TRIAL USER) *******/

    /******* BEGIN - MY PROGRAMS CONTENT SECTION (ENTER CODE) *******/

    body.child-my-programs-enter-code #my-programs-content-section form {
        width: auto;
        padding: 10px 15px;
    }

    /******* END - MY PROGRAMS CONTENT SECTION (ENTER CODE) *******/

    /******* BEGIN - MY PROFILE CONTENT SECTION *******/

    #my-profile-content-section .span6 {
        width: 275px;
        margin: 0 10px;
    }

    #my-profile-content-section .col-md-6 {
        width: 275px;
        margin: 0 10px;
    }

    /******* END - MY PROFILE CONTENT SECTION *******/

    body.parent-my-account.child-my-account .page-header > p,
    body.parent-my-account #banner-section div.span12,
    body.parent-my-account.child-my-students .span12 .page-header p,
    body.parent-my-account #banner-section div.col-md-12,
    body.parent-my-account.child-my-students .col-md-12 .page-header p,
    body.parent-my-account.child-support .page-header > p,
    body.parent-my-account.child-support #support-content-section .container-fluid .row-fluid .col-md-12 > div:nth-child(2) > p,
    body.parent-my-account.child-support #support-content-section .container-fluid .row-fluid .col-md-12 > div:nth-child(2)
    body.parent-my-account.child-support #support-content-section .container-fluid .row-fluid .span12 > div:nth-child(2) > p,
    body.parent-my-account.child-support #support-content-section .container-fluid .row-fluid .span12 > div:nth-child(2) {
        width: auto !important;
    }

    .parent-my-account .color-grey-box,
    .my-account-change-photo .span12,
    .my-account-change-photo .col-md-12,
    section#my-account-content-section .span12 .page-header,
    section#my-account-content-section .col-md-12 .page-header,
    #free-resources-content-section .free-resources-container,
    #my-profile-content-section .span6 .box-information .light-blue-button,
    #my-profile-content-section .col-md-6 .box-information .light-blue-button,
    .child-my-students .span12 .page-header,
    .child-my-students .col-md-12 .page-header,
    #my-programs-content-section .span12 .page-header,
    #my-programs-content-section .col-md-12 .page-header,
    #my-programs-content-section .browser-more-programs,
    #my-programs-content-section.child-my-programs-enter-code form,
    #banner-section.parent-my-account div.span12,
    #banner-section.parent-my-account div.col-md-12,
    #support-content-section .container-fluid .row-fluid .span12 > div:nth-child(2),
    #support-content-section .container-fluid .row-fluid .col-md-12 > div:nth-child(2) {
        width: auto;
    }

   
        #my-programs-content-section .browser-more-programs p {
            margin: 0 auto;
            float: none;
        }

        #my-programs-content-section .browser-more-programs > div {
            text-align: center;
        }

        #my-programs-content-section .browser-more-programs a {
            float: none;
        }

    .top_user_panel.off.hidden-phone {
        right: 135px;
    }

    div#account_logedin {
        margin: 40px 20px 0 0;
    }

    div#modal-crop-image-container {
        border-radius: 0;
    }

    #crop-image-container .crop-image-side {
        width: 260px;
    }

    #crop-image-container .preview-image-side {
        width: 280px;
    }

    #crop-image-container {
        width: auto;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box > table td:nth-child(1) {
        padding-left: 50%;
    }

    #my-students-content-section.child-my-students-view-class .color-grey-box > table td:nth-child(4) {
        text-align: left;
    }
}

@media (min-width: 980px) and (max-width: 1139px) {

    /******* START - MAIN HEADER *******/

    div#account-logedin {
        clear: none;
        margin: 35px 135px 0 0;
    }

    /******* END - MAIN HEADER *******/

    .top_user_panel.off.hidden-phone {
        right: 135px;
    }

    div#account_logedin {
        margin: 40px 20px 0 0;
    }
}

@media (min-width: 1140px) and (max-width: 1279px) {

    /******** BEGIN - TUTORIAL TRIAL USER SECTION *******/

    #tutorial-trial-user-section .title {
        top: 122px;
        left: -40px;
    }

        #tutorial-trial-user-section .title span:nth-child(1) {
            font-size: 40px;
        }

        #tutorial-trial-user-section .title span:nth-child(2) {
            font-size: 22px;
            margin-top: 10px;
        }

    #tutorial-trial-user-section .tutorial-text span {
        font-size: 25px;
    }

    #tutorial-trial-user-section .tutorial-text:nth-child(3) {
        right: 280px;
    }

    #tutorial-trial-user-section .tutorial-text:nth-child(6) {
        top: 640px;
    }

        #tutorial-trial-user-section .tutorial-text:nth-child(6) span:nth-child(1) {
            width: 233px;
        }

    /******** END - TUTORIAL TRIAL USER SECTION *******/

}

@media (min-width: 1280px) and (max-width: 1439px) {

    /******** BEGIN - MAIN HEADER SECTION ********/

    div#account-logedin {
        /*margin: 5px 0 0 30px;*/
    }

    /******** END - MAIN HEADER SECTION ********/

    /******** BEGIN - TUTORIAL TRIAL USER SECTION *******/

    #tutorial-trial-user-section .title {
        top: 122px;
        left: -40px;
    }

        #tutorial-trial-user-section .title span:nth-child(1) {
            font-size: 60px;
        }

        #tutorial-trial-user-section .title span:nth-child(2) {
            font-size: 25px;
            margin-top: 25px;
        }

    #tutorial-trial-user-section .tutorial-text span {
        font-size: 25px;
    }

    #tutorial-trial-user-section .tutorial-text:nth-child(3) {
        right: 305px;
    }

    #tutorial-trial-user-section .tutorial-text:nth-child(6) {
        top: 620px;
    }

    /******** END - TUTORIAL TRIAL USER SECTION *******/

}

@media (min-width: 1440px) and (max-width: 1919px) {

    /******** BEGIN - TUTORIAL TRIAL USER SECTION *******/

    #tutorial-trial-user-section .tutorial-text:nth-child(3) {
        right: 355px;
    }

    /******** END - TUTORIAL TRIAL USER SECTION *******/

    .parent-my-account .top-user-panel {
        right: 128px;
    }

    nav#main-menu ul.nav > li > a {
        padding: 35px 12px;
    }
}


/************************** CSS CHANGES **************************/


@media (min-width: 1200px) and (max-width: 1289px) {
    .account-box .top-user-panel {
        margin-right: 5px;
    }

    div#account-logedin {
        margin-right: 10px;
    }
}