@media (min-width: 300px) and (max-width:360.98px) {
    .article-section {
        margin-top:-34px;
        padding: 0 2rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: .5rem;
        line-height: 1;
        font-size: 10px
    }

    .podcast-feature-section {
        padding: 0 2rem 5rem;
        margin-top: 4rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 29%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 1rem 3rem
    }
}

@media (min-width: 361px) and (max-width:390.98px) {
    .article-section {
        margin-top:-10px;
        padding: 0 2rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: 1.8rem;
        line-height: 1.2;
        font-size: 12px
    }

    .podcast-feature-section {
        padding: 0 2rem 5rem;
        margin-top: 4rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 29%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 1rem 3rem
    }
}

@media (min-width: 391px) and (max-width:425.98px) {
    .article-section {
        margin-top:0;
        padding: 0 2rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: 2rem;
        line-height: 1.5;
        font-size: 12px
    }

    .podcast-feature-section {
        padding: 0 2rem 5rem;
        margin-top: 4rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 27%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 1rem 3rem
    }
}

@media (min-width: 426px) and (max-width:450.98px) {
    .article-section {
        margin-top:1rem;
        padding: 0 2rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: 2rem;
        line-height: 1.6;
        font-size: 13px
    }

    .podcast-feature-section {
        padding: 0 2rem 5rem;
        margin-top: 4rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 27%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 1rem 3rem
    }
}

@media (min-width: 451px) and (max-width:460.98px) {
    .article-section {
        margin-top:2rem;
        padding: 0 2rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: 2rem;
        line-height: 1.5;
        font-size: 13px
    }

    .podcast-feature-section {
        padding: 0 1rem 5rem;
        margin-top: 4rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 27%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 1rem 3rem
    }
}

@media (min-width: 461px) and (max-width:480.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:1.4rem;
        line-height: 1.3;
        font-size: 14px
    }
}

@media (min-width: 461px) and (max-width:498.98px) {
    .article-section {
        margin-top:4rem;
        padding: 0 3rem 3rem
    }

    .podcast-feature-section {
        padding: 5rem 2rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 27%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 2rem 3rem
    }
}

@media (min-width: 481px) and (max-width:498.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:1.4rem;
        line-height: 1.3;
        font-size: 14px;
        padding-bottom: 2rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 2rem!important;
        padding-left: 0
    }
}

@media (min-width: 300px) and (max-width:498.98px) {
    .blog-banner-section .blog-banner-image {
        background-size:contain;
        height: 18em
    }
}

@media (min-width: 499px) and (max-width:575.98px) {
    .blog-banner-section .blog-banner-image {
        background-size:contain;
        height: 23em
    }

    .article-section {
        margin-top: 3rem;
        padding: 0 3rem 3rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-top: 1.5rem;
        line-height: 1.5;
        font-size: 15px;
        margin-bottom: 3rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 3rem!important;
        padding-left: 0
    }

    .podcast-feature-section {
        padding: 5rem 2rem
    }

    .podcast-feature-section .featured-image {
        margin-left: -4%;
        width: 25%;
        margin-bottom: 2rem
    }

    .explore-section {
        padding: 0 2rem 3rem
    }
}

@media (min-width: 300px) and (max-width:575.98px) {
    .books-section .grid-container,.leadership-section .grid-container,.note-section .grid-container,.services-section .grid-container {
        display:grid;
        grid-auto-flow: row;
        grid-auto-columns: unset
    }

    .media-banner {
        background-image: url(https://storage.googleapis.com/giffycms-jamiecrosbie.appspot.com/5760073984901120);
        background-size: cover;
        height: max-content
    }

    .media-banner-text {
        margin: 4em 0
    }

    .books-section .grid-container {
        gap: 1rem;
        padding: 0
    }

    .fifth-container,.first-container,.third-container {
        padding: 3rem;
        background-color: #e5e1db
    }

    .fourth-container,.second-container,.sixth-container {
        padding: 3rem;
        background-color: #b3ada6
    }

    .books-section .books-heading h1,.books-section .books-heading h4,.engage-section .engage-text .engage-heading h1,.note-section .grid-container .note-heading,.note-section .grid-container h1,.services-section .grid-container .services-heading h1 {
        font-size: 3rem
    }
    .services-section .grid-container .services-heading h2 {
        font-size: 3rem
    }

    

    .article-section .article-content-text a,.explore-section .expolre-content-left,.note-section .grid-container p,.services-section .grid-container p {
        font-size: 15px
    }

    .book1,.book2,.book3 {
        padding: 0 5rem 5rem
    }

    .books-section h2 {
        font-size: 2rem
    }

    .books-section .section-divider hr {
        margin: 0 5rem 5rem
    }

    .books-section .book-content {
        font-size: 13px;
        text-align: center
    }

    .books-section h3,.podcast-banner-section .podcast-banner-heading1,.podcast-banner-section .podcast-banner-heading2 {
        font-size: 2.2rem
    }

    .ebook-button {
        margin-bottom: 5rem;
        margin-top: 0
    }

    .declaration .declaration-text {
        width: 100%;
        font-size: 15px;
        text-align: center;
        line-height: 25px
    }

    .declaration .dec-name,.podcast-feature-section .features-content-right1 p {
        font-size: 18px
    }

    .book-img {
        margin: auto
    }

    .books-section .shop-button,.leadership-section .leadership-img-heading,.leadership-section .leadership-slide-text,.sales-section .sales-text .sales-content {
        font-size: 12px
    }

    .services-section {
        padding: 10rem 5% 3rem
    }

    .services-section .services-image {
        padding: 2rem 1rem
    }

    .sales-section .sales-text {
        padding: 0
    }

    .sales-section .sales-btn {
        margin: 1rem 0 0;
        padding: .5rem 1rem;
        font-size: 10px
    }

    .sales-section .sales-text .sales-heading {
        font-size: 12px;
        margin-top: 1rem
    }

    .sales-section .sales-text .sales-subHeading {
        font-size: 13px;
        padding-bottom: 0
    }

    .sales-section {
        padding: 4rem 0
    }

    .sales-section .sales-img {
        padding: 3rem 0 5rem
    }

    .leadership-section .carousel-indicators li,.sales-section .carousel-indicators li {
        margin-left: 1rem!important;
        width: 8px!important;
        height: 8px!important
    }

    .leadership-section .carousel-indicators .active,.sales-section .carousel-indicators .active {
        width: 8px!important;
        height: 8px!important
    }

    .sales-section .container {
        width: 86%
    }

    .leadership-section {
        padding: 5rem 8%
    }

    .leadership-section .impact-image {
        margin-left: -8px
    }

    .leadership-section .impact-text p {
        font-size: 13px
    }

    .leadership-section .leadership-heading h3 {
        font-size: 17px!important
    }

    .leadership-section .leadership-heading .leadership-heading2 {
        white-space: break-spaces
    }

    .leadership-section .leadership-slide-heading p {
        font-size: 14px
    }

    .leadership-section .grid-container {
        gap: 0;
        align-items: unset
    }

    .leadership-slide-content {
        height: auto
    }

    .leadership-section .leadership-slide-img {
        width: 10%;
        margin: .5rem 0
    }

    .engage-section {
        padding: 0 5%
    }

    .engage-section .engage-text .engage-heading {
        padding: 0 0 2rem
    }

    .engage-section .engage-text p {
        font-size: 15px;
        line-height: 1.8;
        padding-bottom: 1rem
    }

    .book-now-btn {
        padding: .5rem 1rem;
        font-size: 10px;
        margin-bottom: 2rem
    }

    .engage-section .section-divider hr {
        margin: 4rem 1.5rem 1rem
    }

    .declaration {
        padding: 0 4%
    }

    .blog-banner-section {
        padding-top: 93px
    }

    .article-section .article-introduction p {
        padding: 3rem 0 0;
        font-size: 15px
    }

    .podcast-banner-section .podcast-banner-image {
        background-size: cover;
        height: auto;
        margin-top: 15px
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 0;
        padding-left: 0
    }

    .podcast-feature-section .featured-text p {
        font-family: Figtree;
        font-size: 16px;
        font-weight: 500
    }

    .podcast-feature-section .features-heading p {
        font-size: 17px
    }

    .features-content-left img {
        width: 50em
    }

    .podcast-feature-section .features-content-right1 {
        padding-left: 0
    }

    .col-xs-12,.features-content .col-sm-12 {
        padding-right: 0;
        padding-left: 0
    }

    .podcast-feature-section .features-content-right2 {
        padding-left: 0;
        font-size: 16px
    }
}

@media (min-width: 576px) and (max-width:600.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:2rem;
        line-height: 1.4;
        font-size: 16px;
        margin-bottom: 2rem
    }

    .blog-banner-section .blog-banner-image {
        background-size: contain;
        height: 23em
    }

    .article-section {
        margin-top: 4rem;
        padding: 0 3rem 3rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 2rem;
        padding-left: 3rem
    }
}

@media (min-width: 601px) and (max-width:650.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:2rem;
        line-height: 1.4;
        font-size: 16px;
        margin-bottom: 3rem
    }

    .blog-banner-section .blog-banner-image {
        background-size: contain;
        height: 30em
    }

    .article-section {
        margin-top: 0;
        padding: 0 5rem 3rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 4rem;
        padding-left: 4rem
    }
}

@media (min-width: 651px) and (max-width:700.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:2rem;
        line-height: 1.4;
        font-size: 16px;
        margin-bottom: 4rem
    }

    .blog-banner-section .blog-banner-image {
        background-size: contain;
        height: 30em
    }

    .article-section {
        margin-top: 1rem;
        padding: 0 5rem 3rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 5rem;
        padding-left: 2rem;
        padding-right: 5rem
    }
}

@media (min-width: 701px) and (max-width:767.98px) {
    .podcast-banner-section .podcast-banner-content {
        margin-top:2rem;
        line-height: 1.4;
        font-size: 16px;
        margin-bottom: 6rem
    }

    .blog-banner-section .blog-banner-image {
        background-size: contain;
        height: 30em
    }

    .article-section {
        margin-top: 4rem;
        padding: 0 5rem 3rem
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 6rem;
        padding-left: 4rem;
        padding-right: 5rem
    }
}

@media (min-width: 576px) and (max-width:767.98px) {
    .books-section .grid-container,.leadership-section .grid-container,.note-section .grid-container,.services-section .grid-container {
        display:grid;
        grid-auto-flow: row;
        grid-auto-columns: unset
    }

    .media-banner {
        background-image: url(https://storage.googleapis.com/giffycms-jamiecrosbie.appspot.com/5760073984901120);
        background-size: cover;
        height: max-content
    }

    .media-banner-text {
        margin: 4em 0
    }

    .books-section .grid-container {
        gap: 1rem;
        padding: 0
    }

    .fifth-container,.first-container,.third-container {
        padding: 5rem;
        background-color: #e5e1db
    }

    .fourth-container,.second-container,.sixth-container {
        padding: 5rem;
        background-color: #b3ada6
    }

    .books-section .books-heading h1,.engage-section .engage-text .engage-heading h1,.note-section .grid-container h1,.podcast-banner-section .podcast-banner-heading1,.podcast-banner-section .podcast-banner-heading2 {
        font-size: 3rem
    }

    .explore-section .expolre-content-left,.note-section .grid-container p {
        font-size: 15px
    }

    .book1,.book2,.book3 {
        padding: 0 5rem 5rem
    }

    .books-section h2 {
        font-size: 2rem
    }

    .books-section .section-divider hr {
        margin: 0 5rem 5rem
    }

    .books-section .book-content {
        font-size: 13px;
        text-align: center
    }

    .declaration .declaration-text {
        width: 100%;
        font-size: 15px;
        text-align: center;
        line-height: 25px
    }

    .declaration .dec-name,.podcast-feature-section .features-content-right1 p {
        font-size: 18px
    }

    .book-img {
        margin: auto
    }

    .books-section .shop-button {
        font-size: 12px
    }

    .services-section .grid-container .services-heading h1 {
        font-weight: 500;
        font-size: 3rem
    }
    .services-section .grid-container .services-heading h2 {
        font-size: 3rem;
        font-weight: 500;
    }
    .engage-section .engage-text .engage-heading h4 {
    
    font-size: 3rem;
    }

    .services-section {
        padding: 8rem 6% 3rem
    }

    .services-section .services-image {
        padding: 2rem 1rem
    }

    .services-section .grid-container p {
        font-size: 16px;
        line-height: 1.8;
        padding-right: 1rem;
        padding-left: 1rem
    }

    .sales-section {
        background-color: #dfdbd5;
        padding: 4rem 0
    }

    .sales-section .sales-text .sales-subHeading {
        font-size: 15px;
        padding-bottom: 1rem
    }

    .sales-section .sales-text {
        padding: 3rem 0 0
    }

    .sales-section .sales-btn {
        margin: 1rem 0 0;
        padding: .8rem 1rem;
        font-size: 10px
    }

    .sales-section .sales-img {
        padding: 3rem 0 5rem
    }

    .sales-section .container {
        width: 85%
    }

    .leadership-section {
        padding: 5rem 8%
    }

    .leadership-section .impact-image {
        margin-left: -17px;
        margin-top: -5px;
        width: 18%
    }

    .leadership-section .leadership-heading h3 {
        font-size: 22px!important
    }

    .leadership-section .grid-container {
        gap: 0;
        align-items: baseline
    }

    .leadership-section .leadership-slide-img {
        width: 10%;
        margin: 1rem 0
    }

    .leadership-slide-content {
        height: auto!important
    }

    .engage-section {
        padding: 0 6%
    }

    .engage-section .engage-text p {
        font-size: 17px;
        line-height: 1.8;
        padding-bottom: 1rem
    }

    .book-now-btn {
        padding: .5rem 1rem;
        font-size: 10px;
        margin-bottom: 3rem
    }

    .engage-section .section-divider hr {
        margin: 5rem 1.5rem
    }

    .declaration {
        padding: 0 5%
    }

    .podcast-banner-section .podcast-banner-image {
        background-size: cover;
        height: auto
    }

    .features-content-left img {
        width: 50em
    }

    .col-xs-12,.features-content .col-sm-12 {
        padding-right: 0;
        padding-left: 0
    }

    .podcast-feature-section {
        padding: 5rem
    }

    .explore-section {
        padding: 0 5rem 3rem
    }

    .podcast-feature-section .features-content-right1 {
        padding-left: 0
    }

    .podcast-feature-section .features-content-right2 {
        padding-left: 0;
        font-size: 16px
    }
}

@media (min-width: 768px) and (max-width:796.98px) {
    .sales-section {
        padding:5rem 1%
    }

    .article-section {
        margin-top: -5rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 797px) and (max-width:810.98px) {
    .sales-section {
        padding:5rem 2%
    }

    .article-section {
        margin-top: -5rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 811px) and (max-width:830.98px) {
    .sales-section {
        padding:5rem 3.5%
    }

    .article-section {
        margin-top: -2rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 830px) and (max-width:850.98px) {
    .sales-section {
        padding:5rem 4%
    }

    .article-section {
        margin-top: -2rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 830px) and (max-width:865.98px) {
    .sales-section {
        padding:5rem 5%
    }

    .article-section {
        margin-top: -2rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 866px) and (max-width:880.98px) {
    .sales-section {
        padding:5rem 6%
    }

    .article-section {
        margin-top: -2rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 881px) and (max-width:890.98px) {
    .sales-section {
        padding:5rem 7%
    }

    .article-section {
        margin-top: 0;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 891px) and (max-width:925.98px) {
    .sales-section {
        padding:5rem 8%
    }

    .article-section {
        margin-top: 5rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 926px) and (max-width:950.98px) {
    .sales-section {
        padding:5rem 9%
    }

    .article-section {
        margin-top: 5rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 951px) and (max-width:970.98px) {
    .sales-section {
        padding:5rem 10%
    }

    .article-section {
        margin-top: 5rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 971px) and (max-width:991.98px) {
    .sales-section {
        padding:5rem 11%
    }

    .article-section {
        margin-top: 6rem;
        padding: 0 5rem 3rem
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .note-section .grid-container h1 {
        font-size:3rem
    }

    .note-section .grid-container p {
        font-size: 15px
    }

    .books-section .books-heading h1,.engage-section .engage-text .engage-heading h1,.services-section .grid-container .services-heading h1 {
        font-size: 3.5rem
    }
    .services-section .grid-container .services-heading h2 {
        font-size: 3.5rem;
        
    }
    .engage-section .engage-text .engage-heading h4 {
    
    font-size: 3.5rem;
    }
    .sales-section .carousel-left-icon {
    left: 15%;
    }

    .books-section .grid-container {
        gap: 1.5rem;
        padding: 0 5rem
    }

    .books-section .shop-button {
        font-size: 12px
    }

    .books-section h2 {
        font-size: 22px
    }

    .books-section .book-content {
        font-size: 13px
    }

    .books-section .section-divider hr {
        margin: 5rem
    }

    .declaration {
        height: 25em
    }

    .declaration .declaration-text {
        width: 75%;
        font-size: 16px;
        line-height: 20px
    }

    .declaration .dec-name {
        font-size: 18px
    }

    .services-section .grid-container {
        grid-auto-flow: row;
        grid-auto-columns: unset
    }

    .services-section .grid-container p {
        font-size: 17px;
        line-height: 1.8;
        padding-right: 1rem;
        padding-left: 2rem
    }

    .services-section {
        padding: 10rem 4% 5rem
    }

    .services-section .grid-container .services-heading {
        padding: 0 0 3rem 2rem
    }

    .sales-section .sales-text {
        padding: 5rem 5rem 2rem
    }

    .sales-section .sales-btn {
        margin: 0 0 0 5rem
    }

    .sales-section .sales-img {
        padding: 3rem 5rem;
        margin-bottom: 2rem
    }

    .leadership-section {
        padding: 5rem 6%
    }

    .leadership-section .impact-image {
        margin-left: -15px
    }

    .leadership-section .leadership-heading h3 {
        font-size: 28px!important
    }

    .engage-section {
        padding: 1rem 5% 0
    }

    .book-now-btn {
        margin-bottom: 4rem
    }

    .blog-banner-section .blog-banner-image {
        background-size: contain;
        height: 70vh
    }

    .podcast-banner-section .podcast-banner-image {
        background-size: cover;
        height: auto
    }

    .podcast-banner-section .podcast-banner-text {
        padding-top: 5rem;
        padding-left: 2rem
    }

    .podcast-banner-section .podcast-banner-content {
        margin-bottom: 5rem
    }

    .podcast-feature-section {
        padding: 5rem
    }

    .features-content-left img {
        width: 50em
    }

    .col-xs-12,.features-content .col-sm-12 {
        padding-right: 0;
        padding-left: 0
    }

    .podcast-feature-section .features-content-right1,.podcast-feature-section .features-content-right2 {
        padding-left: 0
    }

    .explore-section {
        padding: 0 6rem 3rem 5rem
    }
}

@media (min-width: 992px) and (max-width:1120.98px) {
    .blog-banner-section .blog-banner-image {
        background-size:contain;
        height: 75vh
    }

    .podcast-banner-section .podcast-banner-heading2 {
        font-size: 4.5rem
    }
}

@media (min-width: 1120) and (max-width:1199.98px) {
    .blog-banner-section .blog-banner-image {
        background-size:contain;
        height: 95vh
    }
}

@media (min-width: 992px) and (max-width:1199.98px) {
    .declaration {
        height:36em
    }
}

@media (min-width: 1200px) {
    .declaration {
        height:36em
    }

    .blog-banner-section .blog-banner-image {
        background-size: cover;
        height: 100vh
    }

    .declaration .container,.explore-section,.podcast-banner-section .container,.podcast-feature-section {
        width: 90%
    }
}
@media (min-width: 1400px) {
    

    
    .services-section, .leadership-section, .engage-section {
   width: 90%
    }
    .services-section .grid-container p {
    font-size: 20px;
    }
    .sales-section .sales-text .sales-content {

    font-size: 20px;
}
    .sales-section .sales-text .sales-heading {
     font-size: 20px;
    }
    .engage-section .engage-text p {
    font-size: 20px;
    }
    
    
}

@media (min-width: 1600px) {
    

    
    .services-section .grid-container p {
    font-size: 22px;
    }
    .sales-section .sales-text .sales-content {

    font-size: 22px;
}
    .sales-section .sales-text .sales-heading {
     font-size: 22px;
    }
    .engage-section .engage-text p {
    font-size: 22px;
    }
    
    
}
@media (min-width: 1800px) {
    

    
    .services-section .grid-container p {
    font-size: 24px;
    }
    .sales-section .sales-text .sales-content {

    font-size: 24px;
}
    .sales-section .sales-text .sales-heading {
     font-size: 24px;
    }
    .engage-section .engage-text p {
    font-size: 24px;
    }
    
    
}
@media (min-width: 2000px) {
    

    
    .services-section .grid-container p {
    font-size: 28px;
    }
    .sales-section .sales-text .sales-content {

    font-size: 28px;
}
    .sales-section .sales-text .sales-heading {
     font-size: 28px;
    }
    .engage-section .engage-text p {
    font-size: 28px;
    }
    
    
}