@media only screen and (max-width:767px) {
.flush-xs {
    padding-right: 0px;
    padding-left: 0px;
} 

.navbar-toggler {
    line-height: 1;
    padding: 0;
    border-radius: 0;
}
.navbar-toggler.menu-icon {
    width: 40px;
    padding:0;
    cursor: pointer;
    position: relative;
    border:0px;
}
.navbar-toggler.menu-icon span {
    width: 100%;
    height: 4px;
    display: block;
    background-color: #005DBA;
    margin: 6px 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.navbar-toggler.menu-icon.active span {
    position: absolute;
    top: calc(50% - 8px);
}
.navbar-toggler.menu-icon.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.navbar-toggler.menu-icon.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.navbar-toggler.menu-icon.active span:nth-child(2) {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    display: none;
}

.dropdown-submenu a::after {
    
    top: 1em;
}

.visible-xs {
    display: inline-block;
}

.xs-100 {
    width: 100%;
}

.navbar-light .navbar-brand {
    width:75%;
}

.navbar-light .navbar-brand img {
    max-height: 100px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

p {
    font-size: 16px !important;
}

p br {
    display: none;
}

.underlined::after {
    left: 50%;
    margin-left: -35px;
    width: 70px;
}

.row-eq-height {
    display:inline-block;
}

.header .logo  {
    width: 100%;
    text-align: center;
}

.header .logo img {
    max-height: 100px;
}

.header .buttons {
    margin-top:15px;
}

.navbar-toggler {
    width: 100%;
    text-align: left;
    border:0px;
}

.navbar-toggler-icon {
    float: right;
}

.navbar-nav .nav-item, .navbar .form-inline {
    margin: 5px 0px;
    width: 100%;
    text-align: center;
}

.navbar .form-inline { 
    display: inline-block;
}

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

.blog .sidebar {
    border: 0px;
    padding: 0px;
}

.blog, .footer, .foot-separator {
    padding: 40px 0px;
}

.blog .featured-post .date, .blog .featured-post .btn-default {
    margin-top:10px;
}

.elected-members h2 {
    text-align: center;
}

.footer .menu-links {
    margin:20px 0px 10px 0px;
    text-align: center;
}

.member-details .socials {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.directory-form form .pr-0 {
    padding-right:15px !important;
}

.directory-form form .btn-default {
    width:100%;
    padding: 0px;
}

.nav-tabs .nav-item {
    margin:5px;
}

.directory-by-alphabet h6 {
    font-size:14px;
}

.sort-by .dropdown-toggle {
    font-size:14px;
}

.filter {
    margin-bottom:15px;
}

.pagination .page-item {
    padding: 0px 0px;
}

.pagination .page-link,.pagination .page-item:last-child .page-link {
    padding: 4px 12px;
}

}

@media only screen and (min-width:768px) and (max-width:992px) {
.nav-link, .navbar-expand-md .navbar-nav .nav-link, .header a {
    font-size:13px;
    padding-left: 10px;
    padding-right: 10px;
}  

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

.header .nav-item {
    margin: 0px 5px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

.newsletter .btn {
    margin-top: 30px;
}

.nav-tabs .nav-item {
    margin:5px;
}

.footer .logo img {
    margin-bottom: 32px;
    height: 40px;
}

.footer .logo p {
    font-size:15px;
}

.footer .logo p br {
    display:none;
}

.menu-links {
    padding:5px;
}

.navbar-light .navbar-toggler {
    width:100%;
    border:none;
    text-align:left;
}

.navbar-light .navbar-toggler-icon {
    float:right;
}

.navbar-nav .nav-item {
    text-align:center;
    margin-right:0px;
}

.navbar .form-inline {
    display: inline-block;
    width:100%;
    text-align:center;
}

}

@media only screen and (min-width:993px) and (max-width:1169px) {

.navbar-nav .nav-item {
    margin-right: 25px;
}

}

@media only screen and (min-width:576px) and (max-width:767px) {
.footer .menu-links {
    margin: 20px 0px 10px 0px;
    text-align: center;
}

.flex-sm-row {
    -ms-flex-direction: row!important;
    flex-direction: column !important;
}
}