@media only screen and (min-width:1024px) {
    .genesis-nav-menu > .menu-item.menu-item-has-children > 
    .sub-menu .menu-item-has-children.menu-item-1122 > a span:after {
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        content: "\f0d7";
        margin-left: 10px;
        font-size: 12px;
    }
    .genesis-nav-menu > .menu-item.menu-item-has-children > 
    .sub-menu .menu-item-has-children.menu-item-1120 > a span:after {
        font-family: 'Font Awesome\ 5 Free';
        font-weight: 900;
        content: "\f0d7";
        margin-left: 26px;
        font-size: 12px;
    }
    .genesis-nav-menu .sub-menu .sub-menu {
        flex-wrap: wrap;
        display: flex !important;
        align-items: stretch;
        width: 400px;
    }
    .genesis-nav-menu .sub-menu .sub-menu > li {
        width: 50% !important; 
        align-self: stretch;
        display: block;
    }
    .genesis-nav-menu .sub-menu .sub-menu > li a {
        width: 100%;
        height: 100%;
    }
    .genesis-nav-menu > li.menu-item .sub-menu > li.menu-item a {
        display: inline-flex;
        align-items: center;
    }
    .genesis-nav-menu .sub-menu .sub-menu > li#menu-item-1125 {
        display: contents;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1536px) {
    .genesis-nav-menu .sub-menu a {
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 980px) {
    .mobile-dots-items .mob-item .social-media a.sprite {
        background-color: #000 !important;
    }
}
@media only screen and (max-width: 480px) {
    .sub-menu-toggle:before {
        color: #fff !important;
    }
    .genesis-nav-menu .sub-menu a {
        color: #fff !important;
        background: #000 !important;
    }
    .genesis-nav-menu .sub-menu a:focus, 
    .genesis-nav-menu .sub-menu a:hover, 
    .genesis-nav-menu .sub-menu .current-menu-item > a, 
    .genesis-nav-menu .sub-menu .current-menu-item > a:focus, 
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
        background: #ecb320 !important;
        color: #000 !important;
    }
}
@media only screen and (max-width: 375px) {
    .service-item.relative.slick-slide.slick-current.slick-active {
        background: rgba(0, 0, 0, 0.7) !important;
}
.col-2.cta-left-col.relative .section-desc.relative ul.list-col-2 {
    column-count: 1;
}
body.window_scrolled .mob-dot-toggle {
    color: #fff !important;
}
