/* Desktop (smaller screen)
========================================================================== */

@media only screen and (max-width: 1159px) {

    /* Reusable.css
    ===================================== */

    /* Hide
    ================== */

    /**
     * Hide
     */

    .hide-1159 {
        display: none;
    }


    /* Container
    ================== */

    /**
     * Cnt
     */

    .cnt {
        width: 980px;
    }


    /* Course
    ================== */

    /**
     * Course
     */

    .course .title {
        font-size: 18px;
        line-height: 50px;
    }


    /* Style.css
    ===================================== */

    /* Header
    ================== */

    /**
     * Header
     */

    /* Header slider */

    #header .slider {
        height: 600px;
    }

    /* Header slider slides positions */

    #header .slides .one article h2 {
        font-size: 44px;
        line-height: 48px;
        padding-bottom: 5px;
    }

    #header .slides .one article h2 span {
        font-size: 28px;
        line-height: 30px;
    }


    /* Main
    ================== */

    /**
     * Seen
     */

    #seen ul {
        margin-right: -115px;
    }

    #seen li {
        padding-right: 115px;
    }

    #seen li:first-child {
        display: none;
    }

    #seen .long {
        clear: both;
        float: none;
        display: block;
        text-align: center;
    }

    #seen .long img {
        height: 25px;
    }

    /**
     * Dashboard
     */

    /* Dashboard bages */

    #dashboard .badges {
        margin: 0 -30px 40px 0;
    }

    #dashboard .badges li {
        padding-right: 30px;
    }

    /* Dashboard checkout */

    #dashboard .checkout .options li {
        padding-left: 20px;
    }

    #dashboard .checkout .options label.ui-radio {
        margin-right: 8px;
    }

    #dashboard .checkout .options img {
        height: 41px;
        margin: 2px 0 0 0;
    }

    /**
     * Content
     */

    #content {
        width: 660px;
        padding-left: 30px;
    }

    /*
     * Chart
     */

    .charts {
        margin: 0;
    }

    .chart {
        width: 50%;
    }

    #chart-exercies {
        float: none;
        clear: both;
        width: auto;
        margin: 0 auto 90px 0;
    }

}


/* Portrait tablet
========================================================================== */

@media only screen and (max-width: 979px) {

    /* Reusable.css
    ===================================== */

    /* Container
    ================== */

    /**
     * Cnt
     */

    .cnt {
        width: 768px;
    }


    /* Form
    ================== */

    /**
     * Form
     */

    .form {
        max-width: none;
    }


    /* Button
    ================== */

    /**
     * Button
     */

    .button {
        height: 50px;
        line-height: 50px;
    }


    /* Quote
    ================== */

    /**
     * Quote
     */

    .quote {
        padding: 30px 20px;
    }

    .quote p {
        font-size: 28px;
        line-height: 34px;
    }


    /* Section
    ================== */

    /**
     * Section
     */

    .section {
        padding: 30px 0;
    }

    /* Section typography */

    .section h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .section h4 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    .section h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .section p {
        padding-bottom: 20px;
    }


    /* Get started
    ================== */

    /**
     * Get started
     */

    .get-started li:before {
        top: 2px;
    }


    /* Testimonials
    ================== */

    /**
     * Testimonials
     */

    .testimonials {
        padding: 30px 0;
        margin-top: 30px;
    }

    /* Testimonials list */

    .testimonials ul {
        margin-right: -20px;
    }

    .testimonials li {
        padding: 0 20px 20px 0;
    }


    /* Course
    ================== */

    /**
     * Course
     */

    .course .number {
        margin-top: -70px;
    }

    .course .title {
        font-size: 16px;
        line-height: 40px;
    }


    /* Progress
    ================== */

    /**
     * Progress
     */

    .progress .completed:before {
        top: 3px;
    }


    /* Days
    ================== */

    /**
     * Days
     */

    .days {
        margin: 10px 0 30px 0;
    }

    .days .number {
        font-size: 50px;
        line-height: 50px;
        margin-top: -25px;
    }


    /* Style.css
    ===================================== */

    /* Base
    ================== */

    /**
     * Body
     */

    body {
        font-size: 16px;
        line-height: 22px;
    }


    /* Header
    ================== */

    /**
     * Header
     */

    /* Header slider */

    #header .slider {
        height: 500px;
    }

    /* Header slider slides */

    #header .slides article {
        top: 5%;
    }

    #header .slides h2 {
        font-size: 40px;
        line-height: 42px;
        padding-bottom: 10px;
    }

    #header .slides h2 span {
        font-size: 24px;
        line-height: 26px;
    }

    /* Header slider slides positions */

    #header .slides .one article h2 {
        font-size: 34px;
        line-height: 34px;
    }

    #header .slides .one article h2 span {
        font-size: 24px;
        line-height: 28px;
    }

    /* Header slider arrows */

    #header .slider .arrows {
        display: none;
    }

    /* Header profile */

    #header .profile .cnt {
        min-height: 160px;
    }

    /* Header profile thumbnail */

    #header .profile .thumbnail {
        width: 160px;
        height: 160px;
        padding: 5px;
    }

    #header .profile .thumbnail a {
        box-shadow: 0 0 0 5px #cadff0;
    }

    /* Header profile details */

    #header .profile .details {
        padding-left: 190px
    }

    #header .profile .details h2 {
        font-size: 36px;
        line-height: 44px;
        padding-top: 40px;
    }


    /* Main
    ================== */

    /**
     * Seen
     */

    #seen ul {
        margin-right: -70px;
    }

    #seen li {
        line-height: 65px;
        padding-right: 70px;
    }

    #seen img {
        height: 40px;
    }

    #seen .abc {
        height: 65px;
    }

    #seen .boston {
        height: 28px;
    }

    /**
     * Enroll
     */

    #enroll {
        padding: 30px 0;
    }

    #enroll .cnt {
        max-width: 600px;
    }

    /* Entroll column */

    #enroll .column {
        float: none;
        width: auto;
        margin: 0 10px;
        border-radius: 5px;
    }

    #enroll .column.first {
        border-radius: 5px 5px 0 0;
    }

    #enroll .column.middle {
        padding-bottom: 0;
        margin: 0;
    }

    .success-flow-one-column .column.middle{
        margin: auto !important;
    }
    .success-flow-one-column .column{
        width: 100% !important;
    }

    .success-flow-sqeeze {
        width: 85%;
        margin: auto;
    }

    #enroll .column.last {
        border-radius: 0 0 5px 5px;
    }

    /* Entroll column header */

    #enroll .column header {
        padding: 10px 0;
    }

    #enroll .column.first header {
        border-radius: 5px 5px 0 0;
    }

    #enroll .column.middle header {
        padding: 10px 0;
        margin-top: 0;
        border-radius: 5px 5px 0 0;
    }

    #enroll .column.last header {
        border-radius: 0;
    }

    #enroll .column header h3 {
        font-size: 26px;
    }

    /* Entroll column enroll */

    #enroll .column.middle .enroll {
        padding: 20px 30px 10px 30px;
    }

    /* Entroll column list */

    #enroll .column .list {
        display: none;
    }

    /* Entroll column toggle */

    #enroll .column .toggle {
        display: block;
    }

    /**
     * Dashboard
     */

    #dashboard {
        padding: 30px 0;
    }

    /* Dashboard typography */

    #dashboard h1 {
        font-size: 26px;
        line-height: 32px;
    }

    #dashboard h2 {
        font-size: 22px;
        line-height: 28px;
    }

    /* Dashboard checkout */

    #dashboard .checkout {
        margin-right: 0;
    }

    #dashboard .checkout section {
        float: none;
        width: auto;
        padding: 20px 0 0 0;
    }

    #dashboard .checkout section:first-child {
        padding-top: 0;
    }

    /* Dashboard thank you */

    #dashboard .thank-you h2 {
        padding-top: 10px;
    }

    /* Dashboard bages */

    #dashboard .badges {
        margin: 0 -20px 30px 0;
    }

    #dashboard .badges li {
        padding-right: 20px;
    }

    /* Dashboard courses */

    #dashboard .courses .course {
        width: 50%;
    }

    /* Dashboard questions */

    #dashboard .questions fieldset {
        padding-bottom: 30px;
    }

    #dashboard .questions legend {
        font-size: 26px;
        line-height: 32px;
    }

    /* Dashboard track */

    #dashboard .track fieldset {
        margin-top: 30px;
    }

    #dashboard .track legend {
        font-size: 26px;
        line-height: 32px;
        padding-bottom: 10px;
    }

    #dashboard .track .cols {
        line-height: 80px;
        padding: 20px;
    }

    #dashboard .track label {
        font-size: 18px;
    }

    #dashboard .track ul {
        height: 80px;
    }

    #dashboard .track li {
        padding-left: 10px;
    }

    #dashboard .track .submit {
        margin-top: 30px;
    }

    /* Dashboard exercises description */

    #dashboard .exercises .description {
        padding-bottom: 20px;
    }

    #dashboard .track-button {
        top: -10px;
    }

    /* Dashboard exercises exercise */

    #dashboard .exercises .exercise {
        padding-top: 30px;
    }

    #dashboard .exercises .exercise .col {
        padding-left: 20px;
    }

    /* Dashboard exercises submit */

    #dashboard .exercises .submit {
        margin-top: 30px;
    }

    /**
     * Sidebar
     */

    #sidebar {
        float: none;
        width: auto;
    }

    /* Sidebar course */

    #sidebar .course {
        float: left;
        width: 50%;
    }

    /* Sidebar progress */

    #sidebar .progress  {
        float: left;
        width: 50%;
        height: 403px;
    }

    /**
     * Content
     */

    #content {
        float: none;
        width: auto;
        padding: 20px 0 0 0;
    }

    #content .button.top.right {
        position: relative;
    }

    .chart strong {
        font-size: 26px;
    }

    #dashboard #badges h2,
    #dashboard #certificate h2{
        font-size: 26px;
        line-height: 32px;
    }

    /**
     * Certificate countdown
     */
    
    .certificate-countdown {
        font-size: 55px;
        line-height: 55px;
    }

    /* Footer
    ================== */

    /**
     * Footer
     */

    #footer {
        padding: 40px 0 30px 0;
    }

    /* Footer copyright */

    #footer .copyright {
        padding-top: 20px;
    }

    #enroll .column.adjust {
        margin-left: 28%;
        width: 66% !important;
    }

    .testimonials-column-right{
        width:100%;
        margin-top: 25px;
    }
    .testimonial-container{
        margin:0 10px 0 10px;
        width:29%;
        float: left;
    }




}


/* Landscape mobile (bigger screen)
========================================================================== */

@media only screen and (max-width: 767px) {

    /* Reusable.css
    ===================================== */

    /* Container
    ================== */

    /**
     * Cnt
     */

    .cnt {
        width: auto;
    }


    /* Form
    ================== */

    /**
     * Form
     */

    .form .row {
        padding-bottom: 10px;
    }

    .form .row.clr {
        margin-right: -10px;
    }

    .form .row .col {
        padding-right: 10px;
    }

    .form .row .row.clr {
        margin-right: -10px;
    }

    /**
     * Textarea,
     * Input
     */

    textarea,
    input[type="url"],
    input[type="text"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="password"] {
        height: 44px;
        line-height: 32px;
        padding: 0 10px;
    }

    textarea {
        height: 150px;
        line-height: 22px;
        padding: 6px 10px;
    }


    /* Button
    ================== */

    /**
     * Button
     */

    .button {
        height: 44px;
        font-size: 15px;
        line-height: 44px;
    }


    /* Quote
    ================== */

    /**
     * Quote
     */

    .quote {
        padding: 20px;
    }

    .quote p {
        font-size: 24px;
        line-height: 30px;
    }


    /* Get started
    ================== */

    /**
     * Get started
     */

    .get-started {
        padding-top: 10px;
    }

    .get-started ul {
        padding: 10px;
    }

    .get-started li {
        padding-left: 25px;
    }

    .get-started li:before {
        top: 1px;
    }


    /* Section
    ================== */

    /**
     * Section
     */

    .section {
        padding: 20px 0;
    }

    .section header img {
        width: 190px;
        padding: 5px;
        box-shadow: inset 0 0 0 5px #cadff0;
    }

    /* Section typography */

    .section h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .section h4 {
        font-size: 16px;
        line-height: 22px;
    }

    .section h5 {
        font-size: 16px;
        line-height: 22px;
    }

    .section p {
        text-align: left;
    }


    /* Testimonials
    ================== */

    /**
     * Testimonials
     */

    .testimonials {
        padding: 20px 0;
        margin-top: 20px;
    }

     /* Testimonials list */

    .testimonials ul {
        margin-right: 0;
    }

    .testimonials li {
        float: none;
        width: auto;
        padding: 20px 0 0 0;
    }

    .testimonials li:first-child {
        padding-top: 0;
    }

    .testimonials .toggle {
        padding-top: 20px;
    }

    /* Progress
    ================== */

    /**
     * Progress
     */

    .progress .completed:before {
        top: 2px;
    }

    /**
     * Certificate countdown
     */
    
    .certificate-countdown {
        font-size: 45px;
        line-height: 45px;
        padding: 5px;
        border-width: 5px;
    }


    /* Days
    ================== */

    /**
     * Days
     */

    .days {
        margin: 0 0 20px 0;
    }

    .days .number {
        font-size: 40px;
        line-height: 40px;
        margin-top: -20px;
    }


    /* Plugins.css
    ===================================== */

    /* Checkbox, radio
    ================== */

    /**
     * Checkbox
     */

    span.ui-checkbox {
        top: 1px;
    }


    /* Selectboxit
    ================== */

    /**
     * Selectboxit
     */

     /* Selectboxit selectboxit */

    .selectboxit-container .selectboxit {
        height: 44px;
        line-height: 42px;
        padding-left: 10px;
    }

    /* Selectboxit selectboxit options */

    .selectboxit-container .selectboxit-options {
        line-height: 24px;
    }


    /* Style.css
    ===================================== */

    /* Base
    ================== */

    /**
     * Body
     */

    body {
        font-size: 15px;
        line-height: 21px;
    }


    /* Header
    ================== */

    /**
     * Header
     */

    /* Header navigation */

    #header nav {
        display: none;
    }

    /* Header slider */

    #header .slider {
        height: 400px;
    }

    /* Header slider slides */

    #header .slider .slides li {
        background-size: cover;
    }

    #header .slides h2 {
        font-size: 30px;
        line-height: 32px;
    }

    #header .slides h2 span {
        font-size: 18px;
        line-height: 20px;
    }

    #header .slides p {
        display: none;
    }

    /* Header slider slides positions */

    #header .slides .one article h2 {
        font-size: 24px;
        line-height: 26px;
    }

    #header .slides .one article h2 span {
        font-size: 16px;
        line-height: 18px;
    }

    #header .slides .three article span.right {
        padding-left: 0;
    }

    /* Header slider button */

    #header .slider .button {
        bottom: 10px;
    }

    /* Header profile */

    #header .profile .cnt {
        min-height: 140px;
    }

    /* Header profile thumbnail */

    #header .profile .thumbnail {
        width: 140px;
        height: 140px;
    }

    /* Header profile details */

    #header .profile .details {
        padding-left: 170px;
    }

    #header .profile .details h2 {
        font-size: 30px;
        line-height: 40px;
        padding-top: 35px;
    }



    .successflow-page-button{
        width: 215px !important;
    }


    /* Main
    ================== */

    /**
     * Seen
     */

    #seen .cnt {
        width: 567px;
        margin: 0 auto;
    }

    #seen ul {
        margin-right: -20px;
    }

    #seen li {
        line-height: 50px;
        padding-right: 20px;
    }

    #seen img {
        height: 32px;
    }

    #seen .abc {
        height: 50px;
    }

    #seen .boston {
        height: 30px;
    }

    #seen .long img {
        height: 20px;
    }

    /**
     * Enroll
     */

    #enroll {
        padding: 20px 0;
    }

    /* Entroll column header */

    #enroll .column header h3 {
        font-size: 22px;
        line-height: 30px;
    }

    /* Entroll column enroll */

    #enroll .column .enroll {
        font-size: 20px;
        line-height: 24px;
        padding: 10px;
    }

    #enroll .column.middle .enroll {
        padding: 10px 20px 10px 20px;
    }

    #enroll .column .enroll strong {
        font-size: 22px;
    }

    #enroll .column .enroll .icon {
        margin: 10px auto 15px auto;
    }

    /* Entroll column list */

    #enroll .column .list ul > li {
        padding: 10px 0 10px 30px;
    }

    /* Entroll column toggle */

    #enroll .column .toggle {
        padding-bottom: 10px;
    }

    /**
     * Dashboard
     */

    #dashboard {
        padding: 20px 0;
    }

    /* Dashboard typography */

    #dashboard h1 {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 15px;
    }

    #dashboard h2 {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px;
    }

    #dashboard h2.subtitle {
        font-size: 18px;
        line-height: 24px;
    }

    /* Dashboard cart coupon */

    #dashboard .cart .coupon {
        max-width: 400px;
        margin-bottom: 10px;
    }

    #dashboard .cart .coupon .button {
        height: 44px;
        line-height: 18px;
    }

    /* Dashboard cart proceed */

    #dashboard .cart .proceed .button {
        margin-right: 10px;
    }

    /* Dashboard bages */

    #dashboard .badges span {
        font-size: 16px;
        width: 150px;
        margin-left: -75px;
    }

    /* Dashboard questions */

    #dashboard .questions fieldset {
        padding-bottom: 20px;
    }

    #dashboard .questions legend {
        font-size: 22px;
        line-height: 28px;
    }

    #dashboard .questions .submit {
        text-align: left;
    }

    /* Dashboard track */

    #dashboard .track fieldset {
        margin-top: 20px;
    }

    #dashboard .track legend {
        font-size: 22px;
        line-height: 28px;
    }

    #dashboard .track .cols {
        line-height: normal;
        padding: 20px;
    }

    #dashboard .track .col {
        width: 50%;
        padding: 20px 0 0 0;
        border-left: 0;
    }

    #dashboard .track .col:first-child {
        float: none;
        width: 100%;
        padding-top: 0;
    }

    #dashboard .track label {
        font-size: 16px;
    }

    #dashboard .track ul {
        height: auto;
    }

    #dashboard .track li {
        padding-left: 15px;
    }

    #dashboard .track li:first-child {
        width: 60px;
        text-align: left;
    }

    #dashboard .track .submit {
        text-align: left;
        margin-top: 20px;
    }

    /* Dashboard exercises */

    #dashboard .exercises ul {
        padding-bottom: 20px;
    }

    /* Dashboard exercises description */

    #dashboard .track-button {
        position: relative;
        right: 0;
        top: 0;
        margin: 5px 0 25px 0;
    }

    /* Dashboard exercises overview */

    #dashboard .exercises .overview li {
        padding-left: 25px;
    }

    #dashboard .exercises .overview .check {
        top: 3px;
    }

    /* Dashboard exercises exercise */

    #dashboard .exercises .exercise {
        padding-top: 20px;
    }

    #dashboard .exercises .exercise .col {
        float: none;
        width: auto;
        padding: 20px 0 0 0;
    }

    #dashboard .exercises .exercise .col:first-child {
        padding-top: 0;
    }

    /* Dashboard exercises submit */

    #dashboard .exercises .submit {
        text-align: left;
        margin-top: 2px;
    }

    /**
     * Sidebar
     */

    /* Sidebar course */

    #sidebar .course {
        float: none;
        width: auto;
    }

    /* Sidebar progress */

    #sidebar .progress  {
        float: none;
        width: auto;
        height: auto;
    }

    .chart strong {
        font-size: 22px;
        text-align: left;
    }

    #dashboard #badges h2,
    #dashboard #certificate h2{
        font-size: 22px;
        line-height: 28px;
    }

    /*
     * Chart
     */

    .chart {
        float: none;
        width: auto;
    }

    .chart:last-child {
        margin-bottom: 40px;
    }


    /* Footer
    ================== */

    /**
     * Footer
     */

    #footer {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 0 15px 0;
    }

    #footer h6 {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    #footer p {
        padding-bottom: 5px;
    }

    #footer li {
        padding-bottom: 5px;
    }

    /* Footer column */

    #footer .column {
        float: none;
        width: auto;
        padding: 0 0 10px 0;
    }

    /* Footer copyright */

    #footer .copyright {
        padding-top: 10px;
    }

    #enroll .column.adjust {
        margin-left: 28%;
        width: 99% !important;
        min-width: 300px;
    }

    .success-challenge-header-block p{
        display: block !important;
    }

    .thirty-day-challenge-get-started{
        padding: 0 10px;
    }

    .success-flow-footer-h6{
        font-size: 26px !important;
        line-height: 32px !important;
    }


}


/* Landscape mobile (smaller screen)
========================================================================== */

@media only screen and (max-width: 567px) {

    /* Reusable.css
    ===================================== */

    /* Hide
    ================== */

    /**
     * Hide
     */

    .hide-567 {
        display: none;
    }


    /* Form
    ================== */

    /**
     * Form
     */

    .form .row.clr {
        margin-right: 0;
    }

    .form .row .col {
        float: none;
        width: auto;
        padding: 10px 0 0 0;
    }

    .form .row .col:first-child {
        padding-top: 0;
    }

    .form .row .row.clr .col {
        float: left;
        width: 50%;
        padding: 0 10px 0 0;
    }


    /* Quote
    ================== */

    /**
     * Quote
     */

    .quote p {
        font-size: 20px;
        line-height: 26px;
        padding-bottom: 5px;
    }


    /* Get started
    ================== */

    /**
     * Get started
     */

    .get-started {
        padding-top: 0;
    }


    /* Section
    ================== */

    /**
     * Section
     */

    /* Section typography */

    .section h3 {
        font-size: 22px;
        line-height: 28px;
    }


    /* Course
    ================== */

    /**
     * Course
     */

    .course .title {
        left: 10px;
        bottom: 10px;
        right: 10px;
    }


    /* Days
    ================== */

    /**
     * Days
     */

    .days .current {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }

    .days .day {
        display: none;
    }

    .days .number {
        font-size: 28px;
        line-height: 28px;
        margin-top: -14px;
    }


    /* Style.css
    ===================================== */

    /* Header
    ================== */

    /**
     * Header
     */

    /* Header slider */

    #header .slider {
        height: 270px;
    }

    .hide-image{
        background-image: none !important;
    }


    /* Header slider slides */

    #header .slides h2 {
        font-size: 20px;
        line-height: 22px;
    }

    #header .slides h2 span {
        font-size: 16px;
        line-height: 18px;
    }

    /* Header slider slides positions */

    #header .slides .one article {
        top: 15px;
    }

    #header .slides .three article h2 {
        font-size: 15px;
    }

    /* Header profile */

    #header .profile .cnt {
        min-height: 0;
    }

    /* Header profile thumbnail */

    #header .profile .thumbnail {
        position: relative;
        left: 0;
        width: 180px;
        height: 180px;
        margin: 0 auto;
    }

    /* Header profile details */

    #header .profile .details {
        text-align: center;
        padding-left: 0;
    }

    #header .profile .details h2 {
        font-size: 26px;
        line-height: 36px;
        padding-top: 15px;
    }

    #header .profile .details li {
        display: inline-block;
        float: none;
        padding: 0 10px;
    }

    /**
     * Seen
     */

    #seen .cnt {
        width: 375px;
    }

    #seen ul {
        margin-right: -12px;
    }

    #seen li {
        line-height: 34px;
        padding-right: 12px;
    }

    #seen img {
        height: 18px;
    }

    #seen .abc {
        height: 34px;
    }

    #seen .boston {
        height: 20px;
    }

    #seen .long img {
        height: 15px;
    }

    /**
     * Dashboard
     */

    /* Dashboard typography */

    #dashboard h1 {
        padding-bottom: 10px;
    }

    /* Dashboard register */

    #dashboard .register .button {
        width: 100%;
        padding: 0;
    }

    /* Dashboard cart */

    #dashboard .cart .background {
        padding: 0 0 10px 0;
    }

    /* Dashboard cart table */

    #dashboard .cart thead {
        display: none;
    }

    #dashboard .cart table,
    #dashboard .cart table tbody,
    #dashboard .cart table td,
    #dashboard .cart table tr {
        display: block;
        overflow: hidden;
    }

    #dashboard .cart table td {
        float: left;
        width: 50%;
        text-align: left;
        padding: 20px 20px 0 20px;
    }

    #dashboard .cart table td:first-child {
        width: 100%;
    }

    #dashboard .cart table .total {
        padding: 10px 0 0 0;
        overflow: hidden;
    }

    #dashboard .cart table .total td {
        text-align: right;
    }

    #dashboard .cart table .total td:first-child {
        width: 50%;
        text-align: left;
    }

    /* Dashboard cart table elements */

    #dashboard .cart table td h2 {
        padding-top: 0;
    }

    #dashboard .cart table td p {
        display: none;
    }

    #dashboard .cart table td input[type="text"],
    #dashboard .cart table td input[type="number"] {
        width: 60px;
    }

    #dashboard .cart table strong {
        float: right;
    }

    /* Dashboard cart coupon */

    #dashboard .cart .coupon {
        max-width: none;
        padding-top: 10px;
    }

    #dashboard .cart .coupon .row {
        position: relative;
        min-height: 44px;
        padding-bottom: 0;
    }

    #dashboard .cart .coupon .row .col {
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 0;
    }

    #dashboard .cart .coupon .row .col:first-child {
        left: 0;
        right: 100px;
    }

    #dashboard .cart .coupon .button {
        width: 90px;
        padding: 0;
    }

    /* Dashboard cart proceed */

    #dashboard .cart .proceed .button {
        display: block;
        float: none;
        width: 100%;
        margin-right: 0;
    }

    /* Dashboard checkout */

    #dashboard .checkout .options li {
        float: none;
        padding: 10px 0 0 0;
    }

    #dashboard .checkout .options li:first-child {
        padding-top: 0;
    }

    #dashboard .checkout .options img {
        height: 50px;
        margin-top: 0;
    }

    #dashboard .checkout .button {
        display: block;
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }

    /* Dashboard thank you */

    #dashboard .thank-you h2 {
        padding-top: 0;
    }

    #dashboard .thank-you .button {
        width: 100%;
        margin: 0 0 10px 0;
    }

    /* Dashboard bages */

    #dashboard .badges {
        margin-bottom: 20px;
    }

    #dashboard .badges li {
        width: 50%;
    }

    #dashboard .badges span {
        font-size: 18px;
        width: 180px;
        margin-left: -90px;
    }

    /* Dashboard courses */

    #dashboard .courses .course {
        float: none;
        width: auto;
    }

    /* Dashboard questions */

    #dashboard .questions legend {
        padding-bottom: 5px;
    }

    /* Dashboard track */

    #dashboard .track .col {
        float: none;
        width: 100%;
    }

    #dashboard .track .submit .button {
        width: 100%;
        padding: 0;
    }

    /* Dashboard exercises */

    #dashboard .exercises .submit .button {
        float: none;
        width: 100%;
    }

    /* Dashboard exercises description */

    #dashboard .track-button {
        width: 100%;
    }

    .certificate-countdown {
        font-size: 40px;
        line-height: 40px;
    }

    /* Footer
    ================== */

    /**
     * Footer
     */

    #footer {
        font-size: 13px;
        line-height: 19px;
    }

    #footer h6 {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 3px;
    }

    #footer p {
        padding-bottom: 3px;
    }

    #footer li {
        padding-bottom: 3px;
    }

    #footer.white .cnt br {
        display: block;
    }

    #footer .copyright br {
        display: block;   
    }

    .testimonials-column-right{
        width:100%;
        margin-top: 25px;
    }
    .testimonial-container{
        width:100%;
        margin-bottom: 15px;
    }

    .successchallenge span{
        font-size: 20px;
    }
    .successchallenge h3{
        line-height: 25px;
    }

    .success-challenge-header-block p{
        display: block !important;
    }

    .success-flow-footer-h6{
        font-size: 22px !important;
        line-height: 28px !important;
    }


}

/* Portrait mobile
========================================================================== */

@media only screen and (max-width: 374px) {

    /**
     * Seen
     */

    #seen .cnt {
        width: 320px;
    }

    #seen ul {
        margin-right: -8px;
    }

    #seen li {
        line-height: 34px;
        padding-right: 8px;
    }

    #seen img {
        height: 16px;
    }

    #seen .abc {
        height: 32px;
    }

    #seen .boston {
        height: 17px;
    }

    #seen .long img {
        height: 12px;
    }

    .testimonials-column-right{
        width:100%;
        margin-top: 25px;
    }
    .testimonial-container{
        width:100%;
        margin-bottom: 15px;
    }

    .successchallenge span{
        font-size: 14px;
    }
    .successchallenge h3{
        line-height: 12px;
    }

    #enroll .column.adjust{
        min-width: 230px;
    }

    .thirty-day-challenge-get-started{
        padding: 0 10px;
    }


}

/* Portrait mobile
========================================================================== */

@media only screen and (max-width: 479px) {

    /* Reusable.css
    ===================================== */

    /* Form
    ================== */

    /**
     * Form
     */

    .hide-567 {
        display: none;
    }

    .form .row.double {
        margin: 0 -20px 0 0;
    }

    .form .row.double li {
        width: 50%;
    }

    .form .row.double li .button {
        width: 100%;
        padding: 0;
    }


    /* Dashboard
    ================== */

    /**
     * Dashboard
     */

    /* Dashboard checkout */

    #dashboard .checkout .options img {
        height: 32px;
        margin-top: 6px;
    }

    /* Dashboard exercises */

    #dashboard .exercises .overview .time {
        display: block;
    }

    /* Dashboard bages */

    #dashboard .badges {
        margin: 0 -10px 10px 0;
    }

    #dashboard .badges li {
        padding: 0 10px 10px 0;
    }

    #dashboard .badges span {
        font-size: 15px;
        width: 130px;
        margin-left: -65px;
    }

    /**
     * Certificate countdown
    */

    .certificate-countdown {
        font-size: 30px;
        line-height: 30px;
    }

    .certificate-countdown .inner {
        padding: 16% 10px;
    }

}