@media (max-width: 767px) {

    .hide-for-mobile {
        display:none;
    }

    .show-only-for-devices {
        display:block;
    }
    .buttons.span-12, .buttons.span-16 {
        clear: both;
        float: left;
        width: 100% !important;
    }


    .hide-for-devices, ul#nav li a.hide-for-devices {
        display:none;
    }

    nav ul#nav li.active a, nav ul#nav li a:hover {
        background: none repeat scroll 0 0 #d9edd4;
        color: #319d0d;
        font-weight: bold;
    }

    #header {
        margin-left: 3%;
        padding: 16px 0 20px;
        width: 94% !important;
    }

    .container {
        width: 100%;
        overflow: hidden;
    }

    .span-24 {
        width: 100%;
    }

    .feature-heading {
        background-position: 100% 0;
        float: left;
        padding-left: 3%;
        padding-right: 3%;
        width: 94%;
        background: #319d0d;
        height: auto;
        padding-bottom: 21px;
        text-align: center;
    }

    #header_logo {
        float: left;
        margin-right: 0px;
        width: 169px;
    }

    #header_logo img {
        height: auto;
        max-width: 100%;
    }

    body#home #header_logo img {
        margin: 0px;
    }



    /* Target nav menu when logged out logged in WITHOUT fastspring subscription */
    .span-16 ul#nav > li, .span-12 ul#nav.trial > li, .span-16 ul#nav > li + li + li, .span-12 ul#nav.trial > li + li + li {
        border: 1px solid #82c56b;
        border-radius: 4px;
        margin-bottom: 18px;
        margin-right: 3%;
        text-align: center;
        width: 47.7%;
    }

    .span-16 ul#nav > li + li, .span-12 ul#nav.trial > li + li, .span-16 ul#nav > li + li + li + li, .span-12 ul#nav.trial > li + li + li + li  {
        margin-right: 0px;
    }

    .span-16 #nav > li + li + li + li + li, .span-12 #nav.trial > li + li + li + li + li  {
        border: 0 none;
        width: 100%;
        margin-top: 10px;
    }

    .span-16 #nav > li + li + li + li + li a, .span-12 #nav.trial > li + li + li + li + li a,  .span-16 #nav > li + li + li + li + li a:hover, .span-12 #nav.trial > li + li + li + li + li a:hover  {
        border:0px !important;
        color:#fff;
    }



    /* Target nav menu when logged in with fastspring subscription */
    .span-12 ul#nav > li, .span-12 ul#nav > li + li + li {
        border-radius: 4px;
        margin-bottom: 18px;
        text-align: center;
        width: 47.7%;
    }

    .span-12 ul#nav li {
        border: 0 none;
        margin: 0;
    }

    .span-12 ul#nav > li + li,     .span-12 ul#nav > li + li + li + li {
        border: 1px solid #82c56b;
        margin-right:3%;
    }

    .span-12 ul#nav > li + li + li, .span-12 ul#nav > li + li + li + li + li  {
        margin-right: 0px;
    }

    ul#nav li a {
        color: #319d0d;
        float: left;
        font-weight: normal;
        padding-bottom: 4px;
        padding-top: 4px;
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    #lesson_contents .padding {
        padding: 3%;
    }

    #lesson_contents {
        float: left;
        width: 100%;
    }

    .span-12.last {
        margin-left: 3%;
    }

    #footer h3, p.footer-navigation, p.copyright, .footer-navigation > a {
        clear: both;
        float: left;
    }

    /*landing page based on lesson when logged in /lessons/irish-greetings/ */

    .nav-lesson {
        text-align: center;
    }

    .footer {
        padding-left: 3%;
        padding-right: 3%;
        width: 94%;
    }

    .page-section {
        width: 100%;
        position: relative;
    }

    .feature-heading h1 {
        float: left;
        font-size: 34px;
        line-height: 41px;
        margin-top: 30px !important;
        width: 100%;
    }

    #lesson_tag {
        display: block;
        float: left;
        line-height: 19px;
        margin: 0;
        width: 100%;
    }

    #lesson_nb {
        width: 100%;
        margin: 23px 0px 0px 0px;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .jppl-audio {
        padding: 10px 10px 8px !important;
    }
    a.inline-audio {
        padding: 0 5px !important;
    }

    .audio span.audio-icon {
        float: left;
        overflow: hidden;
        position: relative;
    }

    .audio span.irish {
        float: left;
        line-height: 27px;
        margin-right: 0 !important;
        margin-top: 7px !important;
        text-align: center !important;
        width: 100%;
    }

    .audio span.audio-icon {
        height: 26px;
        width: 100%;
    }
    .audio span.audio-icon span {
        background-repeat: no-repeat;
        background-size: 44% auto;
        left: 15px;
        top: 2px;
    }

    .audio a.jppl-playing span.audio-icon span {
        background-position:0px -78px;
    }

    .audio span.audio-icon span {
        left: 50%;
        margin-left: -10.5px;
        top: 1px;
    }

    .audio span.irish, .audio span.translation {
        padding: 0 !important;
        text-align: center;
        width: 100%;
    }

    .audio span.pronunciation {
        float: left;
        bottom: 0;
        left: 0;
        margin-left: 0px !important;
        text-align: center;
        width: 100%;
    }

    .audio span.translation {
        float: left;
        line-height: 27px;
        margin-left: 0px;
        position: relative !important;
        text-align: center;
    }

    .nav-lesson li {
        padding-right: 0px;
        width: 100%;
        float: left;
        margin-bottom: 14px;
    }




    /*landing page based on lesson when not logged in  /learn-irish-gaelic/irish-greetings/ */

    .span-10.append-1.prepend-1, .prepend-1.append-1.span-6 {
        float: left;
        width: 94%;
        padding: 3%;
    }

    .span-10.append-1.prepend-1.last > h2 {
        text-align: center;
    }

    input[type="text"], input[type="email"], input[type="password"], textarea {
        padding: 1.5% !important;
        width: 97% !important;
    }
    .span-10.append-1.prepend-1 img {
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        display: block;
    }

    .span-14 {
        width: 94%;
        padding: 3% !important;
    }

    p.audio {
        margin-top: 15px;
    }




    /*lessons page when not logged in  /lessons */


    nav.lesson-type .active {
        background: none;
    }

    #top-lesson-type li, #bottom-lesson-type li {
        margin-left: 7%;
        margin-right: 0;
        width: 84%;
    }
    #lessons li a {
        padding:0px;
    }

    #lessons .cssform2.show-only-for-devices > input + input {
        padding: 0 !important;
        line-height: 37px;
        height: auto;
        margin-top: 0px !important;
        position: relative;
        top: -2px;
    }

    #lessons li a, ul#lessons li, ul#lessons, .lessons-container {
        width: 100%;
        margin-left: 0px;
    }

    p.count {
        width: 18%;
    }

    .lesson-info {
        padding: 3%;
        width: 76%;
    }

    .cssform2.show-only-for-devices {
        margin-bottom: 30px;
        margin-left: 3%;
        width: 94%;
    }

    #lessons .cssform2.show-only-for-devices {
        margin-left: 7%;
        width: 86%;
    }
    .cssform2.show-only-for-devices > input {
        width: 62% !important;
    }

    .cssform2.show-only-for-devices > input + input {
        width: 33% !important;
    }

    .lessons-container + .search_sidebar {
        display: none;
    }

    .lessons-sidebar {
        background: none repeat scroll 0 0 #fff;
        border: 0 none;
        box-shadow: 0 0 5px #9fc593;
        float: left;
        margin-left: 3%;
        margin-top: 18px;
        padding: 3%;
        width: 88%;
    }

    .lesson-info h2 {
        font-size: 23px;
    }

    ul#lessons li .btn {
        float: left;
        font-size: 16px;
        height: 34px;
        line-height: 32px;
        padding: 0 10px 0px 10px;
        width: 59%;
    }

    .lesson-info div {
        width: 100%;
    }

    ul#lessons p {
          clear: both;
    }

    /* target just the button for the log in page */

    input[value="Log in"] {
        width: 100%;
    }

    /* Why page /why */

    .testimonials .span-12.last, .testimonials li.span-12  {
        clear: both;
        float: left;
        margin: 0;
        width: 100%;
    }

    ul.testimonials {
        padding: 3%;
        width: 94%;
    }

    /* target just this page and leave the rule above just in case it applies elsewhere */

    .why-bitesize ul.testimonials {
        padding: 3% 0;
    }

    .span-24.feature_cell img {
        padding: 1.5%;
        width: 97%;
        height:auto;
    }

    ul.testimonials li.feature_cell div {
        margin-left: 3%;
        width: 94%;
    }


    /* Download Book /keytoireland/download */

    .title {
        font-size: 26px;
        margin-left: 3%;
        width: 94%;
    }

    .span-12.append-6.prepend-6 {
        padding: 3%;
        width: 94%;
    }

    /* About page /about */

    .padding.center img {
        width: 100%;
        height: auto;
    }

    .af-element > img {
        width: auto !important;
    }

    .about-image {
        max-width: 100%;
        padding-left: 17px;
        width: auto;
    }

    .af-form-wrapper {
        width: 99%;
    }

    #af-form-736046759 {
        overflow: hidden !important;
        width: 100%  !important;
    }
    .af-body.af-standards {
        padding: 3% !important;
        width: 94%;
    }

    p.center img.center {
        height: auto;
        width: 100%;
    }

    /* Home */

    body.home .middle-section-inner h2 {
        font-size: 30px;
        padding: 20px 0 0 3%;
        width:94%;
    }

    body.home .middle-section {
        overflow: hidden;
        height:auto;
        padding-bottom:20px;
    }

    body.home .bottom-section ul {
        width: 100%;
    }

    .cta span {
        margin: 34px 0 20px;
    }

    .cta {
        margin-left: 3%;
        width: 94%;
    }

    .span-24.bottom-section li {
        clear: both;
        display: block;
        left: 50%;
        margin-bottom: 33px !important;
        margin-left: -111px !important;
        position: relative;
    }

    body.home .get-started {
        width: 100%;
        text-align:center;
    }

    body.home .get-started > .btn {
        float: none;
        margin: 0px;
        padding: 5px 81px;
        margin-top: 20px;
    }

    .home .page-section {
        width:94%;
        padding-left:3%;
        padding-right:3%;
    }

    .home .page-section div {
        margin: 10px 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }

    /* Audio Program */

    .audio-program .span-24 > img {
        display:none;
    }

    .audio-program img {
        width: auto !important;
    }

    .audio-program .span-6 {
        margin: 0;
        text-align: center;
        width: 100%;
    }


    .price, .span-6.last.product p, .span-6.product p {
        text-align: center;
    }

    .span-6.last.product {
        width: 50%;
        margin-left:25%;
    }

    .audio-program .span-6.prepend-1.append-1.last {
        clear: both;
    }

    body.audio-program .audio-lesson-headline {
        margin-left: 3%;
        margin-top: 0;
        padding-top: 0;
        text-align: center;
        width: 94%;
    }

    ul.small-ticks {
        margin-left: auto;
        text-align: center;
    }

    /* ebook */

    .ebook h1, .ebook .intro {
        float: left;
        width: 100%;
    }

    .ebook #ebook-online-cover {
        display: block;
        float: none;
        height: auto;
        margin: 0 auto;
        max-width: 90%;
    }

    .ebook h1, .ebook .intro {
        float: left;
        width: 100%;
    }

    #table-of-contents, .ebook .clear, .ebook h2, .ebook .center, .ebook p, .ebook h3,
    .pronunciation .clear, .pronunciation h2, .ebook .pronunciation, .pronunciation p, .pronunciation h3
    {
        width: 94%;
        margin-left: 3%;
    }

    .big-signup .buy-now {
        max-width: 100%;
    }

    .ebook .span-12,  .pronunciation .span-12  {
        width: 93%;
    }


    .ebook .span-12 > img, .pronunciation .span-12 > img  {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .ebook .testimonials .span-12 > img,     .pronunciation .testimonials .span-12 > img {
        margin-right: 9px;
    }

    .ebook img, .pronunciation img {
        height: auto;
        max-width: 100% !important;
    }

    .span-8.append-2.prepend-2 {
        width: 100%;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }

    .ebook .span-12 > img + .center, .pronunciation .span-12 > img + .center {
        margin-top: 0px !important;
        margin-left: auto !important;
        margin-bottom: 20px !important;
    }

    /* generic targeting (for account pages) */

    .container > p, .container > ul, .container > form, .container > h1, .container > h2, .container > h3 {
        margin-left: 3%;
        width: 94%;
    }

    input[type="submit"] {
        margin-top: 20px;
        width: 100%;
        margin-left: 0%;
    }


    /* why */

    .why-photo {
        display: block;
        float: left;
        font-style: italic;
        margin-left: 3%;
        text-align: center;
        width: 100%;
    }

    .why-photo > img {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .why .center > img {
        max-width: 100%;
        height: auto;
    }

    .why-iframe {
        width: 100% !important;
        height: auto !important;
    }
    /* Patricks day */
    .newsletter {
        margin: 0;
        padding: 20px 0 20px 5%;
        width: 95%;
    }

    .af-textWrap {
        width: 66% !important;
    }

    .clients .span-11 {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }

    ul.clients li img {
        float: none;
        margin-right:  0px;
    }

    ul.clients li .client {
        width: 100%;
        margin-bottom: 20px;
    }
    /* Samhain */
    .salesletter .center > img {
        height: auto;
        width: 100%;
    }

    .salesletter #lesson-17 > div {
        float: left;
    }

    .mini-irish-lesson-video {
        width: 94%;
    }

    /* More Footer Rules */
    #footer {
        width: 100%;
    }

    #footer .dv_left {
        width: 100%;
        margin-bottom: 25px;
    }

    #footer .dv_left input {
        margin-top: 0 !important;
        width: 46% !important;
    }

    #footer .text {
        height: 36px;
        margin-right: 5%;
    }

    #footer .dv_right {
        float: left;
        width: 100%;
        padding:0px;
    }

    .dv_right h2 + a img {
        margin-left: 0px !important;
    }

    #footer .dv_right .btn {
        clear: both;
        margin-left: 11% !important;
        margin-top: 25px !important;
        padding: 0 3% !important;
        width: 70% !important;
    }

    /* Irish for beginners */

    .page-section {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        padding-top: 30px;
    }

    .irish-for-beginners ol {
        margin-left: 17px;
    }

    #af-form-735675558 ul, #af-form-735675558 ol {
        padding-left: 0px !important;
        margin-left:12px !important;
    }

    /* Key to Ireland */

    #af-form-2039720280 ul, #af-form-2039720280 ol {
        padding-left: 0px  !important;
        margin-left: 12px !important;
    }

    /* Sign up pages */

    .signup .append-4 {
        padding-left: 3%;
        width: 94%;
    }

    .signup-plan.signup-plan-back, .signup-plan.signup-plan-front {
        margin: 0 auto 30px 3%;
        padding: 3%;
        text-align: center;
        width: 88%;
        height: auto;
    }

    .signup-plan.signup-plan-back > br {
        display: none;
    }

    .signup ul.small-ticks {

        margin: 33px 0;
        text-align: center;
    }

    .signup  .signup-plan-back  ul.small-ticks,     .signup  .signup-plan-front  ul.small-ticks  {
        margin: 31px auto;
        text-align: left !important;
        width: 202px;
        position: relative;
        left: 4%;
    }

    .signup h2.center {
        width: 94%;
        margin-left: 3%;
    }

    .promise-background {
        float: none;
        display: block;
        margin: 0 auto;
        padding: 13px;
        margin-top: -30px;
    }

    .signup .dv_padd {
        padding-right: 0px;
    }

    .dv_list_checked {
        float: left;
        padding-left: 3%;
        padding-top: 40px;
        width: 94%;
    }

    .dv_list_checked ul.small-ticks li {
        text-align: left;
    }

    .signup .span-10.append-1.prepend-1 {
        width: 95%;
    }

    .levels-container, .week-container {
        margin-left: 1.5%;
        width: 97%;
    }



    .weeks-listing {
        width: 95%;
        padding: 2.5%;
    }
    .weeks-listing > a {
        width: 90%;
        padding: 5%;
    }

    .level-heading {
        padding: 40px 0;
    }

    .arrow-prev.inactive, .arrow-prev.inactive:hover, .arrow-prev {
        margin-left: 10px;

    }
    .new-trial-message {
        width: 40%;
    }

    .lessons-in-week {
        left: -4%;
        width: 104%;
    }

    .lessons-listing {
        padding: 2.5%;
        width: 95%;
    }

    .levels-tabs {

        width: 100%;

    }

    .week-heading > a {
        padding: 1% 2% 1% 5%;
        width: 14%;
    }

    .level-tab {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .week-heading > a {
        padding: 6% 2% 6% 5%;
        width: 14%;
    }

    .week-container #lessons .count {
        width: 21%;
    }

    .week-container .lesson-info {
        width: 73%;
    }

    .week-container .lesson-info > div {
        width: 100%;
    }

    .level-arrow {
        display: none;
    /*  left: 41%;
        top: 35%;*/
    }
    .week-container .btn {
        text-align: left;
        padding: 0px !important;
        margin: 0px !important;
    }

    .week-container #lessons a.next .count::after {
        display: none;
    }

    .week-container a.next .btn {
        width: 65% !important;
        text-align: center;
    }

    .week-title {
        font-size: 25px;
        margin-top: 29px;
        text-indent: -57px;
    }

    .level-tab.current {
        top: 0;
    }

    .level-tab > a, .level-tab.current > a {
         width: 90%;
        padding: 13px 5% !important;
        text-align: center;
    }

    .search-view-lessons-link {
        border: 1px solid #adc6b7;
        float: left;
        margin-bottom: 20px;
        margin-top: 15px;
        width: 100%;
    }

    .search-view-lessons-link a {
        padding: 10px 15%;
        width: 70%;
        text-align: center;
    }

    .level-heading {
        font-size: 25px;
        padding: 36px 0;
    }
    .arrow-next {
        background-position: 0 7px;
        cursor: pointer;
    }
    .arrow-prev {
        background-position: 0 7px;
        cursor: pointer;
    }

    .arrow-next:hover {
        background-position: -19px 7px;
    }

    .arrow-prev:hover {
        background-position: -19px 7px;
    }

    .lesson-number {
        width: 24.93%;
    }

    .task-complete-pop-up.programme {
        left: auto !important;
        margin-left: 10% !important;
        padding-left: 5%;
        padding-right: 5%;
        top: 50px;
        width: 70% !important;
        position: absolute;
    }
    .task-complete-container {
        min-height: 1000px;
        position: absolute;
    }

    .level-tab.complete > a {
        padding: 13px 5% !important;
    }

    .breadcrumbs {
        width: 100%;
        margin: 0px;
    }

    .breadcrumbs + .lesson_tag {
        margin-bottom: -10px !important;
        margin-top: -14px !important;
        width: 97% !important;
    }

    .week-heading.all-lessons-heading {
        margin-left: 3%;
        width: 94%;
    }




}