/*
Mobile: less than 767px 
Tablet: 767px < 1024px 
Desktop: 1024px and above 
*/

body.non-elementor #nav .navtitle a span.mobile {
    display: none;
}

/* Small devices (mobile/tablets, 767px and below) */
@media only screen and (max-width: 767px) {
    body.non-elementor #nav .navtitle {
        position: relative;
    }

    /* body.non-elementor #nav .navtitle a span.mobile {
        display: none;
    } */

    body.non-elementor #nav .navtitle div.navmenu:before,
    body.non-elementor #nav .navtitle div.navmenu:after {
        clear: both;
    }

    body.non-elementor #nav .navtitle div.navmenu {
        float: left;
        position: relative;
        top: 40px;
        background-color: #002E75;
        z-index: 0;
        width: 100%;
    }

    /* body.non-elementor div.menu-developers-top-nav-container {
        display: none;
    }

    body.non-elementor #nav .navtitle div.menu-developers-mobile-menu-containerbody.non-elementor {
        display: none;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container {
        display: block;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul {
        margin: 0;
        padding: 0 0 20px 15px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul.sub-menu {
        padding-top: 8px;
        padding-bottom: 0;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul libody.non-elementor {
        float: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>a::after {
        content: "\f347";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>ul {
        display: none;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children.expanded>ul {
        display: block;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>a.expanded::after {
        content: "\f343";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li a {
        font-size: 16px;
    } */

    body.non-elementor .navbk {
        display: none;
    }

    body.non-elementor #nav {
        height: 70px;
    }

    body.non-elementor #nav .navtitle {
        padding: 0;
        margin-bottom: 0.5em;
    }

    body.non-elementor #nav .navtitle a {
        font-size: 22px;
        padding-left: 1em;
    }

    body.non-elementor #nav .navtitle a span.dashicons {
        vertical-align: middle;
        font-size: 42px;
        font-weight: 200;
        margin-top: -25px;
    }

    body.non-elementor .navtitle a span:nth-child(2),
    body.non-elementor #nav .navtitle a.active span:nth-child(1) {
        display: none;
    }

    body.non-elementor #nav .navtitle a.active span:nth-child(2),
    body.non-elementor #nav .navtitle a span:nth-child(1) {
        display: inline-block;
    }
}

/* Medium devices (tablets/desktops, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1023) {
    body.non-elementor #nav .navtitle {
        position: relative;
    }

    /* body.non-elementor #nav .navtitle a span.mobile {
        display: none;
    } */

    body.non-elementor #nav .navtitle div.navmenu:before,
    body.non-elementor #nav .navtitle div.navmenu:after {
        clear: both;
    }

    body.non-elementor #nav .navtitle div.navmenu {
        float: left;
        position: relative;
        top: 40px;
        background-color: #002E75;
        z-index: 0;
        width: 100%;
    }

    /* body.non-elementor div.menu-developers-top-nav-container {
        display: none;
    }

    body.non-elementor #nav .navtitle div.menu-developers-mobile-menu-containerbody.non-elementor {
        display: none;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container {
        display: block;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul {
        margin: 0;
        padding: 0 0 20px 15px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul.sub-menu {
        padding-top: 8px;
        padding-bottom: 0;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul libody.non-elementor {
        float: none;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>a::after {
        content: "\f347";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>ul {
        display: none;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children.expanded>ul {
        display: block;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li.menu-item-has-children>a.expanded::after {
        content: "\f343";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle.active div.menu-developers-mobile-menu-container ul li a {
        font-size: 16px;
    } */

    body.non-elementor .navbk {
        display: none;
    }

    body.non-elementor #nav {
        height: 70px;
    }

    body.non-elementor #nav .navtitle {
        padding: 0;
        margin-bottom: 0.5em;
    }

    body.non-elementor #nav .navtitle a {
        font-size: 22px;
        padding-left: 1em;
    }

    body.non-elementor #nav .navtitle a span.dashicons {
        vertical-align: middle;
        font-size: 42px;
        font-weight: 200;
        margin-top: -25px;
    }

    body.non-elementor .navtitle a span:nth-child(2),
    body.non-elementor #nav .navtitle a.active span:nth-child(1) {
        display: none;
    }

    body.non-elementor #nav .navtitle a.active span:nth-child(2),
    body.non-elementor #nav .navtitle a span:nth-child(1) {
        display: inline-block;
    }    
}

/* Large devices (large laptops and desktops, 1168px and up) */
@media only screen and (min-width: 1024px) {
    body.non-elementor #nav .navtitle a span.mobile {
        display: none;
    }

    /* body.non-elementor div.menu-developers-mobile-menu-container {
        display: none;
    } */

    body.non-elementor #nav .navtitle ul.sub-menu {
        display: none;
    }

    body.non-elementor #nav .navtitle ul.sub-menu li {
        float: none;
    }

    body.non-elementor #nav .navtitle ul li.menu-item-has-children>a::after {
        content: "\f347";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle ul li.menu-item-has-children.expanded>a::after {
        content: "\f343";
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font: normal 18px/1 'dashicons';
        vertical-align: middle;
        padding-bottom: 3px;
        padding-left: 10px;
    }

    body.non-elementor #nav .navtitle ul li.menu-item-has-children.expanded>ul.sub-menu {
        display: block;
    }

    body.non-elementor #nav .navtitle ul.sub-menu {
        position: absolute;
        top: 130px;
        margin-left: -20px;
        padding: 1em;
        min-width: 10em;
        background-color: #002E75;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        text-wrap: wrap;
        z-index: -1;
    }

    body.non-elementor #nav .navtitle ul.sub-menu>li {
        font-size: 12pt;
        padding: 0.5em 0;
    }

    body.non-elementor #nav .navtitle ul.sub-menu>li:hover a {
        color: #A3DEFF;
    }

}