@media screen and (max-width: 1218px) {
    /*footer - newsletter*/
    .newsletter-subscription .inner {
        padding: 20px 15px;
    }
    .footer-main {
        margin: 0 15px;
    }
    /*account*/
    .account .Content {
        padding: 15px;
    }
}
@media screen and (max-width: 1210px) {
    /*landing - inner gray*/
    .landing .inner-gray {
        padding: 0 15px;
    }
    .landing .slider-brand {
        width: 100% !important;
    }
    .landing .brand-inner button {
        display: none;
    }
    /*landing - inner dark*/
    .landing .inner-dark {
        padding: 0 15px;
    }
    /*checkout - express*/
    #co-express .Content {
        width: calc(100% - 350px);
        padding: 15px;
    }
    #co-express .HorizontalFormContainer dt {
        padding: 0;
        text-align: left;
    }
    #co-express .HorizontalFormContainer dd {
        width: 100%;
        margin: 0;
        padding-left: 0!important;
        padding-bottom: 0px!important;
    }
    #co-express .HorizontalFormContainer dd input {
        width: 100%;
    }
}
@media screen and (max-width: 1180px) {
    .main {
        padding: 0 15px;
    }
}
@media screen and (max-width: 1176px) {
    /*category*/
    .category .Content {
        overflow: visible;
        float: right;
        max-width: 940px;
        width: 80%;
    }
    .category .Content .searchspring-results_container {
        width: 100% !important;
    }
    .category .SubCategoryListGrid > ul li {
        width: 33.33%;
    }
    .category .SubCategoryListGrid > ul li .explore {
        background-size: 100%;
    }
    .category .CategoryDescription img {
        max-width: 100%;
        height: auto;
    }
    /*product*/
    .product #ProductDetails .row {
        width: 100%;
    }
    .product #ProductDetails .row .nav-tabs {
        width: 100%;
        margin: 0;
    }
    .product #ProductDetails .row .nav-tabs > li > a {
        padding: 2% 10%;
    }
    /*pages*/
    .page .Left {
        display: none;
    }
    .page .Content {
        width: 100%;
        padding: 15px;
    }
}

@media screen and (max-width: 1174px) {
    /*ctas*/
    .landing .banner_home_page_top ul li {
      width: 50%;
      text-align: center;
    }
    .landing .banner_home_page_top ul li:first-child,
    .landing .banner_home_page_top ul li:nth-child(3) {
        border: none;
    }
}

@media screen and (max-width: 1162px) {
    /*landing - products row*/
    .landing #LayoutColumn1 > div.row > div {
        width: 100%;
        text-align: center;
    }
    .landing .nav-tabs {
        display: inline-block;
        width: 100%;
    }
    .landing .buying-guide {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .landing .buying-guide ul {
        display: inline-block;
    }
    .landing .buying-guide ul li {
        margin: 0 0 40px;
    }
    .landing .buying-guide .g-heading {
        max-width: 100%;
    }
    /*landing - drum circle*/
    .landing .drum-circle {
        padding-top: 30px;
    }
    .landing .drum-circle img {
        max-width: 100%;
    }
    /*landing - featured drummer*/
    .landing .featured-drummer {
        width: 400px;
    }
}

@media screen and (max-width: 1155px) {
    /*header - top menu*/
    .header li.points,
    .header li.my-favorites {
        display: none;
    }
    /*header - header upper*/
    .header #Header .header-cta {
        float: left;
    }
    .header #Header .header-secondary-right {
        float: right;
        width: 100%;
        padding: 10px 15px 0;
    }
    .header #Header .header-secondary .btn-orange {
        float: right;
    }
    .search-button{
        padding: 6px 10px 4px;
    }
    .header #Header .my-cart-items {
        float: right;
        margin: 2px 15px 0px 12px;
    }

}
@media screen and (max-width: 1116px) {
    /*category*/
    .category .Content {
        overflow: visible;
        float: right;
        max-width: 940px;
        width: 76%;
    }
    .category .ProductList li {
        width: 33.33%;
    }
}

@media screen and (max-width: 1112px) {
    /*header - main nav*/
    .header .PageMenu .sf-menu li {
        width: 20%;
        text-align: center;
    }
    .header .PageMenu .category-list > li:hover > ul,
    .header .PageMenu .category-list > li.over > ul {
        display: none;
    }
}

@media screen and (max-width: 1104px) {
    /*footer - newsletter*/
    .newsletter-subscription .inner .row div {
        width: 50%;
    }
    .newsletter-subscription .inner .row div .slash {
        display: none;
    }
    .newsletter-subscription .inner .row div > div {
        width: 100%;
        text-align: center;
    }
    .newsletter-subscription .inner .row div > div > ul {
        display: inline-block;
        float: none;
        width: auto !important;
        text-align: center;
    }
    .newsletter-subscription .inner .row div form ul {
        float: none;
        width: 100% !important;
        text-align: center;
    }
    .newsletter-subscription .inner .row div form ul li.inputForm {
        width: 43%;
    }
    .newsletter-subscription h4 {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }

}

@media screen and (max-width: 1010px) {
    /*landing - hero cta*/
    .landing .hero-cta > .box-shadow > div {
        width: 100%;
    }
    .landing .hero-cta .select-a-style {
        display: none;
    }
}

@media screen and (max-width: 933px) {
    /*category*/
    .category .Content {
        overflow: visible;
        float: right;
        max-width: 940px;
        width: 70%;
    }
    .category .SubCategoryListGrid > ul li {
        width: 50%;
    }
    .category .ProductList li {
      width: 50%;
    }
    .ProductList li.Odd {
      border: 1px solid #d2d3d3;
    }
}

@media screen and (max-width: 920px) {
    .site-seals{
        position: relative;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
}
@media screen and (max-width: 916px) {
    /*footer - newsletter*/
    .newsletter-subscription .inner .row div {
      width: 100%;
      margin: 0 0 15px 0;
    }
    .newsletter-subscription .inner .row div form ul li.inputForm {
        width: 96%;
        margin-bottom: 15px;
    }
    .newsletter-subscription .inner .row div form ul li.inputForm input {
        width: 100%;
    }
}
@media screen and (max-width: 903px) {
    /*landing - inner dark*/
    .landing .testimonials > div {
        width: 100%;
    }
    .landing .testimonials > div:nth-child(2) {
        display: none;
    }
}


@media screen and (max-width: 852px) {
    /*header - main nav*/
    .PageMenu .category-list > li > a {
      padding: 8px 12px 7px;
      font-size: 14px;
    }
    /*landing - featured products*/
    #landing .ProductList li,
    .product .ProductList li {
      width: 50%;
    }
}

@media screen and (max-width: 851px) {
    /*header - header upper*/
    .header #Header .header-cta {
      padding: 0 0px 0 20px;
    }
    .AccountLogin .HorizontalFormContainer dt{
        width: 90px;
    }
    .AccountLogin .HorizontalFormContainer dd{
        margin-left: 100px;
    }
}

@media screen and (max-width: 828px) {
    /*header - top menu*/
    .header #socnet {
        display: none;
    }
}

@media screen and (max-width: 817px) {
    /*footer - newsletter*/
    .newsletter-subscription .inner .row div form .sign-up-button {
        border-radius: 3px;
    }
    .sign-up-button:before{
        content: "Submit";
        text-transform: uppercase;
        color: #ED9120;
        font-size: 16px;
        font-weight: 700;
        margin-right: 3px;
    }
}

@media screen and (max-width: 801px) {
    /*header - header upper*/
    .header #Header .free-shipping h4 {
        background: none;
        padding: 0;
    }
    .header #Header .header-cta .glyphicon {
        display: none;
    }
}

@media screen and (max-width: 792px) {
    /*landing - products row*/
    .landing .buying-guide div {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .landing .buying-guide ul li {
        clear: none;
        width: 50%;
        padding: 0 15px;
    }
    .landing .buying-guide ul li:nth-child(odd) {
        clear: both;
    }
    .landing .buying-guide .g-content {
        max-width: none;
    }
}

@media screen and (max-width: 777px) {
    /*checkout - cart*/
}

@media only screen and (max-width: 767px) {
    .TopMenu a {
        padding: 8px 24px 12px;
    }
    .TopMenu .off-canvas-menu-button {
        display: inline-block;
        position: absolute;
        left: 0;
    }
    .TopMenu .off-canvas-menu-button a {
        font-size: 20px;
        padding: 5px 24px 11px;
    }
    .landing .nav-categories .drum-circle {
        margin: 0;
        padding: 0;
    }
    .landing .nav-categories .drum-circle a {
        text-align: left;
    }
    #Header + .PageMenu{
        display: none;
    }
    #co-express .Content{
        width: 100%;
    }
    .checkout .Right{
        display: none;
    }
    .ExpressCheckoutContent{
        padding-left: 0;
    }
    .review-order-summary .order-summary{
        display: inline-block;
    }
    .review-order-summary + .table-responsive{
        display: none;
    }
}

@media screen and (max-width: 760px) {
    /*header - header upper*/
    .header #Header .header-logo {
        float: none;
        width: 100%;
        text-align: center;
    }
    .header #Header .header-cta {
      padding: 0;
      width: 50%;
    }
}

@media screen and (max-width: 750px) {
    /*footer - columns*/
    .footer-main h4 {
        text-align: center;
    }
    .footer-main .footer-column {
        width: 100%;
        text-align: center;
    }
    /*footer - delivery methods*/
    .footer-explainer img {
        max-width: 100%;
    }
    /*footer - links*/
    .footer-links p {
        width: 100%;
        text-align: center;
    }
    .footer-links p:first-child {
        text-align: center;
    }
    /*category - here go full width*/
    .category .Breadcrumb {
        display: none;
    }
    .category .Left {
        display: none;
    }
    .category .Content {
        overflow: visible;
        float: right;
        max-width: 940px;
        width: 100%;
    }
    .category .SubCategoryListGrid > ul li {
        width: 50%;
    }
    .category .searchspring-results_container h1 {
        text-align: center;
    }
    .category .searchspring-results_container p {
        text-align: center;
    }
    .category .ProductList li {
      width: 50%;
    }
    /*product*/
    .product .Breadcrumb {
        display: none;
    }
    .product .left-content {
        width: 100%;

    }
    .product .PrimaryProductDetails .ProductThumb {
        margin-bottom: 0;
    }
    .product .left-content .ProductTinyImageList {
        width: 100% !important;
    }
    .product .left-content .ProductTinyImageList ul {
        width: auto !important;
        display: inline-block;
    }
    .product .ProductMain {
        width: 100%;
        padding: 0 15px 0 15px;
        border: none;
    }
    .product .ProductMain .ProductOtherDetails {
        width: 100%;
        margin: 0;
    }
    .product .productAttributeList .productAttributeLabel label {
        width: 20%;
        position: relative;
        display: inline-block;
        text-align: center;
    }
    .product .productAttributeList .productAttributeLabel {
        position: relative;
        width: 100% !important;
        display: inline-block!important;
        text-align: center !important;
    }
    .product .productOptionViewSelect {
        text-align: center;
    }
    .product .productOptionViewRadio {
        text-align: center;
    }
    .product .DetailRow.p-price {
        width: 100%;
        float: none;
        display: inline-block;
        text-align: center;
        }
    .product .DetailRow.p-price div {
        float: none !important;
    }
    .product .DetailRow.qty, .addto {
        width: 100%;
        float: none;
        text-align: center;
    }
    .product #ProductDetails .row {
        margin: 20px 0;
        text-align: center;
    }
    .product .no-padding {
        width: 43%;
        display: inline-block;
    }
    .product .AddToWishlistLink {
        float: none;
        display: inline-block;
    }
    .product .brand-share .DetailRow {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .product .brand-share .DetailRow div {
        margin: 0;
    }
    .product .DetailRow .Label {
        width: 100%;
        text-align: center !important;
        display: inline-block;
    }
    .product .tab-content {
        width: 100%;
    }
    .product #SideProductRelated h3, .product #SimilarProductsByCustomerViews h3 {
        text-align: center;
    }
    .product .ProductDetailsGrid {
        width: 100%;
        display: inline-block;
    }
    .product .ProductOtherDetails .DetailRow {
        float: left;
        margin: 0 10px 10px 0;
        width: 100%;
    }
    .product .ProductOtherDetails .DetailRow .Value {
        width: 100%;
        text-align: center;
    }
    .product .nav-tabs>li {
        float: none;
    }
    .product #ProductDetails .row .nav-tabs > li > a {
        margin: 0;
    }

    /*checkout - express*/
    .ExpressCheckoutContent{
        padding: 0;
    }
    #co-express .CreateAccount{
        margin-bottom: 10px;
    }
    #co-express .CreateAccount,
    #co-express .AccountLogin {
        width: 100%;
    }

    /* Switch Forms Away From Inline To Block */
    .checkout .HorizontalFormContainer dt,
    .checkout .HorizontalFormContainer dd,
    #co-express .AddBillingAddress .HorizontalFormContainer dt,
    #co-express .AddBillingAddress.HorizontalFormContainer dd{
        float: left;
        width: 100%;
        text-align: left;
    }
    .checkout .HorizontalFormContainer dd{
        margin-left: 0;
        padding-bottom: 5px!important;
          padding-left: 0px!important;
          width: 100%;
    }
    #co-express .AddBillingAddress .HorizontalFormContainer dd{
        width: 100%;
    }
    .checkout .HorizontalFormContainer dd .selector{
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
          height: 38px;
    }
    .checkout .HorizontalFormContainer dd .selector + .selector{
        margin-top: 10px;
    }
    .checkout .HorizontalFormContainer dd input[type="text"],
    .checkout .HorizontalFormContainer dd input[type="password"],
    .checkout #FormField_13,
    .checkout #FormField_23{
        width: 100%!important;
    }
    .checkout .HorizontalFormContainer dt{
        padding-bottom: 0;
    }
    .checkout .HorizontalFormContainer dt .Required{
        color: red;
    }
    .checkout .ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent{
        display: none;
    }
    .checkout #CheckoutStepShippingProvider .btn,#bottom_payment_button{
        margin-bottom: 10px;
    }
    .ExpressCheckoutBlock .CartContents{
        margin-top: 0;
    }
    #CheckoutStepPaymentDetails dt:last-of-type,
    #CheckoutStepPaymentDetails dd:last-of-type{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 22px;
    }
    #CheckoutStepPaymentDetails dd:last-of-type{
        font-size: 32px;
    }
    #CheckoutStepPaymentDetails .Submit .btn{
        float: left;
        width: 100%;
        margin: 10px 0 0 0;
    }
    .ExpressCheckoutBlock .ExpressCheckoutTitle{
        padding: 10px;
        margin-bottom: 10px;
    }

}
@media screen and (max-width: 682px) {
    /*landing - products row*/
    .landing .buying-guide div {
        width: 100%;
    }
    #cart-main .ProceedToCheckout{
        width: 100%;
        max-width:none;
    }
    .CartCode.cf{
        width: 100%;
        max-width:none;
        margin: 0;
        padding: 0 10px 20px;
    }
    .CartCode.cf .CouponCode, .CartCode.cf .GiftCertificate{
        width: 50%;
    }
    .trust-pilot{
        width: 100%;
        max-width: none;
    }
}

@media screen and (max-width: 673px) {
    /*header - top menu*/
    .header li.customer-support {
        display: none;
    }
    .site-seals{
        display: none;
    }
}

@media screen and (max-width: 618px) {
    /*landing - inner dark*/
    .landing .inner-dark {
        height: 340px;
    }
    .landing .media-author-score {
        display: none;
    }
    .landing .trust-pilot .reviews .media {
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    /*ctas*/
    .landing .banner_home_page_top ul li {
      width: 100%;
      border-left: none;
      border-bottom: 2px dashed #CECECE;
    }
    .landing .banner_home_page_top ul li:nth-child(4) {
        border: none;
    }
    /*landing - featured products*/
    #landing .ProductList li,
    .product .ProductList li {
      width: 50%;
    }
    .landing .ProductList .ProductDetails {
        height: 110px;
        padding: 7px 0 0 0;
    }
    .landing .ProductList .ProductDetails .p-price {
        display: inline-block;
    }
    /*landing - inner-dark*/
    .landing .testimonials > div:nth-child(1) {
        margin-bottom: 0;
        padding: 0;
        display: block;
        float: none;
    }
    .landing .testimonials h3 {
        float: none;
        margin: 0;
        padding: 7px 0 0 0;
    }
    .landing .testimonials .test-scroll li {
        top: 0;
    }
    .landing .trust-pilot .reviews .media {
        margin-top: 10px;
    }
    /*account*/
    .account .login-form .row div {
        width: 100%;
        padding: 10px;
    }
}
@media screen and (max-width: 530px) {
    .CartCode.cf .CouponCode, .CartCode.cf .GiftCertificate{
        width: 100%;
        text-align: center;
    }
    .TopMenu a {
        padding: 8px 16px 12px;
    }
    .TopMenu .off-canvas-menu-button a {
        padding: 5px 16px 11px;
    }
}

@media screen and (max-width: 504px) {
    .landing .buying-guide ul li {
        clear: none;
        width: 50%;
    }
    .landing .buying-guide li h3 {
        font-size: 13px;
        margin-top: 5px;
    }
    .landing .buying-guide > div:last-of-type li:last-of-type{
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    /*checkout - express*/
    #co-express .CreateAccount,
    #co-express .AccountLogin {
        width: 100%;
    }
    /*pages*/
    .page .HorizontalFormContainer dt,
    .page .HorizontalFormContainer dd {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 487px) {
    .header-cta h4 {
        font-size: 24px;
        padding-bottom: 0;
    }
    .header-cta p {
        font-size: 13px;
    }
    /*account - forgot password*/
    #a-forgot .HorizontalFormContainer dt {
        width: 100%;
        text-align: center;
    }
    #a-forgot .HorizontalFormContainer dd {
        width: 100%;
        padding: 0;
        margin: 0;
        text-align: center;
    }
    #CreateAccountForm h3 {
        text-align: center;
    }
    #CreateAccountForm .FormContainer .box dt {
        width: 100%;
        text-align: center;
    }
    #CreateAccountForm .form dd {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    #CreateAccountForm .form dd input {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /*header - top menu*/
    .header li.order-status {
        display: none;
    }
    /*landing - hero cta*/
    .landing .hero-cta .box-shadow {
        width: 100%;
    }
    .landing .hero-cta > .box-shadow > div a {
        font-size: 5vw;
    }
    .landing .hero-cta > .box-shadow > div a img {
        width: 100%;
        height: auto;
    }
    /*landing - featured products*/
    #landing .ProductList li,
    .product .ProductList li {
      width: 50%;
    }
    #landing .ProductList li .ProductDetails a,
    .product .ProductList li .ProductDetails a {
        min-height:60px;
    }
    .landing .ProductList .ProductDetails {
        height: auto;
        padding: 7px 10px 0 10px;
    }
    /*landing - side why buy*/
    .landing .side-why-buy img {
        max-width: 100%;
    }
    /*landing - featured drummer*/
    .landing .featured-drummer {
        width: 100%;
        text-align: center;
    }
    .landing .featured-drummer h4 {
        position: static;
        padding: 0 0 10px 0;
        text-align: center;
    }
    .landing .featured-drummer .drummer-name {
        float: none;
        display: block;
        margin: 0 auto;
        padding: 0 0 10px 0;
    }
    .landing .featured-drummer .drummer-picture {
        position: static;
        padding: 0 0 10px 0;
    }
    .landing .featured-drummer p {
        display: inline-block;
        float: none;
        max-width: initial;
    }
    /*category*/
    .category .SubCategoryListGrid > ul li {
        width: 50%;
    }
    .category .ProductList li {
      width: 50%;
    }
    /*checkout - express*/
    #co-express .Content {
        width: 100%;
        padding: 15px;
    }
    #co-express .HorizontalFormContainer dt {
        padding: 0;
    }
    #co-express .HorizontalFormContainer dd {
        width: 100%;
        margin: 0;
    }
    #co-express .HorizontalFormContainer dd input {
        width: 100%;
    }
}
@media screen and (max-width: 400px) {
    /*header - header upper*/
    .header #Header .header-cta {
      width: 100%;
    }
    .header-cta h4 {
        font-size: 32px;
    }
    .header-cta p {
        font-size: 16px;
    }
    .header-cta.free-shipping{
        display: none;
    }
}

@media screen and (max-width: 351px) {
    /*header - main nav*/
    .header .PageMenu .sf-menu li {
      width: 100%;
    }
}