.navMenu {
    display: block;
}

.footerDesktop {
    display: block;
}

/*START Mobile Menu*/
.navMobileMenu {
    display: none;
}

.footerMobile {
    display: none;
}

.navMenuBackgroud {
    background-color: #0067b1;

}

.navMenuBackgroud .nav-link {
    color: white;
}

.navMenuBackgroud .nav-link.active {
    color: white;
    /* color:#000; */
    /* color:#979797; */
    font-weight: bold;
}

.mobileMenuText {
    margin-left: 5px;

}

/* .mobileMenuDefaultImage{
    margin-top: 0px;
} */

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    /* border-color: rgb(255,102,203); */
    border-color: rgb(255, 255, 255);
}

.custom-toggler.navbar-toggler:focus {
    box-shadow: 0 0 0;
}

/*END Mobile Menu*/
@media all and (min-width:960px) and (max-width: 1024px) {
    
    /* put your css styles in here */
    /* .headerRow {
        background-color: yellow;
    } */
    .navMobileMenu {
        display: none;
    }

    .navMenu {
        display: block;
    }

    .navMobileMenu {
        display: none;
    }

    .footerDesktop {
        display: block;
    }

    .footerMobile {
        display: none;
    }
}

@media all and (min-width:801px) and (max-width: 959px) {
    /* put your css styles in here */
    /* .headerRow {
        background-color: yellow;
    } */

    .navMenu {
        display: block;
    }

    .navMobileMenu {
        display: none;
    }

    .footerDesktop {
        display: block;
    }

    .footerMobile {
        display: none;
    }


}

@media all and (min-width:769px) and (max-width: 800px) {
    /* put your css styles in here */
    /* .headerRow {
        background-color: yellow;
    } */

    .navMenu {
        display: block;
    }

    .navMobileMenu {
        display: none;
    }

    .footerDesktop {
        display: block;
    }

    .footerMobile {
        display: none;
    }
}

@media all and (min-width:569px) and (max-width: 780px) {

    /* put your css styles in here */
    /* .headerRow {
        background-color: pink;
    } */

    .navMenu {
        display: none;
    }

    .navMobileMenu {
        display: block;
    }

    .footerDesktop {
        display: none;
    }

    .footerMobile {
        display: block;
    }

    .w-25 {
        width: 30% !important;
    }

    .newBoxes {
        margin-left: 0px;
    }
}

@media all and (min-width:481px) and (max-width: 568px) {

    /* put your css styles in here */
    /* .headerRow {
        background-color: black;
    } */

    .navMenu {
        display: none;
    }

    .navMobileMenu {
        display: block;
    }

    .footerDesktop {
        display: none;
    }

    .footerMobile {
        display: block;
    }

    .w-25 {
        width: 30% !important;
    }

    .newBoxes {
        margin-left: 0px;
    }
}

@media all and (min-width:321px) and (max-width: 480px) {

    /* put your css styles in here */
    /* .headerRow {
        background-color: aqua;
    } */

    .navMenu {
        display: none;
    }

    .navMobileMenu {
        display: block;
    }

    .footerDesktop {
        display: none;
    }

    .footerMobile {
        display: block;
    }

    .w-25 {
        width: 30% !important;
    }

    .newBoxes {
        margin-left: 0px;
    }

}

@media all and (min-width:0px) and (max-width: 320px) {

    /* put your css styles in here */
    /* .headerRow {
        background-color: pink;
    } */

    .navMenu {
        display: none;
    }

    .footerDesktop {
        display: none;
    }

    .footerMobile {
        display: block;
    }

    .navMobileMenu {
        display: block;
    }

    .w-25 {
        width: 30% !important;
    }

    .newBoxes {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 600px) {
    .publicationBox strong {
        width: 90%;
    }
    .publicationBoxWidth {
        width: 80%;
    }
  }