#navigation ul li.lightnav ul a, #navigation ul li.lightnav ul a:visited {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #ccc;
    color: #444;
    font-size: 15px!important;
    font-weight: 400;
    padding: 4px 8px;
    text-transform: capitalize;
    font-family: source sans pro;
}

/**********************************************************************************/
/* the following changes are made to elements located within the Primary Nav Menu */
/* Breakpoint min-1008px */
@media (min-width: 1008px) {

/* makes the background for the full-width Primary Nav Menu clear */
#header {
    background:rgba(255,255,255,0) !important;
}

/* give the logo padding on the top and resets the position using margin command */
#header #logo img {
    padding-top: 50px !important;
    margin-top: -50px !important;
    background-color: #fff !important;
}

/* use this code also to make the background color of the Primary Nav Menu clear */
#header_inner_wrapper .row {
    background:rgba(255,255,255,0) !important;
}

/* make the navigation menu links padding change */
#header #navigation a, #navigation a:visited {
    padding: 0 20px 0px !important;
}

/* Changes the margin on the social media icons located on the Primary Nav Menu to center them */
.ci-socials-ignited-fa a {
    margin: 8px 5px 8px 5px !important;
    background-color: #fff !important;
    width: 27px;
    height: 25px;
}

/* resize adjustments for social media icons on desktop view */
#header i {
    width: 18px;
    margin-top: 2px;
}

/* make the background for the social icons white, max-width of 200px and aligned right */
.ci-socials-ignited {
    background-color: transparent !important;
    max-width: 250px !important;
    float: right !important;
    margin-bottom: 10px !important;
    margin: -20px -15px 10px 10px !important;
}

/* makes the main nav menu links have a white background */
#navigation ul, .navigation li {
    background-color: #fff !important;
    padding: 2px 0px 0px 0px !important;
}

/* changes the margins for the main nav menu links */
.lightmainnav .navigation>ul>li>a {
    margin-top: 8px !important;
}

/* background for sticky Nav menu */
#header.stuck.lightextend {
    background: #fff !important;
   }
}
/* END Breakpoint min-1008px */


/* Breakpoint min-500px & max-1007px */
@media (min-width: 500px) and (max-width: 1007px) {

/* makes the background for the full-width Primary Nav Menu clear */
#header {
    background:rgba(255,255,255,0) !important;
}

/* give the logo padding on the top and resets the position using margin command */
#header #logo img {
    padding-top: 50px !important;
    margin-top: -50px !important;
    background-color: #fff !important;
}

/* use this code also to make the background color of the Primary Nav Menu clear */
#header_inner_wrapper .row {
    background:rgba(255,255,255,0) !important;
}

/* make the navigation menu links padding change */
#header #navigation a, #navigation a:visited {
    padding: 0 20px 0px !important;
}

/* Changes the margin on the social media icons located on the Primary Nav Menu to center them */
.ci-socials-ignited-fa a {
    margin: 8px 5px 8px 5px !important;
    background-color: #fff !important;
    width: 27px;
    height: 25px;
}

/* resize adjustments for social media icons on desktop view */
#header i {
    width: 18px;
    margin-top: 2px;
}

/* make the background for the social icons white, max-width of 200px and aligned right */
.ci-socials-ignited {
    background-color: transparent !important;
    max-width: 250px !important;
    float: right !important;
    margin-bottom: 10px !important;
    margin: -30px -15px 10px 10px !important;
}

/* makes the main nav menu links have a white background */
#navigation ul, .navigation li {
    background-color: #fff !important;
    padding: 2px 0px 0px 0px !important;
}

/* changes the margins for the main nav menu links */
.lightmainnav .navigation>ul>li>a {
    margin-top: 8px !important;
}

/* background for sticky Nav menu */
#header.stuck.lightextend {
    background: #fff !important;
}

/* controls mobile menu */
#header #navigation #mobile-navigation.lightnav {
    background:#fff !important;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 10px 5px 8px!important;
}

/* controls mobile menu drop down background color */
.respmenuelement.nav-level0.hassubmenu {
        background-color: #fff !important;
   }
}
/* END Breakpoint min-500px & max-1007px */

/* Breakpoint max-499px & min-100px */
@media (max-width: 499px) and (min-width: 100px) {

/* makes the background for the full-width Primary Nav Menu clear */
#header {
    background:rgba(255,255,255,0) !important;
}

/* give the logo padding on the top and resets the position using margin command */
#header #logo img {
    padding-top: 50px !important;
    margin-top: -50px !important;
    background-color: #fff !important;
    max-width: 120px;
}

/* use this code also to make the background color of the Primary Nav Menu clear */
#header_inner_wrapper .row {
    background:rgba(255,255,255,0) !important;
}

/* make the navigation menu links padding change */
#header #navigation a, #navigation a:visited {
    padding: 0 20px 0px !important;
}

/* Changes the margin on the social media icons located on the Primary Nav Menu to center them */
.ci-socials-ignited-fa a {
    margin: 8px 5px 8px 5px !important;
    background-color: #fff !important;
    width: 27px;
    height: 25px;
}

/* resize adjustments for social media icons on desktop view */
#header i {
    width: 18px;
    margin-top: 2px;
}

/* make the background for the social icons white, max-width of 200px and aligned right */
.ci-socials-ignited {
    background-color: transparent !important;
    max-width: 115px !important;
    float: right !important;
    margin-bottom: 10px !important;
    margin: -22px 20px 10px -100px !important;
    /* margin: -10px -15px 10px 10px !important; */
}

/* makes the main nav menu links have a white background */
#navigation ul, .navigation li {
    background-color: #fff !important;
    padding: 2px 0px 0px 0px !important;
}

/* changes the margins for the main nav menu links */
.lightmainnav .navigation>ul>li>a {
    margin-top: 8px !important;
}

/* background for sticky Nav menu */
#header.stuck.lightextend {
    background: #fff !important;
}

/* controls mobile menu */
#header #navigation #mobile-navigation.lightnav {
    background:#fff !important;
    margin: 0px 0px 0px 0px !important;
    padding: 5px 10px 5px 8px!important;
}

/* controls mobile menu drop down background color */
.respmenuelement.nav-level0.hassubmenu {
        background-color: #fff !important;
}

/* controls the mobile view header wrapper and brings the slider rev header to the top of page */
#header_wrapper {
    padding-bottom: 0px !important;
}

/* controls mobile menu drop down location */
#header #nav-floating {
        margin-top: 12px !important;
   }
}
/* END Breakpoint max-499px & min-100px */

/* removes the Follow Us Instagram Social Media Icon */
.instagram-social-btn-bottom {
    display:none;
}

/**********************************************************************************/