/* CSS Document Responsive media queries -> Author: Veselin Trifonov as developer @ www.stenikgroup.com */ /* Start Media Queries for tablet ****************************************/ @media only screen and (min-width: 1027px) and (max-width: 1280px){ header .wrapper{ width: 988px; } footer .wrapper{ width: 988px; } .cms-index-index .wrapper{ width: 988px; } .catalog-product-view .wrapper{ width: 988px; } .catalog-category-view .wrapper{ width: 988px; } .catalogsearch-advanced-result .wrapper { width: 988px; } .stenik-shop-shop-list .wrapper { width: 988px; } .stenik-shop-shop-view .wrapper { width: 988px; } .catalog-category-view #main.col2-left-layout .mainContent { width: 738px; } .catalogsearch-advanced-result #main.col2-left-layout .mainContent { width: 738px; } header .serviceShopsLinkWrapper .serviceLink { clear: both; margin: 10px 0 0 0; } header .mainMenu ul li > a { padding-left: 10px; padding-right: 10px; } .productViewInfo { width: 560px; } #main .mainContent .productViewInfo h1 { width: 470px; font-size: 18px; line-height: 22px; } #main .mainContent .productViewBrandLogo { margin-right: 0;} .productViewMedia{ margin-right: 10px; } .productViewBanner { width: 320px; } .productViewBanner img { left: 10px; } .productViewBanner p.title { width: 220px; left: 80px; top: 22px; } .productViewDescriptionContent .productViewDescription { width: 620px; } .productViewDescriptionContent .productViewAttribute { width: 320px; margin-right: 0px; } .priceAndAddToCartContent { width: 340px; padding: 0 10px; margin-right: 10px; } .productViewInfo .fastInfoAndPrint { width: 209px; } .langClassmk .productViewInfo .fastInfoAndPrint { width: 250px; } .priceAndAddToCartContent .addToCartBtn { width: 210px; } .langClassmk .priceAndAddToCartContent .addToCartBtn { width: 240px; } .priceAndAddToCartContent .addToCartBtn .addToCartBtnIcon { width: 210px; } .langClassmk .priceAndAddToCartContent .addToCartBtn .addToCartBtnIcon { width: 240px; } .tabs .tabs-nav ul li .tab-nav-item { padding: 15px 4px; font-size: 13px; } .catalog-product-view .accentProductsContent { width: 988px; margin-left: 0; } .catalog-product-view .accentProductsContent .accentTitle { width: 955px; } .catalog-product-view .accentProductsContent .touchcarouselNoSlider ul { width: 984px; } .catalog-product-view .accentProductsContent .touchcarouselNoSlider { width: 983px; } .catalog-product-view .accentProductsContent .touchcarousel { width: 983px; } .searchByBrandContetn .selectOption{ width: 280px; } select.homepageSearchSelect{ width: 240px; } footer .footerLeftCol { width: 175px; } footer .footerLeftCol .workingTimeBox { width: 131px; } .langClassmk .priceAndAddToCartContent .qtyContent .amountBox{ right: 50%; margin-right: -35px; } .homepageWidgets{ width: 1095px; } .widget-box.one-half { width: 479px; } .widget-box.one-third { width: 312px; } .widget-box .widget-info{ padding-left: 10px; padding-right: 10px; } .widget-box .widget-info .sub-title { padding: 0; } .scrollToTop { margin-left: 495px; } .category-widget-box img { max-width: 100%; } .category-widget-box ~ .category-wrapper:before { width: 1045px; left: -28px; background: url(../images/topShadow.png) no-repeat left top; } } @media only screen and (min-width: 601px) and (max-width: 1026px) { .wrapper { width:580px; padding:0px; } footer .wrapper { width: 580px; } .catalog-product-view .wrapper{ width: 580px; } .catalog-category-view .wrapper{ width: 580px; } .catalogsearch-advanced-result .wrapper { width: 580px; } .stenik-shop-shop-list .wrapper { width: 580px; } .stenik-shop-shop-view .wrapper { width: 580px; } .catalog-category-view #main.col2-left-layout .mainContent{ width: 580px; } .catalogsearch-advanced-result #main.col2-left-layout .mainContent { width: 580px; } .store-col { width: 50%; } .priceAndAddToCartContent { padding: 0 10px; width: 360px; margin-right: 10px; } .productViewInfo .fastInfoAndPrint { width: 210px; } .skuAndRating { width: 480px; } .productViewInfo .skuBox { margin-right: 10px; } #main .mainContent .productViewBrandLogo { margin-right: 0; } .tabs .tab { display: none; } .tabs .tabs-content { padding: 0 0 30px 0; } .productViewDescriptionContent .productViewAttribute .download-pdf { margin-bottom: 10px; } .priceAndAddToCartContent .priceContent { margin-bottom: 20px; } .priceAndAddToCartContent .priceContent .price-box .old-price { font-size: 20px; } .priceAndAddToCartContent .priceContent .price-box .special-price { font-size: 20px; } .priceAndAddToCartContent .priceContent .price-box .vat-label { font-size: 20px; } .priceAndAddToCartContent .priceContent .price-box .regular-price{ font-size: 20px; } header { display: none; } .responsive-header { display: block; } .langClassmk .responsive-header .headerNotification { float: left; width: 100%; height: auto; padding: 4px 0px 3px 0px; margin: 0px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; text-align: center; font-weight: normal; background: #0b83e1; border-bottom: 1px solid #b4daf8; position: relative; top: 0px; left: 0; } .langClassmk .responsive-header .headerNotification p{ padding: 0px 10px 0px 10px; margin: 0px; font-size: 9px; line-height: 12px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: normal; } .langClassmk .responsive-header .headerNotification a{ color: #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .langClassmk .responsive-header .headerNotification a:hover{ opacity: 0.8; } .langClassmk .priceAndAddToCartContent .qtyContent .amountBox{ right: 50%; margin-right: -35px; } .responsive-header .headerNotification p{ font-size: 9px; } .wideSliderContent { display: none !important; } #main { padding-top: 125px; background: #fff !important; } #main .mainContent { width:580px; } #main.col2-left-layout .mainContent { width: 580px; } #main.col2-right-layout .mainContent { width: 580px; } #main .mainContent .topShadow { display: none; } #main .mainContent .homepageResponsiveBanners { display: block; } #main .mainContent .homepageResponsiveBanners p img { width: 580px; height: auto; padding: 0px; margin: 0px 0px 10px 0px; } .cms-index-index .wrapper{ width: 580px; } .homepageWidgets{ width: 602px; } .widget-box.one-half { width: 285px; margin: 0px 10px 10px 0px; } .widget-box.one-third { width: 285px; margin: 0px 10px 10px 0px; } .widget-box.one-third:last-of-type { clear: left; } .widget-box .widget-info{ padding-left: 10px; padding-right: 10px; } .widget-box .widget-info .sub-title { padding: 0; } select.homepageSearchSelect { background-position: 140px 20px; } select.homepageSearchSelect:hover { background-position: 140px 24px; } #main .mainContent .searchByBrandContetn { } #main .mainContent .searchByBrandContetn .brandSearchTitle { font-size: 11px; } #main .mainContent .searchByBrandContetn .brandOptions .openOptions { background-position: 145px 20px; } #main .mainContent .searchByBrandContetn .brandOptions:hover .openOptions { background-position: 145px 24px; } #main .mainContent .searchByBrandContetn .brandOptions .openOptions { padding: 0px 28px 0px 10px; font-size: 13px; } #main .mainContent .searchByBrandContetn .brandOptions ul.subOptions { width: 170px; } #main .mainContent .searchByCategoryContent { width: 190px; margin-right: 5px; padding-left: 10px; padding-right: 10px; } #main .mainContent .searchByCategoryContent .brandSearchTitle { font-size: 11px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn { font-size: 11px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIcon { left: 10px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIconH { left: 10px; } #main .mainContent .searchByManufacturerContent { width: 190px; padding-left: 10px; padding-right: 10px; } #main .mainContent .searchByManufacturerContent .manufacturerTitle { font-size: 11px; } #main .mainContent .searchByManufacturerContent .brandOptions .openOptions { background-position: 145px 20px; } #main .mainContent .searchByManufacturerContent .brandOptions:hover .openOptions { background-position: 145px 24px; } #main .mainContent .searchByManufacturerContent .brandOptions .openOptions { padding: 0px 25px 0px 6px; font-size: 11px; } #main .mainContent .searchByManufacturerContent .brandOptions ul.subOptions { width: 170px; } #main .mainContent .accentProductsContent { width: 580px; margin: 10px 0px 0px 0px; overflow: hidden; } .catalog-product-view #main .mainContent .accentProductsContent { margin-bottom: 20px; } #main .mainContent .accentProductsContent .accentTitle { width: 548px; } #main .mainContent .accentProductsContent .touchcarouselNoSlider { width: 576px; height: 318px; } #main .mainContent .accentProductsContent .touchcarouselNoSlider ul li { width: 247px; height: 300px; } #main .mainContent .accentProductsContent .touchcarousel { width: 576px; height: 318px; } #main .mainContent .accentProductsContent .touchcarousel ul.touchcarousel-container li.touchcarousel-item { width: 247px; height: 300px; } #main .mainContent .accentProductsContent .productBox { width: 248px; height: 300px; } #main .mainContent .accentProductsContent .productBox .productIMG { width: 248px; height: 186px; } #main .mainContent .accentProductsContent .productBox .productIMG img { width: auto; height: 186px; } #main .mainContent .accentProductsContent .productBox .productTitle { width: 248px; } #main .mainContent .accentProductsContent .productBox .productBoxInfo { width: 248px; } #main .mainContent .accentProductsContent .productBox .productBoxInfo .price-box { width: 180px; } #main .mainContent .brandsSliderContent { width: 580px; height: auto; margin: 20px 0px 20px 0px; } #main .mainContent .brandsSliderContent .brandsTitle { width: 540px; height: auto; padding:10px 20px 10px 20px; background:#0b83e1 url(../images/dotPatern.png); text-align: center; font-size: 19px; } #main .mainContent .brandsSliderContent .touchcarousel { float: left; width: 580px; margin: 10px 0px 0px 0px; } #main .mainContent .brandsSliderContent .touchcarousel .touchcarousel-wrapper { width: 540px; } #main .mainContent .homepageGallery { width: 540px; margin: 10px 0px 10px 0px; } #main .mainContent .homepageGallery .galleryTitle { margin-left: 145px; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider { width: 540px; float: left; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider .touchcarousel-wrapper { width: 464px; margin: 0px 41px 0px 41px; } #main .mainContent .homepageGallery .touchcarousel .touchcarousel-item { width: 216px; } #main .mainContent .descriptionContent { width: 580px; padding: 0px; } #main .mainContent .descriptionContent h1 { text-align: center; font-size: 19px; line-height: 22px; padding-bottom: 16px; } #main .mainContent .serviceIconsContent { width: 580px; overflow: hidden; } #main .mainContent .serviceIconsContent .serviceBox { margin-right: 10px; margin-bottom: 25px; } #main .mainContent .serviceIconsContent .serviceBox.fourth { margin-left: 90px; } .scrollToTop { margin-left: 249px; bottom: 5px; } aside.leftCol .filterBox .fitlerScrollWrapper { display: none; } aside.leftCol .filterBox.category .fitlerScrollWrapper { display: block; } nav.breadcrumbs { width: 540px; padding: 0px 20px 0px 20px; margin: 7px 0px 13px 0px; } #main .mainContent h1 { text-align: center; } #main .mainContent .allCatFilterContent { width: 540px; } #main .mainContent .allCatFilterContent .allCatTitle { width: 540px; } #main .mainContent .allCatFilterContent .mainCatBox { width: 174px; } #main .mainContent .catagroyListContent { width: 580px; } #main .mainContent .catagroyListContent h2 { width: 580px; } #main .mainContent .catagroyListContent .categoryBox { margin: 0px 29px 29px 29px; } #main .mainContent .categoryListingContent { width: 580px; } #main .mainContent .categoryListingContent .categoryBox { margin: 0px 29px 25px 29px; } #main .mainContent .responsiveFiltersBtn { display: block; margin: -10px 0px 30px 140px; } #main .mainContent .responsiveFiltersBtn #countContainer { color: #0a6fbd; } #main .mainContent .toolbarBox { height: 30px; margin-bottom: 53px; } #main .mainContent .toolbarBox .sortTitle { margin: 0px 15px 0px 15px; } #main .mainContent .toolbarBox .paging { float: left; margin: 20px 0px 0px 205px; } #main .mainContent .productListing { width: 580px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; } #main .mainContent .productListing .productBox { width: 249px; height: 355px; margin: 0px; } #main .mainContent .productListing .productBox .productIMG { width: 249px; height: 186px; } #main .mainContent .productListing .productBox .productIMG img { width: auto; height: 186px; } #main .mainContent .productListing .productBox .productTitle { width: 249px; } #main .mainContent .productListing .productBox .productBoxInfo { width: 249px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box { width: 178px; } #main .mainContent .productListing .productBoxListType { width: 579px; border-right: 1px solid #eaeaea; } #main .mainContent .productListing .productBoxListType .productTitle { float: right; width: 330px; margin-left: 0px; margin-right: 10px; } #main .mainContent .productListing .productBoxListType .productBoxInfo { float: left; width: 559px; margin: 10px 10px 0px 10px; } #main.col2-left-layout .mainContent .mainContentOverlay { width: 100%; left: 0px; top: -15px; } #main.col2-left-layout .mainContent .mainContentPreloader { margin-left: -40px; top: 100px; } #main .mainContent .mainContentOverlay { top: -15px; } .catalog-product-view #main .mainContent { margin-bottom: 20px; } #main .mainContent .productViewMedia { width: 580px; margin: 0px 0px 20px 0px; } #main .mainContent .productViewMedia .gallerySlider { width: 580px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery { width: 500px; margin: 0px 40px 0px 40px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper { width: 498px !important; height: 371px !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image { width: 498px !important; height: 371px !important; left: 0px !important; top: 0px !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad > img { width: 498px; height: 371px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPup { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomWindow { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPreload { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav { width: 500px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav .ad-thumbs { width: 452px; } #main .mainContent .productViewMedia .gallery-box{ width: 500px; height: 462px; margin: 0px 40px 0px 40px; } #main .mainContent .productViewMedia .gallery-main-images{ width: 498px; height: 371px; } #main .mainContent .productViewMedia .gallery-thumbnails{ width: 500px; } #main .mainContent .productViewMedia .addthis_native_toolbox { margin-left: 180px; } #main .mainContent .productViewInfo { width: 580px; margin: 0px 0px 20px 0px; } #main .mainContent .productViewInfo h1 { width: 100%; text-align: center; } #main .mainContent .productViewBanner { width: 574px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewBanner img { left: 170px; } #main .mainContent .productViewBanner h5 { left: 230px; } #main .mainContent .productViewBanner p.title { left: 230px; } #main .mainContent .productViewDescriptionContent { width: 580px; margin: 10px 0px 20px 0px; } #main .mainContent .productViewDescriptionContent .productViewDescription { width: 580px; } #main .mainContent .productViewDescriptionContent .textPage h2 { text-align: center; background-position: center bottom; margin: 0 0 10px 0; } #main .mainContent .productViewDescriptionContent .productViewLeasing{ margin-left: 0; } #main .mainContent .productViewDescriptionContent .productViewAttribute { width: 580px; float: left; border-top: 3px solid #eaeaea; padding-top: 10px; margin-top: 10px; } #main .mainContent .leasingLeft { width: 580px; } #main .mainContent .leasingLeft .leasingInfo { width: 365px; } #main .mainContent .leasingRight { width: 368px; } #main .mainContent .leasingRight .addToCart { width: 308px; } #main .mainContent .leasingRight .addToCart .price-box { margin: 10px 0 10px 86px; } #main .mainContent .leasingRight .addToCart .addToCartBtn { margin-left: 36px; } #main .mainContent .leaseCalculator { width: 100%; margin-left: 0px; } #main .mainContent #co-payment-form .leaseCalculator { margin-left: -59px; } #main .mainContent .leaseCalculator .ui-tabs { width: 530px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav { width: 528px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li { width: 100%; border-radius: 0px !important; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li a { width: 100%; box-sizing: border-box; min-height: 15px; border-right: none; border-bottom: 1px solid #e9e9e9; } #main .mainContent .leaseCalculator .horizontalScrollWrapper { width: 530px; } #main .mainContent .leaseCalculator .variants .months { font-size: 12px; } #main .mainContent .leaseCalculator .variants td { font-size: 12px; } #main .mainContent .reviewContent .reviewsTitle { margin-top: 15px; margin-left: 185px; } #main .mainContent .reviewContent .reviewForm { margin: 30px 90px 20px 90px; } #main .mainContent .reviewContent .reviewForm .reviewTitle { margin-bottom: 15px; } #main .mainContent .reviewContent .reviewForm button.addCommentBtn { margin-left: 87px; } #main .mainContent .reviewContent .reviewsList { margin: 0px 75px 20px 0px; } /*responsive tabs*/ .product-tabs .tabs-nav { display: none; } .product-tabs .tabs-content .tab-nav-item.responsive { display: block; } .tabs .request-form-info { width: 100%; padding: 0; } .checkout-cart-index #main .mainContent .btnCheckoutTopBox { float: left; margin: -5px 0px 0px 164px; } .checkout-cart-index ul.messages { margin-bottom: 0px !important; } #main .mainContent .shoppingCartItems { width: 580px; margin: 20px 0px 20px 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col1 { text-align: center; width: 100%; margin: 0px; padding: 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col2 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col3 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col4 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col5 { display: none; } #main .mainContent .shoppingCartItems .col1 { width: 544px; padding: 10px 18px 10px 18px; } #main .mainContent .shoppingCartItems .col2 { width: 160px; padding: 10px 10px 10px 10px; } #main .mainContent .shoppingCartItems .col3 { width: 120px; padding: 10px 10px 10px 10px; } #main .mainContent .shoppingCartItems .col4 { width: 160px; padding: 10px 10px 10px 10px; } #main .mainContent .shoppingCartItems .col5 { width: 44px; padding: 10px 10px 10px 10px; } .shoppingCartItems .responsiveCellLabel { display: block; } #main .mainContent .shoppingCartItems .amountBox .loader { top: -50px; } #main .mainContent .underShoppingCartContent { width: 580px; margin: 0px 0px 20px 0px; } #main .mainContent .underShoppingCartContent .couponAndFreeDelivery { width: 260px; } #main .mainContent .underShoppingCartContent .cartPromoBox { width: 250px; height: auto; margin: 0px 0px 0px 0px; } #main .mainContent .underShoppingCartContent .cartPromoBox h3 { width: 100%; height: auto; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; line-height: 22px; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoInput { width: 223px; border-right: 1px solid #bfbfbf !important; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoSubmit { margin: 10px 0px 0px 68px; } #main .mainContent .underShoppingCartContent .cartPromoBox .validation-advice { width: 228px; top: 14px; left: 0px; } #main .mainContent .goToCheckoutContent { padding-right: 20px; } #main .mainContent .goToCheckoutContent .backBtn { width: 224px; } #main .mainContent .accentProductsContent.gifts .touchcarousel { height: 350px; } #main .mainContent .accentProductsContent.gifts .touchcarousel ul.touchcarousel-container li.touchcarousel-item { height: 318px; } .checkout-onepage-index #checkoutSteps input.input-text { width: 230px; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set { margin: 18px 0px 0px 0px; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set a.f-left { float: left; margin: -45px 0px 0px 0px; } .checkout-onepage-index #checkoutSteps ul li.speedyOffice input.input-text { width: 460px; } .checkout-onepage-index #checkoutSteps select#billing-address-select { width: 518px !important; } .checkout-onepage-index .data-table.totals { margin-right: 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements { width: 100%; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox { width:100%; height:auto; position:relative; left:auto; top:auto; text-align:center; margin:0px 0px 10px 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox label { text-align: center; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox textarea { width: 100%; height: 70px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper { width: auto; text-align: left; float: left;} .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper .agreement { float: left; display: inline-block; width: auto; } .checkout-onepage-index #review-buttons-container { margin-top: 0px; } .checkout-onepage-index #review-buttons-container.buttons-set .f-left { width: 100%; text-align: center; } .checkout-onepage-index #review-buttons-container.buttons-set .button { float: left !important; margin: 20px 0px 0px 130px !important; } .checkout-onepage-index #checkoutSteps #review-please-wait.please-wait { top: 65px; right: 84px; } /*Stenik New Checkout*/ .checkout-onepage-index nav.breadcrumbs{ display: none; } .stenik-checkout .stenik-checkout-step-title{width: 237px; } .stenik-checkout-steps-content .checkoutLogin{ padding: 20px 10px; margin: 0 0 10px 0;} .checkout-onepage-index #main .mainContent .facebookLoginBtn, .checkout-onepage-index #main .mainContent .googlePlusLoginBtn{margin-bottom: 10px;} .stenik-checkout-steps-content .stenik-onepage-section{padding: 0px 20px;} .stenik-checkout-steps-content .form-list .field { box-sizing: border-box; padding: 0px 10px; } .stenik-checkout-steps-content .form-list .field .createAccount input.createAccountCheckbox { float: left; } .stenik-checkout-steps-content .form-list .field .createAccount label { float: left; width: 225px; } .checkout-onepage-index input.input-text{height: 49px; width: 100%; padding: 0 10px; box-sizing: border-box;} .checkout-onepage-index .input-box select {height: 49px; width: 100%; padding: 0 18px 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content .invoiceFieldsWrapper .invoiceCheckBox{ padding: 0 10px} .stenik-checkout-steps-content .invoiceFieldsWrapper .invoiceFields{box-sizing: border-box;padding: 0 10px;} .stenik-checkout-steps-content .shipping-methods-choices{margin-bottom: 10px;} .stenik-checkout-steps-content #extensa_econt-form .field{box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form input.input-text{height: 49px; width: 100%; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-to_office .field{width: 50%; margin: 0 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form .field.chosenCity{width: 50%; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form #extensa_econt-to_office select{width: 100%; padding: 0 18px 0 5px; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form .form-list select{height: 49px; width: 100%; padding: 0 18px 0 5px; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form #extensa_econt-to_office input.input-text{padding: 0 10px; width: 100%;} .stenik-checkout-steps-content #extensa_econt-form .field.officeLocator {display: none;} .stenik-checkout-steps-content .shipping-methods-choices .extensa_econt_services{float: left; width: 100%; padding: 0 10px;} .checkout-onepage-index .data-table h3.product-name{margin:8px 0 0 0 !important; font-size: 13px !important;} .stenik-checkout-steps-content .underReviewTotalBox { width: 100%; box-sizing: border-box; } .stenik-checkout-steps-content #checkout-review-submit .orderCommentBox{width: 100%;} .stenik-checkout-steps-content #checkout-review-submit .orderCommentBox textarea{height: 70px;} .stenik-checkout-steps-content .agreement-box .validation-advice{text-align: left;} .stenik-checkout-steps-content .buttons-set{position: static; float: none; margin: 0 auto 10px auto; width: 425px;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper{width: 100%; text-align: left; margin-bottom: 10px;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .agreement{width: auto; display: inline-block; float: left;} .stenik-checkout-steps-content #checkout-review-submit #checkout-agreements .checkboxLabel {float: none;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .checkbox{float: left;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper label{float: right; width: 515px;} .stenik-checkout-steps-content #checkout-review-submit{padding: 0;} .stenik-checkout-steps-content .data-table.totals td{width:110px; font-size: 14px; font-family: inherit;} .stenik-checkout-steps-content .data-table.totals .totalCartPrice td{font-size: 18px; font-family: inherit;} .checkout-onepage-index #login-form input.input-text{width: 400px;} .stenik-checkout-steps-content select#billing-address-select{width: 100% !important;} .checkout-onepage-index #extensa_econt-to_door div.autocomplete{width: 100%; box-sizing: border-box;} .checkout-onepage-index #main .mainContent .leaseCalculator {width: 536px; margin-left: -40px} .checkout-onepage-index #main .mainContent .leaseCalculator .ui-tabs{width: 100%;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapper{width: 100%;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapperTable{width: 100%; overflow-x: auto;} .stenik-checkout-steps-content .leaseCalculator .form-list .field{padding: 0px;} .stenik-checkout-steps-content .leaseCalculator .form-list .field .input-text{width: 245px;} .stenik-checkout-steps-content .leaseCalculator input.downpayment {width: 190px; height: 32px; } .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail.installment {font-size: 12px;} .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail{font-size: 12px;} /*End of Stenik New Checkout*/ .customer-address-form .fieldset {width: 100%;} .customer-address-form .fieldset.left-col {padding: 0;} .customer-address-form .fieldset.right-col {padding: 0;} .customer-address-form .right-col ul.form-list { margin: 0; } .customer-address-form .chosen-container {width: 358px !important;} .customer-address-form .field.officeLocator{display: none;} .customer-address-form .fieldset input#city.input-text { width: 552px !important; } .customer-address-form .fieldset input#speedy_quarter_name.input-text { width: 552px !important; } .customer-address-form .fieldset input#speedy_street.input-text { width: 552px !important; } .customer-address-form .fieldset input#speedy_address_note.input-text { width: 552px !important; } .my-account .toolbar { background-repeat: repeat; } .my-account .toolbar .filterTitle { font-size: 10px; } .my-account .toolbar .input-text { width: 56px; } .my-account .toolbar button.button.filterBtn { margin: 0px 186px 0px 0px; padding: 0px 50px; } #main .mainContent .my-account .data-table.documents th { font-size: 9px; line-height: 12px; padding: 7px 2px 9px 2px; white-space: normal !important; } #main .mainContent .my-account .data-table.documents td { font-size: 9px; line-height: 12px; padding: 10px 2px 10px 2px; } #main .mainContent .loginRegBox { width: 478px; margin: 0px 0px 10px 0px; } #main .mainContent .loginRegBox button.button { margin-top: 0px; } .customer-account-create #main .mainContent .loginRegBox button.button { margin-top: 30px; } #main .mainContent .newCustumerBox { width: 518px; margin: 0px 0px 10px 0px; padding-bottom: 10px; } #main .mainContent .newCustumerBox .buttons-set { width: 518px; text-align: center; padding-top: 15px; } #main .mainContent .newCustumerBox .registrationBtn { float: none; display: block; margin: 0px auto; } #main .mainContent .facebookLoginBox { width: 486px; margin: 0px 0px 20px 0px; } #main .mainContent .registrationBanner { display: none; } .checkout-onepage-index #main .mainContent .facebookLoginBtn { width: 123px; margin-left: 10px; padding: 0px; } .checkout-onepage-index #main .mainContent .facebookLoginBtn .fIcon { display: none; } .checkout-onepage-index #main .mainContent .googlePlusLoginBtn { width: 123px; margin-right: 10px; padding: 0px; } .checkout-onepage-index #main .mainContent .googlePlusLoginBtn .gIcon { display: none; } #main .mainContent .contactForm { width: 388px; margin: 0px 0px 20px 0px; padding: 26px 95px 34px 95px; } #main .mainContent .contactsInfo { float: left; width: 580px; margin: 0px 0px 20px 0px; } #main .mainContent .contactsInfo iframe { width: 580px; margin: 0px 0px 10px 0px; } #main .mainContent .contactsInfo .addres { width: 540px; margin: 0px 0px 10px 0px; } #main .mainContent .contactsInfo .workingTime { width: 246px; } #main .mainContent .galleryListing { width: 580px; } #main .mainContent .galleryListing .galleryBox { margin: 0px 34px 30px 34px; } #main .mainContent .galleryDetailedListing { width: 580px; } #main .mainContent .galleryDetailedListing .galleryIMG { margin: 0px 5px 10px 5px; } #main .mainContent .news-item { height: auto; min-height: 100px; margin: 0px 50px 10px 50px; } #main .mainContent .news-item .news_image { margin-top: 0px; } #main .mainContent .news-item .newsTitle { height: auto; } #main .mainContent .newsLinkIMG { margin: 0px 65px 20px 65px; } #main .mainContent .brandListing { width: 580px; } #main .mainContent .brandListing .brandBox { margin: 0px 31px 30px 31px; } #main .mainContent .brandListing .line { display: none; } #main .mainContent .textPage p img { max-width: 580px !important; } #main .mainContent .partnerForm .codeInput { width: 202px; margin-right: 0px; } #main .mainContent .partnerForm .button { margin: 13px 17px -6px 0px; } .checkout-cart-index .cart-empty { width: 100%; text-align: center; } .termsPopUpContent { width: 550px; } .stenik-shop-shop-list nav.breadcrumbs, .stenik-shop-shop-view nav.breadcrumbs { padding: 5px 0; margin: 0; } .shops-listing .toolbar .drop-down.chose-city { min-width: 50%; } .shops-listing { width: 100%; } .shops-listing-google-map { width: 100%; } .shop-innter-short-text-page { width: 100%; } .shop-inner-description-text-page { width: 100%; margin-bottom: 10px; } .shop-inner-working-time { width: 100%; } .shop-innter-shortdescription-text-page { width: 100%; } .share-and-backbtn { width: 580px; } .shop-info { width: 100%; } .virtual-tour-content { margin-top: 0; } .shops-inner-wrapper .shops-listing-google-map { width: 100%; } .newsletter-terms label.checkboxLabel { width: 92%; } .stenik-gdprcompliance-customer-dashboard #main .mainContent .my-account .box-title h3 { line-height: 21px; } .category-widget-box { text-align: center; } .category-widget-box img { display: none; } .category-widget-box .category-widget-info { position: static; padding: 0; } .category-widget-box .button { float: none; } .category-widget-box ~ .category-wrapper { padding: 0; } .category-widget-box ~ .category-wrapper:before { width: 0; } aside.leftCol { display: none; width:300px; padding: 0px; margin: 0px 0px 0px -150px; position: absolute; left: 50%; top: 157px; z-index: 5000; background: #bababa; min-height: 50px; } aside.leftCol .backBtn { display: none; width: 258px; } aside.leftCol .filtersTitle { display: none; } aside.leftCol .filterBox { width: 300px; margin: 0px 0px 1px 0px !important; } aside.leftCol .filterBox.filters .tiny-scroll { display: none; } aside.leftCol .filterBox .filterTitle { width: 250px; text-align: center; padding-top: 12px; padding-bottom: 13px; } aside.leftCol .filterBox ul { width: 300px; } aside.leftCol .filterBox ul li { width: 300px; text-align: center; } aside.leftCol .filterBox ul li a { width: 270px; text-align: center; margin: 0px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li .checkBox { float: none; display: inline-block; } aside.leftCol .filterBox ul li > a.hasSecondNavLevel { width: 240px; margin-left: 3px; } aside.leftCol .filterBox ul li .clever-link { width: 270px; text-align: center; margin: 0px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li > .clever-link.hasSecondNavLevel { width: 240px; margin-left: 3px; } aside.leftCol .filterBox .tiny-scroll { width: 300px; } aside.leftCol .filterBox .tiny-scroll .viewport { width: 300px; } aside.leftCol .filterBox .layer-slider { width: 270px; } aside.leftCol nav.choosenFilter { width: 294px; } aside.leftCol nav.choosenFilter .selectedFilters { left: 60px; } aside.leftCol nav.choosenFilter .removeAllFiltersLink { left: 176px; } aside.leftCol nav.choosenFilter ul { width: 294px; } aside.leftCol nav.choosenFilter ul li { width: 264px; } aside.rightCol { display: none; } .reservation-form .input-box{ width: 100%; } .reservation-form .input-box input.input-text{ width: 100%; box-sizing: border-box; } .reservation-form .input-box textarea{ width: 100%; box-sizing: border-box; } .reservation-form .custom-select { width: 100%; box-sizing: border-box; } .reservation-form-content-bottom .box{ width: 100%; min-height: 10px; padding: 0 0px 20px 0px; } .reservation-form #reservation_form_reservation_date_row:after{ right: 10px; } footer .footerInfoContent { width: 580px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm { width: 266px; height: auto; margin: -25px 0px 0px 0px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm input.text { margin: 0px 0px 0px 0px; box-sizing: content-box; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .newsLetterBtn { width: 100%; margin: 0px 0px 0px 0px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .validation-advice { bottom: 50px; left: auto; right: 0px; } footer .footerInfoContent .footerLeftCol { width: 580px; margin: 10px 0px 10px 0px; } footer .footerInfoContent .footerLeftCol p.title { margin: 0px 0px 10px 0px; } footer .footerInfoContent .footerLeftCol p.phone { margin: 0px 38px 10px 38px; } footer .footerInfoContent .footerLeftCol p.mail { margin: 0px 38px 10px 38px; } footer .footerInfoContent .footerLeftCol p.skype { margin: 0px 38px 10px 38px; } footer .footerInfoContent .footerLeftCol p { margin: 0px 38px 10px 58px; } footer .footerInfoContent .footerLeftCol .workingTimeBox { width: 536px; } footer .footerInfoContent .footerLeftCol .workingTimeBox p { float: left; width: auto; margin: 0px 29px 0px 0px; padding: 0px; } footer .footerInfoContent .footerRightCol { width: 280px; min-height: 100px; padding-bottom: 10px; margin-bottom: 10px; } footer .footerInfoContent .footerRightCol .col { width: 100%; margin: 0px; } footer .footerInfoContent .footerRightCol .col .footerLoginRegBtn { display: none; } footer .footerInfoContent .footerRightCol .col ul li { width: 172px; margin-bottom: 10px; } footer .footerInfoContent .footerRightCol .col.wide { width: 580px; } footer .footerBottom { border-top: 2px solid #323232; } footer .footerRight { width: 580px; margin: -264px 0px 0px 0px; } footer .footerRight .footerPaymentBanner { float: left; width: 170px; } footer .footerRight .footerPaymentBanner img { max-width: 170px; } footer .footerRight .fb-page { float: right; } } /* End media queries for tablet **************************************/ /* Start Media Queries for smartphones 2 ****************************************/ @media only screen and (min-width: 351px) and (max-width: 600px) { .wrapper { width:350px; padding:0px; } footer .wrapper { width:350px;} .catalog-product-view .wrapper{ width: 350px; } .catalog-category-view .wrapper{ width: 350px; } .catalogsearch-advanced-result .wrapper { width: 350px; } .stenik-shop-shop-list .wrapper { width: 350px; } .stenik-shop-shop-view .wrapper { width: 350px; } .catalog-category-view #main.col2-left-layout .mainContent { width: 350px; } .catalogsearch-advanced-result #main.col2-left-layout .mainContent { width: 350px; } .homepageResponsiveCats { display: block; width: 330px; } .responsive-category-widget-box{ width: 165px; } .store-col { width: 100%; } .productViewDescriptionContent .productViewAttribute .download-pdf { margin-bottom: 10px; } .priceAndAddToCartContent .priceContent { margin-bottom: 15px; } .priceAndAddToCartContent .priceContent .under-price-text { margin-top: 10px; margin-bottom: 0; } .priceAndAddToCartContent .priceContent .price-box .pcd-tooltip-wrapper .pcd-tooltip-info { width: 180px; top:-28px; font-size: 13px; text-align: left; } .availabilityWrapper { text-align: center; } .productViewInfo .skuBox { margin-left: 80px; } .ratingContent { margin-left: 30px; display: none; } .tabs .tabs-content { padding:0 0 30px 0; } .tabs .tab { display: none; } .product-other-colors { text-align: center; } header { display: none; } .responsive-header { display: block; } .langClassmk .responsive-header .headerNotification { float: left; width: 100%; height: auto; padding: 4px 0px 3px 0px; margin: 0px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; text-align: center; font-weight: normal; background: #d9080c; border-bottom: 1px solid #f69596; position: relative; top: 0px; left: 0; } .langClassmk .responsive-header .headerNotification p{ padding: 0px 10px 0px 10px; margin: 0px; font-size: 9px; line-height: 12px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: normal; } .langClassmk .responsive-header .headerNotification a{ color: #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .langClassmk .priceAndAddToCartContent .qtyContent .amountBox{ right: 50%; margin-right: -35px;} .responsive-header .headerNotification p{ font-size: 9px; } .responsive-header .responsive-logo { width: 132px; height: 30px; } .responsive-header .responsive-logo img { width: 132px; height: 30px; margin: 7px 0px 0px 3px; } .responsive-header .responsive-menu.open .responsive-menu-sub { width: 330px !important; } .responsive-header .responsive-menu.open .responsive-menu-sub ul li.parent > a { background-position: 248px 11px; } .responsive-header .responsive-menu.open .responsive-menu-sub ul li ul li.parent > a { background-position: 244px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete { width: 3100px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete .nav { width: 257px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete .searchautocomplete-placeholder { width: 289px; } .wideSliderContent { display: none !important; } #main { padding-top: 138px; } #main .mainContent { width:350px; } .cms-index-index #main .mainContent { margin: 10px 0px 20px 0px; } #main.col2-left-layout .mainContent { width: 350px; } #main.col2-right-layout .mainContent { width: 350px; } #main .mainContent .topShadow { display: none; } #main .mainContent .homepageResponsiveBanners { display: block; } #main .mainContent .homepageResponsiveBanners p img { width: 350px; height: auto; padding: 0px; margin: 0px 0px 10px 0px; } #main .mainContent .homepadeSearchContent { margin: 0px; } .cms-index-index .wrapper{ width: 330px; } .cms-index-index footer .wrapper{ width: 350px; } .cms-index-index #main .mainContent{ width: 330px; } .homepageWidgets{ width: 330px; } .widget-box.one-half { width: 330px; margin: 0px 0px 20px 0px; } .widget-box.one-third { width: 330px; margin: 0px 0px 20px 0px; } .widget-box .widget-info{ padding-left: 30px; padding-right: 30px; } .widget-box .widget-info .sub-title { padding: 0px 40px; } #main .mainContent .homepadeSearchContent { background: url('../images/searchBoxResponsiveBG.jpg') no-repeat center center / 100% 100%; } .searchByBrandContetn .selectOption { margin-right: 0px; width: 300px;} select.homepageSearchSelect { width: 260px; } .searchByLinksContent .searchByLink { font-size: 16px; line-height: 28px; padding: 0px; } .searchByLinksContent .searchByLink:after { display: none; } #main .mainContent .homepadeSearchContent .homepageSearchTitle { font-size: 20px; line-height: 24px; margin-bottom: 20px; } #main .mainContent .searchByBrandContetn { } #main .mainContent .searchByBrandContetn .brandOptions .openOptions { background-position: 228px 20px; } #main .mainContent .searchByBrandContetn .brandOptions:hover .openOptions { background-position: 228px 24px; } #main .mainContent .searchByBrandContetn .brandOptions ul.subOptions { width: 310px; } #main .mainContent .searchByCategoryContent { width: 100%; margin: 0px 0px 10px 0px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIcon { left: 40px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIconH { left: 40px; } #main .mainContent .searchByManufacturerContent { width: 100%; margin: 0px 0px 10px 0px; } #main .mainContent .searchByManufacturerContent .brandOptions .openOptions { background-position: 228px 20px; } #main .mainContent .searchByManufacturerContent .brandOptions:hover .openOptions { background-position: 228px 24px; } #main .mainContent .searchByManufacturerContent .brandOptions ul.subOptions { width: 310px; } #main .mainContent .accentProductsContent { width: 350px; margin: 10px 0px 0px 0px; overflow: hidden;} #main .mainContent .accentProductsContent .accentTitle { width: 318px; } #main .mainContent .accentProductsContent.crossSell .accentTitle { font-size: 19px; } #main .mainContent .accentProductsContent .touchcarouselNoSlider { width: 350px; height: 340px; border: none;} #main .mainContent .accentProductsContent .touchcarouselNoSlider ul li { width: 160px; height: 350px; border-right: none; padding: 24px 0px 0px 0px; margin-right: 30px; } #main .mainContent .accentProductsContent .touchcarousel { width: 350px; height: 360px; border: none;} #main .mainContent .accentProductsContent .touchcarousel .arrow-holder.left { left: 0; } #main .mainContent .accentProductsContent .touchcarousel .arrow-holder.right { right: 0; } #main .mainContent .accentProductsContent .touchcarousel ul.touchcarousel-container li.touchcarousel-item { width: 160px; height: 325px; border-right: none; padding: 24px 0px 0px 0px; margin-right: 30px; } #main .mainContent .accentProductsContent .productBox .productIMG { width: 160px; height: 160px; } #main .mainContent .accentProductsContent .productBox .productIMG img { width: 160px; height: 160px; } #main .mainContent .accentProductsContent .productBox .productTitle { width: 160px; } #main .mainContent .accentProductsContent .productBox .productBoxInfo { width: 160px; } #main .mainContent .accentProductsContent .productBox .productIMG .promoLabel { top: 0; right: 0;} #main .mainContent .accentProductsContent .touchcarousel .productBox .availabilityWrapper .availability { text-align: left; } #main .mainContent .accentProductsContent .productBox { margin: 0px 0px 0px 0px; width: 100%; height: 300px; } #main .mainContent .brandsSliderContent { width: 350px; height: auto; margin: 20px 0px 20px 0px; } #main .mainContent .brandsSliderContent .brandsTitle { width: 310px; height: auto; padding:10px 20px 10px 20px; background:#f8090e url(../images/dotPatern.png); text-align: center; font-size: 19px; } #main .mainContent .brandsSliderContent .touchcarousel { float: left; width: 350px; margin: 10px 0px 0px 0px; } #main .mainContent .brandsSliderContent .touchcarousel .touchcarousel-wrapper { width: 310px; } #main .mainContent .homepageGallery { width: 280px; margin: 10px 0px 10px 0px; padding: 29px 10px 0px 10px; } #main .mainContent .homepageGallery .galleryTitle { margin-left: 20px; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider { width: 330px; float: left; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider .touchcarousel-wrapper { width: 266px; margin: 0px 32px 0px 32px; } #main .mainContent .homepageGallery .touchcarousel .touchcarousel-item { width: 266px; margin-right: 0px; } #main .mainContent .descriptionContent { width: 330px; padding: 0px; } #main .mainContent .descriptionContent h1 { text-align: center; font-size: 19px; line-height: 22px; padding-bottom: 8px; } #main .mainContent .serviceIconsContent { width: 330px; overflow: hidden; } #main .mainContent .serviceIconsContent .serviceBox { width: 165px; height: 165px; margin: 0px 0px 10px 0px; transform: scale(0.8); } #main .mainContent .serviceIconsContent .serviceBox span.title { width: 100%; } .scrollToTop { margin-left: 125px; bottom: 5px; } aside.leftCol .filterBox .fitlerScrollWrapper { display: none; } aside.leftCol .filterBox.category .fitlerScrollWrapper { display: block; } nav.breadcrumbs { width: 340px; padding: 0px 5px 0px 5px; margin: 7px 0px 13px 0px; } .checkout-cart-index nav.breadcrumbs{ display: none; } nav.breadcrumbs ul { width: 340px; overflow: hidden; } nav.breadcrumbs ul li { margin-bottom: 5px; height: auto; } nav.breadcrumbs ul li.product{ display: none; } nav.breadcrumbs ul li a { height: auto; } #main .mainContent h1 { text-align: center; font-size: 18px; line-height: 22px; padding: 0; border: none; } #main .mainContent .allCatFilterContent { width: 330px; padding: 15px 10px 10px 10px; margin-bottom: 10px; } #main .mainContent .allCatFilterContent .allCatTitle { width: 338px; margin-left: -4px; } #main .mainContent .allCatFilterContent .mainCatBox { width: 158px; } #main .mainContent .allCatFilterContent .mainCatBox .title { width: 115px; margin-left: -64px; } #main .mainContent .catagroyListContent { width: 350px; margin-top: 10px; } #main .mainContent .catagroyListContent h2 { width: 350px; margin-bottom: 20px; } #main .mainContent .catagroyListContent .categoryBox { margin: 0px 60px 30px 60px; } #main .mainContent .categoryListingContent { width: 350px; } #main .mainContent .categoryListingContent .categoryBox { margin: 0px 60px 25px 60px; } #main .mainContent .responsiveFiltersBtn { display: block; margin: -10px 0px 30px 0px; width: 350px; } #main .mainContent .responsiveFiltersBtn #countContainer { color: #0a6fbd; } .toolbarBox .arrowDown, .toolbarBox .arrowUp { margin-bottom: 10px; } #main .mainContent .toolbarBox { margin-bottom: 10px; background: url(../images/toolbarBoxBG.jpg) repeat left top; } #main .mainContent .toolbarBox .sortTitle { margin: 0px 15px 10px 24px; } #main .mainContent .toolbarBox .sortOptions { margin-bottom: 10px; } #main .mainContent .toolbarBox .sortOptions.short { margin-left: 30px; } #main .mainContent .toolbarBox .paging { float: left; margin: 10px 0px 10px 90px; } .productBox .productIMG .promoLabel { top: 0px; right: 0px; font-size: 10px; } .productBox .productTitle { width: 160px; font-size: 12px; line-height: 16px; max-height: 64px; } .productBox .productBoxInfo .price-box .special-price { font-size: 13px; line-height: 16px;} .productBox .productBoxInfo .price-box .old-price { font-size: 13px; line-height: 16px;} .productBox .productBoxInfo .price-box .regular-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing { width: 100%; } #main .mainContent .productListing .productBox { width: 161px; height: 340px; margin: 10px 0px 10px 0px; padding: 0 7px 0 7px; border: none; } #main .mainContent .productListing .productBox .productIMG { width: 160px; height: 160px; } #main .mainContent .productListing .productBox .productIMG img { width: 160px; height: 160px; } #main .mainContent .productListing .productBox .productBoxInfo { width: 160px; } #main .mainContent .productListing .productBox .productIMG .promoLabel { top: 0px; right: 0px; font-size: 10px; } #main .mainContent .productListing .productBox .productTitle { width: 160px; height: 64px; font-size: 13px; line-height: 16px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box .special-price { font-size: 13px; line-height: 16px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box .old-price { font-size: 13px; line-height: 16px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box .regular-price { font-size: 13px; line-height: 16px; } #main .mainContent .productListing .productBox .skuBox .skuTitle { font-size: 9px; } #main .mainContent .productListing .productBoxListType { width: 100%; } #main .mainContent .productListing .productBoxListType .productTitle { width: 100%; font-size: 14px; line-height: 16px; } #main .mainContent .productListing .productBoxListType .productIMG { width: 175px; height: 131px; margin: 0; } #main .mainContent .productListing .productBoxListType .productIMG img { width: 175px; height: 131px; } #main .mainContent .productListing .productBoxListType .productBoxInfo { width: 175px; } #main .mainContent .productListing .productBoxListType .productBoxInfo .shortDescription { display: none; } #main .mainContent .productListing .productBoxListType .productBoxInfo .priceAndAddToCartBox { width: 175px; } #main.col2-left-layout .mainContent .mainContentOverlay { width: 100%; left: 0px; top: -15px; } #main.col2-left-layout .mainContent .mainContentPreloader { margin-left: -40px; top: 100px; position: fixed; } #main .mainContent .mainContentOverlay { top: -15px; } .catalog-product-view #main .mainContent .mainContentPreloader { top: 643px; margin-left: -30px; position: absolute; } table.stylized th { padding: 10px; } table.stylized td { padding: 10px; } .catalog-product-view #main .mainContent { margin-bottom: 20px; } #main .mainContent .productViewMedia { width: 350px; margin: 0px 0px 0px 0px; } #main .mainContent .productViewMedia .gallerySlider { width: 350px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery { width: 350px; margin: 0px 0px 0px 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper { width: 350px !important; height: 224px !important; border: none; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image { width: 350px !important; height: 224px !important; left: 0px !important; top: 0px !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad > img { width: 350px; height: 224px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPup { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomWindow { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPreload { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav { width: 350px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav .ad-thumbs { width: 350px; margin: 0px; } #main .mainContent .productViewMedia .addthis_native_toolbox { margin-left: 35px; } #main .mainContent .productViewMedia .gallery-box { width: 350px; height: 292px; margin: 0; } #main .mainContent .productViewMedia .gallery-box .gallery-main-images { width: 350px; height: 260px; border: none;} #main .mainContent .productViewMedia .gallery-box .gallery-thumbnails { display: none; } #main .mainContent .productViewMedia .gallery-box .slick-list { height: auto; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-back { display: none; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-forward { display: none; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper { margin: 0 0 10px 0 } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav { height: auto; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav .ad-thumbs { height: auto; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs .ad-thumb-list { width: 350px !important; height: auto; text-align: center;} #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a img { display: none!important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a { padding: 0px !important; width: 10px !important; height: 10px!important; background: #c4c4c4 !important; border-radius: 50%; border: none;} #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li { float: none!important; padding: 0px !important; margin: 0 2px !important; width: 10px !important; height: 10px!important; border-radius: 50%; display: inline-block; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a.ad-active { border: none; background: #F4090E !important; } #cboxLoadedContent::after { width: 330px; height: 37px; bottom: 10px; right: 0px; background-size: 100%; } #main .mainContent .productViewInfo h1 { width: 100%; font-size: 16px; line-height: 19px; margin: 0 0 10px 0; } #main .mainContent .productViewBrandLogo { float: left; margin-left: 105px; margin-bottom: 10px; } .skuAndRating { margin: 0 0 14px 0; } #main .mainContent .productViewInfo .fastInfoAndPrint { width: 350px; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox { text-align: center; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox .skuTitle { float: none; display: inline-block; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox strong { float: none; display: inline-block; } #main .mainContent .productViewInfo .fastInfoAndPrint .orderInfo { width: 100%; } #main .mainContent .productViewInfo .fastInfoAndPrint .phoneInfo { width: 100%; } #main .mainContent .productViewInfo .fastInfoAndPrint .printPageBtn { width: 190px; margin-right: 16px; } #main .mainContent .productViewInfo .fastInfoAndPrint .pdfPageBtn { width: 190px; } #main .mainContent .productViewInfo .priceAndAddToCartContent { width: 348px; float: left; padding: 0 10px; margin: 0 0 10px 0; } .priceAndAddToCartContent .qtyContent{ display: none; } .priceAndAddToCartContent .addToCartBtn { margin: 0 0 15px 0; } .priceAndAddToCartContent .leasingOptions .imgWrapper img { height: 22px; } .leasing-tabs .tabs-nav-leasing ul {margin: 0 auto; width: 230px;} .leasing-tabs .tabs-nav-leasing .tab-nav-item-wrapper {width: 100%;} .open-availability-form-btn { margin-top: 0; margin-left: 50px; } .request-form.availability_form_popup { max-width: 350px; padding: 10px; } .productBenefitsWrapper { display: block; margin-top: 10px; float: left; width: 330px; clear: both; } #main .mainContent .productViewInfo { width: 350px; margin: 0px 0px 20px 0px; } #main .mainContent .productViewBanner { width: 344px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewBanner img { left: 10px; } #main .mainContent .productViewBanner p.title { left: 80px; top: 22px; width: 250px; } #main .mainContent .productViewDescriptionContent { width: 350px; margin: 10px 0px 20px 0px; } #main .mainContent .productViewDescriptionContent .productViewDescription { width: 350px; } #main .mainContent .productViewDescriptionContent .textPage h2 { text-align: center; background-position: center bottom; margin:0 0 10px 0; } #main .mainContent .priceAndAddToCartContent .leasingOptions .imgWrapper { padding: 6px 6px 6px 6px; float: none; } #main .mainContent .productViewLeasing .leasing-tabs .leasing-tabs-nav .leasing-tab-nav-item { padding: 6px 6px 6px 6px; } #main .mainContent .productViewLeasing .leasing-tabs .leasing-tabs-nav .leasing-tab-nav-item img{ height: 25px; } #main .mainContent .productViewLeasing {margin-left: 0;} .carYear img{ height: auto; } #main .mainContent .productViewDescriptionContent .productViewAttribute { width: 350px; float: left; border-top: 3px solid #eaeaea; padding-top: 10px; margin-top: 10px; } #main .mainContent .leasingLeft { width: 350px; } #main .mainContent .leasingLeft .leasingImage { margin-left: 47px; margin-right: 47px; } #main .mainContent .leasingLeft .leasingInfo { width: 350px; } #main .mainContent .leasingRight { float: left; width: 350px; padding: 10px 0px 0px 0px; } #main .mainContent .leasingRight .addToCart { width: 330px; padding: 10px 10px 0px 10px; } #main .mainContent .leasingRight .addToCart .price-box { margin: 10px 0 10px 68px; } #main .mainContent .leasingRight .addToCart .addToCartBtn { margin-left: 19px; } #main .mainContent .leasingRight .addToCart .viewBtn { margin-left: 15px; } #main .mainContent .leaseCalculator { width: 350px; margin: 0px 0 10px 0; padding: 10px 10px 0px 10px; border: 1px solid #e9e9e9; overflow-x: auto; } #main .mainContent #co-payment-form .leaseCalculator { margin-left: -34px; } #main .mainContent .leaseCalculator .title { text-align: center; } #main .mainContent .leaseCalculator input.downpayment { margin-left: -3px; } #main .mainContent .leaseCalculator .recalcBtn { margin:0 0 10px 5px; } #main .mainContent .leaseCalculator .notice { text-align: center; } #main .mainContent .leaseCalculator .ui-tabs { width: 328px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav { width: 326px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li { width: 100%; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li a { width: 318px;font-size: 12px; min-height: 15px; text-align: center; border-right: none; border-bottom: 1px solid #e9e9e9; } #main .mainContent .leaseCalculator .horizontalScrollWrapper { width: 328px; } #main .mainContent .leaseCalculator .variants .months { font-size: 12px; } #main .mainContent .leaseCalculator .variants td { font-size: 12px; } #main .mainContent .reviewContent .reviewsTitle { margin-top: 15px; margin-left: 48px; } #main .mainContent .reviewContent .reviewForm { width: 350px; margin: 20px 0px 20px 0px; } #main .mainContent .reviewContent .reviewForm input.input-text { width: 322px; } #main .mainContent .reviewContent .reviewForm textarea { width: 322px; } #main .mainContent .reviewContent .reviewForm .reviewTitle { margin-bottom: 15px; } #main .mainContent .reviewContent .reviewForm button.addCommentBtn { margin-left: 45px; } #main .mainContent .reviewContent .reviewsList .reviewTitle { margin-bottom: 15px; } #main .mainContent .reviewContent .reviewsList { width: 350px; margin: 0px 0px 20px 0px; } #main .mainContent .reviewContent .reviewsList .commentItem { width: 350px; } /*Responsive tabs*/ .product-tabs .tabs-nav { display: none; } .product-tabs .tabs-content .tab-nav-item.responsive { display: block; } .request-form input.input-text { width: 350px; box-sizing: border-box; } .request-form textarea { width: 350px; box-sizing: border-box; } .tabs .request-form-info { width: 100%; padding: 0; } .tabs .tabs-content .tab-nav-item.responsive.accent-tab:before { background: url('../images/accArrowActive.png') no-repeat center center; } .checkout-cart-index #main .mainContent .btnCheckoutTopBox { float: left; margin: 0px 0px 0px 30px; } .checkout-cart-index ul.messages { margin: 15px 0 0 0 !important; } #main .mainContent .shoppingCartItems { width: 350px; margin: 20px 0px 20px 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col1 { text-align: center; width: 100%; margin: 0px; padding: 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col2 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col3 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col4 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col5 { display: none; } #main .mainContent .shoppingCartItems .col1 { width: 340px; padding: 5px; } #main .mainContent .shoppingCartItems .productIMGLink { margin-right: 5px; margin-bottom: 35px; } #main .mainContent .shoppingCartItems .itemTitle { width: 248px; } #main .mainContent .shoppingCartItems .itemOption { width: 248px; } #main .mainContent .shoppingCartItems .col2 { width: 90px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col3 { width: 62px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col4 { width: 100px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col5 { width: 48px; padding: 10px 5px 10px 5px; } .shoppingCartItems .responsiveCellLabel { display: block; } #main .mainContent .shoppingCartItems .price-box .regular-price { font-size: 14px; } #main .mainContent .shoppingCartItems .price-box .special-price { font-size: 14px; } #main .mainContent .shoppingCartItems .amountBox { width: 57px; margin-left: 0px; } #main .mainContent .shoppingCartItems .amountBox input.amount { width: 30px; } #main .mainContent .shoppingCartItems .amountBox .loader { top: -50px; } #main .mainContent .underShoppingCartContent { width: 350px; margin: 0px 0px 20px 0px; } #main .mainContent .underShoppingCartContent .couponAndFreeDelivery { width: 350px; } #main .mainContent .underShoppingCartContent .cartPromoBox { width: 300px; height: auto; margin: -10px 24px 10px 24px; } #main .mainContent .underShoppingCartContent .cartPromoBox h3 { width: 100%; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; } #main .mainContent .underShoppingCartContent .cartPromoBox h3:after{ content: ''; width: 13px; height: 8px; display: inline-block; margin-left: 6px; background: url('../images/accSlected.png') no-repeat center center; } #main .mainContent .underShoppingCartContent .cartPromoBox h3.opened:after { transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); } #main .mainContent .underShoppingCartContent #discount-coupon-form { display: none; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoInput { width: 273px; border-right: 1px solid #bfbfbf !important; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoSubmit { margin: 10px 0px 0px 68px; } #main .mainContent .underShoppingCartContent .cartPromoBox .validation-advice { width: 278px; top: 14px; left: 0px; } #main .mainContent .underShoppingCartContent .underCartTotalBox { float: left; width: 350px; } #main .mainContent .underShoppingCartContent .underCartTotalBox table.underCartTable { width: 350px; } #main .mainContent .goToCheckoutContent { width: 340px; margin: 0px 0px 20px 0px; padding: 18px 5px 16px 5px; } #main .mainContent .goToCheckoutContent .btn-proceed-checkout { margin: -10px 12px 0px -2px; } #main .mainContent .goToCheckoutContent .backBtn { width: 254px; margin: 60px 0px 0px 34px; display: none; } .checkout-onepage-index #checkoutSteps.opc .step { padding: 10px 5px; } .checkout-onepage-index #checkoutSteps.opc .step-title h2 { font-size: 15px; } .checkout-onepage-index #checkoutSteps.opc .step-title a { font-size: 11px; } .checkout-onepage-index #checkoutSteps h3 { font-size: 13px; line-height: 15px; } .checkout-onepage-index #checkoutSteps h4 { font-size: 12px; line-height: 14px; } .checkout-onepage-index #checkoutSteps ul.ul li { font-size: 12px; line-height: 15px; } .checkout-onepage-index #checkout-step-login .col2-set .form-list li.control input.radio { float: left; margin: 3px 4px 0px 0px; } .checkout-onepage-index #checkout-step-login .col2-set .form-list li.control label { font-size: 12px; } .checkout-onepage-index #checkoutSteps .col2-set .col-2 input.input-text { width: 170px; padding-left: 8px !important; padding-right: 8px !important; } .checkout-onepage-index #checkoutSteps input.input-text { width: 258px; } .checkout-onepage-index #checkoutSteps .buttons-set button.button { padding-left: 10px; padding-right: 10px; } .checkout-onepage-index #checkoutSteps .buttons-set p.required { display: none; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set { margin: 0px 0px 0px 0px; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set a.f-left { float: left; margin: -30px 0px 0px 0px; font-size: 12px; } .checkout-onepage-index #checkoutSteps ul li.speedyOffice input.input-text { width: 308px; } .checkout-onepage-index #checkoutSteps select#billing-address-select { width: 338px !important; } .checkout-onepage-index .data-table.totals { margin-right: 0px; width: 100%; box-sizing: border-box;} #checkoutSteps .infoInput { width: 333px; } .checkout-onepage-index #checkoutSteps ul li.speedyShort .field { width: 162px !important; } .checkout-onepage-index #checkoutSteps ul li.speedyShort .field input.input-text { width: 162px !important; } .checkout-onepage-index #checkoutSteps .please-wait { left: 170px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements { width: 100%; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox { width:100%; height:auto; position:relative; left:auto; top:auto; text-align:center; margin:0px 0px 10px 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox label { text-align: center; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox textarea { width: 100%; height: 60px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper { width: 100%; text-align: center; margin: 5px 0px 5px 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper .agreement { float: left; display: inline-block; width: auto; } .checkout-onepage-index #checkout-review-submit #checkout-agreements input.checkbox { float: left; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .checkboxLabel { float: left; width: 200px; } .checkout-onepage-index #checkoutSteps #co-payment-form fieldset label .labelTitle { font-size: 13px; } .checkout-onepage-index #checkoutSteps #co-payment-form fieldset label .paymentsCMSBlock p img { width: 102px; margin-top: 3px; } .checkout-onepage-index #review-buttons-container { margin-top: 0px; } .checkout-onepage-index #review-buttons-container.buttons-set .f-left { width: 100%; text-align: center; font-size: 11px; } .checkout-onepage-index #review-buttons-container.buttons-set .button { float: left !important; margin: 20px 0px 0px 38px !important; } .checkout-onepage-index #checkoutSteps #review-please-wait.please-wait { top: 12px; right: 110px; } /*Stenik New Checkout*/ .checkout-onepage-index nav.breadcrumbs{ display: none; } .stenik-checkout-steps-content label{ font-size: 12px; line-height: 16px; } .stenik-checkout-steps-content .sc-checkout-step{width: 100%;} .stenik-checkout .stenik-checkout-step-title{width: 100%; box-sizing: border-box;} .stenik-checkout-steps-title{margin-bottom: 20px;} .stenik-checkout .step-tab-onestep::before{content: ""; display: none;} .stenik-checkout-steps-content .stepTitle::before{content: "1";width: 25px; height: 25px; top:12px; font-size: 14px; line-height: 24px;} .stenik-checkout .step-tab-success::before{content: ""; display: none;} .stenik-checkout .step-tab-onestep {margin: 0;} .stenik-checkout-steps-content .stepTitle{padding: 16px 10px 16px 35px; font-size: 16px;} .stenik-checkout-steps-content .checkoutLogin .checkoutLoginText{display: none;} .stenik-checkout-steps-content .step-title{font-size: 14px;} .stenik-checkout-steps-content .checkoutLogin{ padding: 10px; display: none;} .checkout-onepage-index .responsiveCheckoutLogin { display: block; } .stenik-checkout-steps-content .stenik-onepage-section{padding: 0 5px;} .stenik-checkout-steps-content .stenik-onepage-section #checkout-shipping-method-load label{width: 310px;} .stenik-checkout-steps-content .form-list .field{width: 100%; margin-bottom: 10px;} .checkout-onepage-index input.input-text{height: 49px; width: 100%; padding: 0 10px; box-sizing: border-box;} .checkout-onepage-index .input-box select{height: 49px; width: 100%; padding: 0 18px 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content .invoiceFieldsWrapper .invoiceFields{width: 100%; margin-bottom: 10px;} .stenik-checkout-steps-content .form-list .fields { width: 100%; margin-bottom: 0px; } .stenik-checkout-steps-content .form-list .field .createAccount input.createAccountCheckbox { float: left; } .stenik-checkout-steps-content .form-list .field .createAccount label { float: left; width: 315px; } .stenik-checkout-steps-content .billingAddressDetails .field.billingRegion{margin: 0 0 10px 0;} .stenik-checkout-steps-content .shipping-methods-choices{margin-bottom: 10px;} .stenik-checkout-steps-content #extensa_econt-form .form-list select{height: 49px; width: 100%; padding: 0 18px 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-to_office .field{width: 100%;box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form #extensa_econt-to_office select{height: 49px; width: 100%;box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form .field{width: 100%; box-sizing: border-box; margin-right: 0;} .stenik-checkout-steps-content #extensa_econt-form .field.chosenCity{width: 100%;} .stenik-checkout-steps-content #extensa_econt-form .field.officeCode{width: auto;} .stenik-checkout-steps-content #extensa_econt-form .field.officeLocator{display: none;} .stenik-checkout-steps-content .shipping-methods-choices .extensa_econt_services { margin-top: -10px; } .stenik-checkout-steps-content #extensa_econt-form input.input-text{height:49px; width: 100%; padding: 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content .customer-info{margin-bottom: 10px;} .checkout-onepage-index #main .mainContent .facebookLoginBtn, .checkout-onepage-index #main .mainContent .googlePlusLoginBtn{margin-bottom: 10px !important;} .checkout-onepage-index .checkoutLogin .loginLink{margin: 0; width: 57px;} .checkout-onepage-index #login-form input.input-text{width: 350px;} .stenik-checkout-steps-content .underReviewTotalBox { width: 100%; box-sizing: border-box; } .stenik-checkout-steps-content #checkout-review-submit{padding: 0;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper{width: 100%; text-align: center; margin-bottom: 10px;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .agreement{width: auto; display: inline-block; float: left;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .agreement .checkboxLabel{width: 315px; font-size: 12px; text-align: left;} .stenik-checkout-steps-content #checkout-review-submit #checkout-agreements .checkboxLabel{width: 315px;font-size: 12px;text-align: left;} .stenik-checkout-steps-content #checkout-review-submit .orderCommentBox{width: 100%;} .checkout-onepage-index #checkout-review-submit .orderCommentBox textarea{height: 70px;} .stenik-checkout-steps-content .agreement-box .validation-advice{text-align: center;} .stenik-checkout-steps-content .buttons-set{ padding-left: 20px; padding-right: 20px; } .stenik-checkout-steps-content .buttons-set .button.checkout-color{width: 100%;} .stenik-checkout-steps-content .data-table .cart-image{display: none;} .checkout-onepage-index .data-table h3.product-name{font-size: 11px !important; padding: 0 !important; margin: 0 !important;} .stenik-checkout-steps-content .data-table .attributes{font-size: 10px;} .stenik-checkout-steps-content .data-table th{padding: 5px 2px; font-size: 10px;} .stenik-checkout-steps-content .data-table td {padding: 5px 2px; font-size: 11px;} .stenik-checkout-steps-content .data-table.totals th{font-size: 12px;padding: 5px;} .stenik-checkout-steps-content .data-table .old-price{font-size: 10px;} .stenik-checkout-steps-content .data-table .special-price{font-size: 11px;} .stenik-checkout-steps-content .data-table td span.cart-price{font-size: 11px;} .stenik-checkout-steps-content .data-table.totals td{width:80px;padding: 5px; font-size: 12px; font-family: inherit;} .stenik-checkout-steps-content .data-table.totals .totalCartPrice td{font-size: 14px; font-family: inherit;} .stenik-checkout-steps-content .data-table.totals .totalCartPrice th{font-size: 14px; font-family: inherit;} .stenik-checkout-steps-content select#billing-address-select{width: 100% !important;} .checkout-onepage-index #extensa_econt-to_door div.autocomplete { width: 100%; box-sizing: border-box; } .checkout-onepage-index #main .mainContent .leaseCalculator{width: 338px; margin: 0px 0px 10px -40px;} .checkout-onepage-index #main .mainContent .leaseCalculator .ui-tabs{width: 100%;} .checkout-onepage-index #main .mainContent .leaseCalculator input.downpayment{margin: 0 0 10px 0; height: 32px; width: 100%;} .checkout-onepage-index .leaseCalculator .recalcLoader {position: relative; left: 20px; margin-left: -18px;} .checkout-onepage-index #main .mainContent .leaseCalculator .recalcBtn {margin:0 0 5px 23px;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapper {width: 100%; overflow-x:auto;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapperTable {width: 100%; overflow-x:auto;} .stenik-checkout-steps-content .leaseCalculator .form-list .field{width: 100%;} .stenik-checkout-steps-content .leaseCalculator .form-list .field .input-text{width: 100%;} .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail.installment {font-size: 12px;} .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail{font-size: 12px;} /* End of Stenik Checkout*/ .paypal-express-review #main .mainContent .info-set.col2-set .col-1 { width: 100%; } .paypal-express-review #main .mainContent .info-set.col2-set .col-2 { width: 100%; } .paypal-express-review #main .mainContent .info-set h2 { margin: 5px 0px 5px 0px; font-size: 16px; line-height: 18px; } .paypal-express-review #main .mainContent .info-set .box-title h3 { font-size: 13px; line-height: 14px; } .paypal-express-review #main .mainContent .info-set .box-title h3 a { font-size: 11px; } .paypal-express-review #main .mainContent .info-set .box-content select#shipping_method { width: 120px; } .paypal-express-review #main .mainContent .info-set .data-table td { width: auto !important; } .paypal-express-review #main .mainContent .underCartTotalBox { float: left; width: 350px; } .paypal-express-review #main .mainContent form#order_review_form .orderCommentBox { width: 350px; position: relative; left: auto; top: auto; } .paypal-express-review #main .mainContent form#order_review_form .orderCommentBox textarea { width: 320px; height: 90px; } .paypal-express-review #main .mainContent form#order_review_form .agreementsWrapper { margin-top: 10px; } .paypal-express-review #main .mainContent form#order_review_form .agreementsWrapper label { float: right; width: 310px; margin: 0px 0px 0px 0px; } .paypal-express-review #main .mainContent #review-buttons-container { margin-top: 10px; } .paypal-express-review #main .mainContent button.button.btn-checkout { width: 330px; margin-right: 10px; } .customer-address-form .fieldset {width: 100%;} .customer-address-form .fieldset.left-col {padding: 0;} .customer-address-form .fieldset.right-col {padding: 0;} .customer-address-form .right-col ul.form-list { margin: 0; } .customer-address-form .chosen-container {width: 350px !important;} .customer-address-form .fieldset select{width: 322px;} .customer-address-form ul.form-list li.chooseShop select { width: 322px; } .customer-address-form .field.officeLocator{display: none;} .customer-address-form .fieldset input#city.input-text { width: 322px !important; } .customer-address-form .fieldset input#speedy_quarter_name.input-text { width: 322px !important; } .customer-address-form .fieldset input#speedy_street.input-text { width: 322px !important; } .customer-address-form .fieldset input#speedy_address_note.input-text { width: 322px !important; } .checkout-onepage-success .textPage button.button { margin-left: 5px; } #main .mainContent .loginRegBox { width: 328px; margin: 0px 0px 10px 0px; padding: 15px 10px 15px 10px; } #main .mainContent .loginRegBox form { width: 328px; margin: 10px 0px 0px 0px; } #main .mainContent .loginRegBox input.input-text { width: 300px; } #main .mainContent .loginRegBox button.button { margin-top: 0px; margin-left: 75px; } #main .mainContent .loginRegBox .facebookLoginBtn { margin: 0px 0px 0px 17px; } #main .mainContent .loginRegBox .infoInput { width: 328px; margin: -2px 0px 10px 0px; padding: 0px; text-align: center; } #main .mainContent .loginRegBox .checkboxLeftMargin { width: 100%; margin-left: 0px; } #main .mainContent .loginRegBox .checkboxLabel { text-align: left; width: 308px; } .customer-account-create .loginRegBox .recaptcha { margin-left: 0px; } .termsPopUpContent { width: 310px; } .customer-account-create #main .mainContent .loginRegBox button.button { margin-top: 30px; } #main .mainContent .newCustumerBox { width: 328px; min-height: 10px; margin: 0px 0px 10px 0px; padding: 20px 10px 10px 10px; } #main .mainContent .newCustumerBox .buttons-set { width: 328px; text-align: center; padding: 15px 10px 5px 10px; margin: 15px -10px 0px -10px; } #main .mainContent .newCustumerBox .registrationBtn { float: none; display: block; margin: 0px auto; } #main .mainContent .facebookLoginBox { width: 330px; height: auto; margin: 0px 0px 20px 0px; text-align: center; } #main .mainContent .facebookLoginBox p { width: 100%; text-align: center; } #main .mainContent .facebookLoginBtn { float: left; width: 156px; margin: 0px !important; padding: 0px; font-size: 13px; } #main .mainContent .facebookLoginBtn .fIcon { display: none; } #main .mainContent .googlePlusLoginBtn { float: right; width: 156px; margin: 0px !important; padding: 0px; font-size: 13px; } #main .mainContent .googlePlusLoginBtn:before { display: none; } #main .mainContent .googlePlusLoginBtn .gIcon { display: none; } #main .mainContent .registrationBanner { display: none; } #main .mainContent .contactForm { width: 328px; margin: 0px 0px 20px 0px; padding: 15px 10px 34px 10px; } #main .mainContent .contactForm input.input-text { width: 300px; } #main .mainContent .contactForm textarea { width: 300px; } #main .mainContent .contactForm .generateCode img { margin: 2px 10px 10px 55px; } .g-recaptcha, .recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;} #main .mainContent .contactForm button.button { width: 320px; margin-left: 3px; } #main .mainContent .contactsInfo { float: left; width: 350px; margin: 0px 0px 20px 0px; text-align: center; } #main .mainContent .contactsInfo iframe { width: 350px; margin: 0px 0px 10px 0px; } #main .mainContent .contactsInfo .addres { width: 330px; margin: 10px 0px 10px 0px; padding: 15px 10px 15px 10px; } #main .mainContent .contactsInfo .workingTime { width: 310px; margin-bottom: 10px; } #main .mainContent .contactsInfo p { width: 100%; text-align: center; } #main .mainContent .contactsStoreContent { width: 100%; margin: 20px 0px 20px 0px; } #main .mainContent .contactsStoreContent img { max-width: 100%; } #main .mainContent .galleryListing { width: 350px; } #main .mainContent .galleryListing .galleryBox { margin: 0px 38px 30px 38px; } #main .mainContent .galleryDetailedListing { width: 350px; } #main .mainContent .galleryDetailedListing .galleryIMG { width: 144px; height: 107px; margin: 0px 0px 10px 0px; } #main .mainContent .galleryDetailedListing .galleryIMG img { width: 144px; height: 107px; } #main .mainContent .news-item { width: 328px; height: auto; min-height: 100px; padding: 10px; margin: 0px 0px 10px 0px; } #main .mainContent .news-item .news_image { width: 328px; height: 137px; margin-top: 0px; } #main .mainContent .news-item .news_image img { width: 328px; height: 137px; } #main .mainContent .news-item .newsTitle { height: auto; } #main .mainContent .news-item .more { width: 328px; padding-left: 0px; padding-right: 0px; } #main .mainContent .news-item-content .date { text-align: center; } #main .mainContent .news-item-content .textPage p { text-align: center; } #main .mainContent .news-item-content .back { margin-left: 45px; } #main .mainContent .newsLinkIMG { width: 350px; margin: 0px 0px 20px 0px; } #main .mainContent .newsLinkIMG img { width: 350px; height: auto; } #main .mainContent .brandListing { width: 350px; } #main .mainContent .brandListing .brandBox { margin: 0px 0px 10px 12px; } #main .mainContent .brandListing .line { display: none; } #main .mainContent .brandDescripting { margin-bottom: 20px; } #main .mainContent .toolbarBox .listTypetTitle { display: none; } #main .mainContent .toolbarBox .grid { display: none; } #main .mainContent .toolbarBox .list { display: none; } #main .mainContent .my-account .data-table th { font-size: 9px; line-height: 12px; padding: 7px 1px 7px 1px !important; } #main .mainContent .my-account .data-table.documents th { font-size: 9px; line-height: 12px !important; padding: 7px 2px 7px 2px !important; white-space: normal !important; } #main .mainContent .my-account .data-table td { font-size: 10px; line-height: 12px; padding: 10px 0px 10px 0px; } #main .mainContent .my-account .data-table.documents td { font-size: 9px; line-height: 12px; padding: 10px 2px 10px 2px; } #main .mainContent .my-account .data-table td h3.product-name { font-size: 10px; font-weight: normal; } #main .mainContent .my-account .box-head a { margin-top: 19px; font-size: 12px; } #main .mainContent .my-account .box-title h3, #main .mainContent .my-account .box-title h2 { font-size: 12px; } #main .mainContent .box-content address { font-size: 12px; line-height: 15px; } #main .mainContent .my-account h2 { font-size: 15px; } #main .mainContent .my-account input.input-text { width: 322px !important; } #main .mainContent .my-account .infoInput { width: 100% !important; height: auto; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; } #main .mainContent .my-account ol li address { font-size: 13px; line-height: 15px; } .customer-address-form .fieldset { width: 350px; } .customer-address-form #main .mainContent .my-account .buttons-set p.back-link { margin: 23px 30px 0px 0px; } #main .mainContent .my-account .data-table td.a-right { text-align: center; } #main .mainContent .my-account .toolbar { background-repeat: repeat; } #main .mainContent .my-account .toolbar .filterTitle { width: 130px; text-align: right; font-size: 10px; } #main .mainContent .my-account .toolbar .input-text { width: 170px !important; } #main .mainContent .my-account .toolbar button.button.filterBtn { width: 310px; margin: 10px 22px 5px 0px; padding: 0px; } .stenik-moneta-documents-invoices #main .mainContent .my-account { width: 350px; overflow-x: scroll; } .stenik-moneta-documents-creditmemos #main .mainContent .my-account { width: 350px; overflow-x: scroll; } .stenik-moneta-documents-payments #main .mainContent .my-account { width: 350px; overflow-x: scroll; } .stenik-moneta-documents-obligations #main .mainContent .my-account { width: 350px; overflow-x: scroll; } #main .mainContent .textPage p img { max-width: 350px !important; height: auto !important; } #main .mainContent .partnerForm { padding: 26px 10px 0px 10px; } #main .mainContent .partnerForm .inputHolder { width: 318px; } #main .mainContent .partnerForm input.input-text { width: 300px; margin: 0px 0px 8px 0px; } #main .mainContent .partnerForm input.input-text.codeInput { width: 93px; margin: 0px 0px 8px 0px; font-size: 10px; } #main .mainContent .partnerForm textarea { width: 300px; margin: 0px 0px 8px 0px; } #main .mainContent .partnerForm .button { width: 330px; margin: 8px -1px 16px 0px; } #main .mainContent .partnerForm .generateCode { margin: 5px 0px 0px 0px; } .fastOrderPopUpContent { width: 280px; padding: 10px; } .fastOrderPopUpContent .fastOrderCol { width: 330px; margin: 0px; } .fastOrderPopUpContent .fastOrderCol input.input-text { width: 302px; } .fastOrderPopUpContent input.input-text { width: 302px; } .fastOrderPopUpContent textarea { width: 302px; } .fastOrderPopUpContent .infoInput { width: 330px; height: auto; margin: -2px 0px 10px 0px; padding: 0px; text-align: center; } .fastOrderPopUpContent .addToCartBtn { margin-left: 20px; } .checkout-cart-index .cart-empty { width: 100%; text-align: center; } .mainIMGPopUp #cboxLoadedContent::after { width: 310px; background-size: 100%; bottom: 5px; right: 10px; } .changeBrandPopUpBox { width: 330px; padding: 5px; } .changeBrandPopUpBox .searchByBrandContetn { width: 330px; margin: 0px 0px 10px 0px; padding: 12px 10px 12px 10px; } .changeBrandPopUpBox .searchByBrandContetn .brandSearchTitle { font-size: 16px; text-align: left; margin-bottom: 8px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions { width: 310px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .openOptions { width: 310px; background-position: 228px 20px; overflow: hidden; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions:hover .openOptions { width: 310px; background-position: 228px 24px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper { width: 310px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper.tiny-scroll .viewport { width: 310px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper ul.subOptions { width: 310px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper ul.subOptions li a { width: 310px; } .stenik-shop-shop-list nav.breadcrumbs, .stenik-shop-shop-view nav.breadcrumbs { padding: 5px 0; margin: 0; } .shops-listing { width: 100%; margin: 0px 0px 20px 0px; } .shops-listing .toolbar .drop-down.chose-city { min-width: 50%; } .shops-listing-google-map { width: 100%; } .shops-listing-google-map #gmap { height: 350px; } .shops-listing-wrapper .responsive-back-to-top { display: block; } .shop-info { width: 100%; } .shop-gallery-wrapper { margin-bottom: 20px; } .shop-innter-short-text-page { float: left; width: 100%; margin-bottom: 20px; } .shop-inner-description-text-page { width: 100%; margin-bottom: 20px; } .shop-inner-working-time { float: left; width: 100%; } .shop-innter-shortdescription-text-page { float: left; width: 100%; margin-bottom: 20px; } .share-and-backbtn .shop-share { margin-right: 10px; } .share-and-backbtn .shop-back-link { max-width: 38%; margin-left: 10px; margin-top: 0; } .shop-info-top .shop-info-col, .shop-info-bottom .shop-info-col { width: 100%; padding-right: 0; } .team-members { width: auto; margin: 20px -2% 0; } .team-members-title { padding: 0 2%; box-sizing: border-box; } .team-member { width: 46%; margin: 0 2% 20px; } .team-member .title { font-size: 14px; line-height: 17px; } .virtual-tour-content { margin-top: 0; } .shops-inner-wrapper .shops-listing-google-map { width: 100%; } .newsletter-terms label.checkboxLabel { width: 88%; margin-bottom: 5px; } .checkbox-content label.checkboxLabel { width: 88%; } .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper label { width: 88%; text-align: left; } .mainContent .my-account a.button { width: 100%; margin-bottom: 10px; } .deleting-account-info { width: 100%; } .category-widget-box { text-align: center; } .category-widget-box img { display: none; } .category-widget-box .category-widget-info { position: static; padding: 0; } .category-widget-box .category-widget-info .title { margin-bottom: 15px; font-size: 20px; line-height: 20px; } .category-widget-box .category-widget-info .sub-title { margin-bottom: 20px; font-size: 14px; line-height: 14px; } .category-widget-box .button { float: none; min-width: 130px; margin-bottom: 10px; line-height: 35px; font-size: 14px; } .category-widget-box ~ .category-wrapper { padding: 0; } .category-widget-box ~ .category-wrapper:before { width: 0; } aside.leftCol { display: none; width:350px; padding: 0px; margin: 0px 0px 0px -175px; position: absolute; left: 50%; top: 157px; z-index: 5000; background: #bababa; min-height: 50px; } aside.leftCol .backBtn { display: none; width: 308px; } aside.leftCol .filtersTitle { display: none; } aside.leftCol .filterBox { width: 350px; margin: 0px 0px 1px 0px !important; } aside.leftCol .filterBox.filters .tiny-scroll { display: none; } aside.leftCol .filterBox .filterTitle { width: 300px; text-align: center; padding-top: 12px; padding-bottom: 13px; } aside.leftCol .filterBox ul { width: 350px; } aside.leftCol .filterBox ul li { width: 350px; text-align: center; } aside.leftCol .filterBox ul li a { width: 325px; text-align: center; margin: 0px 0px 0px 2px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li .checkBox { float: none; display: inline-block; } aside.leftCol .filterBox ul li > a.hasSecondNavLevel { width: 290px; margin-left: 3px; } aside.leftCol .filterBox ul li .clever-link { width: 325px; text-align: center; margin: 0px 0px 0px 2px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li > .clever-link.hasSecondNavLevel { width: 290px; margin-left: 3px; } aside.leftCol .filterBox .tiny-scroll { width: 350px; } aside.leftCol .filterBox .tiny-scroll .viewport { width: 350px; } aside.leftCol .filterBox .layer-slider { width: 320px; } aside.leftCol nav.choosenFilter { width: 344px; } aside.leftCol nav.choosenFilter .selectedFilters { left: 60px; } aside.leftCol nav.choosenFilter .removeAllFiltersLink { left: 176px; } aside.leftCol nav.choosenFilter ul { width: 344px; } aside.leftCol nav.choosenFilter ul li { width: 314px; } .filter-info-msg { margin-top: 20px; } aside.rightCol { display: none; } .reservation-form{ padding-left: 10px; padding-right: 10px; } .reservation-form-heading{ padding: 10px 20px; } .reservation-form #reservation_form_submit_row{ left: 10px; bottom: 35px; } .reservation-form #reservation_form_submit_row .button{ width: 330px; } .reservation-form .input-box{ width: 100%; } .reservation-form .input-box input.input-text{ width: 100%; box-sizing: border-box; } .reservation-form .input-box textarea{ width: 100%; box-sizing: border-box; } .reservation-form .custom-select { width: 100%; box-sizing: border-box; } .reservation-form-content-bottom .box{ width: 100%; min-height: 10px; padding: 0 0px 20px 0px; } .reservation-form #reservation_form_reservation_date_row:after{ right: 10px; } footer .footerInfoContent { width: 350px; } footer .footerInfoContent .footerNewsletterContent { height: auto; padding: 14px 10px 14px 10px; } footer .footerInfoContent .footerNewsletterContent .newsletterTitle { width: 100%; height: auto; padding: 0px; margin: 0px 0px 10px 0px; font-size: 14px; line-height: 15px; text-align: center; } footer .footerInfoContent .footerNewsletterContent .newsletterForm { width: 100%; height: auto; margin: 0px;} footer .footerInfoContent .footerNewsletterContent .newsletterForm input.text { float: left; width: 100%; margin: 0px 0px 5px 0px; text-align: center; box-sizing: border-box; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .newsLetterBtn { width: 100%; margin: 0px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .validation-advice { width: 288px; bottom: 88px; left: auto; right: 0px; } footer .footerInfoContent .footerLeftCol { width: 350px; margin: 10px 0px 10px 0px; text-align: center; } footer .footerInfoContent .footerLeftCol h3 { text-align: center; } footer .footerInfoContent .footerLeftCol p { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.title { text-align: center; } footer .footerInfoContent .footerLeftCol p.phone { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.mail { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.skype { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol .workingTimeBox { width: 326px; padding: 10px; margin-bottom: 16px; text-align: center; } footer .footerInfoContent .footerLeftCol .workingTimeBox p { float: none; display: table; width: auto; margin: 5px auto; padding: 0px; } footer .footerInfoContent .footerRightCol { width: 350px; min-height: 100px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0; } footer .footerInfoContent .footerRightCol .col { width: 350px; margin: 0px 0px 10px 0px; } footer .footerInfoContent .footerRightCol p.title { text-align: center; } footer .footerInfoContent .footerRightCol .col.js-col ul { display: none; } footer .footerInfoContent .footerRightCol .col.js-col p.title { position: relative; } footer .footerInfoContent .footerRightCol .col.js-col p.title:after { content: ''; width: 13px; height: 8px; display: inline-block; background: url('../images/footerArrowDown.png') no-repeat center center; margin-left: 8px; } footer .footerInfoContent .footerRightCol .col.js-col p.title.opened:after { background: url('../images/footerArrowUp.png') no-repeat center center; } footer .footerInfoContent .footerRightCol h3 { text-align: center; } footer .footerInfoContent .footerRightCol .col .footerLoginRegBtn { display: none; } footer .footerInfoContent .footerRightCol .col ul { width: 218px; margin: 0px 56px 0px 76px; } footer .footerInfoContent .footerRightCol .col ul li { margin-bottom: 10px; } footer .footerInfoContent .footerRightCol .col.wide { margin-right: 0px; } footer .footerInfoContent .footerRightCol.last { text-align: center; } footer .footerInfoContent .footerRightCol.last .clear { display: none; } footer .footerInfoContent .mobileHide { display: none; } footer .footerInfoContent .socialBtnsWrapper { display: block; width: 350px; margin: 0px; float: left; clear: both; } footer .footerInfoContent .socialBtn { float: none; display: inline-table; margin: 0px 2px 6px 2px; } footer .footerBottom { height: auto; margin-top: 0px; border-top: 2px solid #323232; text-align: center; padding-top: 10px; } footer .footerBottom p.copy { height: auto; line-height: 14px; text-align: center; } footer .footerBottom .stenik { float: left; margin: 10px 0px 0px 45px; } footer .footerRight { width: 350px; margin: -498px 0px 0px 0px; } footer .footerRight .facebookBtn { margin-left: 34px; } footer .footerRight .footerPaymentBanner { float: left; width: 350px; text-align: center; } footer .footerRight .footerPaymentBanner img { float: none; display: block; max-width: 320px; margin: 10px auto 0px auto; } footer .footerRight .fb-page { float: left; margin-left: 10px; margin-right: 10px; } } @media only screen and (min-width: 0px) and (max-width: 350px) { .wrapper { width:300px; padding:0px; } footer .wrapper { width:300px;} .catalog-product-view .wrapper{ width: 300px; } .catalog-category-view .wrapper{ width: 300px; } .catalogsearch-advanced-result .wrapper { width: 300px; } .stenik-shop-shop-list .wrapper { width: 300px; } .stenik-shop-shop-view .wrapper { width: 300px; } .catalog-category-view #main.col2-left-layout .mainContent { width: 300px; } .catalogsearch-advanced-result #main.col2-left-layout .mainContent { width: 300px; } .homepageResponsiveCats { display: block; } .store-col { width: 100%; } .productViewDescriptionContent .productViewAttribute .download-pdf { margin-bottom: 10px; } .priceAndAddToCartContent .priceContent { margin-bottom: 15px; } .priceAndAddToCartContent .priceContent .price-box .old-price { font-size: 20px; float: none;} .priceAndAddToCartContent .priceContent .price-box .special-price { font-size: 20px; float: none; } .priceAndAddToCartContent .priceContent .price-box .vat-label { font-size: 20px; float: none;} .priceAndAddToCartContent .priceContent .price-box .regular-price { font-size: 20px; float: none; } .priceAndAddToCartContent .priceContent .under-price-text { text-align: center; margin-top: 10px; margin-bottom: 0; } .availabilityWrapper { text-align: center; } .productViewInfo .skuBox { margin-left: 54px; } .ratingContent { margin-left: 30px; display: none; } .tabs .tabs-content { padding:0 0 30px 0; } .tabs .tab { display: none; } .product-other-colors { text-align: center; } header { display: none; } .responsive-header { display: block; } .responsive-header .responsiveLinksWrapper { padding-left: 10px; } .responsive-header .responsiveLink { padding-left: 26px; } .langClassmk .responsive-header .headerNotification { float: left; width: 100%; height: auto; padding: 4px 0px 3px 0px; margin: 0px; font-size: 14px; line-height: 18px; color: #fff; text-decoration: none; text-align: center; font-weight: normal; background: #0b83e1; border-bottom: 1px solid #b4daf8; position: relative; top: 0; left: 0; } .langClassmk .responsive-header .headerNotification p{ padding: 0px 10px 0px 10px; margin: 0px; font-size: 9px; line-height: 12px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: normal; } .langClassmk .responsive-header .headerNotification a{ color: #fff; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .langClassmk .responsive-header .headerNotification a:hover{ opacity: 0.8; } .langClassmk .priceAndAddToCartContent .qtyContent .amountBox{ right: 50%; margin-right: -35px; } .responsive-header .headerNotification p{ font-size: 9px; } .responsive-header .responsive-logo { width: 132px; height: 30px; } .responsive-header .responsive-logo img { width: 132px; height: 30px; margin: 7px 0px 0px 3px; } .responsive-header .responsive-menu.open .responsive-menu-sub { width: 280px !important; } .responsive-header .responsive-menu.open .responsive-menu-sub ul li.parent > a { background-position: 248px 11px; } .responsive-header .responsive-menu.open .responsive-menu-sub ul li ul li.parent > a { background-position: 244px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete { width: 260px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete .nav { width: 207px; } .responsive-header .responsive-menu .responsive-menu-sub .searchautocomplete .searchautocomplete-placeholder { width: 239px; } .wideSliderContent { display: none !important; } #main { padding-top: 138px; } #main .mainContent { width:300px; } .cms-index-index #main .mainContent { margin: 10px 0px 20px 0px; } #main.col2-left-layout .mainContent { width: 300px; } #main.col2-right-layout .mainContent { width: 300px; } #main .mainContent .topShadow { display: none; } #main .mainContent .homepageResponsiveBanners { display: block; } #main .mainContent .homepageResponsiveBanners p img { width: 300px; height: auto; padding: 0px; margin: 0px 0px 10px 0px; } #main .mainContent .homepadeSearchContent { margin: 0px 0px 0px 0px; } .searchByBrandContetn .selectOption { margin-right: 0px; } .searchByLinksContent .searchByLink { font-size: 16px; } #main .mainContent .homepadeSearchContent .homepageSearchTitle { font-size: 20px; line-height: 24px; margin-bottom: 20px; } #main .mainContent .homepadeSearchContent { background: url('../images/searchBoxResponsiveBG.jpg') no-repeat center center / 100% 100%; } .searchByBrandContetn .selectOption { margin-right: 0px; width: 270px;} select.homepageSearchSelect { width: 230px; } .searchByLinksContent .searchByLink { font-size: 16px; line-height: 28px; padding: 0px; } .searchByLinksContent .searchByLink:after { display: none; } #main .mainContent .homepadeSearchContent .homepageSearchTitle { font-size: 20px; line-height: 24px; margin-bottom: 20px; } #main .mainContent .searchByBrandContetn { } #main .mainContent .searchByBrandContetn .brandOptions .openOptions { background-position: 228px 20px; } #main .mainContent .searchByBrandContetn .brandOptions:hover .openOptions { background-position: 228px 24px; } #main .mainContent .searchByBrandContetn .brandOptions ul.subOptions { width: 260px; } #main .mainContent .searchByCategoryContent { width: 100%; margin: 0px 0px 10px 0px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIcon { left: 40px; } #main .mainContent .searchByCategoryContent .choseCategoryBtn .menuIconH { left: 40px; } #main .mainContent .searchByManufacturerContent { width: 100%; margin: 0px 0px 10px 0px; } #main .mainContent .searchByManufacturerContent .brandOptions .openOptions { background-position: 228px 20px; } #main .mainContent .searchByManufacturerContent .brandOptions:hover .openOptions { background-position: 228px 24px; } #main .mainContent .searchByManufacturerContent .brandOptions ul.subOptions { width: 260px; } #main .mainContent .accentProductsContent { width: 300px; margin: 10px 0px 0px 0px; overflow: hidden; } #main .mainContent .accentProductsContent .accentTitle { width: 268px; } #main .mainContent .accentProductsContent.crossSell .accentTitle { font-size: 19px; } #main .mainContent .accentProductsContent .touchcarouselNoSlider { width: 300px; height: 340px; border: none;} #main .mainContent .accentProductsContent .touchcarouselNoSlider ul li { width: 135px; height: 300px; border-right: none; padding: 24px 0px 0px 0px; margin-right: 30px; } #main .mainContent .accentProductsContent .touchcarousel { width: 300px; height: 300px; border: none;} #main .mainContent .accentProductsContent .touchcarousel .arrow-holder.left { left: 0; } #main .mainContent .accentProductsContent .touchcarousel .arrow-holder.right { right: 0; } #main .mainContent .accentProductsContent .touchcarousel ul.touchcarousel-container li.touchcarousel-item { width: 135px; height: 270px; border-right: none; padding: 24px 0px 0px 0px; margin-right: 30px; } #main .mainContent .accentProductsContent .productBox .productIMG { width: 135px; height: 135px; } #main .mainContent .accentProductsContent .productBox .productIMG img { width: 135px; height: 135px; } #main .mainContent .accentProductsContent .productBox .productTitle { width: 135px; } #main .mainContent .accentProductsContent .productBox .productBoxInfo { width: 135px; } #main .mainContent .accentProductsContent .productBox .productIMG .promoLabel { top: 0; right: 0;} #main .mainContent .accentProductsContent .productBox { margin: 0px 0px 0px 0px; width: 100%; } #main .mainContent .accentProductsContent .touchcarousel .productBox .availabilityWrapper .availability { text-align: left; } #main .mainContent .brandsSliderContent { width: 300px; height: auto; margin: 20px 0px 20px 0px; } #main .mainContent .brandsSliderContent .brandsTitle { width: 260px; height: auto; padding:10px 20px 10px 20px; background:#0b83e1 url(../images/dotPatern.png); text-align: center; font-size: 19px; } #main .mainContent .brandsSliderContent .touchcarousel { float: left; width: 300px; margin: 10px 0px 0px 0px; } #main .mainContent .brandsSliderContent .touchcarousel .touchcarousel-wrapper { width: 260px; } #main .mainContent .homepageGallery { width: 280px; margin: 10px 0px 10px 0px; padding: 29px 10px 0px 10px; } #main .mainContent .homepageGallery .galleryTitle { margin-left: 20px; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider { width: 280px; float: left; } #main .mainContent .homepageGallery .touchcarousel.gallerySlider .touchcarousel-wrapper { width: 216px; margin: 0px 32px 0px 32px; } #main .mainContent .homepageGallery .touchcarousel .touchcarousel-item { width: 216px; margin-right: 0px; } #main .mainContent .descriptionContent { width: 300px; padding: 0px; } #main .mainContent .descriptionContent h1 { text-align: center; font-size: 19px; line-height: 22px; padding-bottom: 14px; } #main .mainContent .serviceIconsContent { width: 300px; overflow: hidden; } #main .mainContent .serviceIconsContent .serviceBox { width: 150px; height: 150px; margin: 0px 0px 10px 0px; transform: scale(0.8); } #main .mainContent .serviceIconsContent .serviceBox span.title { width: 100%; } .scrollToTop { margin-left: 105px; bottom: 5px; } aside.leftCol .filterBox .fitlerScrollWrapper { display: none; } aside.leftCol .filterBox.category .fitlerScrollWrapper { display: block; } nav.breadcrumbs { width: 290px; padding: 0px 5px 0px 5px; margin: 7px 0px 13px 0px; } .checkout-cart-index nav.breadcrumbs{ display: none; } nav.breadcrumbs ul { width: 290px; overflow: hidden; } nav.breadcrumbs ul li { margin-bottom: 5px; height: auto; } nav.breadcrumbs ul li.product{ display: none; } nav.breadcrumbs ul li a { height: auto; } #main .mainContent h1 { text-align: center; font-size: 18px; line-height: 22px; padding: 0; border: none; } #main .mainContent .allCatFilterContent { width: 280px; padding: 15px 10px 10px 10px; margin-bottom: 10px; } #main .mainContent .allCatFilterContent .allCatTitle { width: 288px; margin-left: -4px; } #main .mainContent .allCatFilterContent .mainCatBox { width: 134px; } #main .mainContent .allCatFilterContent .mainCatBox .title { width: 115px; margin-left: -64px; } #main .mainContent .catagroyListContent { width: 300px; margin-top: 10px; } #main .mainContent .catagroyListContent h2 { width: 300px; margin-bottom: 20px; } #main .mainContent .catagroyListContent .categoryBox { margin: 0px 35px 30px 35px; } #main .mainContent .categoryListingContent { width: 300px; } #main .mainContent .categoryListingContent .categoryBox { margin: 0px 35px 25px 35px; } #main .mainContent .responsiveFiltersBtn { display: block; margin: -10px 0px 30px 0px; } #main .mainContent .responsiveFiltersBtn #countContainer { color: #0a6fbd; } #main .mainContent .toolbarBox { margin-bottom: 10px; background: url(../images/toolbarBoxBG.jpg) repeat left top; } #main .mainContent .toolbarBox .sortTitle { margin: 0px 15px 10px 24px; } #main .mainContent .toolbarBox .sortOptions { margin-bottom: 10px; } #main .mainContent .toolbarBox .sortOptions.short { margin-left: 30px; } #main .mainContent .toolbarBox .paging { float: left; margin: 10px 0px 10px 90px; } .productBox .productIMG .promoLabel { top: 0px; right: 0px; font-size: 10px; } .productBox .productTitle { width: 135px; font-size: 12px; line-height: 16px; max-height: 64px; } .productBox .productBoxInfo .price-box .special-price { font-size: 13px; line-height: 16px;} .productBox .productBoxInfo .price-box .old-price { font-size: 13px; line-height: 16px;} .productBox .productBoxInfo .price-box .regular-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing { width: 330px; margin-left: -15px; } #main .mainContent .productListing .productBox { margin: 10px 0px 10px 0px; border: none; width: 135px; padding: 0px 15px 0px 15px; } #main .mainContent .productListing .productBox .productIMG { width: 135px; height: 135px; } #main .mainContent .productListing .productBox .productIMG img{ width: 135px; height: 135px; } #main .mainContent .productListing .productBox .productBoxInfo { width: 135px; } #main .mainContent .productListing .productBox .productTitle { width: 135px; font-size: 12px; line-height: 16px; max-height: 64px;} #main .mainContent .productListing .productBox .productIMG .promoLabel { top: 0px; right: 0px; font-size: 10px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box .special-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing .productBox .productBoxInfo .price-box .old-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing .productBox .productBoxInfo .price-box .regular-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing .productBox .productTitle { width: 135px; font-size: 12px; line-height: 16px; } #main .mainContent .productListing .productBox .productIMG .promoLabel { top: 0px; right: 0px; font-size: 10px; } #main .mainContent .productListing .productBox .productBoxInfo .price-box .special-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing .productBox .productBoxInfo .price-box .old-price { font-size: 13px; line-height: 16px;} #main .mainContent .productListing .productBox .productBoxInfo .price-box .regular-price { font-size: 13px; line-height: 16px;} .productBox .skuBox .skuTitle { font-size: 8px; } #main.col2-left-layout .mainContent .mainContentOverlay { width: 100%; left: 0px; top: -15px; } #main.col2-left-layout .mainContent .mainContentPreloader { margin-left: -40px; top: 100px; position: fixed; } #main .mainContent .mainContentOverlay { top: -15px; } .catalog-product-view #main .mainContent .mainContentPreloader { top: 643px; margin-left: -30px; position: absolute; } table.stylized th { padding: 10px; } table.stylized td { padding: 10px; } .catalog-product-view #main .mainContent { margin-bottom: 20px; } #main .mainContent .productViewMedia { width: 300px; margin: 0px 0px 0px 0px; } #main .mainContent .productViewMedia .gallerySlider { width: 300px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery { width: 300px; margin: 0px 0px 0px 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper { width: 300px !important; height: 224px !important; border: none;} #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image { width: 300px !important; height: 224px !important; left: 0px !important; top: 0px !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad > img { width: 300px; height: 224px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPup { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomWindow { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper .ad-image .zoomPad .zoomPreload { display: none !important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav { width: 300px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav .ad-thumbs { width: 300px; margin: 0px; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-back { display: none; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-forward { display: none; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-image-wrapper { margin: 0 0 10px 0 } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav { height: auto; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-nav .ad-thumbs { height: auto; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs .ad-thumb-list { width: 300px!important; height: auto; text-align: center;} #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a img { display: none!important; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a { padding: 0px !important; width: 10px !important; height: 10px!important; background: #c4c4c4 !important; border-radius: 50%; border: none;} #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li { float: none!important; padding: 0px !important; margin: 0 2px !important; width: 10px !important; height: 10px!important; border-radius: 50%; display: inline-block; } #main .mainContent .productViewMedia .gallerySlider .ad-gallery .ad-thumbs li a.ad-active { border: none; background: #0b83e1 !important; } #main .mainContent .productViewMedia .gallery-box { width: 300px; height: 252px; margin: 0; } #main .mainContent .productViewMedia .gallery-box .gallery-main-images { width: 300px; height: 225px; border: none;} #main .mainContent .productViewMedia .gallery-box .gallery-thumbnails { display: none; } #main .mainContent .productViewMedia .gallery-box .slick-list { height: auto; } #main .mainContent .productViewMedia .addthis_native_toolbox { margin-left: 35px; } #cboxLoadedContent::after { width: 280px; height: 37px; bottom: 10px; right: 0px; background-size: 100%; } #main .mainContent .productViewInfo h1 { width: 100%; font-size: 16px; line-height: 19px; margin: 0 0 10px 0;} #main .mainContent .productViewBrandLogo { float: left; margin-left: 105px; margin-bottom: 10px; } .skuAndRating { margin: 0 0 14px 0; } #main .mainContent .productViewInfo .fastInfoAndPrint { width: 300px; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox { text-align: center; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox .skuTitle { float: none; display: inline-block; } #main .mainContent .productViewInfo .fastInfoAndPrint .skuBox strong { float: none; display: inline-block; } #main .mainContent .productViewInfo .fastInfoAndPrint .orderInfo { width: 100%; } #main .mainContent .productViewInfo .fastInfoAndPrint .phoneInfo { width: 100%; } #main .mainContent .productViewInfo .fastInfoAndPrint .printPageBtn { width: 140px; margin-right: 16px; } #main .mainContent .productViewInfo .fastInfoAndPrint .pdfPageBtn { width: 140px; } #main .mainContent .productViewInfo .priceAndAddToCartContent { width: 298px; float: left; padding: 0 10px; margin: 0 0 10px 0; } .priceAndAddToCartContent .qtyContent{ margin:0 0 15px 100px; display: none; } .priceAndAddToCartContent .addToCartBtn { margin: 0 0 15px 25px; } .priceAndAddToCartContent .leasingOptions .imgWrapper img{height: 22px;} .leasing-tabs .tabs-nav-leasing ul {margin: 0 auto; width: 130px;} .leasing-tabs .tabs-nav-leasing .tab-nav-item-wrapper {width: 100%;} .open-availability-form-btn { margin-top: 0; margin-left: 50px; } .request-form.availability_form_popup { max-width: 300px; padding: 10px; } .productBenefitsWrapper{ display: block; margin-top: 10px; float: left; width: 300px; clear: both; } #main .mainContent .productViewInfo { width: 300px; margin: 0px 0px 20px 0px; } #main .mainContent .productViewBanner { width: 294px; margin: 0px 0px 10px 0px; } #main .mainContent .productViewBanner img { left: 10px; } #main .mainContent .productViewBanner p.title { left: 80px; top: 22px; width: 200px; } #main .mainContent .productViewDescriptionContent { width: 300px; margin: 10px 0px 20px 0px; } #main .mainContent .productViewDescriptionContent .productViewDescription { width: 300px; } #main .mainContent .productViewDescriptionContent .textPage h2 { text-align: center; background-position: center bottom; margin: 0 0 10px 0; } #main .mainContent .priceAndAddToCartContent .leasingOptions .imgWrapper {padding: 6px 6px 6px 6px;} #main .mainContent .productViewLeasing .leasing-tabs .leasing-tabs-nav .leasing-tab-nav-item {padding: 6px 6px 6px 6px;} #main .mainContent .productViewLeasing .leasing-tabs .leasing-tabs-nav .leasing-tab-nav-item img{height: 25px;} #main .mainContent .productViewLeasing {margin-left: 0;} .carYear img{ height: auto; } #main .mainContent .productViewDescriptionContent .productViewAttribute { width: 300px; float: left; border-top: 3px solid #eaeaea; padding-top: 10px; margin-top: 10px; } #main .mainContent .leasingLeft { width: 300px; } #main .mainContent .leasingLeft .leasingImage { margin-left: 47px; margin-right: 47px; } #main .mainContent .leasingLeft .leasingInfo { width: 300px; } #main .mainContent .leasingRight { float: left; width: 300px; padding: 10px 0px 0px 0px; } #main .mainContent .leasingRight .addToCart { width: 280px; padding: 10px 10px 0px 10px; } #main .mainContent .leasingRight .addToCart .price-box { margin: 10px 0 10px 68px; } #main .mainContent .leasingRight .addToCart .addToCartBtn { margin-left: 19px; } #main .mainContent .leasingRight .addToCart .viewBtn { margin-left: 15px; } #main .mainContent .leaseCalculator { width: 300px; margin: 0 0 10px 0; padding: 10px 10px 0px 10px; border: 1px solid #e9e9e9; overflow-x: auto; } #main .mainContent #co-payment-form .leaseCalculator { margin-left: -34px; } #main .mainContent .leaseCalculator .title { text-align: center; } #main .mainContent .leaseCalculator input.downpayment { margin-left: -3px; } #main .mainContent .leaseCalculator .recalcBtn { margin:0 0 10px 5px; } #main .mainContent .leaseCalculator .notice { text-align: center; } #main .mainContent .leaseCalculator .ui-tabs { width: 278px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav { width: 276px; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li { width: 100%; } #main .mainContent .leaseCalculator .ui-tabs ul.ui-tabs-nav li a { width: 268px;font-size: 12px; min-height: 15px; text-align: center; border-right: none; border-bottom: 1px solid #e9e9e9; } #main .mainContent .leaseCalculator .horizontalScrollWrapper { width: 278px; } #main .mainContent .leaseCalculator .variants .months { font-size: 12px; } #main .mainContent .leaseCalculator .variants td { font-size: 12px; } #main .mainContent .reviewContent .reviewsTitle { margin-top: 15px; margin-left: 48px; } #main .mainContent .reviewContent .reviewForm { width: 300px; margin: 20px 0px 20px 0px; } #main .mainContent .reviewContent .reviewForm input.input-text { width: 272px; } #main .mainContent .reviewContent .reviewForm textarea { width: 272px; } #main .mainContent .reviewContent .reviewForm .reviewTitle { margin-bottom: 15px; } #main .mainContent .reviewContent .reviewForm button.addCommentBtn { margin-left: 45px; } #main .mainContent .reviewContent .reviewsList .reviewTitle { margin-bottom: 15px; } #main .mainContent .reviewContent .reviewsList { width: 300px; margin: 0px 0px 20px 0px; } #main .mainContent .reviewContent .reviewsList .commentItem { width: 300px; } /*responsive tabs*/ .product-tabs .tabs-nav { display: none; } .product-tabs .tabs-content .tab-nav-item.responsive { display: block; } .request-form input.input-text { width: 300px; box-sizing: border-box; } .request-form textarea { width: 300px; box-sizing: border-box; } .tabs .request-form-info { width: 100%; padding: 0; } .checkout-cart-index #main .mainContent .btnCheckoutTopBox { float: left; margin: 0px 0px 0px 9px; } .checkout-cart-index ul.messages { margin: 15px 0 0 0 !important; } #main .mainContent .shoppingCartItems { width: 300px; margin: 20px 0px 20px 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col1 { text-align: center; width: 100%; margin: 0px; padding: 0px; } #main .mainContent .shoppingCartItems .headerRow .cell.col2 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col3 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col4 { display: none; } #main .mainContent .shoppingCartItems .headerRow .cell.col5 { display: none; } #main .mainContent .shoppingCartItems .col1 { width: 290px; padding: 5px; } #main .mainContent .shoppingCartItems .productIMGLink { margin-right: 5px; margin-bottom: 35px; } #main .mainContent .shoppingCartItems .itemTitle { width: 198px; } #main .mainContent .shoppingCartItems .itemOption { width: 198px; } #main .mainContent .shoppingCartItems .col2 { width: 80px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col3 { width: 52px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col4 { width: 90px; padding: 10px 5px 10px 5px; } #main .mainContent .shoppingCartItems .col5 { width: 38px; padding: 10px 5px 10px 5px; } .shoppingCartItems .responsiveCellLabel { display: block; } #main .mainContent .shoppingCartItems .price-box .regular-price { font-size: 14px; } #main .mainContent .shoppingCartItems .price-box .special-price { font-size: 14px; } #main .mainContent .shoppingCartItems .amountBox { width: 57px; margin-left: 0px; } #main .mainContent .shoppingCartItems .amountBox input.amount { width: 30px; } #main .mainContent .shoppingCartItems .amountBox .loader { top: -50px; } #main .mainContent .underShoppingCartContent { width: 300px; margin: 0px 0px 20px 0px; } #main .mainContent .underShoppingCartContent .couponAndFreeDelivery { width: 300px; } #main .mainContent .underShoppingCartContent .cartPromoBox { width: 250px; height: auto; margin: -10px 24px 10px 24px; } #main .mainContent .underShoppingCartContent .cartPromoBox h3 { width: 100%; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; } #main .mainContent .underShoppingCartContent .cartPromoBox h3:after{ content: ''; width: 13px; height: 8px; display: inline-block; margin-left: 6px; background: url('../images/accSlected.png') no-repeat center center; } #main .mainContent .underShoppingCartContent .cartPromoBox h3.opened:after { transform: rotateX(180deg); -moz-transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -o-transform: rotateX(180deg); } #main .mainContent .underShoppingCartContent #discount-coupon-form { display: none; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoInput { width: 223px; border-right: 1px solid #bfbfbf !important; } #main .mainContent .underShoppingCartContent .cartPromoBox input.promoSubmit { margin: 10px 0px 0px 68px; } #main .mainContent .underShoppingCartContent .cartPromoBox .validation-advice { width: 228px; top: 14px; left: 0px; } #main .mainContent .underShoppingCartContent .underCartTotalBox { float: left; width: 300px; } #main .mainContent .underShoppingCartContent .underCartTotalBox table.underCartTable { width: 300px; } #main .mainContent .goToCheckoutContent { width: 290px; margin: 0px 0px 20px 0px; padding: 18px 5px 16px 5px; } #main .mainContent .goToCheckoutContent .btn-proceed-checkout { margin: -10px 0px 0px -2px; } #main .mainContent .goToCheckoutContent .backBtn { width: 224px; margin: 60px 0px 0px 34px; display: none; } .checkout-onepage-index #checkoutSteps.opc .step { padding: 10px 5px; } .checkout-onepage-index #checkoutSteps.opc .step-title h2 { font-size: 15px; } .checkout-onepage-index #checkoutSteps.opc .step-title a { font-size: 11px; } .checkout-onepage-index #checkoutSteps h3 { font-size: 13px; line-height: 15px; } .checkout-onepage-index #checkoutSteps h4 { font-size: 12px; line-height: 14px; } .checkout-onepage-index #checkoutSteps ul.ul li { font-size: 12px; line-height: 15px; } .checkout-onepage-index #checkout-step-login .col2-set .form-list li.control input.radio { float: left; margin: 3px 4px 0px 0px; } .checkout-onepage-index #checkout-step-login .col2-set .form-list li.control label { font-size: 12px; } .checkout-onepage-index #checkoutSteps .col2-set .col-2 input.input-text { width: 120px; padding-left: 8px !important; padding-right: 8px !important; } .checkout-onepage-index #checkoutSteps input.input-text { width: 258px; } .checkout-onepage-index #checkoutSteps .buttons-set button.button { padding-left: 10px; padding-right: 10px; } .checkout-onepage-index #checkoutSteps .buttons-set p.required { display: none; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set { margin: 0px 0px 0px 0px; } .checkout-onepage-index #checkout-step-login .col2-set .col-2 .buttons-set a.f-left { float: left; margin: -30px 0px 0px 0px; font-size: 12px; } .checkout-onepage-index #checkoutSteps ul li.speedyOffice input.input-text { width: 258px; } .checkout-onepage-index #checkoutSteps select#billing-address-select { width: 288px !important; } .checkout-onepage-index .data-table.totals { margin-right: 0px; width: 288px; } #checkoutSteps .infoInput { width: 283px; } .checkout-onepage-index #checkoutSteps ul li.speedyShort .field { width: 112px !important; } .checkout-onepage-index #checkoutSteps ul li.speedyShort .field input.input-text { width: 112px !important; } .checkout-onepage-index #checkoutSteps .please-wait { left: 170px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements { width: 100%; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox { width:100%; height:auto; position:relative; left:auto; top:auto; text-align:center; margin:0px 0px 10px 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox label { text-align: center; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .orderCommentBox textarea { width: 100%; height: 60px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper { width: 100%; text-align: center; margin: 5px 0px 5px 0px; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .agreementsWrapper .agreement { float: left; display: inline-block; width: auto; } .checkout-onepage-index #checkout-review-submit #checkout-agreements input.checkbox { float: left; } .checkout-onepage-index #checkout-review-submit #checkout-agreements .checkboxLabel { float: left; width: 200px; } .checkout-onepage-index #checkoutSteps #co-payment-form fieldset label .labelTitle { font-size: 13px; } .checkout-onepage-index #checkoutSteps #co-payment-form fieldset label .paymentsCMSBlock p img { width: 102px; margin-top: 3px; } .checkout-onepage-index #review-buttons-container { margin-top: 0px; } .checkout-onepage-index #review-buttons-container.buttons-set .f-left { width: 100%; text-align: center; font-size: 11px; } .checkout-onepage-index #review-buttons-container.buttons-set .button { float: left !important; margin: 20px 0px 0px 38px !important; } .checkout-onepage-index #checkoutSteps #review-please-wait.please-wait { top: 12px; right: 110px; } /*Stenik New Checkout*/ .checkout-onepage-index nav.breadcrumbs{ display: none; } .stenik-checkout-steps-content label{ font-size: 12px; line-height: 16px; } .stenik-checkout-steps-content .sc-checkout-step{width: 100%;} .stenik-checkout .stenik-checkout-step-title{width: 100%; box-sizing: border-box;} .stenik-checkout-steps-title{margin-bottom: 20px;} .stenik-checkout .step-tab-onestep::before{content: ""; display: none;} .stenik-checkout-steps-content .stepTitle::before{content: "1";width: 25px; height: 25px; top:12px; font-size: 14px; line-height: 24px;} .stenik-checkout .step-tab-success::before{content: ""; display: none;} .stenik-checkout .step-tab-onestep {margin: 0;} .stenik-checkout-steps-content .stepTitle{padding: 16px 10px 16px 35px; font-size: 16px;} .stenik-checkout-steps-content .checkoutLogin .checkoutLoginText{display: none;} .stenik-checkout-steps-content .step-title{font-size: 14px;} .stenik-checkout-steps-content .checkoutLogin{ padding: 10px; display: none;} .checkout-onepage-index .responsiveCheckoutLogin { display: block; } .stenik-checkout-steps-content .stenik-onepage-section{padding: 0 5px;} .stenik-checkout-steps-content .stenik-onepage-section #checkout-shipping-method-load label{width: 260px;} .stenik-checkout-steps-content .form-list .field { width: 100%; margin-bottom: 10px; } .stenik-checkout-steps-content .form-list .field .createAccount input.createAccountCheckbox { float: left; } .stenik-checkout-steps-content .form-list .field .createAccount label { float: left; width: 265px; } .checkout-onepage-index input.input-text{height: 49px; width: 100%; padding: 0 10px; box-sizing: border-box;} .checkout-onepage-index .input-box select{height: 49px; width: 100%; padding: 0 18px 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content .invoiceFieldsWrapper .invoiceFields{width: 100%; margin-bottom: 10px;} .stenik-checkout-steps-content .form-list .fields{margin-bottom: 0px;} .stenik-checkout-steps-content .form-list .fields{width: 100%;} .stenik-checkout-steps-content .billingAddressDetails .field.billingRegion{margin: 0 0 10px 0;} .stenik-checkout-steps-content .shipping-methods-choices{margin-bottom: 10px;} .stenik-checkout-steps-content #extensa_econt-form .form-list select{height: 49px; width: 100%; padding: 0 18px 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-to_office .field{width: 100%;box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form #extensa_econt-to_office select{height: 49px; width: 100%;box-sizing: border-box;} .stenik-checkout-steps-content #extensa_econt-form .field{width: 100%; box-sizing: border-box; margin-right: 0;} .stenik-checkout-steps-content #extensa_econt-form .field.chosenCity{width: 100%;} .stenik-checkout-steps-content #extensa_econt-form .field.officeCode{width: auto;} .stenik-checkout-steps-content #extensa_econt-form .field.officeLocator{display: none;} .stenik-checkout-steps-content .shipping-methods-choices .extensa_econt_services { margin-top: -10px; } .stenik-checkout-steps-content #extensa_econt-form input.input-text{height:49px; width: 100%; padding: 0 10px; box-sizing: border-box;} .stenik-checkout-steps-content .customer-info{margin-bottom: 10px;} .checkout-onepage-index #main .mainContent .facebookLoginBtn, .checkout-onepage-index #main .mainContent .googlePlusLoginBtn{margin-bottom: 10px !important;} .checkout-onepage-index .checkoutLogin .loginLink{margin: 0; width: 57px;} .checkout-onepage-index #login-form input.input-text{width: 300px;} .stenik-checkout-steps-content .underReviewTotalBox { width: 100%; box-sizing: border-box; } .stenik-checkout-steps-content #checkout-review-submit{padding: 0;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper{width: 100%; text-align: center; margin-bottom: 10px;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .agreement{width: auto; display: inline-block; float: left;} .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper .agreement .checkboxLabel{width: 265px; font-size: 12px; text-align: left;} .stenik-checkout-steps-content #checkout-review-submit #checkout-agreements .checkboxLabel{width: 265px;font-size: 12px;text-align: left;} .stenik-checkout-steps-content #checkout-review-submit .orderCommentBox{width: 100%;} .checkout-onepage-index #checkout-review-submit .orderCommentBox textarea{height: 70px;} .stenik-checkout-steps-content .agreement-box .validation-advice{text-align: center;} .stenik-checkout-steps-content .buttons-set{ padding-left: 20px; padding-right: 20px; } .stenik-checkout-steps-content .buttons-set .button.checkout-color{width: 100%;} .stenik-checkout-steps-content .data-table .cart-image{display: none;} .checkout-onepage-index .data-table h3.product-name{font-size: 11px !important; padding: 0 !important; margin: 0 !important;} .stenik-checkout-steps-content .data-table .attributes{font-size: 11px;} .stenik-checkout-steps-content .data-table th{padding: 5px 2px; font-size: 10px;} .stenik-checkout-steps-content .data-table td {padding: 5px 2px; font-size: 11px;} .stenik-checkout-steps-content .data-table.totals th{font-size: 12px; padding: 5px;} .stenik-checkout-steps-content .data-table .old-price{font-size: 10px;} .stenik-checkout-steps-content .data-table .special-price{font-size: 11px;} .stenik-checkout-steps-content .data-table td span.cart-price{font-size: 11px;} .stenik-checkout-steps-content .data-table.totals td{width:80px; padding: 5px; font-size: 12px; font-family: inherit;} .stenik-checkout-steps-content .data-table.totals .totalCartPrice td{font-size: 14px; font-family: inherit;} .stenik-checkout-steps-content .data-table.totals .totalCartPrice th{font-size: 14px; font-family: inherit;} .stenik-checkout-steps-content select#billing-address-select{width: 100% !important;} .checkout-onepage-index #extensa_econt-to_door div.autocomplete { width: 100%; box-sizing: border-box; } .checkout-onepage-index #main .mainContent .leaseCalculator{width: 288px; margin: 0px 0px 10px -40px;} .checkout-onepage-index #main .mainContent .leaseCalculator .ui-tabs{width: 100%;} .checkout-onepage-index #main .mainContent .leaseCalculator input.downpayment{margin: 0 0 10px 0; height: 32px; width: 100%;} .checkout-onepage-index .leaseCalculator .recalcLoader {position: relative; left: 20px; margin-left: -18px;} .checkout-onepage-index #main .mainContent .leaseCalculator .recalcBtn {margin:0 0 5px 23px;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapper {width: 100%; overflow-x:auto;} .checkout-onepage-index #main .mainContent .leaseCalculator .horizontalScrollWrapperTable {width: 100%; overflow-x:auto;} .stenik-checkout-steps-content .leaseCalculator .form-list .field{width: 100%;} .stenik-checkout-steps-content .leaseCalculator .form-list .field .input-text{width: 100%;} .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail.installment {font-size: 12px;} .stenik-checkout-steps-content .leaseCalculator .variants td .details .detail{font-size: 12px;} /* End of Stenik Checkout*/ .customer-address-form .fieldset {width: 100%;} .customer-address-form .fieldset.left-col {padding: 0;} .customer-address-form .fieldset.right-col {padding: 0;} .customer-address-form .right-col ul.form-list { margin: 0; } .customer-address-form .chosen-container {width: 300px !important;} .customer-address-form .fieldset select{width: 300px;} .customer-address-form ul.form-list li.chooseShop select { width: 300px; } .customer-address-form .field.officeLocator{display: none;} .customer-address-form .fieldset input#city.input-text { width: 272px !important; } .customer-address-form .fieldset input#speedy_quarter_name.input-text { width: 272px !important; } .customer-address-form .fieldset input#speedy_street.input-text { width: 272px !important; } .customer-address-form .fieldset input#speedy_address_note.input-text { width: 272px !important; } .checkout-onepage-success .textPage button.button { margin-left: 5px; } #main .mainContent .loginRegBox { width: 278px; margin: 0px 0px 10px 0px; padding: 15px 10px 15px 10px; } #main .mainContent .loginRegBox form { width: 278px; margin: 20px 0px 0px 0px; } #main .mainContent .loginRegBox input.input-text { width: 250px; } #main .mainContent .loginRegBox button.button { margin-top: 0px; margin-left: 42px; } #main .mainContent .loginRegBox .facebookLoginBtn { margin: 0px 0px 0px 17px; } #main .mainContent .loginRegBox .infoInput { width: 278px; margin: -2px 0px 10px 0px; padding: 0px; text-align: center; } #main .mainContent .loginRegBox .checkboxLeftMargin { width: 100%; margin-left: 0px; } #main .mainContent .loginRegBox .checkboxLabel { text-align: left; width: 258px; } .customer-account-create .loginRegBox .recaptcha { margin-left: 0px; } .termsPopUpContent { width: 255px; } .customer-account-create #main .mainContent .loginRegBox button.button { margin-top: 30px; } #main .mainContent .newCustumerBox { width: 278px; margin: 0px 0px 10px 0px; padding: 20px 10px 10px 10px; } #main .mainContent .newCustumerBox .buttons-set { width: 278px; text-align: center; padding: 15px 10px 5px 10px; margin: 15px -10px 0px -10px; } #main .mainContent .newCustumerBox .registrationBtn { float: none; display: block; margin: 0px auto; } #main .mainContent .facebookLoginBox { width: 280px; height: auto; margin: 0px 0px 20px 0px; text-align: center; } #main .mainContent .facebookLoginBox p { width: 100%; text-align: center; } #main .mainContent .facebookLoginBtn { float: left; width: 134px; margin: 0px !important; padding: 0px; font-size: 13px; } #main .mainContent .facebookLoginBtn .fIcon { display: none; } #main .mainContent .googlePlusLoginBtn { float: right; width: 134px; margin: 0px !important; padding: 0px; font-size: 13px; } #main .mainContent .googlePlusLoginBtn .gIcon { display: none; } /*.checkout-onepage-index #main .mainContent .facebookLoginBtn { width: 136px !important; margin: -10px 0px 10px 0px !important; }*/ #main .mainContent .registrationBanner { display: none; } #main .mainContent .contactForm { width: 278px; margin: 0px 0px 20px 0px; padding: 15px 10px 34px 10px; } #main .mainContent .contactForm input.input-text { width: 250px; } #main .mainContent .contactForm textarea { width: 250px; } #main .mainContent .contactForm .generateCode img { margin: 2px 10px 10px 55px; } .g-recaptcha, .recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;} #main .mainContent .contactForm button.button { width: 270px; margin-left: 3px; } #main .mainContent .contactsInfo { float: left; width: 300px; margin: 0px 0px 20px 0px; text-align: center; } #main .mainContent .contactsInfo iframe { width: 300px; margin: 0px 0px 10px 0px; } #main .mainContent .contactsInfo .addres { width: 280px; margin: 10px 0px 10px 0px; padding: 15px 10px 15px 10px; } #main .mainContent .contactsInfo .workingTime { width: 260px; margin-bottom: 10px; } #main .mainContent .contactsInfo p { width: 100%; text-align: center; } #main .mainContent .galleryListing { width: 300px; } #main .mainContent .galleryListing .galleryBox { margin: 0px 38px 30px 38px; } #main .mainContent .galleryDetailedListing { width: 300px; } #main .mainContent .galleryDetailedListing .galleryIMG { width: 144px; height: 107px; margin: 0px 0px 10px 0px; } #main .mainContent .galleryDetailedListing .galleryIMG img { width: 144px; height: 107px; } #main .mainContent .news-item { width: 278px; height: auto; min-height: 100px; padding: 10px; margin: 0px 0px 10px 0px; } #main .mainContent .news-item .news_image { width: 278px; height: 137px; margin-top: 0px; } #main .mainContent .news-item .news_image img { width: 278px; height: 137px; } #main .mainContent .news-item .newsTitle { height: auto; } #main .mainContent .news-item .more { width: 278px; padding-left: 0px; padding-right: 0px; } #main .mainContent .news-item-content .date { text-align: center; } #main .mainContent .news-item-content .textPage p { text-align: center; } #main .mainContent .news-item-content .back { margin-left: 45px; } #main .mainContent .newsLinkIMG { width: 300px; margin: 0px 0px 20px 0px; } #main .mainContent .newsLinkIMG img { width: 300px; height: auto; } #main .mainContent .brandListing { width: 300px; } #main .mainContent .brandListing .brandBox { margin: 0px 0px 10px 12px; } #main .mainContent .brandListing .line { display: none; } #main .mainContent .brandDescripting { margin-bottom: 20px; } #main .mainContent .toolbarBox .listTypetTitle { display: none; } #main .mainContent .toolbarBox .grid { display: none; } #main .mainContent .toolbarBox .list { display: none; } #main .mainContent .my-account .data-table th { font-size: 10px; line-height: 12px; padding: 7px 0px 7px 0px; } #main .mainContent .my-account .data-table.documents th { font-size: 9px; line-height: 12px !important; padding: 7px 2px 7px 2px; white-space: normal !important; } #main .mainContent .my-account .data-table td { font-size: 10px; line-height: 12px; padding: 10px 0px 10px 0px; } #main .mainContent .my-account .data-table.documents td { font-size: 9px; line-height: 12px; padding: 10px 2px 10px 2px; } #main .mainContent .my-account .data-table td h3.product-name { font-size: 10px; font-weight: normal; } #main .mainContent .my-account .box-head a { margin-top: 19px; font-size: 12px; } #main .mainContent .my-account .box-title h3, #main .mainContent .my-account .box-title h2 { font-size: 12px; } #main .mainContent .box-content address { font-size: 12px; line-height: 15px; } #main .mainContent .my-account h2 { font-size: 15px; } #main .mainContent .my-account input.input-text { width: 272px !important; } #main .mainContent .my-account .infoInput { width: 100% !important; height: auto; margin: 0px 0px 10px 0px; padding: 0px; text-align: center; } #main .mainContent .my-account ol li address { font-size: 13px; line-height: 15px; } .customer-address-form .fieldset { width: 300px; } .customer-address-form #main .mainContent .my-account .buttons-set p.back-link { margin: 23px 30px 0px 0px; } #main .mainContent .my-account .data-table td.a-right { text-align: center; } #main .mainContent .my-account .toolbar { background-repeat: repeat; } #main .mainContent .my-account .toolbar .filterTitle { width: 115px; text-align: right; font-size: 10px; } #main .mainContent .my-account .toolbar .input-text { width: 120px !important; } #main .mainContent .my-account .toolbar button.button.filterBtn { width: 260px; margin: 10px 22px 5px 0px; padding: 0px; } .stenik-moneta-documents-invoices #main .mainContent .my-account { width: 300px; overflow-x: scroll; } .stenik-moneta-documents-creditmemos #main .mainContent .my-account { width: 300px; overflow-x: scroll; } .stenik-moneta-documents-payments #main .mainContent .my-account { width: 300px; overflow-x: scroll; } .stenik-moneta-documents-obligations #main .mainContent .my-account { width: 300px; overflow-x: scroll; } #main .mainContent .textPage p img { max-width: 300px !important; height: auto !important; } #main .mainContent .partnerForm { padding: 26px 10px 0px 10px; } #main .mainContent .partnerForm .inputHolder { width: 278px; } #main .mainContent .partnerForm input.input-text { width: 250px; margin: 0px 0px 8px 0px; } #main .mainContent .partnerForm input.input-text.codeInput { width: 93px; margin: 0px 0px 8px 0px; font-size: 10px; } #main .mainContent .partnerForm textarea { width: 250px; margin: 0px 0px 8px 0px; } #main .mainContent .partnerForm .button { width: 280px; margin: 8px -1px 16px 0px; } #main .mainContent .partnerForm .generateCode { margin: 5px 0px 0px 0px; } .fastOrderPopUpContent { width: 280px; padding: 10px; } .fastOrderPopUpContent .fastOrderCol { width: 280px; margin: 0px; } .fastOrderPopUpContent .fastOrderCol input.input-text { width: 252px; } .fastOrderPopUpContent input.input-text { width: 252px; } .fastOrderPopUpContent textarea { width: 252px; } .fastOrderPopUpContent .infoInput { width: 280px; height: auto; margin: -2px 0px 10px 0px; padding: 0px; text-align: center; } .fastOrderPopUpContent .addToCartBtn { margin-left: 20px; } .checkout-cart-index .cart-empty { width: 100%; text-align: center; } .changeBrandPopUpBox { width: 280px; padding: 5px; } .changeBrandPopUpBox .searchByBrandContetn { margin: 0px 0px 10px 0px; padding: 12px 10px 12px 10px; } .changeBrandPopUpBox .searchByBrandContetn .brandSearchTitle { font-size: 16px; text-align: left; margin-bottom: 8px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions { width: 260px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .openOptions { width: 260px; background-position: 228px 20px; overflow: hidden; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions:hover .openOptions { width: 260px; background-position: 228px 24px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper { width: 260px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper.tiny-scroll .viewport { width: 260px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper ul.subOptions { width: 260px; } .changeBrandPopUpBox .searchByBrandContetn .brandOptions .subOptionsWrapper ul.subOptions li a { width: 260px; } .stenik-shop-shop-list nav.breadcrumbs, .stenik-shop-shop-view nav.breadcrumbs { padding: 5px 0; margin: 0; } .shops-listing { width: 100%; margin: 0px 0px 20px 0px; } .shops-listing .toolbar .drop-down.chose-city { min-width: 50%; } .shops-listing .shop-box p .view-more { margin-right: 10px; } .shops-listing-google-map { width: 100%; } .shops-listing-google-map #gmap { height: 300px; } .shops-listing-wrapper .responsive-back-to-top { display: block; } .shop-info { width: 100%; } .shop-gallery-wrapper { margin-bottom: 20px; } .shop-innter-short-text-page { float: left; width: 100%; margin-bottom: 20px; } .shop-inner-description-text-page { width: 100%; margin-bottom: 20px; } .shop-inner-working-time { float: left; width: 100%; } .shop-innter-shortdescription-text-page { float: left; width: 100%; margin-bottom: 20px; } .share-and-backbtn .shop-share { width: 100%; padding: 0 10px; margin: 0; box-sizing: border-box; } .share-and-backbtn .shop-back-link { max-width: 100%; width: 100%; margin-top: 10px; margin-left: 0; text-align: center; } .shop-info-top .shop-info-col, .shop-info-bottom .shop-info-col { width: 100%; padding-right: 0; } .team-members { width: auto; margin: 20px -2% 0; } .team-members-title { padding: 0 2%; box-sizing: border-box; } .team-member { width: 46%; margin: 0 2% 20px; } .team-member .title { font-size: 14px; line-height: 17px; } .virtual-tour-content { margin-top: 0; } .shops-inner-wrapper .shops-listing-google-map { width: 100%; } .newsletter-terms label.checkboxLabel { width: 88%; margin-bottom: 5px; } .checkbox-content label.checkboxLabel { width: 88%; } .stenik-checkout-steps-content #checkout-review-submit .agreementsWrapper label { width: 88%; text-align: left; } .mainContent .my-account a.button { width: 100%; margin-bottom: 10px; } .deleting-account-info { width: 100%; } .category-widget-box { text-align: center; } .category-widget-box img { display: none; } .category-widget-box .category-widget-info { position: static; padding: 0; } .category-widget-box .category-widget-info .title { margin-bottom: 15px; font-size: 20px; line-height: 20px; } .category-widget-box .category-widget-info .sub-title { margin-bottom: 20px; font-size: 14px; line-height: 14px; } .category-widget-box .button { float: none; min-width: 130px; margin-bottom: 10px; line-height: 35px; font-size: 14px; } .category-widget-box ~ .category-wrapper { padding: 0; } .category-widget-box ~ .category-wrapper:before { width: 0; } .cms-index-index .wrapper{ width: 300px; } .cms-index-index #main .mainContent{ width: 300px; } .homepageWidgets{ width: 300px; } .widget-box.one-half { width: 300px; margin: 0px 0px 20px 0px; } .widget-box.one-third { width: 300px; margin: 0px 0px 20px 0px; } .widget-box .widget-info{ padding-left: 30px; padding-right: 30px; padding-top: 11px; padding-bottom: 16px; min-height: 102px;} .widget-box .widget-info .title{ font-size: 18px; line-height: 22px; } .widget-box .widget-info .sub-title { padding: 0px 0px; font-size: 13px; line-height: 18px; min-height: 39px; } aside.leftCol { display: none; width:300px; padding: 0px; margin: 0px 0px 0px -150px; position: absolute; left: 50%; top: 157px; z-index: 5000; background: #bababa; min-height: 50px; } aside.leftCol .backBtn { display: none; width: 258px; } aside.leftCol .filtersTitle { display: none; } aside.leftCol .filterBox { width: 300px; margin: 0px 0px 1px 0px !important; } aside.leftCol .filterBox.filters .tiny-scroll { display: none; } aside.leftCol .filterBox .filterTitle { width: 250px; text-align: center; padding-top: 12px; padding-bottom: 13px; } aside.leftCol .filterBox ul { width: 300px; } aside.leftCol .filterBox ul li { width: 300px; text-align: center; } aside.leftCol .filterBox ul li a { width: 270px; text-align: center; margin: 0px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li .checkBox { float: none; display: inline-block; } aside.leftCol .filterBox ul li > a.hasSecondNavLevel { width: 240px; margin-left: 3px;} aside.leftCol .filterBox ul li .clever-link { width: 270px; text-align: center; margin: 0px; padding: 8px 10px 8px 10px; } aside.leftCol .filterBox ul li > .clever-link.hasSecondNavLevel { width: 240px; margin-left: 3px;} aside.leftCol .filterBox .tiny-scroll { width: 300px; } aside.leftCol .filterBox .tiny-scroll .viewport { width: 300px; } aside.leftCol .filterBox .layer-slider { width: 270px; } aside.leftCol nav.choosenFilter { width: 294px; } aside.leftCol nav.choosenFilter .selectedFilters { left: 60px; } aside.leftCol nav.choosenFilter .removeAllFiltersLink { left: 176px; } aside.leftCol nav.choosenFilter ul { width: 294px; } aside.leftCol nav.choosenFilter ul li { width: 264px; } .filter-info-msg { margin-top: 20px; } aside.rightCol { display: none; } .reservation-form{ padding-left: 10px; padding-right: 10px; } .reservation-form-heading{ padding: 10px 20px; } .reservation-form #reservation_form_submit_row{ left: 10px; bottom: 35px; } .reservation-form #reservation_form_submit_row .button{ width: 280px; } .reservation-form .input-box{ width: 100%; } .reservation-form .input-box input.input-text{ width: 100%; box-sizing: border-box; } .reservation-form .input-box textarea{ width: 100%; box-sizing: border-box; } .reservation-form .custom-select { width: 100%; box-sizing: border-box; } .reservation-form-content-bottom .box{ width: 100%; min-height: 10px; padding: 0 0px 20px 0px; } .reservation-form #reservation_form_reservation_date_row:after{ right: 10px; } footer .footerInfoContent { width: 300px; } footer .footerInfoContent .footerNewsletterContent { height: auto; padding: 14px 10px 14px 10px; } footer .footerInfoContent .footerNewsletterContent .newsletterTitle { width: 100%; height: auto; padding: 0px; margin: 0px 0px 10px 0px; font-size: 14px; line-height: 15px; text-align: center; } footer .footerInfoContent .footerNewsletterContent .newsletterForm { width: 100%; height: auto; margin: 0px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm input.text { float: left; width: 100%; margin: 0px 0px 5px 0px; text-align: center; box-sizing: border-box; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .newsLetterBtn { width: 100%; margin: 0px; } footer .footerInfoContent .footerNewsletterContent .newsletterForm .validation-advice { width: 238px; bottom: 88px; left: auto; right: 0px; } footer .footerInfoContent .footerLeftCol { width: 300px; margin: 10px 0px 10px 0px; text-align: center; } footer .footerInfoContent .footerLeftCol h3 { text-align: center; } footer .footerInfoContent .footerLeftCol p { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.title { text-align: center; } footer .footerInfoContent .footerLeftCol p.phone { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.mail { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol p.skype { float: none; display: table; margin: 5px auto; text-align: center; } footer .footerInfoContent .footerLeftCol .workingTimeBox { width: 276px; padding: 10px; margin-bottom: 16px; text-align: center; } footer .footerInfoContent .footerLeftCol .workingTimeBox p { float: none; display: table; width: auto; margin: 5px auto; padding: 0px; } footer .footerInfoContent .footerRightCol { width: 300px; min-height: 100px; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0; } footer .footerInfoContent .footerRightCol .col { width: 300px; margin: 0px 0px 10px 0px; } footer .footerInfoContent .footerRightCol p.title { text-align: center; } footer .footerInfoContent .footerRightCol .col.js-col ul { display: none; } footer .footerInfoContent .footerRightCol .col.js-col p.title { position: relative; } footer .footerInfoContent .footerRightCol .col.js-col p.title:after { content: ''; width: 13px; height: 8px; display: inline-block; background: url('../images/footerArrowDown.png') no-repeat center center; margin-left: 8px; } footer .footerInfoContent .footerRightCol .col.js-col p.title.opened:after { background: url('../images/footerArrowUp.png') no-repeat center center; } footer .footerInfoContent .footerRightCol h3 { text-align: center; } footer .footerInfoContent .footerRightCol .col .footerLoginRegBtn { display: none; } footer .footerInfoContent .footerRightCol .col ul { width: 168px; margin: 0px 56px 0px 76px; } footer .footerInfoContent .footerRightCol .col ul li { margin-bottom: 10px; } footer .footerInfoContent .footerRightCol .col.wide { margin-right: 0px; } footer .footerInfoContent .footerRightCol.last { text-align: center; } footer .footerInfoContent .footerRightCol.last .clear { display: none; } footer .footerInfoContent .mobileHide { display: none; } footer .footerInfoContent .socialBtnsWrapper { display: block; width: 300px; margin: 0px; float: left; clear: both; } footer .footerInfoContent .socialBtn { float: none; display: inline-table; margin: 0px 2px 6px 2px; } footer .footerBottom { height: auto; margin-top: 0px; border-top: 2px solid #323232; text-align: center; padding-top: 10px; } footer .footerBottom p.copy { height: auto; line-height: 14px; text-align: center; } footer .footerBottom .stenik { float: left; margin: 10px 0px 0px 45px; } footer .footerRight { width: 300px; margin: -498px 0px 0px 0px; } footer .footerRight .facebookBtn { margin-left: 34px; } footer .footerRight .footerPaymentBanner { float: left; width: 300px; text-align: center; } footer .footerRight .footerPaymentBanner img { float: none; display: block; max-width: 320px; margin: 10px auto 0px auto; } footer .footerRight .fb-page { float: left; margin-left: 10px; margin-right: 10px; } } /* End media queries for smartphones 2 **************************************/ /* If resolution is not tablet and smartphone */ @media only screen and (min-width: 600px) and (max-width: 2000px) { } @media only screen and (min-width: 601px) and (max-width: 660px) { .scrollToTop { margin-left: 250px; } }