/*-----------------------------------------------------------------
    [1. Max Width: 979px]
*/
@media (max-width: 979px) {
    #paymentBorder {
        border-left: 0 !important;
        padding-left: 0 !important;
    }

    #social-menu {
    float: left !important;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: -10px;
}
    .navbar-fixed-top {
        position: static;
        margin-bottom: 0;
    }

    .navbar .btn-navbar {
        font-size: 18px;
        background: none;
        filter: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar .container {
        padding: 0 10px;
    }

    .subnavbar .subnavbar .container {
        width: auto;
    }

    .btn-fluid {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .wizard > .content {
        background: none repeat scroll 0% 0% #EEE;
        display: block;
        margin: 0.5em;
        height: 1200px;
        position: relative;
        width: auto;
        border-radius: 5px;
    }
    .navbar-inner {
        padding-bottom: 10px;
    }
    .btn {
        cursor:pointer;
    }
    .row {
        margin-left: -5px;
    }

    .login-register {
        border-top: 1px solid #666;
        padding-top: 20px;
    }

    #creditCardCompanyBilling, .shippingColumn {
        border: none !important;
    }

    #orderSummaryWrapper {
        margin: 0 !important;
    }

    .setup-panel li a{
        font-size: 11px;
    }

    .cart-info, .review-order-table {
        max-width: 100%;
        overflow: scroll;
    }

        .cart-info table, .review-order-table table{
            min-width: 600px;
        }

    .animate-dropdown.top-cart-row {
        top: 20%;
    }

    .product-info {
        min-height: 350px;
    }

    .shareOptions {
        margin-right: -20px;
    }
}

@media (max-width: 992px) {
    .row {
        margin-right: 0;
    }   

    .returnLink {
        margin-left: 0;
        margin-right: 0;
    }
    .product-tabs-header-mobile.product-tabs-header.selected-header {
        border-left: 1px solid #D4D4D4;
        border-right: 1px solid #D4D4D4;
    }

    .product-tabs-header-mobile ul li {
        width: 100%;
        margin-bottom: 1px;
        text-align: left;
    }

    .product-tabs-header-mobile .nav-tabs > li > a {
        border-bottom: 1px solid #D4D4D4;
        border-radius: 0;
        margin-right: 0;
    }

    .product-tabs-header-mobile .nav-tabs > li.active > a {
        padding: 7px 15px !important;
        margin-top: 0;
    }

    .product-tabs-header-mobile .nav-tabs > li.active > a {
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    .product-tabs-body .collapsible-item {
        border-left: 1px solid #D4D4D4;
        border-right: 1px solid #D4D4D4;
        border-bottom: 1px solid #D4D4D4;
        margin-bottom: 1px;
        padding: 0 25px 0 25px;        
    }

    .product-tabs-body {
        padding: 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .product-tabs-header-mobile .fa {
        float: right;
        margin-top: 2px;
    }

    #product-info-tabs {
        margin-top: 30px;
    }
    
    .cart-unit-price,
    .cart-total {
        text-align: left;
    }

    .cart-set-up-message {
        text-align: left;
    }
}

/*------------------------------------------------------------------
    [2. Max Width: 767px]
*/
@media (max-width: 767px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        position: relative !important;
    }
    .nav-item {
        padding-left: 40px;
    }
    .nav-bg-class {
        padding-left: 25px;
    }
    .main {
        padding-left: 20px;
        padding-right: 20px;
    }
    button.header-flyout-link {
        padding-top: 5px;
    }
    .top-search-holder .navbar-form {
        margin-bottom: 0;
    }
    .animate-dropdown.top-cart-row {
        padding-bottom: 5px;
    }
    .nav-outer {
        overflow: hidden;
    }
    li.dropdown.navbar-right.special-menu {
        float: left;
        padding: 20px;
    }
    .navbar-nav .open .dropdown-menu .mega-menu {
        display: none !important;
    }
    .dropdown-submenu i.fa.fa-caret-right {
        display: none;
    }
    .footer img.img-responsive {
        margin-left: 25px;
    }
    .top-cart-row .dropdown-cart {
        float: left;
    }
    .header-main {
        padding: 5px 20px 5px 10px;
    }

    .returnLink {
        margin-left: -5px;
        margin-right: -5px;
    }

    .arrange-fit .nav .dropdown .dropdown-menu li a {
        color: #eee;
        font-size: 13px;
        padding: 5px 5px 5px 15px;
    }
    .header-nav {
        padding: 0;
    }
    .dropdown-menu .divider {
        display:none;
    }
    .btn {
        cursor:pointer;
    }
    .dropdown-6Column {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        float: left;
    }
    .quarterly-promo {
        display: none;
    }

    #btn-register {
        width: 100%;
    }

    #btn-login {
        width: 100%;
    }

    .login {
        padding-bottom: 25px;
    }

    .login-register {
        border-top: 1px solid #666;
        padding-top: 20px;
    }

    .modal-body {
        position: relative;
        padding-left: 5px;
    }

    .R-icon {
        padding-right: 10px;
        display: inline-block;
    }

    .TTD-icon {
        padding-right: 10px;
        display: inline-block;
    }

    .navbar {
        padding-right: 10px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .subnavbar .subnav-toggle {
        display: block;
    }

    #main {
        padding: 0 10px;
        margin-right: -20px;
        margin-left: -20px;
    }

    .extra {
        margin-right: -20px;
        margin-left: -20px;
    }

    .main .container {
        padding: 0;
    }

    .main .row {
        margin-right: -15px;
        margin-left: -15px;
    }

        .footer #footer-terms {
            margin-top: 1em;
            text-align: left;
        }

            .footer #footer-terms a {
                margin-left: 0;
                margin-right: 1em;
            }

    .item-row {
        display: block;
    }

        .item-row:before,
        .item-row:after {
            content: " ";
            /* 1 */
            display: table;
            /* 2 */
        }

        .item-row:after {
            clear: both;
        }

        .item-row .item-label {
            display: block;
            width: 100%;
            margin-bottom: 1.5em;
        }

        .item-row .item-content {
            display: block;
            width: 100%;
        }

    .wizard > .steps > ul > li,
    .wizard > .actions > ul > li {
        float: none;
        width: 100%;
    }
    .navbar-collapse {
        padding-left: 15px;
    }
    li.dropdown.quick-links {
        display: block;
        width: 100%;
        float: left;
        clear: both;
    }

    #imgScrollVertical {
        width: auto !important;
        height: 100% !important;
        overflow: auto !important;
        margin-right: -20px;
    }

        #imgScrollVertical .altImages {
            margin-bottom: 0 !important;
            white-space: normal !important;
        }
    .header-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .footer-border {
        margin-bottom: 30px;
        padding: 0;
        margin-top: 60px;
        border-top: 1px solid #555555;
    }
    a#searchButton {
        display: inline-block;
        margin-top: -2px;
    }

    .navbar.navbar-inverse .navbar-toggle {
        margin-right: 25px;
    }

    .navbar-toggle {
        float: none;
        margin-left: 10px;
    }

    td.contact-us-colspan {
        padding-left: 8px !important;
    }
    .product-detail-mobile #fullSizeImage, .product-detail-mobile #fullSizeImageOverlay0 {
        margin-left: -30px;
    }

    .table-responsive {
        min-height: 220px;
    }  

    .shareOptions {
        margin-right: 0;
    }

    .wrenchIcon {
        margin-right: 0;
        font-size: 60px !important;
        margin-top: 255px;
    }

    .inactivatedLine1 {
        font-size: 17px !important;
    }

    .inactivatedLine2 {
        font-size: 19px !important;
    }

    .inactivatedText {
        margin-top: 250px;
    }
}
/*------------------------------------------------------------------
    [3. Max Width: 480px]
*/
@media (max-width: 480px) {
    .panel-body.customizerControl.input-group {
        width: 100px !important;
    }
    .primary-image img {
        width: 260px !important;
    }

    .thumbnail.primary-image {
        height: 267px !important;
    }
    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        position: relative !important;
    }
    .error-container h1 {
        font-size: 72px;
    }

    .shortcuts .shortcut {
        width: 95px;
    }

        .shortcuts .shortcut .shortcut-label {
            font-size: 12px;
        }

        .shortcuts .shortcut .shortcut-icon {
            font-size: 24px;
        }

    .quarterly-promo {
        display: none;
    }

    .btn-fluid {
        margin-top: 20px;
        padding-top: 20px;
        float: none;
    }

    .detailShots {
        display: inline-block;
    }

    .subnavbar .mainnav .TC-icon {
        display: none;
    }

    .subnavbar .mainnav > li {
        border-left: 0px;
    }
    .navbar-collapse {
        padding-left: 15px;
    }

    .modalImage {
        width: 100% !important;
    }

    .modalImageLarge {
        width: 100% !important;
        top: 0 !important;
    }
    .zoomContainer {
        display: none;
    }
    #fullSizeImage { 
    pointer-events: none;
    }
    .checkbox-inline input {
        margin-top: 4px !important;
    }
    .product-detail-mobile #fullSizeImage, .product-detail-mobile #fullSizeImageOverlay0 {
        width: 220px !important;
        margin-left: 5px;
    }
    .modal-dialog{margin: 0}
    #player {
        margin-left: 3px;
    }
}

@media (max-width: 320px) {
    .contactus-btn-container .contactus-btn {
        width: 100px;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width:480px) {
    .field-annotation {
        top: 7px !important;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .showmedia {
        display: none;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        clear: right;
        float: right !important;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 1;
        }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }
    .navbar-form {
        padding-top: 15px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -40px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -35px;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
        width: 50% !important;
    }

    #product-info-tabs {
        margin-top: 30px;
    }

    .kit-product-modal .modal-dialog {
        width: 768px;
        margin: 30px auto;
    }
}

@media (min-width: 769px) {
    .cart-header {
        border-bottom: none;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .animate-dropdown.top-cart-row {
        padding: 0px;
        font-size: .9em !important;
    }
        .top-cart-row .dropdown-cart {
        float: none;
    }
        .elc-icon {
        display: block;
    }
    .header-main {
        padding: 5px 50px 12px 50px;
    }
    .header-nav {
        padding-left: 50px;
        padding-right: 50px;
    }

    .login-register {
        border-left: 1px solid #666;
    }

    .modal-body {
        position: relative;
        padding-left: 40px;
        padding-right: 40px;
    }

    .btn-fluid {
        padding-top: 10px;
    }

    .blockSpacer {
        display: block;
        height: 900px;
    }
    .navbar > li {
        border-left: 1px solid #333;
    }
    .row.middle-horizontal {
        position: relative;
        min-height: 70px;
    }

    .middle-horizontal.top-search-holder {
        display: block;
        height: 100%;
        position: absolute;
        left: 25%;
        top: 50%;
        margin-top: -35px;
    }
    .columns {
        width: 100%;
        list-style: none;
        -moz-column-count: auto;
        -webkit-column-count: auto;
        height: auto;
        list-style: none;
        column-count: auto;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
        width: 35% !important;
    }

    .cart-footer .cart-unit-price {
        width: 19.3333333%;
    }

    .cart-footer .cart-unit-price.total-cost {
        width: 13.3333333%;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
 .animate-dropdown.top-cart-row {
    padding: inherit !important;
    font-size: 1em !important;
}
    #btn-register {
        width: 100%;
    }

    .login-register {
        border-left: 1px solid #666;
    }

    .sidebar-nav {
        padding: 9px 0;
    }

    .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
        margin-top: -1px;
    }

    .right-caret:after {
        content: "";
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        display: inline-block;
        height: 0;
        vertical-align: middle;
        width: 0;
        margin-left: 5px;
    }

    .btn-fluid {
        padding-top: 10px;
    }

    .blockSpacer {
        display: block;
        height: 900px;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
        width: 25% !important;
    }

    /* Homepage Display
--------------------------------------------- */

    .col-customize {
        width: 20%;
        float: left;
        position: relative;
        padding-right: 15px;
        padding-left: 15px;
        border: 1px #ccc;
        height: auto !important;
        min-height: 325px;
    }
}

@media (max-width: 767px) {
    .pricing-tabs .nav-item {
        padding-left: 0px;
    }

    .cart-button-container .remove-all {
        margin-left: 0px;
    }

    .cart-quantity,
    .cart-unit-price-moble {
        margin-top: 15px;
    }
    .cart-kit-item .cart-quantity,
    .cart-kit-item .cart-unit-price-moble {
        margin-top: 0px;
    }
}

@media (min-width: 380px) and (max-width: 990px) {
    .can-pricing {
        margin-left: -220px !important;
        margin-top: 50px !important;
    }
}

@media (max-width: 479px) {
    .btn-choose-your-options {
        padding-left: 0;
    }

    .choose-your-options,
    .choose-your-options:hover,
    .choose-your-options:focus,
    .choose-your-options:active {
        font-size: 15px;
        padding-left: 0;
        padding-right: 0;
    }

    .quantity-mobile-container .quantity-item {
        min-width: 115px !important;
    }

    .cart-item .btn.expander {
        font-size: 12px;
        line-height: 20px;
        padding: 6px 2px;
        font-weight: bold;
    }

    
    .cart-item .btn-expander {
        padding-left: 0;
        margin-left: -7px;
    }
}

@media (max-width: 375px) {
    .can-pricing {
        margin-left: 0px !important;
    }

    .quantity-mobile-container {
        margin: 0;
        padding: 10px;
        padding-left: 0px;
        padding-right: 0;
    }

        .quantity-mobile-container .quantity-item {
            margin-left: 0 !important;
            margin-top: auto !important;
            width: 100% !important;
            min-width: 100px !important;
        }

    .btn-choose-your-options {
        padding-left: 0;
    }

    .button-my-list {
        padding: 10px;
        padding-right: 0;
    }

        .button-my-list .add-to-my-list {
            margin-top: 0px
        }
}

@media (max-width: 406px) {
    .inactivatedLine1 {
        font-size: 12px !important;
    }

    .inactivatedLine2 {
        font-size: 15px !important;
    }

    .wrenchIcon {
        font-size: 45px !important;
    }
}

@media (max-width: 1024px) {
    .wrenchIcon{
        font-size: 110px;
    }	

    .inactivatedLine2{
        font-size: 44px;
    }
}

@media (max-height: 480px) and (max-width: 979px) {
    .inactivatedText {
        margin-top: 150px !important;
        margin-left: 0 !important;
    }

    .wrenchIcon {
        margin-top: 155px !important;
        margin-right: -30px !important;
        font-size: 60px;
    }

    .inactivatedLine1 {
        font-size: 15px !important;
    }

    .inactivatedLine2 {
        font-size: 20px !important;
    }
}

@media (max-height: 480px) and (max-width: 747px) {
    .inactivatedText {
        margin-top: 120px !important;
    }

    .wrenchIcon {
        margin-top: 125px !important;
    }
}