.header-section {
    width: 1140px;
    margin: 0 auto;
}

.ccm-navbar {
    background-color: var(--gray);
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 0;
    font-family: 'alternate-gothic-atf';
}

.ccm-navbar .navbar-nav .nav-link {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
}

.navbar-nav a.dropdown-toggle.special-sales-item,
.navbar-nav a.dropdown-toggle.special-sales-item:hover,
.navbar-nav a.dropdown-toggle.special-sales-item:focus {
    color: var(--primary-color);
    background-color: var(--secondary-color);
}

.ccm-navbar .dropdown-menu > li > a {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

#user-menu {
    border:none;
}

.ccmusic-user-nav {
    background-color: var(--dark-red);
    border: medium none;
    min-height: 10px;
}

.ccmusic-user-nav .nav-link {
    color: var(--secondary-color);  
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
    text-transform: uppercase;
}

.ccmusic-user-nav .navbar-nav > li > a > i {
    display: none;
}

.ccm-header-info h2.ccm-phone {
    font-size: 28px;
    font-weight: 600;
    color: var(--secondary-color);
    margin: 0;
}

.ccm-header-info span {
    color: var(--light-beige);
    display: block;
    font-size: 16px;
}

/*====================================
	HEADER
=====================================*/
body {
    font-family: 'calibri', Calibri, Helvetica, Arial, sans-serif;
    line-height: 1.42857;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    transition: margin-left 0.2s;
    -webkit-transition: margin-left 0.2s;
    height: 100%;
    background-color: #d1d2d4;
}

@media (min-width: 0px) and (max-width: 1024px) {
    body {
        width: 100vw;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #aec-body .container:not(.home-landing) {
        width: 100%;
    }
}

#aec-wrapper {
    height: auto;
    position: relative;
}

#aec-body {
    background: #fff none repeat scroll 0 0;
    height: auto;
    min-height: 250px;
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

#aec-body > .container {
    background-color: #fff;
    padding: 10px;
    max-width: 1140px;
}

#aec-header {
    margin-bottom: 0;
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-header {
        padding-top: 50px;
    }

    .ccmusic-user-nav {
        margin-bottom: 0 !important;
    }
}

.header-container {
    margin-left: -15px;
    margin-right: -15px;
}

.site-tag {
    background: var(--primary-color);
    display: inline-block;
    height: 40px;
    overflow: hidden;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-tag {
        min-width: 308px;
    }
}

@media (min-width: 510px) and (max-width: 767px) {
    .site-tag {
        min-width: 290px;
    }
}

@media (min-width: 0px) and (max-width: 509px) {
    .site-tag {
        background-size: 85% auto !important;
    }
}

.header {
    margin-left: auto;
    margin-right: auto;
    min-height: 70px;
    padding-left: 15px;
    padding-right: 15px;
    height: auto;
    display: table;
    margin-bottom: 25px;
    margin-top: 15px;
    width: 100%;
}

.header-container .ccmusic-user-nav .container {
    position: relative;
}

.skinny-banner {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

.skinny-banner * {
    color: #f9ba56 !important;
    font-size: 20px;
    text-transform: uppercase;
}

.skinny-banner .aec-adzone-container .aec-adzone-link {
    display: none;
}

.skinny-banner .aec-adzone-container .adzone-txt-below {
    font-size: 2rem;
}

.skinny-banner .aec-adzone-container {
    width: 100% !important;
}

.skinny-banner .aec-adzone-text > a {
    display: inline-block;
}

.skinny-banner .aec-adzone-container .aec-adzone {
    background-color: #2a080a;
}

.skinny-banner .adzone-txt-below:after {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 18px;
    margin-left: 8px;
    position: relative;
    top: 0px;
}

.skinny-banner .aec-adzone-container .aec-adzone-text {
    display: inline;
}

.skinny-banner .aec-adzone-container .adzone-txt-below {
    font-weight: 500;
}

#aec-body .home-landing {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

@media (min-width: 0px) and (max-width: 519px) {
    .skinny-banner * {
        font-size: 16px !important;
    }

    .skinny-banner .adzone-txt-below:after {
        font-size: 18px;
    }
}

/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .header,
    .header-container .ccmusic-user-nav .container {
        padding-left: 0;
        padding-right: 0;
    }

    .ccm-navbar .navbar-nav .nav-link {
        padding: 4px 20px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .header div[class^='col-'],
    .header div[class*=' col-'] {
        display: table;
    }
}

@media (min-width: 768px) {
    .header,
    .header-container .ccmusic-user-nav .container,
    .ccm-navbar .container,
    .footer .container,
    #aec-body .home-landing {
        max-width: 950px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .header {
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    .header,
    .header-container .ccmusic-user-nav .container,
    .ccm-navbar .container,
    .footer .container,
    #aec-body .home-landing {
        width: 960px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1200px) {
    .header,
    .header-container .ccmusic-user-nav .container,
    .ccm-navbar .container,
    .footer .container,
    #aec-body .home-landing {
        width: 1140px;
        max-width: 1140px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .header {
        margin-top: 0;
    }
}

@media (min-width: 0px) and (max-width: 320px) {
    .header {
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav-ccmusic-departments ul.nav {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    #aec-all-departments .navbar-header {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ccmusic-user-nav .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
}

.navbar-default.ccmusic-user-nav {
    background-color: #2a080a;
    border: medium none;
    min-height: 10px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%236b1519' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    width: 20px; 
    height: 20px;
}

.nav-user-icon:before {
    border: 2px solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    content: "\f862";
    display: inline-block;
    font-family: "WebGlyphs";
    font-size: 16px;
    height: 22px;
    overflow: hidden;
    position: relative;
    width: 22px;
    color: var(--secondary-color)
}

.navbar-default.ccmusic-user-nav a:hover {
    color: #000;
}

#navbar-ccmusic .navbar-right {
    margin-right: 0;
}

.ccm-navbar .container,
.ccm-navbar .container .navbar-collapse {
    padding: 0;
}

.ccm-navbar ul.navbar-nav .dropdown-menu {
    text-align: center;
}

.ccm-navbar ul.navbar-nav .dropdown-menu > li > a,
.ccm-navbar .navbar-nav .open .dropdown-menu > li > a {
    color: var(--primary-color);
}

.ccm-navbar .navbar-nav > .open > a,
.ccm-navbar .navbar-nav > .open > a:focus,
.ccm-navbar .navbar-nav > .open > a:hover {
    color: #f9ba56;
    background-color: var(--primary-color);
    font-weight: 700;
    transition: all 0.2s ease-in-out 0s;
}

.navbar-default.ccmusic-user-nav .navbar-nav > li > a {
    color: #f9ba56;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
    text-transform: uppercase;
    transition: color 0.2s ease-in 0s;
    -moz-transition: color 0.2s ease-in 0s;
    -webkit-transition: color 0.2s ease-in 0s;
    float: left;
}

.navbar-default.ccmusic-user-nav .navbar-nav > li > a:hover,
.navbar-default.ccmusic-user-nav .navbar-nav > li > a:focus,
#navbar-ccmusic ul.nav > li:hover {
    color: #ff9c00 !important;
    outline: 1px solid #ffffff;
    outline-offset: -1px;
    border-radius: 0;
}

.navbar-default.ccmusic-user-nav .navbar-nav > li > a.aec-myacc-link {
    font-weight: 400;
}

li span.aec-loginlinks a {
    display: block;
    line-height: 20px;
    padding: 15px 10px;
}

.aec-loginlinks-loggedoff .aec-loginlinks-login {
    text-transform: uppercase;
}

.ccm-shop-department {
    font-weight: 600;
    position: relative;
    top: 2px;
}

@media (min-width: 0px) and (max-width: 767px) {
    #navbar-ccmusic.navbar-collapse {
        background-color: #4e4e4e;
        border: none !important;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) !important;
        -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) !important;
    }

    #navbar-ccmusic.navbar-collapse a {
        transition: color 0.2s ease-in-out 0s;
        -webkit-transition: color 0.2s ease-in-out 0s;
        width: 100%;
    }

    #navbar-ccmusic ul {
        margin-bottom: 0;
        margin-top: 0;
    }

    #navbar-ccmusic ul.nav > li {
        display: block;
        position: relative;
        transition: background-color 0.2s ease-in-out 0s;
        -webkit-transition: background-color 0.2s ease-in-out 0s;
    }

    #navbar-ccmusic ul.nav > li:first-child {
        border-top: 0 none;
    }

    #navbar-ccmusic ul.nav > li:hover a {
        color: #000 !important;
    }

    .header-section {
        margin-top: 0;
    }
}

/*====================================
	SM CART ICON
=====================================*/

.navbar-header a#aec-goto-cart {
    background-color: #2a080a;
    color: #f9ba56;
    text-align: center;
}

.navbar-header a#aec-goto-cart .icon-cart-full {
    font-size: 24px;
    left: 0;
    position: relative;
    top: 0;
}

.navbar-header a#aec-goto-cart span#aec-cartqty {
    background-color: transparent;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    color: #2a080a;
    font-size: 12px;
    right: 27px;
    padding: 2px 4px;
    position: relative;
    top: -12px;
    font-weight: bolder;
}

/* 4K and 8K UHD 7680px */

@media (min-width: 992px) and (max-width: 7680px) {
    .navbar-default.ccmusic-user-nav .navbar-nav > li > a:hover,
    #navbar-ccmusic .aec-loginlinks-login:hover,
    #navbar-ccmusic .aec-loginlinks-register:hover {
        color: #dddddd !important;
    }

    #navbar-ccmusic .navbar-right {
        display: inline-block;
        float: left !important;
        position: relative;
        width: auto;
        padding: 10px 0;
    }

    #navbar-ccmusic {
        text-align: center;
    }

    .header-container .aec-loginlinks a {
        display: block;
        height: 100%;
        position: relative;
        z-index: 1;
    }
}

.ccm-free-shipping-tag {
    display: block;
    margin: 0 auto;
    background: transparent url("/customers/ccmusic/img/ccm-freeshipping-tag.svg") no-repeat scroll center center / auto 100%;
    height: 80px;
    max-width: 225px;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 12px;
    margin-top: 12px;
}

/* 4K and 8K UHD 7680px */
@media (min-width: 992px) and (max-width: 7680px) {
    .header-logo {
        text-align: center;
    }

    .home-link {
        height: 135px;
        max-width: 100%;
        position: relative;
        width: 100%;
    }

    .home-link img.img-responsive {
        width: 150px;
        margin: auto;
    }
}

@media (min-width: 580px) and (max-width: 991px) {
    .home-link {
        height: 120px;
        margin: 0 auto 15px;
        width: 254px;
    }
}

@media (min-width: 520px) and (max-width: 579px) {
    .home-link {
        background-size: auto 100%;
        height: 120px;
        margin: 0 auto 20px;
        width: 100%;
    }
}

@media (min-width: 360px) and (max-width: 519px) {
    .home-link {
        background-size: auto 100%;
        height: 90px;
        margin: 20px auto 20px;
        width: 100%;
    }
}

@media (min-width: 0px) and (max-width: 359px) {
    .home-link {
        background-size: 100% auto;
        height: 120px;
        margin: 20px auto 20px;
        width: 100%;
    }
}


/*====================================
	SEARCH
=====================================*/
.aec-globalsearch {
    clear: none;
    display: inline-block;
    float: none;
    margin-top: 0;
    padding-left: 0 !important;
    position: relative;
    width: 100%;
}

.aec-globalsearch .aec-selectedTxt {
    height: 100%;
    line-height: 20px; 
    width: 100%;
    color: var(--light-beige);
    font-size: 15px;
    font-family: 'alternate-gothic-atf';
    font-weight: 100;
}

.aec-globalsearch ul.aec-newList {
    border: 2px solid var(--dark-maroon);
    height: auto;
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 35px;
    width: 100%;
    color: var(--dark-maroon);
    background-color: var(--light-beige);
    min-width: auto;
}

.aec-globalsearch ul.aec-newList li {
    padding: 0;
}

.aec-globalsearch ul.aec-newList a {
    padding: 2px 8px;
    color: var(--dark-maroon);
    font-size: 12px;
}

.aec-globalsearch ul.aec-newList a:hover,
.aec-globalsearch ul.aec-newList a:focus {
    background: var(--dark-maroon) none repeat scroll 0 0 !important;
    color: var(--light-beige);
    cursor: pointer;
}

.aec-globalsearch button.aec-selectedTxt:before {
    content: '';
    font-size: 0;
}

.aec-globalsearch .aec-modChild {
    font-weight: normal;
    padding-left: 15px;
}

#aec-searchholder {
    display: inline-block;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
    padding: 0 45px;
}

form#aec-globalsrch {
    display: inline-block;
    height: 45px;
    width: 100%;
}

.aec-globalsearch .aec-globalsearchcontainersel {
    background: var(--dark-maroon) none repeat scroll 0 0;
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    width: 35%;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
    z-index: 1;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}

.aec-globalsearch .aec-globalsearchcontainertxt {
    background: var(--light-beige) none no-repeat scroll left top;
    display: block;
    float: left;
    height: 45px;
    left: 35%;
    padding-left: 0px;
    position: relative;
    width: 65%;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

.aec-globalsearch .aec-newListSelected {
    background-color: var(--dark-maroon);
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    color: #fff;
    float: none;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    margin: 8px 0;
    position: relative;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 480px) {
    .aec-globalsearch .aec-selectedTxt {
        font-size: 11px;
    }
}

.aec-globalsearch .aec-selectedTxt:after {
    color: var(--light-beige);
    content: "\f0d7";
    font-family: 'FontAwesome';
    font-weight: normal;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    top: 3px;
    border: 0;
}

.aec-globalsearch .aec-globalsearchcontainertxt input {
    background: transparent none repeat scroll 0 0;
    border: medium none !important;
    color: #3d3d3d;
    font-size: 14px !important;
    height: 45px;
    line-height: 34px;
    padding-top: 0;
    text-indent: 10px;
    width: 85%;
}

.aec-searchwithin #aec-searchwithintxt {
    color: #512e35;
}

#q::-webkit-input-placeholder,
#aec-searchwithintxt::-webkit-input-placeholder {
    color: #512e35;
    opacity: 1;
}

#q:-moz-placeholder,
#aec-searchwithintxt:-moz-placeholder {
    /* Firefox 18- */
    color: #512e35;
    opacity: 1;
}

#q::-moz-placeholder,
#aec-searchwithintxt::-moz-placeholder {
    /* Firefox 19+ */
    color: #512e35;
    opacity: 1;
}

#q:-ms-input-placeholder,
#aec-searchwithintxt:-ms-input-placeholder {
    color: #512e35;
    opacity: 1;
}

.aec-globalsearch button {
    background-color: var(--dark-maroon);
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 45px;
    left: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    border: none !important;
    width: 10%;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    text-transform: uppercase;
}

.aec-globalsearch button:before {
    font-family: 'FontAwesome';
    content: '\f002';
    color: var(--light-beige);
    font-weight: normal;
    margin-right: 2px;
    font-size: 20px;
    position: relative;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}

@media (min-width: 320px) and (max-width: 480px) {
    .aec-globalsearch ul.aec-newList {
        font-size: 11px;
        width: 110px;
    }

    .aec-globalsearch .aec-newList li {
        line-height: normal;
    }

    .aec-globalsearch button:before {
        top: 2px;
    }
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    background: #ffffff none repeat-x scroll 50% 50%;
    border: 1px solid #4e4e4e;
    border-top: 2px solid #4e4e4e !important;
    -webkit-box-shadow: none !important;
    color: #222222;
}

.aec-gstextsearch {
    color: #4e4e4e !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    height: auto !important;
    line-height: 30px !important;
    margin: 0;
    text-transform: capitalize;
}

.aec-gstextsearch span {
    color: #512E35 !important;
    font-weight: 700;
    text-transform: none;
}

.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
    background-color: #000 !important;
}

.ui-menu .ui-menu-divider {
    border-color: #4e4e4e;
    margin: 0 !important;
}

.aec-gslabel {
    color: #4e4e4e;
    padding: 5px 5px 5px 50px;
    width: 100%;
}

.aec-gspersoninfo {
    margin: 2px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aec-gspersonname,
.aec-gstitle {
    color: #4e4e4e;
}

.aec-gsimage {
    display: block;
    height: auto;
    max-width: 32px;
    width: 100%;
}

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
    z-index: 10;
}


/* 4K and 8K UHD 7680px */

@media (min-width: 1200px) and (max-width: 7680px) {
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        max-width: 300px !important;
    }

    .ui-autocomplete .aec-gsitemsearch {
        height: 38px;
        max-width: 40px;
        overflow: hidden;
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
        max-width: 235px !important;
    }

    .aec-gsimage {
        max-width: 44px;
    }

    .aec-gslabel {
        left: 0;
        overflow: hidden;
        padding: 6px 4px 5px 58px;
        position: absolute;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .header-section {
        margin-top: 40px;
    }
}

/*====================================
	HEADER DEPARTMENTS NAV MENU
=====================================*/

#aec-all-departments {
    background-color: #fff;
    border: medium none !important;
    margin-bottom: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 15px;
    padding-top: 15px;
    z-index: 10;
}

#nav-ccmusic-departments .dot {
    border: 2px solid #4e4e4e;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
    line-height: 0;
}

#nav-ccmusic-departments .innerdot {
    background-color: #512e35;
    border: 1px solid #4e4e4e;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    position: relative;
    top: 2px;
    width: 8px;
    transition: background-color 0.2s ease-in-out 0s;
    -webkit-transition: background-color 0.2s ease-in-out 0s;
}

#nav-ccmusic-departments .single-line.short-cell {
    width: 9% !important;
}

#nav-ccmusic-departments [class^="icon-"]:before,
#nav-ccmusic-departments [class*=" icon-"]:before {
    font-size: 22px;
    line-height: 0;
    position: relative;
    top: 2px;
    width: auto;
}

#nav-ccmusic-departments .icon-movie-star:before {
    font-size: 30px;
}

#nav-ccmusic-departments .dropdown-toggle,
#nav-ccmusic-departments .nav.navbar-nav a {
    color: #512E35;
    font-size: 14px;
    font-weight: 700;
    padding-left: 7px;
    padding-right: 7px;
    text-align: left;
    text-transform: uppercase;
    line-height: 20px;
}

#nav-ccmusic-departments .dropdown-menu a {
    color: #4e4e4e !important;
}

#nav-ccmusic-departments .nav.navbar-nav > li {
    transition: background-color 0.2s ease-in-out 0s;
    -webkit-transition: background-color 0.2s ease-in-out 0s;
    display: table-cell;
    float: none;
    width: 12.5%;
    text-align: left;
}

#nav-ccmusic-departments .nav.navbar-nav > li a:hover .capsule {
    color: #ffffff;
    background-color: var(--primary-color);
    box-shadow: 0 0 10px #2a080a;
    -webkit-box-shadow: 0 0 10px #2a080a;
}

#nav-ccmusic-departments .nav.navbar-nav > li a:hover .innerdot {
    background-color: var(--primary-color);
}

#nav-ccmusic-departments .nav.navbar-nav li ul li a:hover {
    background-color: var(--primary-color);
}

.dropdown-menu .divider {
    background-color: #d1d2d4;
    margin: 5px 0;
}

#nav-ccmusic-departments .dropdown-menu > li > a {
    color: #512e35 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

#nav-ccmusic-departments .dropdown-menu > li.aec-parentDpt > a {
    font-weight: 700 !important;
}

@media (min-width: 1200px) and (max-width: 7680px) {
    #aec-all-departments > .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 1024px) {
    #aec-all-departments > .container {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 7680px) {
    #nav-ccmusic-departments .navbar-nav > li > a {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 4K and 8K UHD 7680px */

@media (min-width: 768px) and (max-width: 7680px) {
    #nav-ccmusic-departments.navbar-collapse {
        display: table;
        width: 100%;
    }

    #nav-ccmusic-departments .dropdown-menu > li > a {
        color: #4e4e4e;
        font-size: 13px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #nav-ccmusic-departments ul.navbar-nav {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #nav-ccmusic-departments .dropdown-menu {
        background-color: #fff;
        border: medium none;
        -webkit-box-shadow: none !important;
        font-size: 13px;
    }

    #nav-ccmusic-departments .navbar-nav > li > a > .capsule {
        background-color: #babbbc;
        border-radius: 2px;
        display: inline-block;
        padding: 0 5px;
        position: relative;
        width: calc(100% - 40px);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        vertical-align: middle;
        text-align: center;
    }

    #nav-ccmusic-departments .dropdown-menu > li > a:focus,
    #nav-ccmusic-departments .dropdown-menu > li > a:hover {
        background-color: #E6FAFF;
        text-decoration: none;
        color: #4e4e4e;
    }

    #nav-ccmusic-departments .open > a,
    #nav-ccmusic-departments .open > a:focus,
    #nav-ccmusic-departments .open > a:hover {
        background-color: transparent;
    }

    #nav-ccmusic-departments .open {
        background-color: transparent;
        border-radius: 0 !important;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li.req-cat .capsule {
        background-color: #babbbc !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li.req-cat a:hover .capsule {
        background-color: #000 !important;
        color: #512e35;
    }

    #nav-ccmusic-departments .navbar-nav > li.req-cat > a {
        color: #4e4e4e;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #nav-ccmusic-departments {
        margin-left: 0;
        margin-right: 0;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li {
        display: table-cell;
        float: none;
        width: 10%;
        vertical-align: middle;
    }

    #nav-ccmusic-departments .navbar-nav > li > a > .capsule {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 2px;
        position: relative;
        top: 2px;
        border: none !important;
        height: 44px;
        width: 100% !important;
    }

    #nav-ccmusic-departments .navbar-nav > li {
        left: -7px;
    }

    #nav-ccmusic-departments .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #nav-ccmusic-departments .dropdown-toggle,
    #nav-ccmusic-departments .nav.navbar-nav a {
        text-align: center;
    }

    #nav-ccmusic-departments .dot {
        height: 26px;
        margin-right: 0;
        top: -2px;
        width: 26px;
    }

    #nav-ccmusic-departments .innerdot {
        height: 10px;
        top: 6px;
        width: 10px;
    }

    #nav-ccmusic-departments .innerdot:before {
        border: 1px solid #4e4e4e;
        border-radius: 50%;
        content: "";
        height: 16px;
        left: -4px;
        position: absolute;
        top: -4px;
        width: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1184px) {
    #aec-all-departments .container {
        padding-left: 0;
        padding-right: 0;
    }

    #nav-ccmusic-departments .navbar-nav > li > a > .capsule {
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 2px;
        position: relative;
        top: 2px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header-container .ccmusic-user-nav .container,
    #aec-all-departments .container {
        width: 100%
    }

    .header-container .header {
        padding: 0 15px;
        width: 100% !important;
    }

    #nav-ccmusic-departments .dropdown-toggle,
    #nav-ccmusic-departments .nav.navbar-nav a {
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li {
        vertical-align: middle;
    }
}

.aec-parentDpt > a {
    color: #512e35 !important;
    font-weight: 700 !important;
}

@media (min-width: 0px) and (max-width: 480px) {
    #nav-ccmusic-departments ul.nav {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 481px) and (max-width: 520px) {
    #nav-ccmusic-departments ul.nav {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-all-departments {
        background-color: #fff;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 10px;
    }

    #nav-ccmusic-departments ul.nav {
        margin-top: 0;
    }

    #aec-all-departments button.shop-departments .nav-label {
        line-height: 1em;
    }

    #aec-all-departments .navbar-header {
        margin-left: 15px;
        margin-right: 15px;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li {
        background-color: #d1d2d4;
        display: block;
        float: none;
        width: 100% !important;
    }

    #nav-ccmusic-departments {
        border: 3px solid #babbbc;
        border-radius: 0 0 10px 10px !important;
        -webkit-border-radius: 0 0 10px 10px !important;
        border-top: medium none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        margin: 0 5px;
    }

    #aec-all-departments .dropdown-menu li,
    #aec-all-departments .dropdown-menu {
        background-color: #fff;
        border-bottom: medium none;
        font-size: 13px;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li a:hover {
        background-color: transparent;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li ul li a:hover {
        background-color: #DBF4FB;
    }

    #nav-ccmusic-departments .dropdown-toggle,
    #nav-ccmusic-departments .nav.navbar-nav a {
        font-size: 18px !important;
        padding: 5px 7px;
    }

    #aec-all-departments .dropdown-menu li a {
        color: #4e4e4e;
        font-size: 13px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
    }

    #nav-ccmusic-departments .dropdown-menu > li > a:focus,
    #nav-ccmusic-departments .dropdown-menu > li > a:hover {
        background-color: #d1d2d4;
        text-decoration: none;
    }

    #nav-ccmusic-departments .capsule {
        background-color: #babbbc;
        border-radius: 12px;
        display: inline-block;
        padding: 4px 15px;
        width: calc(100% - 40px);
    }

    #nav-ccmusic-departments ul li {
        background-color: #4e4e4e;
        text-align: left;
    }

    #nav-ccmusic-departments .dropdown-toggle {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        font-size: 14px;
        transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        text-transform: uppercase;
    }

    #nav-ccmusic-departments .dropdown.open .dropdown-toggle,
    #nav-ccmusic-departments .dropdown .dropdown-toggle:hover {
        background-color: #512e35;
    }

    #nav-ccmusic-departments .dropdown-menu .divider {
        background-color: #d1d2d4 !important;
    }

    #aec-all-departments .dropdown-menu {
        border-left: medium none;
        border-radius: 0 !important;
        border-right: medium none;
    }

    #nav-ccmusic-departments .navbar-nav > li > a {
        text-align: left !important;
        padding-left: 20px !important;
    }

    #nav-ccmusic-departments .caret {
        border: medium none;
        position: absolute;
        right: 35px;
        top: 10px;
    }

    #nav-ccmusic-departments .caret:before {
        content: "\f845";
        font-family: "WebGlyphs";
    }

    #nav-ccmusic-departments [class^="icon-"]:before,
    #nav-ccmusic-departments [class*=" icon-"]:before {
        font-size: 27px;
        height: 25px;
        left: 5px;
        line-height: 25px;
        position: absolute;
        text-align: center !important;
        width: 30px;
        top: 8px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    #aec-all-departments .navbar-header {
        padding-left: 0;
        padding-right: 0;
        margin-left: 5px;
        margin-right: 5px;
    }

    #aec-all-departments > .container {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 778px) {
    #nav-ccmusic-departments {
        margin-left: 5px;
        margin-right: 5px;
    }

    #aec-all-departments .container {
        padding: 0;
    }
}

@media (min-width: 992px) and (max-width: 1184px) {
    #nav-ccmusic-departments .navbar-nav > li > a > .capsule {
        font-size: 13px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 1px;
        position: relative;
        top: 0;
    }

    #nav-ccmusic-departments .dropdown-toggle, #nav-ccmusic-departments .nav.navbar-nav a {
        margin-left: 0;
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    #nav-ccmusic-departments .nav.navbar-nav > li:first-child {
        padding-left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .dropdown-menu-right-sm {
        left: auto !important;
        right: 0 !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #ui-id-1.ui-autocomplete {
        left: 2% !important;
        width: 96% !important;
        z-index: 10;
    }
}

@media (min-width: 0px) and (max-width: 479px) {
    #ui-id-1.ui-autocomplete {
        left: 6% !important;
        width: 88% !important;
        z-index: 10;
    }
}

@media (min-width: 768px) and (max-width: 769px) {
    #ui-id-1.ui-autocomplete {
        left: 2% !important;
        width: 96% !important;
        z-index: 10;
    }
}


/*====================================
	TOGGLE LEFT NAVIGATION
=====================================*/

.aec-toggle-leftnav {
    background-color: transparent;
    background-image: none;
    border: medium none;
    border-radius: 0 !important;
    color: #4e4e4e;   
    height: 50px;
    margin: 0;
    padding: 8px;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    width: 50px;
    display: none;
    position: absolute;
    left: 0;
}

.aec-toggle-leftnav .icon-list-justify {
    font-size: 20px;
}

.aec-toggle-leftnav:hover,
body.open-nav .aec-toggle-leftnav {
    background-color: #4e4e4e;
    color: #fff;
}

.icon-list-justify:before {
    content: '\f881';
    color: #f9ba56;
}

body.open-nav .aec-toggle-leftnav .icon-list-justify:before {
    content: '\f82c' !important;
}

@media (min-width: 0px) and (max-width: 991px) {
    .aec-toggle-leftnav {
        display: block;
    }

    .home-landing-header .aec-toggle-leftnav {
        display: none;
    }
}

    /*====================================
	END HEADER
=====================================*/

    /*====================================
    NASDAQ SECTION
=====================================*/
    .alliance-nasdaq * {
        color: #cecece;
        font-size: 12px;
    }

    .alliance-nasdaq a:focus {
        outline-color: #cecece !important;
    }

    .alliance-nasdaq a:hover,
    .alliance-nasdaq a:focus {
        color: #cecece;
    }

    /*Mini cart*/

    #aec-cartinfo-inner {
        background-color: #f8f1d7 !important;
    }

        #aec-cartinfo-inner span#aec-cartitems-total:before {
            display: none;
        }

    #aec-cartinfo, #aec-cartinfo.aec-hovertab.aec-cartinfo-on {
        height: 60px !important;
    }

    #aec-cartinfo-inner:hover {
        cursor: default
    }

    #aec-cartinfo-inner span {
        font: 500 15px / 50px "alternate-gothic-atf", sans-serif;
        color: #2a0809 !important;
    }

    .header-custom-buttons {
        padding-right: 5px !important;
    }

    .ccm-navbar-menu-links {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #aec-cartitems-counts {
        all: unset;
        margin-left: 2px;
        margin-right: 2px;
    }

    #aec-cartinfo-minicart {
        left: 0;
    }

    #aec-minicart-checkoutlink,
    #aec-minicart-checkoutlink > a {
        letter-spacing: 0.32px;
        font-size: 16px;
    }

    #aec-minicart-checkoutlink,
    #aec-minicart-checkoutlink > a,
    #aec-miniCart2 thead tr,
    #aec-miniCart2 thead th {
        color: white !important;
        background-color: #6b1519;
    }

    .ccm-navbar-menu-links .ccm-email-signup {
        font-size: 17px;
    }

    #aec-cart-freeshipping {
        all: unset;
        display: block;
        position: absolute;
        bottom: 0;
        background-color: #2a0809;
        color: #f8f1d7 !important;
        z-index: 1000;
        pointer-events: none;
        font: 700 14px "alternate-gothic-atf", sans-serif;
        padding-bottom: 5px;
        padding-top: 8px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    #aec-cartinfo-inner {
        height: 57px;
    }

        #aec-cartinfo-inner a {
            display: flex;
            margin-top: -5px;
        }

    #aec-cartinfo-minicart {
        top: 60px;
        border-top: none;
    }

        #aec-cartinfo-minicart * {
            font-family: "alternate-gothic-atf", sans-serif;
        }

    .aec-main-minicart {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #aec-cartinfo-minicart {
        width: 100%;
    }

    #aec-carthead {
        position: absolute;
        margin-top: 1px;
        right: -2px;
    }

        #aec-carthead a,
        #aec-carthead a:hover,
        #aec-carthead a:active,
        #aec-carthead a:focus {
            background-color: #2a0809 !important;
            color: #f8f1d7 !important;
            font-family: "alternate-gothic-atf", sans-serif;
        }

    .cart-word {
        margin-right: 2px;
    }

    .icon-basket-alt {
        font-size: 24px !important;
        margin-left: 3px;
    }

        .icon-basket-alt:before {
            content: '\f837';
        }

    #aec-searchholder {
        padding-right: 0;
    }

    .aec-main-minicart {
        border-radius: 2px !important;
    }

    #aec-cartinfo-inner {
        border-radius: 20px;
    }

    #aec-cartitems-total {
        display: flex;
        gap: 4px;
        word-spacing: 4px;
    }

    #aec-cartitems-count-text {
        margin-right: 4px;
    }

    @media (min-width: 0px) and (max-width: 991px) {
        .alliance-nasdaq {
            text-align: center;
        }

        #navbar-ccmusic .navbar-right {
            margin-left: -15px;
            margin-right: -15px;
        }

        .navbar-header {
            display: flex;
            width: 100%;
            align-items: center;
        }

        .ccm-navbar .navbar-header {
            justify-content: center;
            gap: 5px;
        }

        .ccmusic-user-nav .navbar-header {
            display: flex;
            justify-content: flex-end;
            max-height: 40px;
        }

        .ccm-navbar ul.navbar-nav .dropdown-menu {
            width: 100%;
        }

        .ccm-navbar .navbar-header .navbar-toggler {
            display: block !important;
        }

        .aec-top-nav {
            position: fixed;
            z-index: 1000;
            width: 100%;
            width: 100vw;
            top: 0;
        }

        .navbar-header a#aec-goto-cart {
            height: 50px;
            width: 70px;
            line-height: 50px;
        }

            .navbar-header a#aec-goto-cart .icon-cart-full:before {
                font-family: 'FontAwesome';
                margin-left: 8px;
                position: relative;
                top: -2px;
                transform: rotateY(180deg);
                -webkit-transform: rotateY(180deg);
                content: "\f07a";
            }

        .ccm-navbar-menu-links {
            margin-top: 30px;
        }

        #aec-cart-freeshipping {
            left: -1px;
            width: 101%;
        }

        #aec-searchholder {
            padding-left: 0;
        }
    }

    @media (max-width: 991px) {
        .header-section {
            width: 100%;
        }
    }

    @media (max-width: 575px) {
        .aec-main-minicart {
            display: none
        }
    }

    @media (min-width: 576px) {
        .navbar-header a#aec-goto-cart {
            display: none;
        }
    }

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


    @media (min-width: 992px) {
        .ccm-navbar-menu-links {
            margin-top: 37px;
        }

        .ccm-shop-department {
            display: none;
        }

        .alliance-nasdaq * {
            font-size: 10px;
        }

        #navbar-ccmusic {
            display: flex;
        }

        #navbar-ccmusic .navbar-nav {
            flex-direction: row;
        }

        #user-menu.navbar-toggler {
            display: none;
        }
    }