﻿@media all and (max-width:769px) and (min-width:601px) {
    .registration-page #CountryCode {
        width: 14% !important;
    }

    .address-list > div {
        background: #fff;
        vertical-align: top;
        width: 48% !important;
    }

    .order-list > div {
        background: #fff;
        vertical-align: top;
        width: 48%!important;
    }

    .registration-page #Phone {
        width: 266px;
    }

    .account-page #CountryCode {
        width: 14% !important;
    }

    .shipping-method .method-list li, .payment-method .method-list li {
        margin: 15px 0 10px;
        display: inline-block;
        width: 100% !important;
    }

    .account-page #Phone {
        width: 190px;
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
        width: 210px !important;
    }
}

@media all and (max-width:600px) and (min-width:481px) {
    /*.order-progress a {
        min-width: 14vw !important;
    }*/

    .payment-method .method-list li {
        margin: 0 0 10px;
        display: inline-block;
        width: 48.2%;
    }

    .registration-page #CountryCode {
        width: 14% !important;
    }

    .address-list > div {
        background: #fff;
        vertical-align: top;
        width: 48% !important;
    }

    .order-list > div {
        background: #fff;
        vertical-align: top;
        width: 48%;
        !important;
    }

    .registration-page #Phone {
        width: 150px;
    }

    .account-page #CountryCode {
        width: 14% !important;
    }

    .account-page #Phone {
        width: 150px !important;
    }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
        width: 210px !important;
    }
}

@media all and (min-width:769px) {
    .page {
        clear: both;
    }

    .link-rss {
        display: block;
        float: right;
        margin: 5px 0 0;
    }

    .message-failure {
        text-align: left;
    }

    .DirectUIstyle {
        width: 200px !important;
        height: 120px !important;
    }

    .footer-middle:before {
        -webkit-transform: rotate(.7deg);
        -ms-transform: rotate(.7deg);
        transform: rotate(.7deg);
    }

    .footer-disclaimer, .footer-powered-by, .footer-tax-shipping, .footer-designed-by {
        display: inline-block;
        margin: 0 5px 5px;
    }

    .block {
        text-align: left;
    }

        .block .tags li, .product-tags-all-page li {
            margin: 0 5px;
        }

    .poll-options li, .poll-results li {
        display: block;
    }

    .poll .buttons, .poll-total-votes {
        text-align: left;
    }
.breadcrumb {
    text-align: left
}
    .breadcrumb li:first-child * {
        margin-left: 0;
    }

    .product-selectors > div {
        margin: 0 10px 0 0;
    }

    .product-grid .item-box, .product-list .item-box {
        /*width: 33.3333333%; AJS*/
        /*width: 31.3333333%;*/
        width: 24%;
        text-align: center;
    }

        .product-grid .item-box:nth-child(3n+1), .product-list .item-box:nth-child(3n+1) {
            /*AJS Changes*/
            /*clear: both;*/
        }

    .item-box .buttons {
        text-align: left;
    }

    .pager ul {
        text-align: right;
    }

    .pager li {
        text-align: center;
    }

    .home-page-category-grid {
        text-align: center;
    }

        .home-page-category-grid .title strong, .product-grid .title strong {
            text-align: left;
        }

    .manufacturer-grid .item-box, .vendor-grid .item-box {
        width: 24%;
    }

    .vendor-page .page-title {
        position: relative;
    }

        .vendor-page .page-title h1 {
            padding-right: 171px;
        }

    .contact-vendor {
        position: absolute;
        /*top: 0;*/
        bottom:0;
        right: 0;
        margin: 2px;
    }

    .gallery, .product-details-page .overview {
        border-bottom: 0;
        padding: 0;
    }

    .gallery {
        float: left;
        width: 430px;
    }

        .gallery .picture-wrapper {
            text-align: center;
        }

        .gallery .picture-thumbs {
            text-align: center;
        }

            .gallery .picture-thumbs a {
                margin: 0 10px 10px 0;
            }

    .product-details-page .overview {
        margin-left: 440px;
    }

    .overview .buttons {
        text-align: left;
    }

    .free-shipping {
        margin: 0 0 20px;
    }

    .variant-picture {
        width: 300px;
        height: 300px;
    }

    .variant-overview {
        margin-left: 340px;
        width: auto;
    }

    .attributes {
        margin: 0 0 10px;
    }

    .attribute-squares {
        text-align: center;
    }

        .attribute-squares label {
            margin: 0 10px 0 0;
            padding: 0 !important;
        }

    .color-squares {
        text-align: center;
    }

        .color-squares label {
            margin: 0 10px 0 0;
            padding: 0 !important;
        }

    .giftcard div {
        margin: 0 0 10px;
        padding: 0 10px;
        width: 50%;
        float: left;
        text-align: center;
    }

    .giftcard > div:last-child {
        width: 100%;
    }

    .wishlist-content .buttons {
        text-align: left;
    }

    .compare-products-page .clear-list {
        position: absolute;
        top: 0;
        right: 0;
    }

    .section {
        width: 32.3333333333333%;
        margin: 0 .5% 1%;
        width: 100%;
    }

    .avatar-page .buttons {
        text-align: left;
    }

    .order-progress li {
        display: inline-block;
        margin: 0 45px;
    }

    .shopping-cart-page .common-buttons, .checkout-buttons {
        text-align: right;
    }

    .addon-buttons {
        text-align: right;
    }

    .selected-checkout-attributes, .order-summary-content .tax-shipping-info {
        text-align: right;
    }

    .checkout-attributes li {
        display: inline-block;
        margin: 0 5px;
    }

    .checkout-attributes .attribute-squares {
        text-align: right;
    }

    .shopping-cart-page .totals {
        float: right;
        margin: 0 25px;
    }

    .cart-collaterals {
        float: left;
        margin: 0 25px;
    }

    .checkout-page .address-box {
        height: 210px;
    }

    .checkout-page .address-item, .checkout-page .address-item:nth-child(2n+1) {
        width: 31.33333333333333%;
        clear: none;
        text-align: left;
    }

        .checkout-page .address-item:nth-child(3n+1) {
            clear: both;
        }

    .order-details-page .page-title a {
        float: right;
        margin: 3px;
        position: absolute;
        top: 0;
        right: 0;
    }

        .order-details-page .page-title a.print-order-button {
            right: 115px;
            height: 34px;
            margin-top: 0%;
        }

        .order-details-page .page-title a.pdf-invoice-button {
            height: 34px;
            margin-top: 0%;
        }

    .order-details-page .actions {
        text-align: right;
    }

    .order-details-page .total-info {
        overflow: hidden;
    }

    .order-details-page .cart-total {
        float: right;
        width: 240px;
    }

    .cart-total-right {
        text-align: right;
    }

    .checkout-attributes {
        text-align: right;
    }

    .checkout-page .opc .buttons {
        text-align: right;
    }

    .blog-page .tags > *, .blogpost-page .tags > * {
        float: left;
    }

    .blog-page .tags label, .blogpost-page .tags label {
        margin: 0 10px 0 0;
        line-height: 24px;
    }

    .news-items {
        padding: 10px 0 0;
    }

    .news-item-page .news-date {
    text-align: left;
    }

    .news-list-homepage .view-all {
        position: absolute;
        top: 8px;
        right: 8px;
        padding: 0;
    }
}

@media all and (min-width:769px) and (max-width:980px) {
    .block {
        margin: 0 0 1% 1%;
        width: 32.66666666666667%;
        max-width: 100%;
        float: left;
    }

        .block:nth-of-type(3n+1) {
            clear: both;
            margin-left: 0;
        }

    .news-items .news-item {
        width: 31.33333333333333%;
    }
}

@media (max-width:424px) {
    /*.order-progress a {
        min-width: 12vw !important;
    }*/

    active-step a {
        min-width: 12vw !important;
    }
}
