@media only screen and (min-width : 801px) and (max-width : 5200px) {
    #mobile-nav {
        display: none!important;
    }

}

@media only screen and (max-width : 800px) {
    #mobile-nav {
        display: block!important;
    }
    
    #primary-nav {
        display: none!important;
    }
    
/*     Adjust Header Graphic down from top when in mobile view */
    #header, #header-videos {
        margin-top: 2.5rem!important;
    }
    
    #container {
        max-width:100%!important;
    }
    
    #container #section1, 
    #container #section2, 
    #container #section3, 
    #container #section4 {
        width: 90%!important;
        margin: 0 auto!important;
    }
    
    #section4 li, 
    #about-helena-sections-1 li, 
    #about-book li {
        width: 100%!important;
    }
    
    #header-videos, 
    #header-about, 
    #header-tool-box, 
    #hero-course-body, 
    #further-courses,
    #subscribe-form,
    #about-the-hero-course,
    #new-concepts {
        width: 90%!important;
        margin:0 auto!important;
    }
    
    #videos-set li:nth-child(odd), 
    #tool-box-set li:nth-child(n+1), 
    #hero-course-body li, 
    #further-courses li,
    #about-the-hero-course li, 
    #gallery-images li {
        width: 100%!important;
    }
    
/*     Hero Subscribe Form ONLY */
    #subscribe-form input {
        width: 96%!important;
        margin: 0.3rem 0;
    }
    
    .body-text-1 {
        font-size: 0.8rem!important;
    }
    
    .paragraph-spacer {
        min-height: 0rem!important;
    }
    
    #home-videos, 
    #home-about, 
    #home-toolbox {
        width: 100%!important;
        margin:0 auto!important;
    }
    
    ul.columns-set-home li p:nth-child(1) {
        background-color: #eee!important;
    }
    
    ul.columns-set-home li p:nth-child(2) {
        min-height: 60px!important;
    }
    
    #background-image {
        top: 30px!important;
    }
    
    #about-book li span {
      
      font-size: 20px!important;
      line-height: 30px;
      
    }

}



