/*********************** Shopping Cart ***********************/
.breadcrumbs {
    color: #d7d7d7;
    margin-bottom: 25px;
}

    .breadcrumbs a {
        color: #999;
        text-decoration: none;
    }

    .breadcrumbs strong {
        color: #76BBFF;
    }

.table-button {
    text-align: center;
}

.cart-delete .fa {
    color: #ba2525;
}

    .cart-delete .fa:hover, .cart-delete .fa:focus,
    .cart-delete .fa:visited:hover, .cart-delete .fa:visited:focus {
        color: #981d1d;
    }

.cart-delete .hide {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding-left: 5px;
    text-transform: uppercase;
}

.cart-footer {
    border-top: 1px solid #d7d7d7;
    padding: 20px 0 30px;
    text-align: right;
}

    .cart-estimates table, .cart-footer table {
        text-align: right;
        width: 100%;
    }

@media only screen and (min-width : 600px) {
    .cart-footer {
        border-top: 0;
    }

    .cart-delete .hide {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}

@media only screen and (max-width: 950px) {
    .card-info .halfi {
        display: block;
        width: 100%;
    }
}

/*********************** Tables / Responsive Tables Used Primarily in eCommerce ***********************/
.responsive-table table {
    border: 0;
    width: 100%;
}

.responsive-table.mini table {
    border: 0 !important;
    width: 100% !important;
    font-size: 14px;
}

.responsive-table th a, .gridview th a {
    text-decoration: none;
}

.responsive-table.mini th a {
    text-decoration: none !important;
}

    .responsive-table th a:hover, .responsive-table th a:focus,
    .gridview th a:hover, .gridview th a:focus {
        text-decoration: underline;
    }

    .responsive-table.mini th a:hover, .responsive-table.mini th a:focus {
        text-decoration: underline !important;
    }

.responsive-table td, .gridview td,
.responsive-table th, .gridview th {
    border: 0;
    padding: 10px;
}

.responsive-table.mini td,
.responsive-table.mini th {
    border: 0 !important;
    padding: 10px !important;
}

.responsive-table th {
    display: none;
}

.responsive-table.mini th {
    display: none !important;
}

.responsive-table td, .ad-line td {
    display: block;
    padding: 15px 10px;
    width: 100%;
}

.responsive-table.mini td {
    display: block !important;
    padding: 8px !important;
    width: 100% !important;
}

    .responsive-table td:nth-child(even) {
        background: rgba(0,0,0,.06);
    }

.responsive-table.mini td:nth-child(even) {
    background: rgba(0,0,0,.06)!important;
}

    .responsive-table td.rate {
        font-weight: bold;
        padding-top: 20px;
    }

.responsive-table.mini td.rate {
    font-weight: bold !important;
    padding-top: 20px !important;
}

.responsive-table tr:nth-child(n+3) td:first-child {
    padding-top: 50px;
}

.responsive-table.mini tr:nth-child(n+3) td:first-child {
    padding-top: 8px !important;
}

.responsive-table td:before {
    font-weight: bold;
}

.responsive-table.mini td:before {
    font-weight: bold !important;
}

.responsive-table td.table-order-number:before {
    content: "Order \2014\00a0";
}

.responsive-table.mini td.table-order-number:before {
    content: "Order \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-date:before {
    content: "Date \2014\00a0";
}

.responsive-table.mini td.table-date:before {
    content: "Date \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-code:before {
    content: "Code \2014\00a0";
}

.responsive-table.mini td.table-code:before {
    content: "Code \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-item:before {
    content: "Item \2014\00a0";
}

.responsive-table.mini td.table-item:before {
    content: "Item \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-price:before {
    content: "Price \2014\00a0";
}

.responsive-table.mini td.table-price:before {
    content: "Price \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-quantity:before {
    content: "Quantity \2014\00a0";
}

.responsive-table.mini td.table-quantity:before {
    content: "Quantity \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-total:before {
    content: "Item Total \2014\00a0";
}

.responsive-table.mini td.table-total:before {
    content: "Item Total \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.table-comment:before {
    content: "Comment \2014\00a0";
}

.responsive-table.mini td.table-comment:before {
    content: "Comment \2014\00a0" !important;
    display: inline-block !important;
}

.responsive-table td.order-number:before {
    content: "Order Number \2014\00a0";
}

.responsive-table.mini td.order-number:before {
    content: "Order Number \2014\00a0" !important;
    display: inline-block !important;
}

td.table-view {
    text-align: center;
}

.table-view .btn {
    margin-bottom: 0;
}

.responsive-table.mini tr {
    margin-bottom: 20px !important;
    border: 1px solid #202020 !important;
    display: block;
}

.responsive-table.mini tr:first-of-type {
    display: none;
}

@media only screen and (min-width : 600px) {
    .responsive-table th {
        background: #202020;
        color: #fafafa;
        display: table-cell;
    }

    .responsive-table td, .ad-line td {
        display: table-cell;
        padding: 10px;
        width: auto;
    }

    .responsive-table tr:nth-child(odd) {
        background: rgba(0,0,0,.06);
    }

    .responsive-table tr td:nth-child(even) {
        background: rgba(0,0,0,.06);
    }

    .responsive-table tr:nth-child(n+3) td:first-child {
        padding-top: 0;
    }

    .responsive-table td:before {
        display: none;
    }
}

/*********************** Order Details ***********************/
.order-details {
    margin-top: 40px;
}

.order-totals {
    margin-top: 20px;
}

    .order-totals > div {
        margin-bottom: 7px;
    }

.order-totals-total {
    font-size: 20px;
}

/*********************** Shopping Catalog ***********************/
.catalog ul {
    text-align: center;
}

.catalog li {
    margin: 0 auto 30px;
    max-width: 350px;
    width: 100%;
}

.catalog ul li a {
    text-decoration: none;
}


@media only screen and (min-width : 450px) {
    .catalog li {
        float: left;
        max-width: none;
    }
}

@media only screen and (min-width : 450px) and (max-width : 750px) {
    .catalog li {
        width: calc(100% / 2 - 16px);
    }

        .catalog li:nth-of-type(2n+1) {
            clear: both;
            margin-right: 15px;
        }

        .catalog li:nth-of-type(2n+2) {
            margin-left: 15px;
        }
}

@media only screen and (min-width : 751px) {
    .catalog li {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width : 751px) {
    .catalog li {
        width: calc(100% / 3 - 21px);
    }

        .catalog li:nth-of-type(3n+1) {
            clear: both;
            margin-left: 0;
        }

        .catalog li:nth-of-type(3n+3) {
            margin-right: 0;
        }
}

.pimage {
    margin-bottom: 10px;
}

    .pimage a {
        display: block;
    }

.ptitle {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.pcontent {
    text-align: left;
}

    .pcontent .left {
        width: calc(100% - 75px);
        float: left;
    }

    .prices {
        font-weight: 700;
        width: 75px;
        float: right;
        text-align: right;
        margin-top: 0;
    }

    .pcontent .stock {
        margin-top: 10px;
    }

        .prices > span {
            display: block;
        }

    .pcontent .stock {
        line-height: normal;
    }

    .pcontent a.button {
        margin-top: 10px;
    }

.page-sort {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 0 0 10px 0;
    text-align: center;
}

    .page-sort.bottom {
        border: 0;
        border-top: 1px solid #ccc;
        margin-bottom: 0;
        margin-top: 15px;
        padding: 10px 0 0 0;
    }

    .prices > span label, .page-sort label, .options label {
        font-weight: 700;
    }

.pagination {
    margin-bottom: 15px;
}

div.pagination a, div.pagination a:visited, div.pagination span.current {
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin: 0 5px 5px;
    text-decoration: none;
    padding: 5px 8px;
    background: #76BBFF;
}

div.pagination span.current {
    background: #5497FE;
    color: #fff;
}

div.pagination a:hover, div.pagination a:focus {
    color: #fff;
    background: #5497FE;
}

.sort-by select {
    max-width: 150px;
    width: 100%;
}

@media only screen and (min-width : 550px) {
    .page-sort {
        text-align: left;
    }

    .pagination, .sort-by {
        width: 50%;
    }

    .pagination {
        float: left;
        margin-bottom: 0;
    }

    .sort-by {
        float: right;
        padding-left: 30px;
        text-align: right;
    }
}

/************************* Shopping Product Details *************************/
.product-wrapper {
    margin-bottom: 50px;
}

.product-wrapper .gallery-slider {
    margin: 0 auto 40px;
    max-width: none;
}

.product-header {
    border-bottom: 3px solid #ccc;
    padding-bottom: 15px;
    text-align: center;
}

.product-header .prices {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 24px;
}

.main-product-image {
    margin: 0 auto 20px;
    width: 100%;
}

    .main-product-image table {
        table-layout: fixed;
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }

        .main-product-image table td {
            padding: 10px;
        }

    .main-product-image ul {
        text-align: center;
    }

        .main-product-image ul li {
            display: inline-block;
            margin: 10px 5px;
        }

            .main-product-image ul li img {
                height: 100px;
            }

.main-product-details {
    padding: 0 20px;
}

.options {
    margin: 20px 0;
}

    .options label {
        display: block;
    }

    .options select {
        max-width: 250px;
        width: 100%;
    }

.btn-wishlist .fa {
    font-size: 14px;
}

.in-wishlist {
    margin: 20px 0;
}

@media only screen and (min-width: 800px) {
    .main-product-image {
        float: left;
        max-width: none;
        width: 50%;
    }

    .main-product-details {
        float: right;
        padding: 0 20px 0 30px;
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .main-product-details {
        padding: 50px;
    }
}

/************************* Shopping Wishlist *************************/
.wishlist-delete {
    margin: 20px 0 5px;
}

    .wishlist-delete a, .wishlist-delete a:visited {
        color: #D35252;
        text-decoration: none;
    }

        .wishlist-delete a:hover, .wishlist-delete a:focus {
            color: #B53B3B;
            text-decoration: none;
        }

/************************* My Account *************************/
.halfi.block-shipping {
    margin-bottom: 25px;
}

@media only screen and (max-width : 900px) {
    .country-state-fields .halfi {
        display: block;
        padding-right: 0;
        width: 100%;
    }

    .country-state-fields div.halfi:nth-of-type(2n) {
        margin-left: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width : 625px) {
    .checki.bill-ship {
        font-size: 14px;
        left: 10px;
        position: absolute;
        text-align: right;
        top: -25px;
    }
}

@media only screen and (min-width: 750px) {
    .halfi.block-shipping {
        margin-bottom: 0;
    }
}

.close-btn {
    cursor: pointer;
    position: absolute;
    top: -61px;
    right: -20px;
    background: #202020;
    color: #fff;
    padding: 10px;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

    .close-btn:hover {
        background: #999;
    }

#noty_layout__topRight {
    top: 44px !important;
    right: 126px !important;
    width: auto !important;
    font-size: 12px !important;
}

@media only screen and (min-width: 500px) {
    #noty_layout__topRight {
        top: 40px !important;
        right: 236px !important;
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 900px) {
    .close-btn {
        top: -65px;
    }

    #noty_layout__topRight {
        top: 0 !important;
    }
}