﻿@media all and (min-width: 481px) {
    
    .header-menu {
        width: 70%;
        min-width: 418px;
    }

    .search-box.store-search-box {
        width: 60%;
        max-width: 400px;
    }


    /* FOOTER */

    .footer .footlist {
        float: left;
        text-align: left;
        width: 40%;
        margin: 0 5% 4%;
    }

    .footer-contacts li {
	    padding: 4px 0 3px 27px;
    }

    .footer .footlist li {
        font-size: 13px;
    }

    .footer .footlist a {
        display: inline-block;
        padding: 7px 0 7px 10px;
        line-height: 13px;
        font-size: 13px;
    }

    .footer-contacts .phone{
        background: url('../img/footer_icon1.png') no-repeat left center;
    }
    .footer-contacts .mobile{
        background: url('../img/footer_icon2.png') no-repeat left center;
    }
    .footer-contacts .email{
        background: url('../img/footer_icon3.png') no-repeat left center;
    }


     /* END FOOTER */
    
     /* HOME PAGE*/

     .home-page, .login-page, .account-page,
    .checkout-page, .wishlist-page,
    .password-recovery-page .fieldset, .compare-products-page,
    .product-reviews-page, .contact-page,
    .email-a-friend-page, .apply-vendor-page,
    .sitemap-page, .category-page, .product-details-page,
    .order-details-page, .search-page, .registration-page,
    .news-list-page, .news-item-page, .vendor-list-page {
        text-align: left;
    }

    .product-details-page .product-name h1,
    .product-details-page .variant-name,
    .product-grid .title,
    .category-title .title,
    .grid-title strong,
    .news-list-homepage .title,
    .home-page-polls .title {
        font-size: 32px;
    }

    .item-grid {
        font-size: 0;
    }

     .item-box {
         display: inline-block;
         text-align: left;
         vertical-align: top;
     }

    .item-box,
    .sub-category-grid .item-box,
    .home-page-category-grid .item-box {
        width: calc(50% - 7.5px);
        margin: 0 15px 15px 0;
        max-width: none;
    }


    .item-box:nth-child(2n) {
         margin-right: 0;
     }


    .item-box .rating,
    .item-box .description {
        display: block;
    }

    .item-box .rating {
        margin-bottom: 10px;
    }
    .news-list-page .buttons,
    .news-list-homepage .buttons {
        overflow: hidden;
    }

    .news-list-page .read-more,
    .news-list-homepage .read-more,
    .vote-poll-button {
        float: right;
        padding: 8px 16px;
    }
    .news-list-page .news-title, .news-list-homepage .news-title {
        display: inline-block;
        margin-right: 5px;
    }

    .news-list-page .news-title, .news-list-homepage .news-title {
        margin-bottom: 0;
    }

    /* CATEGORY PAGE */
    .product-selectors > div {
        display: inline-block;
        width: 49%;
        text-align: center;
    }

    .product-selectors > div.product-viewmode {
        display: none;
    }

    .side-2:after {
        content: "";
        display: block;
        clear: both;
    }

    .block {
        float: left;
        width: calc(50% - 10px);
        margin-right: 15px;
        overflow: hidden;
    }

    .block:nth-child(2n+1) {
        margin-right: 0;
    }

    .block.filter-block:nth-child(2n+1) {
        margin-right: 15px;
    }

    .block.filter-block:nth-child(2n) {
        margin-right: 0;
    }

    .product-filters ul {
        width: 32.6%;
    }
    .product-filters ul:nth-child(2n) {
        margin: 0 1% 1% 0;
    }

    .product-filters ul:nth-child(3n) {
        margin: 0 0 1%;
    }


    /*********** TOPICS ***********/



    /******* PRODUCT PAGE ********/

    .qq-upload-button {
       margin: 0 5px 0 0;
    }

    .qq-upload-button,
    .qq-upload-list {
        display: inline-block !important;
        vertical-align: top;
    }

    .qq-upload-list {
        width: calc(100% - 115px);
    }

    .product-details-page .sku,
    .product-details-page .gtin,
    .product-details-page .product-vendor {
        margin: 8px 0;
    }

    .order-line .add-to-cart {
        margin: 20px 0;
    }

    .order-line .add-to-cart .quantity {
        margin-bottom: 0;
    }

    .product-details-page .add-info input {
        margin: 0 5px 10px 0;
    }
    input.button-2.email-a-friend-button {
        margin-left: 10px;
    }
    .product-details-page .add-info div,
    .order-line .rental-price label,
    .product-variant-line .order-line .product-price,
    .product-variant-line .tax-shipping-info {
        display: inline-block;
    }

    .product-details-page .add-info .sku {
        margin: 0 10px 0 0;
    }

    .order-line .rental-price {
        margin-bottom: 10px;
    }

    .order-line .product-price {
        font-size: 28px;
    }

    .product-details-page .add-info div.delivery {
        display: block;
    }

    .product-details-page .free-shipping {
        margin: 10px 10px 10px 0;
    }

    .product-variant-line .variant-picture {
        margin: 0 0 15px;
    }

    .product-variant-line .order-line {
        padding: 10px 15px;
    }
    .product-variant-line .order-line .add-to-cart .quantity,
    .customer-entered-price input {
        margin-bottom: 0;
    }

    .product-variant-line .tax-shipping-info {
        vertical-align: middle;
    }

    .product-variant-line .order-line .product-price {
        line-height: initial;
        vertical-align: middle;
    }

    .attributes select + .qty-box {
        margin-top: 0;
        margin-left: 15px;
    }

    .giftcard label {
        margin: 0 7px 0 0;
        text-align: right;
    }

    .inputs > label,
    .review-rating .name-description {
        max-width: 120px;
        margin: 0 6px 0 0;
        text-align: right;
    }

    .inputs.accept-consent {
        padding-left: 132px !important;
        text-align: left !important;
    }

    .inputs.accept-consent label {
        margin: 0 0 0 6px;
        text-align: left;
        width: auto;
        max-width: 300px;
    }

    .review-rating .rating-wrapper {
        display: inline-block;
    }

    .giftcard input[type="text"],
    .giftcard input[type="email"],
    .giftcard input[type="tel"],
    .giftcard textarea,
    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs input[type="tel"],
    .inputs input[type="email"],
    .inputs textarea,
    .review-rating .rating-wrapper {
        width: calc(100% - 140px);
        max-width: 300px;
    }

    .search-page .basic-search .inputs input[type="text"] {
        width: calc(100% - 140px) !important;
        max-width: 300px;
    }

    .search-page .advanced-search .inputs.reversed label {
        width: auto;
        max-width: 300px;
    }


    .inputs select {
        max-width: 300px;
    }

    .shipping-options .buttons,
    .contact-page .buttons,
    .apply-vendor-page .buttons,
    .email-a-friend-page .buttons,
    .field-validation-error,
    #username-availabilty {
        max-width: 300px;
        margin-left: 133px;
    }
    #username-availabilty,
    .field-validation-error {
        text-align: left;
    }


    .product-essential .rating {
        margin: 0 0 15px;
    }

    /* WISHLIST */

    .wishlist-page .buttons,
    .checkout-page .common-buttons {
        text-align: right;
    }


    .wishlist-page .buttons input[type="button"],
    .wishlist-page .buttons input[type="submit"],
    .checkout-page .common-buttons input[type="submit"] {
        margin: 0 0 0 10px;
    }

    .wishlist-page .tax-shipping-info {
        text-align: right;
    }

    /* PRIVATE MESSAGE AND FORUM */
    .forum-edit-page,
    .private-message-send-page {
        text-align: left;
    }

    .private-message-send-page .bb-code-editor-wrapper {
        display: inline-block;
        width: calc(100% - 140px);
        max-width: 300px;
    }

    .private-message-send-page textarea {
        display: block;
        margin-left: 130px;
        width: calc(100% - 140px);
        max-width: 300px;
    }

    .check-username-availability-button {
        display: block;
        margin: 10px auto 0;
    }

    .account-page .check-username-availability-button {
        margin: 20px 130px 0;
    }



    /********** REGISTRATION ,LOGIN **********/


    .registration-result-page .buttons,
    .login-page .buttons,
    .account-page .add-button {
	    text-align: right;
    }


    .inputs.date-of-birth > div {
        display: inline-block;
        width: calc(100% - 140px);
        max-width: 300px;
    }

    .inputs.date-of-birth > div select {
        width: 33.33% !important;
    }


    .inputs,
    .review-rating {
        padding-left: calc(50% - 280px);
    }


    .inputs.reversed > span {
        display: inline-block;
        width: calc(100% - 150px);
        max-width: 280px;
        vertical-align: top;
    }

    .forgot-password {
        display: inline-block;
        margin-top: 0;
    }

    .returning-wrapper .validation-summary-errors li {
        text-align: left;
        margin-bottom: 10px;
    }

    .inputs.reversed {
        padding-left: 135px;
    }


    .center-1 .inputs.reversed > label {
        max-width: 280px;
    }

    .center-1 .forum-edit-page .inputs.reversed,
    .center-1 .forum-edit-page .inputs.reversed {
        padding-left: 0;
    }

    .center-1 .forum-edit-page .inputs.reversed > label {
        width: 120px;
        text-align: right;
        margin-right: 5px;
        margin-bottom: 0;
    }

    .center-1 .forum-edit-page .inputs.reversed > input:first-child {
        margin-left: 130px;
    }

    .center-1 .forum-edit-page .inputs.reversed > input + label {
        width: calc(100% - 152px);
    }


    /********** CHECKOUT **********/
    .checkout-data .buttons {
	    text-align: center;
    }

    .section.payment-info tr td:first-child {
        width: 120px;
    }

    .checkout-data .order-review-data li.title {
        text-align: left;
    }

    #CardholderName,
    #CardNumber,
    #PurchaseOrderNumber {
        width: 240px !important;
    }


    /*********** ACCOUNT PAGES ***********/
    .account-page .address-item {
	    overflow: hidden;
    }
    .account-page .address-item .info,
    .account-page .order-item .info {
	    float: left;
    }
    .account-page .address-item .buttons,
    .account-page .order-item .buttons {
	    float: right;
    }

    .account-page .address-item .info {
        margin-bottom: 0;
    }

    .html-account-page .block {
        float: none;
        margin: 0 auto;
    }
    
    .account-page form > .buttons {
        padding-left: 139px;
    }


    .order-details-page .cart-total-left {
	    width: 100%;
    }
    .order-details-page .cart-total-right {
	    text-align: right;
    }

    .order-details-page .options {
        text-align: right;
    }

    .return-request-page .uploadedfileinput {
        display: inline-block;
    }

    .return-request-page .uploadedfileinput,
    .return-request-page .inputs select {
         width: calc(100% - 140px);
        max-width: 300px;
    }

    .account-page .order-item .info {
        margin-bottom: 0;
    }

    .avatar-page .buttons,
    .account-page .pager ul {
	    float: right;
    }

    .avatar-page .info {
        float: left;
        margin: 20px 0 10px;
	    max-width: calc(100% - 200px);
    }


    .news-item-page .buttons {
        padding-left: 130px;
    }


    .inputs.return-request-file > label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: bottom;
        line-height: 33px;
    }


     /******* BLOG PAGES ********/


     .blogpost-page .inputs textarea {
         width: 80%;
     }

     .news-item-page .field-validation-error,
     .blogpost-page .field-validation-error {
         width: 80%;
         max-width: none;
         margin: 5px auto 0;
         text-align: center;
     }

    .blog-comment .comment-info,
    .news-comment .comment-info {
	    float: left;
	    width: 100px;
    }

    .blog-comment .comment-content,
    .news-comment .comment-content {
	    width: calc(100% - 115px);
        float: right;
        text-align: left;
    }

     .blog-page .blog-details {
	    float: right;
    }

     .blog-footer .tags,
     .blog-footer label {
         float: left;
     }

     .blogpost-page .new-comment .inputs {
         padding-left: 0;
         text-align: center;
     }

     
     .news-item-page .buttons {
        text-align: center;
        padding-left: 0;
    }

     .news-item-page .new-comment .inputs {
         padding-left: 0;
         text-align: center;
     }

     .news-item-page .new-comment .inputs label {
         display: block;
         width: 100%;
         max-width: none;
         text-align: center;
         margin: 0 0 7px;
     }

    .news-item-page .new-comment .inputs input[type="text"],
    .news-item-page .new-comment .inputs input[type="email"],
    .news-item-page .new-comment .inputs input[type="tel"],
    .news-item-page .new-comment .inputs textarea {
        width: 80%;
        max-width: none;
    }


     /********* FORUM PAGES ***********/
     .forum-search-page .advanced-search label {
         text-align: right;
     }


     .private-messages-page .ui-tabs .ui-tabs-nav li,
     .private-messages-page .ui-tabs .ui-tabs-nav,
     .profile-page .ui-tabs .ui-tabs-nav,
     .profile-page .ui-tabs .ui-tabs-nav li {
         float: left;
         margin-right: 3px;
     }

     .profile-page .ui-tabs-panel,
     .private-messages-page .ui-tabs-panel,
     .private-message-send-page .page-body,
     .private-message-view-page .page-body {
         text-align: left;
     }

    .profile-info-box .avatar {
        float: left;
        margin: 0 20px 0 0;
    }

     .private-messages-box .buttons input {
        margin-bottom: 0;
    }
    .move-topic-page select {
        width: calc(100% - 140px);
    }

     .forum-search-page .inputs select {
        width: calc(100% - 170px);
        max-width: 265px;
    }


    .forum-edit-page .toolbar {
        display: inline-block;
        width: calc(100% - 140px);
        max-width: 400px;
    }

    .forum-edit-page .toolbar,
    .forum-edit-page textarea,
    .forum-edit-page .inputs input[type="text"],
    .forum-edit-page .inputs input[type="email"],
    .forum-edit-page .inputs input[type="tel"],
    .forum-edit-page .inputs select {
        display: block;
        margin-left: 130px;
        width: calc(100% - 140px);
        max-width: 400px;
    }
    .center-1 .forum-edit-page .inputs.reversed {
        margin-left: 0;
        padding-left: calc(50% - 330px);

    }

    .forum-edit-page .inputs {
        padding-left: calc(50% - 330px);
    }

    .forum-edit-page .inputs.reversed > span {
        max-width: 360px;
    }

    .move-topic-page .inputs {
        padding-left: calc(50% - 460px);
    }

    .move-topic-page .inputs > label {
        text-align: right;
        width: 300px;
        max-width: calc(100% - 320px);
    }

    .ui-tabs .ui-tabs-panel {
        padding: 10px 0;
    }

}