/* XL Device :1200px. */

@media (min-width: 1200px) and (max-width: 1500px) {}

@media (min-width: 992px) {
    /**
Custom Menu
 */
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }
    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-nav .dropdown-menu {
        position: static !important;
        float: none;
        border: none;
        margin: 0px;
        padding: 0px;
    }

    .navbar-nav .dropdown-menu a:hover {
        color: #ffffff;
    }

    .navbar-brand {
        margin-left: 30px;
        margin-right: 25px;
    }

    .dropdown-menu li {
        position: relative;
		padding-top: 35px;
		padding-bottom: 35px;
    }
	
	.dropdown-menu li .submenu li {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.dropdown-menu li .submenu li a {
		border: none;
		padding-top: 10px;
		padding-bottom: 10px;	
	}
	
    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
    }
    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }
    .dropdown-menu li:hover>a {
        background-color: #026937;
        text-decoration: underline;
    }
    .dropdown-menu>li:hover>.submenu {
        display: flex;
        left: 0;
        top: 96px;
        flex-direction: column;
        padding-top: 0;
        position: absolute !important;
    }
    .dropdown-menu>li:hover>.submenu a {
        text-decoration: none;
    }
    .dropdown-menu.show {
        position: fixed !important;
        width: 100%;
        left: 0;
        margin-top: 35px;
        display: flex !important;
        top: auto;
        border-radius: 0px;
        background-color: #026937;
        /* sumaeya */
        justify-content: center; 
        align-items: center;
        height: 98px;
        padding-left: 30px;
    }
    ul.navbar-nav {
        margin: 25px 0px;
    }
    ul.navbar-nav li>a {
        padding: 6px 18px !important;
        color: #026937;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        font-family: 'Quicksand', sans-serif;
        border-left: 1px solid #d2d2d2;
        transition: 0.3s;
        letter-spacing: 1px;
    }
    ul.navbar-nav li>a:hover {
        color: #e14301;
    }
    .navbar-nav .dropdown-menu a {
        color: #fff;
        outline: 0;
        padding: 10px 25px !important;
        display: inline-block;
        background: #026937;
    }
    .nav-item .submenu a {
        color: #000;
    }
    .dropdown-item:focus,
    .dropdown-item:hover,
    .dropdown-item:selected {
        background-color: #026937;
        outline: 0
    }
    .nav-item .submenu a:hover {
        color: #e14301 !important;
        background: #fff;
    }
    .navbar-nav>.open>a,
    .navbar-nav>.open>a:hover,
    .navbar-nav>.open>a:focus {
        color: #555;
        background-color: blue;
    }
    nav.navbar.navbar-expand-lg {
        padding: 0px !important;
    }
    #main_nav {
        position: relative;
    }
    .search-bar {
        opacity: 0;
        width: 0px;
        visibility: hidden;
        position: absolute;
        height: 100%;
        background: #fff;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    .search-bar.show {
        visibility: visible;
        opacity: 1;
        width: 100%;
    }
    .search-bar form {
        margin-right: 15px;
        width: 50%;
    }
    .search-bar form input {
        border: none;
        border-bottom: 1.2px solid #026937;
        background: #ffffff;
        color: #026937;
    }
    nav.navbar.navbar-expand-lg {
        padding: 0px !important;
    }
    .fl-page-nav-right .fl-page-header-wrap {
        background: #ffffff;
        padding: 10px 0px;
    }
    .search-icon a {
        width: 30px;
        display: inline-block;
        font-size: 20px;
        color: #026937;
        transition: 0.3s;
    }
    .search-icon a:hover {
        color: #e14301;
    }
    .dropdown-toggle::after {
        display: none;
    }
    ul.navbar-nav li:first-child > a {
        border-left: none;
    }

    .search-icon {
        margin-right: 30px;
    }
}

@media (max-width: 1055px) {
    ul.navbar-nav li>a {
        font-size: 11px;
    }
}

@media (max-width: 992px) {
    .ecm-posts-filter-btns li a {
        margin-bottom: 10px;
    }
    .fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-offcanvas-overlay-right .fl-page .fl-nav-offcanvas-collapse {
        right: -100%;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
        position: static;
        top: 0 !important;
        margin: 0 !important;
        right: 0;
        padding: 0;
        margin-right: 50px !important;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {
        padding: 0;
        float: left !important;
        position: static;
    }
    .fl-page-header-container.container {
        padding: 25px 30px;
    }
    .mobile-menu-icons {
        display: flex;
        align-items: center;
    }
    button.navbar-toggler span.icon-bar {
        display: block;
        width: 32px;
        height: 1px;
        margin-bottom: 10px;
        background: #000;
        border-radius: 1px;
    }
    button.navbar-toggler span.icon-bar:last-child {
        margin-bottom: 0px;
    }
    .fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-nav-offcanvas-collapse.navbar-collapse {
        width: 100%;
        background: #005d2b !important;
    }
    .fl-nav-mobile-offcanvas.fl-responsive-nav-enabled .fl-nav-offcanvas-collapse.navbar-collapse a {
        color: #fff !important;
    }
    .fl-submenu-toggle .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav ul.navbar-nav li a {
        text-align: center;
        padding: 15px !important;
        font-family: "Quicksand", sans-serif;
    }
    .fl-submenu-toggle .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav ul.navbar-nav li.menu-item-has-children>a {
        padding-right: 0px;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-submenu-icon-wrap .fl-submenu-toggle-icon {
        color: #fff !important;
    }
    button.fl-offcanvas-close i {
        color: #fff !important;
        font-size: 38px;
    }
    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse .fl-page-nav-search {
        display: inline-block;
        top: 5px;
        right: 16px;
        position: absolute;
        height: 46px;
    }
    .admin-bar .fl-page-nav-search form {
        top: 80px;
    }
    .fl-page-nav-search form {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #005D2B;
        z-index: 9999999;
        top: 50px;
        left: 0;
        border: none;
        box-shadow: none;
        padding-top: 30%;
    }
    .fl-page-nav-search form input {
        color: #fff !important;
        background: none !important;
        border: none;
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }
    .fl-page-nav-search form input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
    }
    .fl-page-nav-search form input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }
    .fl-page-nav-search form input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
    }
    .fl-page-nav-search form input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }
}


/* LG Device :992px. */

@media (min-width: 992px) and (max-width: 1200px) {}


/* MD Device :768px. */

@media (min-width: 768px) and (max-width: 991px) {}


/* Extra small Device. */

@media (max-width: 767px) {
    ul.navbar-nav {
        text-align: center;
    }
}


/* SM Small Device :550px. */

@media only screen and (min-width: 576px) and (max-width: 767px) {}

.fl-builder-edit #menu-main-menu,
.fl-builder-edit .eurizen-custom-menu {
	display: none;
}