@media only screen and (min-width: 1280px) {
    #header .nav-wrap {
        margin-left:180px
    }

    #footer .social {
        display: none
    }
}

@media only screen and (max-width: 1279px) {
    #header .wrapper {
        width:940px
    }

    #header .nav-wrap {
        margin-left: 140px
    }

    #header .quick-links .button .text span {
        position: absolute;
        left: -9999px
    }

    #footer .wrapper {
        width: 940px
    }

    #footer {
        font-size: 15px
    }

    #footer .wrapper:last-of-type {
        padding-top: 0
    }

    #footer .wrapper:first-of-type::before {
        top: -140px;
        right: 0
    }

    #footer .highlight {
        margin: 0 0 15px 0
    }

    #footer nav {
        float: none;
        margin: 0 0 15px 0
    }

    #footer nav ul li {
        font-size: 15px
    }

    #footer .copy {
        float: none
    }

    #footer .social {
        position: static;
        top: auto;
        right: auto;
        margin: 0 0 15px 0;
        padding: 15px 0 0 0
    }

    #footer .social li {
        margin: 0 15px 0 0
    }

    #footer p {
        font-size: 15px
    }
}

@media only screen and (min-width: 980px) {
    #header #main-logo {
        position:absolute;
        top: 0;
        left: 0
    }

    #header .nav-wrap::after {
        clear: both;
        display: block;
        content: ''
    }

    #header #main-nav {
        float: left
    }

    #header #main-nav .wrap {
        float: left
    }

    #header #main-nav #menu-primary {
        float: left
    }

    #header #main-nav #menu-primary >li {
        position: relative;
        float: left;
        margin: 0 0 0 15px;
        padding: 0 0 20px 0;
        line-height: 50px
    }

    #header #main-nav #menu-primary >li:first-child {
        margin-left: 0
    }

    #header #main-nav #menu-primary >li >a,#header #main-nav #menu-primary >li >h6 {
        color: #000;
        /* transition:color 0.3s ease; */
    }

    #header #main-nav #menu-primary >li >h6 {
        cursor: default
    }

    #header #main-nav #menu-primary >li >a:hover,#header #main-nav #menu-primary >li >a:active,#header #main-nav #menu-primary >li >a:focus,#header #main-nav #menu-primary >li >h6:hover,#header #main-nav #menu-primary >li >h6:active,#header #main-nav #menu-primary >li >h6:focus {
        color: red;
        text-decoration: none
    }

    #header #main-nav #menu-primary >li.current-menu-item >a {
        color: #010a02
    }

    #header #main-nav .sub-menu-wrap {
        position: absolute;
        top: 70px;
        left: -30px;
        display: none;
        padding: 20px 10px;
        background: #3b0024;
        background: linear-gradient(135deg,rgb(214 43 43) 0%,rgb(154 48 48) 100%)
    }

    #header #main-nav li:hover .sub-menu-wrap,#header #main-nav #menu-primary >li >a:focus + .sub-menu-wrap {
        display: table
    }

    #header #main-nav .sub-menu-wrap::after {
        clear: both;
        display: block;
        content: ''
    }

    #header #main-nav .sub-menu {
        display: table-cell;
        padding: 0 20px
    }

    #header #main-nav .sub-menu li {
        line-height: 20px;
        white-space: nowrap
    }

    #header #main-nav .sub-menu li a {
        display: block;
        padding: 5px 0;
        color: #FFF;
        text-decoration: none;
        transition: color 0.3s ease
    }

    #header #main-nav .sub-menu li a:hover,#header #main-nav .sub-menu li a:active,#header #main-nav .sub-menu li a:focus {
        color: #ff9400
    }

    #header #main-nav .my-edl {
        display: none
    }
}

@media only screen and (max-width: 979px) {
    #header .wrapper {
        width:740px
    }

    #header {
        padding: 10px 0
    }

    #header #main-logo {
        float: left;
        height: 45px
    }

    #header .nav-wrap {
        float: right;
        margin: 0
    }

    #header #nav-toggle {
        float: left;
        display: block;
        width: 80px;
        margin: 5px 0 0 15px;
        padding: 0 30px 0 0;
        font-size: 16px;
        line-height: 35px;
        font-weight: 700;
        color: #010a02;
        text-transform: uppercase;
        transition: color 0.3s ease;
        background: url('../themes/ell/assets/images/bg-menu-toggle.png') center right no-repeat;
        box-sizing: border-box
    }

    #header #main-nav {
        z-index: 3000;
        position: fixed;
        top: 65px;
        right: -320px;
        bottom: 0;
        width: 320px;
        height: calc(100% - 65px);
        padding: 0;
        background: #044a90;
        background: linear-gradient(135deg,rgba(32,112,178,1) 0%,rgba(4,74,144,1) 100%);
        overflow: hidden;
        transition: right 0.3s ease
    }

    #header #main-nav.active {
        right: 0;
        box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5)
    }

    #header #main-nav .wrap {
        position: relative;
        height: 100%;
        overflow-y: auto;
        box-sizing: border-box
    }

    #header #main-nav #menu-primary li a,#header #main-nav #menu-primary li h6 {
        display: block;
        padding: 10px 20px;
        color: #FFF;
        font-size: 18px;
        line-height: 19px;
        text-decoration: none;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        transition: color 0.3s ease
    }

    #header #main-nav #menu-primary li h6 {
        cursor: default
    }

    #header #main-nav #menu-primary li.menu-item-has-children {
        position: relative
    }

    #header #main-nav #menu-primary li.menu-item-has-children >a {
        padding-right: 50px;
        text-decoration: none
    }

    #header #main-nav #menu-primary li.menu-item-has-children span {
        position: absolute;
        top: 0;
        right: 10px;
        display: block;
        width: 40px;
        height: 39px;
        background: url('../themes/ell/assets/images/bg-sub-menu.svg') center center no-repeat;
        background-size: 15px;
        cursor: pointer
    }

    #header #main-nav #menu-primary li.menu-item-has-children span.active {
        transform: rotate(45deg)
    }

    #header #main-nav #menu-primary li.menu-item-has-children .sub-menu-wrap {
        display: none
    }

    #header #main-nav #menu-primary li.menu-item-has-children .sub-menu li a {
        padding: 10px 30px;
        font-size: 16px
    }

    #header .quick-links {
        float: left;
        padding: 5px 0 0 0
    }

    #header .quick-links .button .text span {
        position: static;
        left: auto
    }

    #footer .wrapper {
        width: 740px
    }

    #footer .wrapper:first-of-type::before {
        display: none
    }

    #footer {
        font-size: 14px
    }

    #footer nav ul li {
        font-size: 14px
    }

    #footer p {
        font-size: 14px
    }

    .strip-bg {
        margin-top: 64px
    }
}

@media only screen and (max-width: 759px) {
    #header .wrapper {
        width:540px
    }

    #footer .wrapper {
        width: 540px
    }

    #footer {
        padding: 20px 0
    }
}

@media only screen and (max-width: 559px) {
    #header .quick-links {
        display:none
    }

    #header .wrapper {
        width: 100%
    }

    #footer .wrapper {
        width: 100%
    }
}