.data-table.responsive, .my-account .data-table .opc .data-table { display: table;} .data-table.responsive tr, .my-account .data-table tr, .opc .data-table tr { display: table-row;} .data-table.responsive tr td, .data-table.responsive tr th, .my-account .data-table tr td, .my-account .data-table tr th, .opc .data-table tr td, .opc .data-table tr th { display: table-cell;} /* ================== Responsive styles ========================= */ @media only screen and (max-width: 1200px) { /* general styles */ img {max-width: 100% ;} .wrapper {min-width: 0; width: 100%; } .page .header, .page .main-container, .page nav.topmenu{width: 940px; margin: 0 auto;} .main {width: auto;} .header {width: auto} /* Header ------ */ .global-site-notice {width: auto; padding-left: 10px; padding-right: 10px; text-align: center} /* Navigation ------ */ nav.topmenu {width: auto} #topmenuNav > li > a {font-size: 17px;} #topmenuNav ul, #topmenuNav div {top: 47px;} .fixed .nav-container {width: 900px;} #topmenuNav ul li {width: 188px} #topmenuNav > li {height: 52px } #topmenuNav > li.custom-block {} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li {width: 149px} nav.topmenu {min-height: 52px} #topmenuNav > li > a {line-height: 50px} #topmenuNav > li > div.sub-wrapper {width: 940px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > ol > li {width: auto} #topmenuNav li.parent:hover .sub-wrapper{top: 52px;} #topmenuNav ul li.parent li a {font-size: 14px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > .sub-wrapper.lev-4-box-right {right: 155px; padding-right: 15px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper.lev-4-box-right {right: 140px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > .sub-wrapper > ul {width: 210px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > .sub-wrapper > ul > li {width: 180px} #topmenuNav > li > .sub-wrapper > ul > li > ol > li > .sub-wrapper > ul > li > .sub-wrapper {width: 210px} #topmenuNav > li > a {padding: 2px 12px 0px} #nav-container-wrapper.fixed {} .fixed .nav-container {width: 940px} /* Footer ---- */ .footer_column, .copyright {} .fcol_2 {} .fcol_4 {} #col_1 {} .footer_column {width: 940px; padding: 0px} .colf .block-subscribe input.input-text {width: 150px} .colf .block-subscribe .input-box {width: 150px} .copyright {padding: 0px; width: 940px} .colf .socials li {margin-right: 5px} /* Home page ----- */ .banners { width: auto; max-width: 100%;} #featured-products div.slide { width: 292px;} .slider-tabs {font-size: 34px; line-height: 40px;} .homePage {width: 940px} /*.camera_wrap .camera_pag .camera_pag_ul li {margin: 10px 5px} .camera_wrap .camera_pag {margin-left: -470px; max-width: 940px}*/ #new-products, #featured-products, .cms-home .bx-wrapper {width: 940px} #featured-products .home-carousel li.item-slide {width: 292px !important} .bx-wrapper img {width: 100%} /* Category pages ---- */ .col-main { width: 700px;} .col-left {width: 220px} .col2-left-layout .breadcrumbs {width: 585px;} .col1-layout .products-list .product-shop {width: 66%;} .products-grid.two_columns_3 li.item {width: 214px} .products-grid.two_columns_3 li.item {margin: 0px 29px 50px} .products-grid.two_columns_3 li.item.first, .products-grid.two_columns_3 li.item.last {margin-left: 0px; margin-right: 0px} .products-grid.two_columns_4 li.item.first {margin: 0px 0px 50px 0px} .products-grid.two_columns_4 li.item {width: 159px} .products-grid.two_columns_4 li.item {margin: 0px 0px 50px 21px} .products-grid.two_columns_4 li.item.last {margin: 0 0 50px 21px } .products-grid.two_columns_5 li.item.first {margin: 0px 0px 40px 0px} .products-grid.two_columns_5 li.item {width: 125px} .products-grid.two_columns_5 li.item {margin: 0px 0px 40px 18px} .products-grid.one_column_4 li.item.first {margin: 0px 0px 50px 0px} .products-grid.one_column_4 li.item {width: 215px} .products-grid.one_column_4 li.item {margin: 0px 0px 50px 26px} .products-grid.one_column_5 li.item.first {margin: 0px 0px 50px 0px} .products-grid.one_column_5 li.item {width: 168px} .products-grid.one_column_5 li.item {margin: 0 0 50px 25px} .products-grid.one_column_6 li.item {width: 140px; margin: 0px 0px 40px 20px} .products-grid.one_column_6 li.item.first {width: 140px; margin: 0px 0px 40px 0px} .col1-layout .products-list .product-shop {width: 700px} .products-list .product-image-top {width: 220px} .col2-left-layout .products-list .product-shop {width: 460px} .products-list .actions, .products-list .price-box {display: block} .products-list .price-box {overflow: hidden} .products-list .actions {margin-top: 12px; float: none; display: inline-block} .products-list .bg-box {padding: 0px; display: block} .products-list .desc {padding: 11px 0px 7px} .two_columns_3 .product-image-top .actions.hover, .two_columns_4 .product-image-top .actions.hover, .two_columns_5 .product-image-top .actions.hover, .one_column_4 .product-image-top .actions.hover, .one_column_5 .product-image-top .actions.hover, .one_column_6 .product-image-top .actions.hover, .item-slide .product-image-top .actions.hover, #blockrelated li.slide .actions.hover, .box-collateral.box-up-sell .actions.hover {bottom: -1px !important} .two_columns_3 .actions.hover button span, .one_column_4 .actions.hover button span {width: 57px; height: 51px; background: url(../images/btn-cart-4-5-col.png) left top no-repeat} .two_columns_3 .actions.hover button:hover span, .one_column_4 .actions.hover button:hover span {background-position: right top} .two_columns_4 .actions.hover button span, .one_column_5 .actions.hover button span {padding: 0;background: url("../images/theme/icons_sprite.png") no-repeat 0 -300px ; width: 46px; height: 41px; display: block;} .two_columns_4 .actions.hover button:hover span, .one_column_5 .actions.hover button:hover span {background-position: 0 -350px ;} /* Detail Page */ .col1-layout .product-view {} .product-view .product-shop {width: 455px} .product-view .product-img-box {width: 455px } .product-view .ad_links li a {} .more-views {} .product-options-bottom .loadercont {bottom: 45px; right: 265px} .product-view .product-shop button.button {clear: right; margin: 15px 0px 0px} .product-shop .qty-container {margin: 32px 0px 0px} .product-shop .product-options-bottom {padding: 10px 0px 30px} .product-view .row .ratings {margin: 7px 0px 0px} .product-view .row .ratings, .product-view .row .product_id {float: none} #customer-reviews .stars-table {width: 455px} #review-form ul.form-list {width: 455px; margin-top: 17px} #review-form .form-list .field li:first-child {width: 215px} #review-form .form-list .field li:first-child + li {width: 215px} #customer-reviews .buttons-set {width: 455px} #customer-reviews dt {width: 220px} #customer-reviews dd {width: 700px} .product-essential {float: none} .catalog-product-view .no-rating-box {float: none; margin: 7px 0px 0px} .box-collateral.box-related .item-info select {width: 250px} .product-view .add-to-cart-block {padding: 10px 0px 30px; position: relative} .add-to-cart-block .loadercont {bottom: 45px; right: 265px} .dp_custom_block li.slide {width: 292px !important} .review-product-list .add-to-cart-block .loadercont {bottom: 45px; right: 265px} .product-view .box-collateral.box-related + .add-to-cart-block, .product-view .box-collateral.box-related + .product-options-bottom {padding: 15px 0px 30px} .page-empty .product-shop .add-to-cart button {margin: 0px} .zoomContainer {display: none} .product-view .product-img-box .product-image-zoom .zoomWrapper {width: auto !important; height: auto !important} .product-view .product-img-box .product-image-zoom .zoomWrapper img {position: static !important} .product-view .product-img-box .product-image-zoom {width: auto} #upsell-products li {width: 292px !important} /* --------- Tabs */ #review-form input.input-text, #review-form .form-list textarea {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* ---------- Review page */ .review-product-list .product-view .product-img-box {} .review-product-list .product-view .product-shop {} /* Cart Page */ .cart .cart-collaterals .col2-set .col-2 {width:620px;} #discount-coupon-form {width: 300px} .cart .discount, .cart .shipping {width: 278px} .cart .totals {width: 298px} .cart .discount h2, .cart .shipping h2, .cart .totals .totals_header {font-size: 20px;} .cart button.btn-checkout span {font-size: 22px;} .cart .totals .checkout-types .multishipping-link {font-size: 14px} /* Dashboard */ #my-tags-table .ratings .rating-links {float: none; margin-top: 10px;} .col-right {width: 220px} .block-progress dt.complete {white-space: pre-line} .block-progress dt.complete .separator {display: none} .block-progress dt.complete a {display: inline-block; margin: 8px 0px 4px} .wrapper .page .main-container .main .gift-messages-form .form-list .input-text, .wrapper .page .main-container .main .gift-messages-form .form-list textarea {width: 75%} .gift-messages-form .item .details .form-list .field, .gift-messages-form .item .details .form-list .input-box, .gift-messages-form .item .details .form-list li.wide .input-box, .multiple-checkout .gift-messages-form .item .details .form-list .input-box, .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box, .multiple-checkout .gift-messages-form .item .details .form-list .field {width: auto} .cart button.btn-checkout {padding: 0px 15px} #contacts-form-col {width: 700px} #contacts-custom-col {width: 220px} #contacts-custom-col > img:first-child {width: 100%} form#contactForm .form-list li.fields, form#contactForm .form-list li.fields + li, form#contactForm .form-list li.fields + li + li {width: 212px} #product-attribute-specs-table th {max-width: 26%; min-width: 23%} #product-attribute-specs-table td {max-width: 74%; min-width: 51%} .colf .validation-advice {width: 220px} .checkout-multishipping-addresses #multiship-addresses-table ~ .buttons-set p.back-link {margin: 10px 0px 0px 445px} .checkout-multishipping-shipping .buttons-set .back-link {margin: 10px 0px 0px 445px} .checkout-multishipping-billing .buttons-set .back-link {margin: 10px 0px 0px 425px} .multiple-checkout .place-order .grand-total big {min-width: 580px; right: 342px} .checkout-multishipping-overview #checkout-review-submit + .buttons-set {float: none; clear: both} .checkout-multishipping-overview #checkout-review-submit + .buttons-set .back-link {margin: 0px; padding: 12px 0px 0px; float: none} .checkout-multishipping-overview .multiple-checkout .place-order .please-wait {float: none; bottom: -65px; min-width: 250px; padding: 15px 0px 0px; position: absolute; right: 0px; text-align: right} #opc-shipping_method .buttons-set .back-link, .main #opc-payment .buttons-set .back-link {margin-left: 520px} #opc-review #review-buttons-container .f-left {margin-left: 320px} } @media only screen and (max-width:799px) { .page-empty .product-view .product-img-box, .page-empty .product-view .product-shop {float: none} .page-empty .product-view .product-shop {width: auto} } @media only screen and (max-width:979px) { .checkout-multishipping-shipping .box-sp-methods {margin-top: 36px} .checkout-multishipping-shipping .box-sp-methods .pointer {top: -30px} /* general styles */ html { -webkit-text-size-adjust: 100%;} .page .header, .page .main-container, .page nav.topmenu, .nav-cont-mob {max-width: 739px} .nav-cont-mob {margin: 0 auto} nav.topmenu {display: none} div#hidnav {display: block} #accordion.accordion-open {display: block} /* Navigation for Mobile devices ------ */ nav.topmenu {width: 100%; height: auto; min-height: 0;} .nav-container {height: auto; /*overflow: hidden;*/ background: #024B50} .fixed {position: static; padding: 0px; box-shadow: none;} .fixed .nav-container {width: auto;} ul#topmenuNav {display: none;} div#hidnav {max-width: 739px} ul#accordion li a {width: 709px; margin: 0px auto; font-size: 18px} /* Footer ---- */ .colf {background: none; width:48%; display: inline-block; padding-left: 0px; vertical-align: top; letter-spacing: normal; font-size: 15px; line-height: 1.2} #col_3 {margin-left: 0px} #col_2, #col_4 {margin-left: 3%} #col_3, #col_4 {border-top: 1px solid #78b7b3} .colf .footer-block {padding: 0px} .footer {position: relative} .copyright, .footer_column {width: 739px; padding: 0px} .footer_column {font-size: 0px; letter-spacing: -5px; line-height: 0px; display: block} .colf .block-subscribe .input-box {width: 65%} .colf .block-subscribe input.input-text {width: 100%} #resp-line {display: block} .colf .subscribe-footer {padding: 10px 0px 0px} .colf .validation-advice {font-size: 10px; width: 350px} .cam-home .slider-container {margin-top: 30px} /* Home page ----- */ #featured-products div.slide { width: 225px} #featured-products .slider-tabs {font-size: 27px; line-height: 30px} .homePage, #new-products, #featured-products, .cms-home .bx-wrapper {width: 739px} #featured-products .home-carousel li.item-slide {width: 225px !important} /* Category pages ---- */ .col2-left-layout .breadcrumbs {position: static; float: none; width: auto;} .col2-left-layout .col-main, .checkout-onepage-index .col-main, .col2-right-layout .col-main {width: 100%; float: none;} .page-title h1, .page-title h2 {} .col-left, .col-right { float: none; width: 100%; padding: 0; margin-top: 30px;} .col-left .bx-wrapper, .col-right .bx-wrapper {width: 270px; } .products-grid.two_columns_3 li.item {margin: 0px 8px 50px} .products-grid.two_columns_3 li.item {width: 229px} .products-grid.two_columns_3 li.item.last {margin: 0px 8px 50px} .products-grid.two_columns_3 li.item.first {margin: 0px 8px 50px} .products-grid.two_columns_4 li.item {width: 229px} .products-grid.two_columns_4 li.item {margin: 0px 8px 50px} .products-grid.two_columns_4 li.item.last {margin: 0px 8px 50px} .products-grid.two_columns_4 li.item.first {margin: 0px 8px 50px} .products-grid.two_columns_5 li.item {width: 229px} .products-grid.two_columns_5 li.item {margin: 0px 8px 50px} .products-grid.two_columns_5 li.item.last {margin: 0px 8px 50px} .products-grid.two_columns_5 li.item.first {margin: 0px 8px 50px} .products-grid.one_column_4 li.item, .products-grid.one_column_5 li.item, .products-grid.one_column_6 li.item {width: 229px; margin: 0px 8px 50px} .products-grid.one_column_5 li.item.last, .products-grid.one_columns_6 li.item.last, .products-grid.one_column_4 li.item.last {margin: 0px 8px 50px} .products-grid.one_column_5 li.item.first, .products-grid.one_column_6 li.item.first, .products-grid.one_column_4 li.item.first {margin: 0px 8px 50px; width: 229px} .products-grid.two_columns_4 .product-name, .products-grid.one_column_5 .product-name{margin-top: 10px; font-size: 18px} .products-grid.two_columns_4 .regular-price .price, .products-grid.one_column_5 .regular-price .price {display: block; margin-top: 6px; font-size: 22px} .products-grid.two_columns_4 .special-price, .products-grid.one_column_5 .special-price {display: inline-block; margin: 6px 0px 0px 2px; font-size: 22px; color: #f83a3a} .products-grid.two_columns_4 .old-price, .products-grid.one_column_5 .old-price {display: inline-block; font-size: 15px; margin: 0px} .products-grid.two_columns_4 .old-price .price, .products-grid.one_column_5 .old-price .price {text-decoration: line-through} .products-grid.two_columns_4 .minimal-price .price-label, .products-grid.one_column_5 .minimal-price .price-label {display: inline-block; font-size: 18px} .products-grid.two_columns_4 .minimal-price .price, .products-grid.one_column_5 .minimal-price .price {display: inline-block; margin: 8px 0px 0px; font-size: 18px} .products-grid.two_columns_4 .minimal-price-link, .products-grid.one_column_5 .minimal-price-link {} .products-grid.two_columns_4 .minimal-price-link .price, .products-grid.one_column_5 .minimal-price-link .price {font-size: 18px} .products-grid.two_columns_4 .minimal-price-link .label, .products-grid.one_column_5 .minimal-price-link .label {font-size: 18px} .products-grid.two_columns_4 .price-from, .products-grid.one_column_5 .price-from {margin: 6px 0px 0px} .products-grid.two_columns_4 .price-from .price-label, .products-grid.one_column_5 .price-from .price-label {font-size: 18px} .products-grid.two_columns_4 .price-from .price, .products-grid.one_column_5 .price-from .price {font-size: 22px} .products-grid.two_columns_4 .price-to .price-label, .products-grid.one_column_5 .price-to .price-label {font-size: 18px} .products-grid.two_columns_4 .price-to .price, .products-grid.one_column_5 .price-to .price{font-size: 18px} .products-grid.two_columns_5 .product-name, .products-grid.one_column_6 .product-name{margin-top: 10px; font-size: 18px} .products-grid.two_columns_5 .regular-price .price, .products-grid.one_column_6 .regular-price .price {display: block; margin-top: 6px; font-size: 22px} .products-grid.two_columns_5 .special-price, .products-grid.one_column_6 .special-price {display: inline-block; margin: 6px 0px 0px 2px; font-size: 22px; color: #f83a3a} .products-grid.two_columns_5 .old-price, .products-grid.one_column_6 .old-price {display: inline-block; font-size: 15px; margin: 0px} .products-grid.two_columns_5 .old-price .price, .products-grid.one_column_6 .old-price .price {text-decoration: line-through} .products-grid.two_columns_5 .minimal-price .price-label, .products-grid.one_column_6 .minimal-price .price-label {display: inline-block; font-size: 18px} .products-grid.two_columns_5 .minimal-price .price, .products-grid.one_column_6 .minimal-price .price {display: inline-block; margin: 8px 0px 0px; font-size: 18px} .products-grid.two_columns_5 .minimal-price-link, .products-grid.one_column_6 .minimal-price-link {} .products-grid.two_columns_5 .minimal-price-link .price, .products-grid.one_column_6 .minimal-price-link .price {font-size: 18px} .products-grid.two_columns_5 .minimal-price-link .label, .products-grid.one_column_6 .minimal-price-link .label {font-size: 18px} .products-grid.two_columns_5 .price-from, .products-grid.one_column_6 .price-from {margin: 6px 0px 0px} .products-grid.two_columns_5 .price-from .price-label, .products-grid.one_column_6 .price-from .price-label {font-size: 18px} .products-grid.two_columns_5 .price-from .price, .products-grid.one_column_6 .price-from .price {font-size: 22px} .products-grid.two_columns_5 .price-to .price-label, .products-grid.one_column_6 .price-to .price-label {font-size: 18px} .products-grid.two_columns_5 .price-to .price, .products-grid.one_column_6 .price-to .price{font-size: 18px} .two_columns_4 .availability.out-of-stock, .one_column_5 .availability.out-of-stock, .two_columns_5 .availability.out-of-stock, .one_column_6 .availability.out-of-stock {line-height: 41px; font-size: 15px; padding: 0px 15px; float: left; border-left: 1px solid #f6f4f4; border-top: 1px solid #f6f4f4; margin: 0px;} .two_columns_4 .product-image-top .actions.hover, .one_column_5 .product-image-top .actions.hover {bottom: -61px} .two_columns_4 .actions.hover button span, .one_column_5 .actions.hover button span {width: 57px; height: 51px; background: url(../images/btn-cart-4-5-col.png) left top no-repeat} .two_columns_4 .actions.hover button:hover span, .one_column_5 .actions.hover button:hover span { background-position: right top} .two_columns_5 .product-image-top .actions.hover, .one_column_6 .product-image-top .actions.hover {bottom: -61px} .two_columns_5 .actions.hover button span, .one_column_6 .actions.hover button span, #blockrelated li.slide .actions.hover button span {width: 57px; height: 51px; background: url(../images/btn-cart-4-5-col.png) left top no-repeat} .two_columns_5 .actions.hover button:hover span, .one_column_6 .actions.hover button:hover span, #blockrelated li.slide .actions.hover button:hover span { background-position: right top} .products-grid.two_columns_4 li.item .label-new, .products-grid.two_columns_5 li.item .label-new, .products-grid.two_columns_4 li.item .label-sale, .products-grid.two_columns_5 li.item .label-sale, .products-grid.one_column_4 li.item .label-new, .products-grid.one_column_5 li.item .label-new, .products-grid.one_column_4 li.item .label-sale, .products-grid.one_column_5 li.item .label-sale, .products-grid.one_column_6 li.item .label-sale, .products-grid.one_column_6 li.item .label-new {background: url("../images/theme/icons_sprite.png") 0px -176px no-repeat; height: 62px; margin: 0px; position: absolute; right: 10px; top: 10px; width: 62px; z-index: 2} .products-grid.two_columns_4 li.item .label-sale, .products-grid.two_columns_5 li.item .label-sale, .products-grid.one_column_5 li.item .label-sale, .products-grid.one_column_6 li.item .label-sale {background-position: 0px -238px} .category-products .two_columns_5 .quick-view, .category-products .one_column_6 .quick-view {font-size: 15px; width: 100px; margin-left: -50px} .col2-left-layout .products-list .product-shop, .col1-layout .products-list .product-shop {width: 490px} .ui-slider {width: 96%} .item-slide .actions.hover button span, .page #upsell-products li .actions.hover button span {width: 57px; height: 51px; background: url(../images/btn-cart-4-5-col.png) left top no-repeat} .item-slide .actions.hover button:hover span, .page #upsell-products li .actions.hover button:hover span {background-position: right top} /* Detail Page */ .dp_custom_block {} .col1-layout .product-view {} .product-view .product-img-box, .review-product-list .product-view .product-img-box {} .col1-layout .product-view .product-shop { } .more-views {} #customer-reviews .buttons-set {display: block} /*zoom*/ .mousetrap {display: none} #wrap a {cursor: default} .zoomPad {cursor: default} .zoomWrapper {width: 100% !important} #upsell-products li {width: 225px !important} /*---*/ .product-view .product-img-box, .review-product-list .product-view .product-img-box {float: none; width: 584px} .col1-layout .product-view .product-shop {width: auto; float: none; margin: 30px 0px 0px} .product-view .product-shop button.button {clear: none; margin: 0px 10px 0px 0px} .product-shop .qty-container {margin: 17px 0px 0px} .product-options-bottom .loadercont, .add-to-cart-block .loadercont{bottom: 45px; right: 413px} .review-product-list .add-to-cart-block .loadercont {bottom: 45px; right: 360px} .product-view .box-collateral.box-related + .add-to-cart-block, .product-view .box-collateral.box-related + .product-options-bottom {padding: 30px 0px} .box-collateral.box-related .item-info select {width: 100%} .dp_custom_block li.slide {width: 225px !important} .product-shop .product-options-bottom {padding: 25px 0px 30px} .product-shop .product-options.tier-prices-options-box select {width: 50%} .product-view .add-to-cart-block {padding: 25px 0px 30px} /* ------------ tabs */ #review-form .data-table td, #review-form .data-table th {min-width: 45px;} #review-form .form-list .field li {width: 100%; float: none;} #review-form .form-list .field li:first-child {float: none;} #review-form .form-list input.input-text {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #customer-reviews dd, #customer-reviews dt {width: auto; float: none} #customer-reviews .stars-table, #review-form ul.form-list,#customer-reviews .buttons-set {width: 584px; float: none} #review-form .form-list .field li:first-child {float: left; width: 276px} #review-form .form-list .field li:first-child + li {float: right; width: 276px} /* Cart Page */ #discount-coupon-form, .cart .shipping, .cart .cart-collaterals .col2-set, .cart .totals, .cart .cart-collaterals .col2-set .col-2, .cart .discount {width: auto; float: none} .cart .discount, .cart .shipping {margin: 0px 0px 60px} .cart button.btn-checkout {padding: 0px 20px} .cart .totals .checkout-types .multishipping-link {font-size: 15px} /* --- Contact Us */ #contacts-form-col {float: none; width: auto} #contacts-custom-col {float: none; margin: 30px 0px 0px} form#contactForm .form-list li.fields, form#contactForm .form-list li.fields + li, form#contactForm .form-list li.fields + li + li {width: 225px} .wrapper .page .camera_pag {left: auto; margin: 0px; right: 5%; bottom: 0} .col1-layout .product-view {padding-top: 61px; position: relative} .product-navigation {position: absolute; left: 0px; top: 0px} .review-product-list .col1-layout .product-view {padding-top: 0px} #contacts-custom-col {width: auto} #contacts-custom-col > img:first-child {width: auto} .checkout-multishipping-addresses #multiship-addresses-table ~ .buttons-set p.back-link {margin: 10px 0px 0px 240px} .checkout-multishipping-shipping .buttons-set .back-link {margin: 10px 0px 0px 240px} .checkout-multishipping-billing .buttons-set .back-link {margin: 10px 0px 0px 220px} .multiple-checkout .place-order .grand-total big {min-width: 450px; right: 272px; } #opc-shipping_method .buttons-set .back-link, .main #opc-payment .buttons-set .back-link {margin-left: 570px} #opc-review #review-buttons-container .f-left {margin-left: 370px} } @media only screen and (max-width: 768px) { .cms-home .main-container .main {width: auto; max-width: 738px; padding: 10px 0px 0px} .main-container .main {width: auto; max-width: 738px; padding: 30px 0px 60px} .page .header, .page .main-container, .page nav.topmenu {width: auto; max-width: 738px; padding: 0px 15px} .header_right {min-width: 40%} .header .logo {float: none} div#logo {width: 40%} .currency-dd {left: 0px} .homePage {width: auto} .cms-home .bx-wrapper {width: auto} #featured-products .home-carousel li.item-slide {width: 205px !important} /* Navigation ------ */ .camera_prev, .camera_next {width: 74px; height: 59px; margin-top: -29px} .camera_prev > span {background: url(../images/camera_arrows-768px.png) 0% 0% no-repeat; width: 74px; height: 59px} .camera_next > span {background: url(../images/camera_arrows-768px.png) 100% 0% no-repeat; width: 74px; height: 59px} #featured-products .bx-controls.bx-has-controls-direction {right: 15px} #new-products h2, #featured-products h2 {margin: 0 15px 30px 0} /* Footer ---- */ .block-2 > div {float: none; width: 100%; margin-bottom: 20px;} .footer-container .footer address.ts {float: none;} .fcol_2{width:100%; } .fcol_3{width:100%; } .fcol_4 {width:100%;} /* Home page ----- */ #featured-products div.slide {width: 205px; margin: 0px 30px 0px 0px} #carousel-content-product-new, #carousel-content-product-featured {} #featured-products {width: 441px; margin: 50px auto} #featured-products .label-sale, #featured-products .label-new, #upsell-products .label-sale, #upsell-products .label-new {width: 50px; height: 50px; background: url(../images/sale-new-4-5-col.png) no-repeat; right: 5px; top: 5px} #featured-products .label-sale {background-position: right top} #featured-products .label-new {background-position: left top} #featured-products .product-name, #upsell-products .product-name{margin-top: 10px; font-size: 15px} #featured-products .regular-price .price, #upsell-products .regular-price .price {display: block; margin-top: 6px; font-size: 17px} #featured-products .special-price, #upsell-products .special-price {display: inline-block; margin: 6px 0px 0px 2px; font-size: 17px; color: #f83a3a} #featured-products .old-price, #upsell-products .old-price {display: inline-block; font-size: 12px; margin: 0px} #featured-products .old-price .price, #upsell-products .old-price .price {text-decoration: line-through} #featured-products .minimal-price .price-label, #upsell-products .minimal-price .price-label {display: inline-block; font-size: 15px} #featured-products .minimal-price .price, #upsell-products .minimal-price .price {display: inline-block; margin: 6px 0px 0px; font-size: 15px} #featured-products .minimal-price-link {} #featured-products .minimal-price-link .price, #upsell-products .minimal-price-link .price {font-size: 15px} #featured-products .minimal-price-link .label, #upsell-products .minimal-price-link .label {font-size: 15px} #featured-products .price-from, #upsell-products .price-from {margin: 6px 0px 0px} #featured-products .price-from .price-label, #upsell-products .price-from .price-label {font-size: 15px} #featured-products .price-from .price, #upsell-products .price-from .price {font-size: 17px} #featured-products .price-to .price-label, #upsell-products .price-to .price-label {font-size: 15px} #featured-products .price-to .price, #upsell-products .price-to .price {font-size: 15px} #featured-products .product-image-top .actions.hover, #upsell-products .product-image-top .actions.hover {bottom: -51px} #featured-products .product-image-top .actions.hover button span, #upsell-products .product-image-top .actions.hover button span {background: url("../images/btn-cart-4-5-col.png") no-repeat scroll left top; height: 51px; width: 57px} #featured-products .product-image-top .actions.hover button:hover span, #upsell-products .product-image-top .actions.hover button:hover span {background-position: right top} #featured-products .slide:hover .actions.hover, #upsell-products .slide:hover .actions.hover {bottom: -1px} .footer_column {width: auto} .footer_column .colf:first-child {padding: 20px 15px} .colf {padding: 20px 15px; width: auto; display: block;} #col_2 {border-top: 1px solid #78b7b3} #col_2 .footer-block-content {margin-bottom: 0px} #col_2, #col_4 {margin: 0px} .copyright, .footer_column {width: auto} .footer-container .footer address {line-height: 25px; padding: 0px 15px} /* Category pages ---- */ .two_columns_3 .actions.hover, .one_column_4 .actions.hover, .item-slide .actions.hover {} .products-list li.item {} .products-list .product-image-top {float: none; width: 60%} .products-list .product-image-top img {width: 100%} .products-list .product-shop, .col1-layout .products-list .product-shop {float: none; width: 100%; margin-top: 15px;} .col2-left-layout .products-list .product-shop, .col1-layout .products-list .product-shop {width: auto} .products-grid.two_columns_3 li.item, .products-grid.two_columns_4 li.item, .products-grid.two_columns_5 li.item {width: 42%; margin: 0px 4% 50px} .products-grid.two_columns_3 li.item.first, .products-grid.two_columns_4 li.item.first, .products-grid.two_columns_5 li.item.first {width: 42%; margin: 0px 4% 50px} .products-grid.two_columns_3 li.item.last, .products-grid.two_columns_4 li.item.last, .products-grid.two_columns_5 li.item.last {width: 42%; margin: 0px 4% 50px} .products-grid.one_column_4 li.item, .products-grid.one_column_5 li.item, .products-grid.one_column_6 li.item {width: 42%; margin: 0px 4% 50px} .products-grid.one_column_4 li.item.first, .products-grid.one_column_5 li.item.first, .products-grid.one_column_6 li.item.first {width: 42%; margin: 0px 4% 50px} .products-grid.one_column_4 li.item.last, .products-grid.one_column_5 li.item.last, .products-grid.one_column_6 li.item.last {width: 42%; margin: 0px 4% 50px} .category-products .products-list {margin-bottom: 30px} .products-list .bg-box {display: block; overflow: hidden} .pager .pages, .pager .amount {float: none} .products-list .ratings .rating-links {float: none} .toolbar .pager .amount {margin: 0px} /* Detail Page */ .product-view .product-img-box {max-width: 100%;padding: 0; width: 360px; margin: 0 auto 15px; float: none; text-align: center; } .more-views {padding: 0 40px;} .product-view .bxslider li {width: 126px !important;} .product-view .product-shop, .col1-layout .product-view .product-shop { width: 100%; margin-top: 20px; } .product-view .product-img-box {margin: 0px 0px 15px; max-width: none; width: 60%; text-align: left} .col1-layout .product-view {padding-top: 61px; position: relative} .product-navigation {position: absolute; left: 0px; top: 0px} #customer-reviews .stars-table, #review-form ul.form-list, #customer-reviews .buttons-set {width: auto} #review-form .form-list .field li:first-child {float: none; width: auto} #review-form .form-list .field li:first-child + li {float: none; width: auto; margin-top: 12px} .product-collateral .box-collateral.box-tags form {width: auto} .box-collateral.box-tags .form-add {max-width: none; width: auto} .product-view .ad_links {float: none} .product-view .product-shop button.button {margin: 15px 0px 0px} .product-shop .qty-container {margin: 32px 0px 0px} .product-options-bottom .loadercont, .add-to-cart-block .loadercont {bottom: 45px; right: 240px} #product-attribute-specs-table tbody th, #product-attribute-specs-table tbody td {display: block; min-width: 0px; max-width: none; padding: 8px} #product-attribute-specs-table tbody tr {display: block} #product-attribute-specs-table {width: 100%; border-bottom: none} .product-img-box .bx-wrapper .bx-viewport {width: 138px !important} .wrapper .page .product-img-box .bx-wrapper {max-width: 138px !important} .product-thumbs {width: 136px !important} .more-views {padding: 0px 33px} .dp_custom_block li.slide {width: 210px !important} .dp_custom_block .block-related .bx-viewport {width: 451px !important; margin: 0px auto} #upsell-products li {width: 205px !important} .box-collateral.box-up-sell {width: 441px; margin: 100px auto 0} /*.catalog-product-view .loadercont {bottom: 130px;}*/ /* ------------ tabs */ ul.tabs li a {font-size: 20px; line-height: 40px; padding: 0 12px;} #review-form ul.form-list, #review-form .buttons-set, .stars-table {float: none; width: auto} #upsell-products .label-sale, #upsell-products .label-new, #featured-products .label-sale, #featured-products .label-new {url("../images/sale-new-4-5-col.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 50px; height: 50px} #upsell-products .label-new, #featured-products .label-new {background-position: left top} #featured-products .label-sale + .label-new, #featured-products .label-new + .label-sale, #upsell-products .label-sale + .label-new, #upsell-products .label-new + .label-sale {top: 60px} /* Review page */ .review-product-list .col1-layout .product-view {padding: 0px} .review-product-list .product-view .product-img-box {width: 60%} .review-product-list .add-to-cart-block .loadercont {bottom: 45px; right: 265px} /* Cart Page */ .cart-table .product-name {margin: 0;} #shopping-cart-table .btn-update {float: none;} #shopping-cart-table td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} #shopping-cart-table tbody tr td:first-child {padding-left: 10px} #shopping-cart-table col {width: auto} #shopping-cart-table tfoot td {border-bottom: 1px solid #ebebeb; padding: 15px 10px} #shopping-cart-table .btn-update {float: none; margin: 0px} #shopping-cart-table tbody tr.last td {border-bottom: 0px !important} .cart-table .btn-continue {margin-left: 30px} .cart .cart-collaterals .col2-set, .cart .totals {width: 100%; float: none;} /* Checkout */ #opc-payment .sp-methods .form-list {width: auto} #checkout-review-table col {width: auto} /* Dashboard */ #my-orders-table tbody td.last {} #my-orders-table td.a-right {text-align: left !important;} #my-orders-table h3.product-name {display: inline-block;} #my-orders-table .price-excl-tax .price, #my-orders-table .price-excl-tax {display: inline;} #my-orders-table span.m_title {min-width: 120px;} #my-orders-table tfoot tr td:first-child {background: #f4f3f3;} .sales-order-view #my-orders-table td, .sales-order-view #my-orders-table th {border-right: 0;} /* Tables */ .data-table.responsive tr, .my-account .data-table tr, .opc .data-table tr { display: block; } .data-table.responsive tr td, .my-account .data-table tr td, .opc .data-table tr td { display: block; overflow: hidden;} .data-table.responsive tr td.a-center, .my-account .data-table tr td.a-center, .opc .data-table tr td.a-center {text-align: left !important;} .data-table.responsive .btn-remove2, .my-account .data-table .btn-remove2, .opc .data-table .btn-remove2 { margin: 0;} span.m_title {display: inline-block; min-width: 80px; margin-right: 15px} #shopping-cart-table thead, #my-orders-table thead, .multiple-checkout .responsive thead, .my-account .data-table thead, .opc .data-table thead {display: none;} /* -------------- tables without thead */ #my-reviews-table, #my-reviews-table tbody {display: block;} /* #product-review-table {display: table;} #product-review-table tr {display: table-row;}*/ #product-review-table tr td {float: none;} /* FORMS */ form.double { width: 100%; max-width: 400px; margin: 0 auto;} form.double .form-list .field:first-child {margin-bottom: 10px;} form.double .form-list .field, .col2-left-layout form.double .form-list .field {width: 100%;} form.double .form-list .input-box, .col2-left-layout form.double .form-list li.wide .input-box, .col2-left-layout form.double .form-list .input-box {width: 100%;} form.double .buttons-set {padding-right: 0;} .form-list input.input-text, .form-list textarea, .form-list select, .col2-left-layout form.double .form-list input.input-text {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* --- Contact Us */ #contactForm, .contact_right {float: none; width: 100%;} /* --- 404 page */ .not-found div.err404 p {font-size: 20px;} .not-found div.err404 h1 {font-size: 150px;} /* Multiple Addresses Checkout */ #checkout-progress-state li {float: none; width: 100%;} .col2-set .col-narrow, .col2-set .col-wide {width: 100%; float: none;} .multiple-checkout span.m_title {font-size: 13px; float: left;} .multiple-checkout .responsive tbody tr td:first-child {} .multiple-checkout .responsive tbody tr.last {} .multiple-checkout .responsive tfoot {border-bottom: none; } .multiple-checkout .col3-set .col-1 {float: none; width: 100%;} .multiple-checkout .a-right {text-align: left !important;} .multiple-checkout .place-order .grand-total, .multiple-checkout .place-order .grand-total .inner {background: none; height: auto;} .multiple-checkout .place-order .grand-total button.button span {/*border: none; line-height: 32px; height: 32px;*/} #multiship-addresses-table tbody tr td:first-child + td {text-align: left} #multiship-addresses-table td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} #multiship-addresses-table tbody tr.last td.last {border-bottom: 1px solid #ebebeb} #multiship-addresses-table tfoot td {border: 0px; text-align: right !important} #multiship-addresses-table .product-name a {text-transform: uppercase} #multiship-addresses-table col {width:auto} .checkout-multishipping-addresses .page-title h1 {margin-bottom: 26px; margin-right: 15px} .checkout-progress li {margin: 0px 0px 10px; padding: 5px 0px 0px} .checkout-multishipping-addresses .buttons-set {position: relative} .checkout-multishipping-addresses .buttons-set .back-link {float: none; position: absolute; margin: 0px; right: 0px; top: 46px} .buttons-set button.button {float: none} form.double {max-width: none} #checkout-progress-state ~ #form-validate .fieldset {width: auto} .wrapper .page .main-container .main .gift-messages-form .form-list .input-text, .wrapper .page .main-container .main .gift-messages-form .form-list textarea {width: 100%} .multiple-checkout .gift-messages-form .item .details .form-list li {margin-right: 0px} .checkout-multishipping-shipping .main-container table td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 8px} .checkout-multishipping-shipping .main-container table col {width: auto} .checkout-multishipping-shipping .main-container table span.m_title {min-width: 0px} .checkout-multishipping-shipping .buttons-set {position: relative} .checkout-multishipping-shipping .buttons-set .back-link {float: none; position: absolute; margin: 0px; right: 0px; top: 51px} .checkout-multishipping-billing .buttons-set {position: relative} .checkout-multishipping-billing .buttons-set .back-link {float: none; position: absolute; margin: 0px; right: 0px; top: 51px} .checkout-multishipping-billing .sp-methods .form-list {width: auto} .checkout-multishipping-address-selectbilling .page-title h1 {margin-bottom: 22px; margin-right: 15px} .checkout-multishipping-shipping table tr.last td.last{border-bottom: 1px solid #ebebeb} .col3-set .col-2, .col3-set .col-3 {margin: 26px 0px 0px; float: none; width: auto} .col2-set .col-1, .col2-set .col-2 {float: none; width: auto} .col2-set .col-2 {margin-top: 17px} .checkout-multishipping-overview #checkout-review-submit {float: none; text-align: right; position: relative} .checkout-multishipping-overview #checkout-review-submit + .buttons-set, .checkout-multishipping-overview .buttons-set .back-link {float: none} .checkout-multishipping-overview .main-container .main table col {width: auto} .checkout-multishipping-overview .main-container .main table tbody td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 10px} .checkout-multishipping-overview .main-container .main table tfoot td:first-child {border-right: 1px solid #ebebeb; padding-left: 0px; -moz-box-sizing: border-box; box-sizing: border-box; width: 65%; float: left} .checkout-multishipping-overview .main-container .main table tfoot td:first-child + td {padding-right: 0px; -moz-box-sizing: border-box; box-sizing: border-box; width: 35%; float: right; text-align: right !important} .checkout-multishipping-overview .main-container .main table tfoot {border-top: 1px solid #ebebeb} .checkout-multishipping-overview .multiple-checkout .place-order .please-wait {float: none; position: absolute; bottom: -60px; right: 0px} .checkout-multishipping-address-selectbilling .buttons-set .back-link {float: none} /* ======= Checkout */ #checkout-review-table td.a-right {text-align: left !important;} #checkout-review-table .m_title {font-size: 13px;} .form-list li.wide input.input-text {width: 100%;} #opc-review .product-name {font-weight: bold} #opc-review #checkout-review-table tfoot td:first-child + td {text-align: right !important} #opc-review #checkout-review-table tfoot td:first-child {width: 65%; float: left; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 0px} #opc-review #checkout-review-table tfoot td:first-child + td {width: 35%; float: right; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 0px} div.alert {margin-left: -210px; width: 300px} .page-popup #product_comparison td, .page-popup #product_comparison tr {display: block} /*.page-popup #product_comparison thead, .page-popup #product_comparison tbody th {display: none}*/ .page-popup #product_comparison thead {display: none} .page-popup #product_comparison thead + tbody > tr:first-child > th:first-child {display: none} .page-popup #product_comparison tbody th {display: block; border-right: 1px solid #ccc} .page-popup #product_comparison col {width: auto} .page-popup #product_comparison tbody td {border-right: 1px solid #ccc} .page-popup #product_comparison .add-to-links {text-align: center} .page-popup #product_comparison .black-border > tr:first-child > th:first-child {display: none} /* Account */ .dashboard .box-recent #my-orders-table tbody td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 8px} .dashboard .box-recent #my-orders-table col {width: auto} .dashboard .box-recent #my-orders-table tbody td:first-child {font-weight: bold} .dashboard .box-recent #my-orders-table tr.last td.last {border-bottom: 1px solid #ebebeb} .dashboard .box-info .box-head + .col2-set .col-1, .dashboard .box-info .col2-set + .col2-set .col-2 {margin-top: 24px} .my-account .pager .amount {float: left} .sales-order-history #my-orders-table col {width: auto} .sales-order-history #my-orders-table td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 8px} .sales-order-history #my-orders-table tbody td:first-child {font-weight: bold} .sales-order-history #my-orders-table tbody tr.last td.last {border-bottom: 1px solid #ebebeb} .sales-order-view .page-title h1 {margin-bottom: 15px} .sales-order-view .order-info-box .col-2 {margin-top: 24px} .sales-order-view #my-orders-table col {width: auto} .sales-order-view #my-orders-table {margin-bottom: 15px; border-top: 1px solid #ebebeb} .sales-order-view #my-orders-table .option-label-parent-tr td, .sales-order-view #my-orders-table .option-value-parent-tr td {background: #fff} .sales-order-view #my-orders-table span.m_title {display: none} .sales-order-view #my-orders-table tbody td {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} #my-orders-table tfoot tr td:first-child {background: #fff; padding-left: 0px; width: 65%; float: left; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #ebebeb} #my-orders-table tfoot tr td:first-child + td {padding-right: 0px; width: 35%; float: right; -moz-box-sizing: border-box; box-sizing: border-box; text-align: right !important} .customer-account-edit #form-validate, .customer-account-edit #form-validate .buttons-set {width: auto} .my-account #form-validate .fieldset {width: auto} .customer-address-index .back-link {margin-top: 12px} .sales-order-view .order-additional.order-gift-message {margin: 24px 0px 15px} .sales-order-view .product-name + .gift-message-link {margin-left: 15px} .pager .limiter select {width: 60px} .billing-agreements .form-list {width: auto} .review-customer-index #my-reviews-table col {width: auto} .review-customer-index #my-reviews-table td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 8px} .review-customer-index #my-reviews-table tbody td:first-child {font-weight: bold} .review-customer-index #my-reviews-table tbody tr.last td.last {border-bottom: 1px solid #ebebeb} .tag-customer-view #my-tags-table col {width: auto} .tag-customer-view #my-tags-table tbody td {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding: 10px} .tag-customer-view #my-tags-table .add-to-links {text-align: left} .tag-customer-view #my-tags-table .availability.out-of-stock{text-align: left} .tag-customer-view #my-tags-table {border-bottom: 1px solid #ebebeb} #wishlist-table .cart-cell {text-align: left} #wishlist-table tbody td {padding: 10px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 0px} #wishlist-table tbody tr.last td.last {border-bottom: 1px solid #ebebeb} .my-wishlist textarea {width: 100%} .my-wishlist .buttons-set button.button {margin-bottom: 15px} /*empty-cells-bundle*/ .sales-order-view .data-table tbody tr:first-child ~ tr:nth-child(even) td:first-child ~ td, .sales-order-view .data-table tbody tr:first-child:not([class]) > td:nth-child(4), .sales-order-view .data-table tbody tr:first-child ~ tr:nth-child(odd) td:nth-child(3), .sales-order-view .data-table tbody tr:first-child ~ tr:nth-child(odd) td:last-child { display: none; } /*.sales-order-view .data-table tbody tr:first-child ~ tr:nth-child(odd) td:first-child { border-top-style: dotted; }*/ /*--------*/ /* Contact */ form#contactForm .form-list li.fields, form#contactForm .form-list li.fields + li, form#contactForm .form-list li.fields + li + li {width: auto} .page .main form#contactForm .form-list li {float: none; margin-left: 0px} .checkout-multishipping-addresses #multiship-addresses-table ~ .buttons-set p.back-link {margin: 10px 0px 0px} .multiple-checkout .place-order .grand-total big {margin: 0px 30px 0px 0px; position: static; min-width: 0px} #opc-shipping_method .buttons-set .back-link, .main #opc-payment .buttons-set .back-link {float: none; margin: 0px 0px 12px} #opc-review #review-buttons-container .f-left {margin-left: 0px} #addprod-msg {width: 340px; margin-left: -200px} #addprod-btn a {margin: 0 15px 15px} .product-view .product-img-box .product-image-zoom {width: auto} } @media only screen and (max-width: 600px) { .category-products .sorter .limiter {display: none} .camera_prev, .camera_next {display: none} .products-grid.two_columns_3 li.item .label-new, .products-grid.two_columns_4 li.item .label-new, .products-grid.two_columns_5 li.item .label-new, .products-grid.one_column_4 li.item .label-new, .products-grid.one_column_5 li.item .label-new, .products-grid.one_column_6 li.item .label-new {height: 50px; width: 50px; background: url("../images/sale-new-4-5-col.png") left top no-repeat; right: 5px; top: 5px} .products-grid.two_columns_3 li.item .label-sale, .products-grid.two_columns_4 li.item .label-sale, .products-grid.two_columns_5 li.item .label-sale, .products-grid.one_column_4 li.item .label-sale, .products-grid.one_column_5 li.item .label-sale, .products-grid.one_column_6 li.item .label-sale {height: 50px; width: 50px; background: url("../images/sale-new-4-5-col.png") right top no-repeat; right: 5px; top: 5px} .multiple-checkout .place-order .grand-total big {display: block; margin-right: 0px} .multiple-checkout .place-order .grand-total .inner div {display: block; margin: 15px 0px 7px} .camera_wrap {height: 135px !important; float: none !important} .camera_wrap img {height: 135px !important; width: auto !important; left: 50% !important; margin-left: -285px !important} .camera_pie canvas {display: none !important} .camera_pag {bottom: -15px; right: 3%} } @media only screen and (max-width: 480px) { /* general styles */ .body, .wrapper {background: none;} .page-title h1, .page-title h2 {font-size: 24px;} .header {text-align: center} .header .links {margin: 0px; display: inline-block; float: none} .header .currLang {float: none; text-align: left} .header .currLang .form-language, .header .currLang .block-currency {margin-left: 0px} .header .currLang .block-currency {float: left} .header .currLang .form-language {float: right; clear: none} .topHeader {float: none} .header_right {float: none; clear: none; display: inline-block} .header .quick-access {margin: 30px 0px 0px} .cart-top-container .cart-top, .compare-top, .search-top {padding-bottom: 8px} #nav-container-wrapper.fixed {position: static !important} .camera_wrap {height: 114px !important; float: none !important} .camera_wrap img {height: 114px !important; width: auto !important; left: 50% !important; margin-left: -240px !important} .camera_pie canvas {display: none !important} .camera_pag {bottom: -15px; right: 3%} #featured-products .home-carousel li.item-slide {width: 276px !important} .quick-view {display: none !important} /*.camera_wrap {z-index: 100000000000;-webkit-transform:translateZ(0)}.banners {background: none; overflow: visible} .camera_wrap img {position: static !important}*/ .topHeader {width: auto} /* Header ------ */ div#logo {width: auto; float: none; padding: 20px 0px 0px} /* Navigation ------ */ ul#accordion li a, div#hidnav {font-size: 20px;} /*General*/ .main-container .main {margin: 0px auto; max-width: 100%; padding: 30px 15px 0px; width: auto} .cms-home .main-container .main {padding: 10px 0px 0px} .page .main-container {width: 100%; padding: 0px 0px 60px} .main .col-main {margin: 0px; width: auto} #search_autocomplete {display: none !important} #toTop {display: none !important} /* Footer ---- */ .footer-links ul {float: none; width: 100%; border-left: 0; padding-left: 0;} .colf .block-subscribe .input-box {width: 160px;} .colf .block-subscribe input.input-text {width: 152px;} .colf .validation-advice {width: 277px} .colf .block-subscribe .input-box, .colf .block-subscribe input.input-text {width: 180px} /* Home page ----- */ .page #featured-products {width: 276px} #featured-products, .page .header, .page .main-container, .page nav.topmenu, .nav-cont-mob {width: auto} .slider-tabs {font-size: 17px;} #new-products h2, #featured-products h2 {margin: 0 0 30px 0} #new-products h2, #featured-products h2 {font-size: 20px} .slider-tabs .sl-head.arrows {margin-left: 10px; float: right;} #slider-body-featured {width: 275px; margin: 0 auto} #featured-products div.slide { margin: 0px 10px; width: 275px} #featured-products .slider-tabs {font-size: 22px} .slider-tabs .sl-head {float: right; margin-right: 35px} .slider-tabs .sl-head.arrows {margin: 0px 15px 0px 0px} #carousel-content-product-new, #carousel-content-product-featured {margin-left: -10px} .slider-container {margin: 30px 0px} #featured-products .product-name {margin-top: 10px; font-size: 18px} #featured-products .regular-price .price {display: block; margin-top: 6px; font-size: 22px} #featured-products .special-price {display: inline-block; margin: 6px 0px 0px 2px; font-size: 22px; color: #f83a3a} #featured-products .old-price {display: inline-block; font-size: 15px; text-decoration: line-through; margin: 0px} #featured-products .old-price .price {text-decoration: line-through} #featured-products .minimal-price .price-label {display: inline-block; font-size: 18px} #featured-products .minimal-price .price {display: inline-block; margin: 8px 0px 0px; font-size: 18px} #featured-products .minimal-price-link {} #featured-products .minimal-price-link .price {font-size: 18px} #featured-products .minimal-price-link .label {font-size: 18px} #featured-products .price-from {margin: 6px 0px 0px} #featured-products .price-from .price-label {font-size: 18px} #featured-products .price-from .price {font-size: 22px} #featured-products .price-to .price-label {font-size: 18px} #featured-products .price-to .price {font-size: 18px} .home_block {padding: 0px 15px; text-align: center} .home_block > img {float: none !important; margin: 0px 0px 12px 0px !important} .home_block > h2 {margin-bottom: 7px} .home_block p {text-align: left} .catalogsearch-advanced-index .fieldset {width: auto} .catalogsearch-advanced-index .fieldset .form-list .input-range input.input-text {width: 36%} .main .col2-set .registered-users, .main .col2-set .new-users, .customer-account-forgotpassword .main .fieldset, .main .account-create form .fieldset {width: auto} /* Category pages ---- */ .products-grid li.item { margin: 0 2%; width: 90%; } div.category-products .products-grid.one_column_5, div.category-products .products-grid.one_column_6, div.category-products .products-grid.two_columns_5 {margin-left: auto;} div.category-products .products-grid {} .products-grid li.item {margin-bottom: 15px;} .sorter .sort-by {clear: both; margin: 10px 0 0 0; float: left;} .pager .amount {float: none;clear: both;} div.category-products .pager .amount {float: none; padding-top: 10px; clear: both;} .products-list .add-to-links li a {} .category-products li.item .product-image-top:hover .quick-view {display: none !important} .category-products li.item .product-image-top:hover .quick-view, #upsell-products li .product-image-top:hover .quick-view, #featured-products li .product-image-top:hover .quick-view {display: none !important} .category-products .products-grid {width: 80%; margin-left: auto; margin-right: auto} .category-products .products-grid li.item, .category-products .products-grid li.item.first, .category-products .products-grid li.item.last {width: auto; margin-left: 0px; margin-right: 0px} .products-grid li.item {display: block} .category-products .products-list li.item .product-image-top {width: 80%; float: none; margin-left: auto; margin-right: auto} .main .products-list button.button {float: none; clear: both; display: block} .products-list .add-to-links {float: left; margin-bottom: 15px} .category-products .products-list .availability.out-of-stock {float: none; clear: both; line-height: 30px} /* Detail Page */ .more-views {width: 130px; margin: 0 auto;} .product-shop .ratings .rating-links {float: none; } .box-collateral.box-related h2 {font-size: 20px;} .add-to-cart button.button {float: none; clear: both; margin-top: 15px;} .product-shop .qty-container {float: none; margin-top: 0; display: inline-block;} .product-view .ad_links li a, .product-view .add-to-links li a, .products-list .add-to-links li a { } .product-navigation a.btn-next-pr {margin-right: 0; float: right;} .product-view .product-options dd .input-box {min-width: 0;} #super-product-table td {min-width: 0;} .box-collateral.box-related .item-info select {min-width: 0;} .loadercont {right: 0px;} .box-collateral.box-up-sell {margin: 100px auto 0; width: 276px} .box-collateral.box-tags .form-add {position: relative} .box-collateral.box-tags .form-add .note {position: absolute; top: 55px; left: 0px} .box-collateral.box-tags .form-add button {margin-top: 45px} .product-view .availability {float: none} .product-view .product-img-box {width: 80%; float: none} .product-shop .price-box-bundle {float: none} .product-shop .qty-container {position: absolute; top: 52px} div.alert {width: 210px; margin-left: -145px; padding: 20px 40px} div.alert button {right: 10px} #product_sendtofriend_form .fieldset {width: auto} .catalog-product-compare-index .link-print {display: none} .dp_custom_block li.slide {width: 275px !important; margin: 0px 15px 10px} .dp_custom_block .block-related .bx-viewport {width: 275px !important} #blockrelated {margin-left: -15px} .box-collateral.box-related .product-details {clear: both; padding-top: 12px; margin-left: 0px} .product-shop .product-options.tier-prices-options-box select {width: 100%} #super-product-table {border-bottom: 1px solid #ebebeb} #super-product-table thead {display: none} #super-product-table tbody td:first-child {font-weight: bold} #super-product-table tbody td, #super-product-table tbody tr {display: block; width: auto} #super-product-table tbody td {padding: 8px; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; text-align: left !important} #super-product-table col {width: auto} #show_related_img {top: 0px; right: 0; left: auto} .review-product-list .pager .limiter {display: none} .review-product-list .add-to-cart-block .loadercont {bottom: 45px; right: 240px} .checkout-multishipping-shipping .box-sp-methods .pointer {display: none} /* ------------ tabs */ ul.tabs li {float: none; border-left: 0; margin-top: 2px;} #customer-reviews dt {width: 100%; float: none;} #customer-reviews dd {margin: 10px 0 15px;} #review-form .data-table td, #review-form .data-table th { width: 40px;} #upsell-products li {width: 276px !important} .box-collateral.box-up-sell {width: 276px;} /* Cart Page */ .cart button.btn-checkout span {font-size: 20px;} #shopping-cart-table .btn-update{margin-bottom: 15px} #opc-review .product-name {font-weight: bold} #opc-review #checkout-review-table tfoot td:first-child + td {text-align: right !important} #opc-review #checkout-review-table tfoot td:first-child {width: auto; float: none; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; text-align: right !important; border-bottom: none} #opc-review #checkout-review-table tfoot td:first-child + td {width: auto; float: none; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px} #opc-review #checkout-review-table tfoot td {border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 8px !important} /* Checkout */ #opc-billing #co-billing-form > fieldset {width: auto} #opc-shipping #co-shipping-form {width: auto} #opc-review #review-buttons-container {text-align: right} #opc-review #review-buttons-container p.f-left {float: none !important; text-align: right} #opc-review #review-buttons-container button {margin-left: 0px; float: right} .checkout-multishipping-overview .main-container .main table tfoot td:first-child {border-bottom: 0px; padding: 8px !important; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: none; text-align: right !important; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} .checkout-multishipping-overview .main-container .main table tfoot td:first-child + td {padding: 8px !important; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: none; text-align: right !important; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb} #my-orders-table tfoot tr td:first-child {border-bottom: 0px; padding: 8px !important; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: none; text-align: right !important; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} #my-orders-table tfoot tr td:first-child + td {padding: 8px !important; -moz-box-sizing: border-box; box-sizing: border-box; width: auto; float: none; text-align: right !important; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb} /* Multiple Shippments */ .checkout-multishipping-addresses .page-title h1 {text-align: left; margin-right: 0px} .checkout-multishipping-addresses .page-title h1 + button {margin-left: 15px} /* === Log In page */ .col2-set .registered-users, .col2-set .new-users, .customer-account-forgotpassword .single {} /* Dashboard */ .dashboard .welcome-msg {margin-right: 0;} .col2-set .col-1, .col2-set .col-2 {} .col2-set .col-1 {} #my-orders-table span.m_title {min-width: 100px; font-size: 13px;} #my-orders-table tbody tr td:first-child {padding-top: 10px;} .product-review .product-img-box {float: none} .product-review .product-details {margin: 15px 0 0;} td .add-to-links {text-align: left;} .my-wishlist .buttons-set button.button {margin-bottom: 10px;} .product-shop .price-box {float: none} .my-account .pager .limiter, .my-account .link-reorder + .separator, .my-account .link-reorder + .separator + .link-print {display: none} #about-us-content p img {float: none; margin-left: -15px} /* Multiple Addresses Checkout */ .checkout-progress {padding: 0 20px;} .multiple-checkout select {width: 100%;} .multiple-checkout button.button span span {} .multiple-checkout .place-order .grand-total big {display: block; margin-right: 0px} .multiple-checkout .place-order .grand-total .inner div {display: block; margin: 15px 0px 7px} .multiple-checkout button.button {margin-left: 0px; padding: 0px 10px; font-size: 17px} /* ------ Checkout --------- */ .form-list .field {width: 100%; float: none;} .form-list .input-box {width: 100%;} .buttons-set .f-left a {white-space: nowrap;} .form-list li.wide input.input-text {width: 100%;} #opc-login #login-form fieldset {width: auto} .cms-privacy-policy .data-table thead {display: none} .cms-privacy-policy .data-table {border-bottom: 1px solid #ebebeb} .cms-privacy-policy .data-table tr {display: block} .cms-privacy-policy .data-table td, .cms-privacy-policy .data-table th {display: block; padding: 8px} .cms-privacy-policy .data-table tbody td, .cms-privacy-policy .data-table tbody th {border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb} #sitemap_top_links, .page-sitemap .sitemap + .links {text-align: left} #opc-login .col-1 #onepage-guest-register-button {margin-top: 26px} .cart .totals .checkout-types .multishipping-link {font-size: 14px} #addprod-msg {width: 200px; margin-left: -130px} #addprod-btn a {font-size: 14px} .quick-access .details, .search-top-container .search-form {display: none !important} .quick-access > div:hover .cart-top, .quick-access > div:hover .compare-top, .quick-access > div:hover .search-top {background: none} .opc .step .tool-tip, .multiple-checkout .tool-tip {width: auto} }