/* Mobile */
@media (max-width: 767px){
    .head-bkg {
        background-color: #fff;
    }

    .navbar-nav {
        justify-content: space-between;
        width: 100%;
    }

    .mobi-breaks{
        display: block;
    }

    .navbar-nav {
        padding-top: 1em;
        padding-left: 0;
        text-align: center;
    }

    .navbar-nav .nav-link {
        width: fit-content;
        margin: 0 auto;
    }

    .navbar-nav .nav-link {
        font-size: 1em;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
        margin-bottom: 1em;
    }

    .social-icons {
        padding-bottom: 0;
    }

    /* .home-page .col-sm-12{
        padding: 0;
    } */

    .signup-head {
        padding: 0 1em;
    }

    h2 {
        font-size: 2em;
    }

    .signup-form {
        width: 100%;
        padding: 0 1em;
    }

    .signup-head h2 {
        font-size: 1.5em;
    }

    .controls {
        left: 1em;
        width: 95%;
    }

    .container, .container-sm {
        max-width: 690px;
    }

    .home-head {
        height: auto;
    }

    .head-info{
        width: 100%;
        padding: 2em 0;
    }

    .article-events-box {
        width: 20em;
        position: relative;
        bottom: 0;
        height: 9em;
    }

    .ae-box {
        width: 9.5em;
        padding: 0 1em;
    }

    .home-head {
        margin-bottom: 0;
    }

    .cat-box {
        padding: 1em;
    }

    .cat-box {
        padding: 1em;
    }

    .signup-form {
        max-width: 30em;
    }

    .slider {
        margin-bottom: 1em;
    }

    .articles {
        margin: 1em 0 0;
        flex-flow: row wrap;
    }

    .form-control {
        padding: 12px 10px;
        font-size: 16px;
    }

    .our-partners {
        width: 100%;
        margin: 0 auto 1em;
        max-width: 22em;
    }

    .our-partners img {
        margin-bottom: 1em;
    }

    .upcomming-signup {
        padding: 1em;
        margin: 0em 0 1em;
    }

    .upcomming-signup h2 {
        font-size: 1.5em;
    }

    .upcomming-signup .btn-signup-inv {
        float: none;
        margin-top: 0.5em;
        padding: 0.4em 0;
        width: 9em;
    }

    .recent-box {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding: 0;
        margin-bottom: 0.5em;
    }

    /* Articlles  */
    .other-headers {
        height: 10em;
        margin-bottom: 2em;
    }

    .intro-text {
        padding: 0 0 2em;
    }

    .main-articles .col-md-6 {
        padding: 0 0.3em;
    }

    .article-categories h3 {
        margin-bottom: 0.2em;
    }

    .adverts-square img {
        /* max-width: 20em; */
        margin: 0 auto 1em;
        display: flex;
    }

    .article-header {
        padding-bottom: 1em;
    }

    .article-header .date {
        padding: 0.5em 2em 0.5em 0;
    }

    .article-content {
        padding-bottom: 1em;
    }

    .other-articles .card{
        margin-bottom: 2em;
    }

    .date-share {
        padding: 0;
        flex-flow: row wrap;
    }

    .social-btns {
        padding: 0.5em 0;
    }

    .article-header h1 {
        margin-bottom: 0;
    }

    .article-categories hr {
        margin: 1em 0 2em;
    }

    .articles-individual, .events-indiv {
        padding: 2em 0 0;
    }

    .adverts-square {
        /* max-width: 20em; */
    }

    .cat-holder {
        justify-content: flex-start;
    }

    .cat-holder span {
        padding: 0.5em;
    }

    /* Events  */
    .events .card img {
        max-height: none;
        min-height: auto;
    }

    .card {
        margin-bottom: 1em;
    }

    .events .col-md-6 {
        padding: 0.3em;
    }

    .events-indiv h1 {
        width: 100%;
        padding: 0.5em 0 0;
    }

    .event-body {
        height: auto;
        padding: 2em 0;
        width: 100%;
    }

    .sub-heading {
        padding: 0;
    }

    /* About Us  */
    .team-bio {
        padding-top: 1em;
    }

    .about-intro {
        padding: 0;
    }

    .member-img {
        padding-bottom: 1.5em;
    }

    .bio-img {
        height: 23em;
        max-width: 20em;
    }

    /* Contact Us  */
    .mobi-hide{
        display:none;
    }

    .contact h3 {
        font-size: 1.3em;
        margin: 1em 0;
    }

    .contact-form {
        margin-bottom: 2em;
        max-width: 35em;
    }


    /* Footer  */
    .foot-contact {
        padding:0;
    }

    .foot-logo {
        width: 15em;
        margin-bottom: 0.5em;
    }

    .foot-contact p {
        margin-bottom: 1em;
    }

    .footer .social-icons {
        margin-top: 0.5em;
        margin-bottom: 1em;
    }

    .foot-signup {
        padding: 0;
        margin: 0 0 1em;
    }

    .split-bkg {
        background: linear-gradient(to bottom, #242424 0%,#242424 44%,#242424 44%,#4FAF5E 44%,#4FAF5E 100%)
    }

    .footer h3 {
        margin-bottom: 0.5em;
    }

    .copyright {
        margin-bottom: 0;
        padding: 1em 0;
        padding-right: 15px;
        line-height: 1.5;
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

    .footer .navbar-nav {
        flex-flow: row wrap;
        align-items: center;
        width: auto;
        padding: 2em 0;
    }

    .footer .navbar-nav li {
        margin-bottom: 0.5em;
        padding: 0 0.8em;
    }

    .social-home .social-icons i {
        font-size: 2em;
    }

    .bio-img .btn-signup {
        top: unset;
        bottom: 0;
        opacity:1;
    }

    .img-overlay {
        opacity: 0;
    }

    .bio-img:hover .img-overlay{
        opacity: 0;
    }

    .team-bio h2 {
        margin-bottom: 1em;
    }

    #memberModal h2 {
        font-size: 1.3em;
    }

    .modal {
        padding-left: 1em;
    }

    .main-articles {
        padding-bottom: 1em;
    }

    .mobi-categories{
        display:block;
    }

    .hide-cat{
        display:none;
    }

    iframe.note-video-clip {
        max-width: 100%;
        /* height: auto; */
        max-height: 18em;
    }
   
    .ml-form-embedContent {
        margin-bottom: 0.2em!important;
    }

    .article-cover-img, .events-cover-img {
        /* width: 15em; */
        margin: 0 auto;
    }

    .article-header .cat-holder {
        flex-flow: row wrap;
        justify-content: start;
    }


}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    .head-bkg {
        display: none;
    }

    .head-offset {
        margin-top: 6em;
    }

    .article-page {
        padding-top: 2em;
    }

    .container, .container-md, .container-sm {
        max-width: 750px;
    }

    .home-head img {
        min-height: 30em;
        max-height: 30em;
    }

    .home-head {
        height: 30em;
    }

    .article-events-box {
        width: 98%;
        bottom: 0;
        height: 7em;
    }

    .signup-head {
        padding: 0 3em;
    }

    h2 {
        font-size: 2em;
    }

    .signup-form {
        width: 70%;
    }

    .navbar-nav {
        padding: 0;
        height: 100%;
        flex-flow: row wrap;
        align-items: center;
        width: 100%;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0;
        width: fit-content;
        margin: 0 auto 0.5em;
    }

    .nav-item {
        padding: 0;
        position: relative;
        top: 0.4em;
    }

    .navbar {
        padding: 0 0.5rem;
    }

    .recent-box {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }

    .article-header {
        padding-bottom: 1em;
    }

    .article-categories h3 {
        margin-bottom: 0.5em;
    }

    .article-page .form-control {
        padding: 0.5em 1em;
    }

    .articles-individual {
        padding: 1em 0 2em;
    }

    .main-articles .cat-holder p {
        font-size: 0.6em;
    }

    /* .cat-results .cat-holder {
        top: -1.7em!important;
    } */

    .other-articles {
        margin-bottom: 2em;
    }

    .date p {
        margin-bottom: 0.5em;
    }

    .card-body .date {
        margin-bottom: 0;
    }

    .other-headers {
        height: 15em;
        margin-bottom: 3em;
    }

    .about-intro {
        padding: 0 0 2em;
    }

    .member-img {
        padding-bottom: 3em;
    }

    /* Events  */
    /* .events .card img {
        max-height: 16em;
        min-height: 16em;
    } */

    .articles {
        margin: 1em 0 0;
    }

    .past-events {
        margin-bottom: 1em;
    }

    .events-indiv h1 {
        width: 100%;
        padding: 0.5em 0 0;
    }

    .sub-heading {
        padding: 0.5em 0 0;
    }

    .intro-text {
        padding: 0 0 3em;
    }

    /* About Us  */
    .bio-img {
        height: 17em;
    }

    .team-bio {
        padding-top: 2em;
    }

    .mobi-hide{
        display:none;
    }

    /* Contact  */
    .contact h3 {
        margin: 2em 0 1em;
    }

    .contact-form {
        margin-bottom: 2em;
    }

    .bio-img .btn-signup {
        top: unset;
        bottom: 0;
        opacity:1;
    }

    .img-overlay {
        opacity: 0;
    }

    .bio-img:hover .img-overlay{
        opacity: 0;
    }

    .team-bio h2 {
        margin-bottom: 1em;
    }

    .modal {
        padding-right: 0!important;
    }

    .modal-dialog {
        top: 20%;
        max-width: 550px;
    }

    /* Footer  */
    .foot-contact {
        padding: 1em 2em 0 0;
    }

    .foot-signup {
        padding: 2em 0 2em 2em;
    }

    .copyright {
        padding: 1em 0;
    }

    .upcomming-signup h2 {
        font-size: 1.5em;
        line-height: 2;
    }

    .our-partners {
        margin: 0 auto 1em;
    }

    .footer .navbar-nav {
        width: 27em;
        padding: 2em 0;
    }

}

@media (min-width: 992px) and (max-width: 1198px){
    .navbar-nav {
        padding-left: 0;
        width: 35em;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        /* padding: 0 0 3em; */
        padding: 0 0 2.6em;
    }

    .nav-item {
        padding: 0 0.8em;
    }

    .home-head img {
        min-height: 30em;
        max-height: 30em;
    }
    
    .home-head {
        height: auto;
        margin-top: 0;
    }

    .head-info {
        padding: 4em 0 7em;
    }

    .articles-individual iframe {
        max-width: 98%;
    }

    .other-headers {
        padding: 2em 0 0;
    }

    .events-indiv {
        padding-bottom: 2em;
    }

    .team-bio {
        padding-top: 2em;
    }

    .contact-form {
        margin-bottom: 2em;
    }

    .msg-input {
        margin-bottom: 2em;
    }

    .team-bio h2 {
        font-size: 1.4em;
    }

    .upcomming-signup h2 {
        font-size: 2.1em;
    }

    .our-partners {
        width: 50%;
        margin: 0 auto 2em;
    }

    .ae-box {
        width: 18em;
    }

    .article-events-box {
        bottom: -6em;
    }

}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1600px){
    .other-headers {
        padding: 2em 0;
    }

}