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




    .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;
    }

    .span-16 ul#nav > li + li + li + li + li a:hover {
        color: #fff !important;
    }

    #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;
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    /* Target nav menu when logged out logged in WITHOUT fastspring subscription */

    .span-16 ul#nav > li ,  ul#nav.trial > li {
        border-radius: 4px;
        margin-right: 2%;
        text-align: center;
        width: 23.2%;
    }

    .span-16 ul#nav > li, .span-12 ul#nav.trial > li {
        border: 1px solid #82c56b;
    }

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

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

    /* Target nav menu when logged in with fastspring subscription */

    .span-12 ul#nav > li {
        border-radius: 4px;
        margin-right: 2%;
        text-align: center;
        width: 23.2%;
    }

    .span-12 ul#nav > li {
        border: 0px solid #82c56b;
    }

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

    .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%;
    }

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

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

    /*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: 45%;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin: 0px;
    }

    .span-10.append-1.prepend-1 img {
        height: auto;
        max-width: 100%;
    }

    input[type="text"], input[type="email"], input[type="password"], textarea {
        padding: 1.5% !important;
        width: 97% !important;
    }

    .span-24 h2 {
        width: 94%;
        margin-left: 3%;
    }

    .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-right: 4%;
        width: 45%;
    }

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

    p.count {
        width: 12%;
    }

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

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

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

    .cssform2.show-only-for-devices > input + input {
        margin-left: 0;
        width: 29% !important;
    }

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

    .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%;
    }

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

    input[value="Log in"] {
        width: 50%;
        margin-left:25%;
    }

    /* Why page /why */

    .testimonials .span-12.last {
        clear: none;
        float: right;
        margin: 0;
        width: 50%;
    }

    .testimonials li.span-12 {
        clear: both;
        float: left;
        margin-right: 5%;
        width: 45%;
    }

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

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

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

    /* Download Book /keytoireland/download */

    .title {
        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 {
        width: auto;
        max-width: 100%;
    }

    /* Home */

    #homepage-cliffs-poster {
        display: block;
    }

    #homepage-cliffs-video {
        display:none;
    }


    #home #header {
        margin-bottom: 0;
    }

    .homepage-slider-container {
        height: 480px;
    }


    .homepage-icon {
        display: block;
        float: none;
        margin-bottom: 42px;
        margin-left: auto;
        margin-right: auto;
    }

    .homepage-icon + .homepage-icon + .homepage-icon {
        margin-right: auto;
    }

    .home .middle-section {
        overflow: hidden;
    }

    body.home .bottom-section ul {
        float: none;
        margin: 0 auto;
    }

    body.home .bottom-section ul li {
        margin: 0 27px 0 0;
    }

    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 {
        width: 33%;
        padding: 0px;
        margin: 0px;
    }

    /* Audio Program */

    .audio-program .span-24 > img {
        width: 100%;
        height: auto;
    }

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

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


    .price, .span-6.last.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;
    }

    /* ebook */

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



    .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%;
    }


    .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: 50%;
        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: 50%;
        margin-left: 25%;
    }


    /* Why */

    .why-photo {
        margin-right: 3%;
    }

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

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

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


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

    #footer .text {
        width: 50% !important;
    }

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

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

    /* 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;
        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%;
    }
    .search-view-lessons-link {
        font-size: 12px;
        line-height: 14px;
        margin-top: 0;
        width: 44px;
    }

    .search-view-lessons-link a {
        text-indent:-9999px;

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

    .week-heading > a {
        width: 8%;
        padding:2% 2% 2% 7%;
    }
    .week-container #lessons .count {

        width: 17%;
    }

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

    .level-arrow {
        top: 29%;
    }

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

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

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

    }


    .task-complete-pop-up.programme {

        top: 50px;
    }

    .week-heading.all-lessons-heading {
        margin-left: 2.5%;
        width: 95%;
    }


    .beginners-testimonial {
        padding-left: 2.5%;
        width: 95%;
    }

    .beginners-testimonial > div {
        width: 58%;
    }

}