@media screen and (max-width:1900px) {
    .navbar-nav {
        gap: 40px;
    }
}

@media screen and (max-width:1399px) {
    .navbar-nav {
        gap: 20px;
    }

    .__takeAction .__content {
        padding: 0 0 40px;
    }

    .__takeAction .__box h4 {
        font-size: 18px;
    }
}

@media screen and (max-width:1350px) {
    .navbar-nav {
        gap: 20px;
    }
}

@media screen and (max-width:1199px) {
    .navbar-nav {
        gap: 10px;
    }

    .navbar-brand img {
        width: 200px;
    }

    .__hero {
        padding: 80px 0;
    }

    .__takeAction .__content {
        padding: 0;
    }

    .__takeAction .__takeActionCard {
        margin-top: 0;
    }
    .__fakeAmazons .__content h2 ,
    .__publishersRecommended .__content h2{
        font-size: 40px;
    }
    .__fakeAmazons .__content h4 {
        font-size: 30px;
        padding: 20px 0 10px;
    }
    .__newsAndUpdates .__newsCards h3 {
        font-size: 20px;
    }
    
    .__newsAndUpdates .__newsCards h4 {
        font-size: 20px;
    }
}

@media screen and (max-width:991px) {
    .navbar-collapse {
        background-color: #0863BE;
        text-align: left;
        position: absolute;
        top: 100px;
        left: 0;
        border-radius: 0px 0px 20px 20px;
        padding: 50px 0;
        z-index: 5645646;
        width: 100%;
        opacity: 1;
    }

    .navbar-nav {
        gap: 20px;
        align-items: start;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link.show {
        color: #ffffff;
        border-bottom: 2px solid #ffffff;
    }

    .navbar-nav .nav-item {
        padding: 0 0 0 20px;
    }

    .navbar-nav .nav-item .nav-link {
        color: #ffffff;
        font-size: 18px;
        line-height: 28px;
        text-align: left;
    }

    .__hero {
        padding: 60px 0;
    }

    .__hero .__content h1,
    .__takeAction .__content h2,
    .__newsAndUpdates .__content h2  {
        font-size: 35px;
    }

    .__hero p {
        font-size: 15px;
    }

    .__takeAction {
        padding: 60px 0;
    }
    .__fakeAmazons {
        padding: 60px 0;
    }
    .__fakeAmazons .__content h2 {
        font-size: 35px;
    }
    .__fakeAmazons .__content h4 {
        font-size: 25px;
        padding: 15px 0 10px;
    }
    .__publishersRecommended {
        padding: 60px 0;
    }
    .__publishersRecommended .__content:not(.col-6 .__content) {
        border-right: inherit;
    }
    .__publishersRecommended .__content h2 {
        font-size: 35px;
        padding: 5px 0;
    }
    .__newsAndUpdates .border-end {
        border-right: inherit !important;
    }
}

@media screen and (max-width:767px) {
    .__hero {
        padding: 40px 0;
    }

    .__hero .__content h1,
    .__takeAction .__content h2,
    .__newsAndUpdates .__content h2  {
        font-size: 30px;
    }

    .__hero p {
        font-size: 14px;
        padding: 0 0 15px;
    }

    .__takeAction {
        padding: 40px 0;
    }
    .__fakeAmazons {
        padding: 40px 0;
    }
    .__fakeAmazons .__content h2 {
        font-size: 30px;
    }
    .__fakeAmazons .__content h4 {
        font-size: 20px;
        padding: 10px 0;
    }
    .__fakeAmazons .__content p,
    .__fakeLogos .__content p,
    .__publishersRecommended .__content p {
        font-size: 14px;
        padding: 0 0 15px;
    }
    .__fakeLogos {
        padding: 40px 0;
    }
    .__publishersRecommended {
        padding: 40px 0;
    }
    .__publishersRecommended .__content h2 {
        font-size: 30px;
    }
    .__newsAndUpdates {
        padding: 40px 0;
    }
    .__newsAndUpdates .border-start ,.__newsAndUpdates .border-bottom {
        border: inherit !important;
    }
    .__newsAndUpdates .__content:not(.__newsCards .__content) {
        border-bottom: inherit;
    }
}

@media screen and (max-width:575px) {
    .navbar-brand img {
        width: 250px;
    }
    
    .__hero .__content h1,
    .__takeAction .__content h2,
    .__newsAndUpdates .__content h2  {
        font-size: 25px;
    }
    
    .__takeAction .__box h4 {
        font-size: 16px;
    }
    
    .__takeAction .__takeActionCard {
        padding: 60px 25px;
    }
    
    .__takeAction .__takeActionCard p {
        font-size: 14px;
        padding: 15px 0;
    }
    .__fakeAmazons .__content h2 {
        font-size: 22px;
    }
    .__fakeAmazons .__content h4 {
        font-size: 18px;
        padding: 5px 0;
    }
    .__fakeAmazons .__content p,
    .__fakeLogos .__content p,
    .__publishersRecommended .__content p {
        text-align: justify;
    }
}