﻿.device .size11, .device .size12, .device .size13, .device .size14, .device .size15, .device .size16, .device .size17, .device .size18, .device .size20, .device .size21, .device .size22, .device .size24, .device .size25, .device .size27, .device .size30, .device .size32, .device .size34, .device .size36, .device .size38, .device .size40, .device .size42, .device .size44, .device .size46, .device .size48, .device .size50, .device .size52, .device .size54, .device .size56, .device .size58, .device .size60, .device .size62, .device .size64, .device .size66, .device .size68, .device .size70, .device .size72, .device .size74, .device .size76, .device .size78, .device .size80, .device .size90, .device .size100, .device .size120, .device .size140, .device .size150, .device .size160, .device .size180, .device .size200, .device .size250 { font-size: initial !important; line-height: initial !important; }

.device .width10, .device .width15, .device .width20, .device .width25, .device .width30, .device .width35, .device .width40, .device .width45, .device .width50, .device .width55, .device .width60, .device .width65, .device .width70, .device .width75, .device .width80, .device .width85, .device .width90, .device .width95, .device .width100 { width: 100% !important; }


.device .campainItem { width: 50% !important; }
/* - - BLACK FRIDAY BANNER - - */
.device .blackFridayBanner { background: #000; }
.device .blackFridayBanner .blackFridayText { padding-top: 13px; }
/* - - BLACK FRIDAY BANNER - - */
@media (max-width: 639px) {
 #tnf-8-1 { z-index: 98; }
 .bl-fixed { position: fixed; z-index: 10001; top: 0; left: 0; }
 .bl-fixed-scrolled { border-bottom: 1px solid rgba(51, 51, 51, 0.35); }
 .bl-tnf-323 #global-cart-wishlist-panels.l-top { top: 1px; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .brand-store-logo { position: absolute; right: 0; left: 0; top: 11px; margin: 0 auto; width: 60px; text-align: center; background: none !important; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .menu-topbar .topbar-icon { color: white; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area { background: black; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .brand-store-logo { fill: white; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .menu-topbar.toggle-topbar { left: 0; position: absolute; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .menu-topbar.search-topbar { right: 0; }
 .bl-tnf-323 #master-header > nav > ul > li.menu-topbar.cart-topbar.cart-topbar-js { right: 5px; }
 .bl-tnf-323 #master-header .top-bar-acord .title-area .menu-topbar .cart-items-count { border-color: black; }
 .bl-tnf-323 .menu-topbar.toggle-topbar .topbar-icon:before { display: none; }
 .bl-tnf-323 .master-header .top-bar-acord .title-area .menu-topbar:hover { background-color: transparent; }
 .bl-burger-wrapper svg { position: absolute; left: 0; right: 0; margin: 0 auto; fill: white; }
 .bl-burger svg { top: 11px; height: 12px; }
 .bl-cross svg { top: 7px; height: 20px; }
 .bl-burger-wrapper span { display: block; font-size: 12px; text-transform: uppercase; text-align: center; font-family: "HelveticaNeueW02-77BdCn_694066", Helvetica, sans-serif; }
 .bl-burger span { padding-top: 8px; color: white; }
 .bl-cross span { padding-top: 12px; }
 .top-bar-acord.expanded .bl-burger, .top-bar-acord .bl-cross { display: none; }
 .top-bar-acord.expanded .bl-cross, .top-bar-acord .bl-burger { display: block; }
 .top-bar-acord.expanded .bl-cross svg { fill: black; }

 .footer_col .column-content { display: none; }
 footer .footer-content-wrap a.button { max-width: 100%; height: 50px; padding: 0px!important; line-height: 50px; }
 .topnav-header { z-index: 999; }
 .topnav-dropdown { z-index: 999; padding-top: 10px; }
 .topnav-accordion-shopall-link { padding-left: 10px !important; color: #202020 !important; }
 .bl-menu-main-img { display: none; }
 a.topnav-accordion-shopall-link { font-size: 15px; line-height: 18px; font-weight: 500; border-top: 1px solid #dbddda; padding-left: 30px; width: 100%; box-sizing: border-box; }
 .border-line { border-left: initial!important; min-height: initial!important; padding-left: initial!important; }
 .border-line2 { min-height: initial!important; border-right: initial!important; }
 .topnav .topnav-search-container .search-alert { top: 15px!important; left: 20px; width: 200px; }

 .grid.lanes #grid-breadcrumb { padding: 0 5px; }
 .grid.lanes #grid-breadcrumb ul > li.last { margin-top: -2px; font-size: 10px; }
 .grid.lanes #grid-breadcrumb ul > li { font-size: 9px; }
 .grid.lanes #grid-breadcrumb ul > li.last h1 { font-size: 10px; position: relative; top: -2px; }
 .facets-bar .sort-by-btn .icon-arrow-down-indicator-open { position: relative; top: -15px; }
 .order-rightt { padding-left: 0; margin-bottom: 30px; }
 .order-summary-result .os-price-list li .summary-head { width: 100%; border-bottom: 1px solid #c7c7c7; margin: 0; }
 #summary .order-summary-result .osr-right { padding: 0; border-top: 1px solid #c7c7c7; }
 .osl-top .osl-left, .osl-top .osl-right, .order-rightt, .order-leftt { width: 100%; padding: 0; margin: 10px 0; border: none; }
 .osl-top { display: block; }

 .footer-locator .heading { display: none; }
}

@media (min-width: 640px) {
 .bl-svg-logo { display: none; }
 body { margin-top: 0 !important; }
}

@media (max-width: 767px) {

 .device .customhtml2.onlymob[tabindex="4040"] .tnf-banner.big-banner .tnf-cont.align-left p { float: left; width: 100%; font-size: 16px !important; line-height: 21px; margin-bottom: 50px; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; font-weight: 700; text-align: center; position: relative; top: -5px; }
 .device .order-summary-list .os-list li .od-return-item { position: absolute; left: 0px; bottom: 10px; }
 .device .order-summary-list .os-list li { padding-bottom: 30px; }
 .device #departments #custom-content .banner:not(.full-banner) .overlay h2.title { font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; width: 100%; text-align: center !important; color: #000 !important; font-size: 21.5px !important; margin-bottom: 20px!important; font-weight: 700; }
 .device #departments #custom-content .banner:not(.full-banner) .overlay .title { font-size: 16px !important; margin-bottom: 20px !important; font-family: "Neue Helvetica VFDP",helvetica,sans-serif !important; font-weight: 500; }
 .device .topnav { min-height: 45px; }
 /* - - - LANDING PAGE MOBILE CSS - - - - */
 #departments #custom-content .banner:not(.full-banner) .overlay { position: relative !important; margin-bottom: 15px; }
 #departments #custom-content .banner:not(.full-banner) .overlay .title { color: #000 !important; text-align: center; margin-top: 15px; float: none !important; }
 #departments #custom-content .banner:not(.full-banner) .overlay .btn { position: relative !important; left: 0 !important; bottom: 0 !important; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column; }
 #departments #custom-content .banner:not(.full-banner) .overlay .btn a.white { background: #000 !important; color: #fff !important; max-width: 307px!important; width: 100%; margin: 0 auto 5px auto!important; }

 .device #departments #custom-content .banner.full-banner .overlay { position: relative; }
 .device #departments #custom-content .banner.full-banner .overlay .text p { font-size: 25px !important; margin-top: 20px; color: black!important; text-align: center!important; }
 .device #departments #custom-content .banner.full-banner .overlay .text p:last-child { font-size: 15px !important; font-weight: 500; color: #000 !important; }
 .device #departments #custom-content .banner.full-banner .overlay .text { text-align: center !important; }
 .device #departments #custom-content .banner.full-banner .overlay .btn { position: relative; bottom: 0 !important; text-align: center !important; }
 .device #departments #custom-content .banner.full-banner .overlay .btn a { color: #fff !important; background: #000 !important; line-height: 40px !important; padding: 0; width: 100%; max-width: 307px; margin: 0 auto; }


 /* - - - LANDING PAGE MOBILE CSS - END - - - */
 .no-lanes .product-block.lanes { margin-bottom: 25px; }
 .device [tabindex="4039"] .tnf-banner.big-banner.uk.homepage .thermoball .button-cont { display: block; }
 .device [tabindex="4039"] .tnf-banner.big-banner.uk.homepage .thermoball .button-cont a { display: block; width: 100%; }
 .device [tabindex="4039"] .tnf-banner.big-banner.uk.homepage .thermoball .button-cont a span { width: 100%; max-width: 100% !important; }
 .device #nav_more { position: static !important; }
 .device .zoom-body:before { height: 76%; width: 95%; }
 .device .relations-wrap { display: block; }
 .product-relations .relation-item { width: 100%; text-align: center; margin: 10px 0; }
 .device .topnav-accordion-item.l1.active #nav_aboutus { left: 0 !important; position: unset !important; }
 .swatches-product-details-container .swatches-product-details .pdp-features ul li { width: 100%; padding-right: 0px; }
 ul.bl-clearfix li { display: block; width: 100%; }
 .login-sec, .ord-sec { width: 100%!important; }
 .account-entry section.account-entry-container { min-height: 380px; height: 380px; margin-top: 40px; }
 .w50 { width: 100%!important; }
 footer .footer-util .util-right a.rnd { margin: 0 auto; }
 #myaccount #body-container .page-contents .sub-section-header .page-meta .section-title.single-title { line-height: 50px; }
 .no-lanes .product-block .info { height: 80px; }
 .campainItem img { min-height: 257px; }
 .campainItem .campain-text { top: 25%; left: 17%; }
 .campainItem .campain-text h2 { -webkit-text-stroke-width: 1px; font-size: 33px; line-height: 40px; }
 .campainItem .campain-text > p:nth-child(2) { font-size: 19px; margin-top: 25px; font-weight: 500; line-height: 25px; }
 .device .topnav-accordion-item2 a { font-weight: 700 !important; padding-top: 0; padding-bottom: 0; font-family: "Neue Helvetica VFDP Cond",helvetica,sans-serif; padding-right: 42px; color: #000; padding-left: 15px; font-size: 1.30769em; }

 /* - - - Homepage Mobile Responsive - - - */
 .device .tnf-banner.big-banner .tnf-cont > div { width: 100%; text-align: center; max-width: 100%; }
 .device .fullLink { height: 70%; }
 .device .thermoball .tnf-cont .button-con { width: 100%; display: flex; justify-content: center; overflow: hidden; }
 .device .tnf-banner.big-banner .tnf-cont > div > h1 { color: black !important; text-align: center !important; font-size: 21.6px !important; line-height: 25px !important; }
 /*.device .tnf-banner.big-banner .tnf-cont > div > h1 > br { display: none; }*/
 .device .tnf-banner .button-cont { width: 100%; display: flex; justify-content: center; overflow: hidden; }
 .device .tnf-banner .button-cont a { display: inline-block; clear: none; margin: 0; margin: 0px auto 5px auto!important; border-radius: 0!important; font-size: 16px!important; float: none; }
 .device .tnf-banner .button { background: black; color: #fff; border: none; margin: 10px 5px; display: inline-block; font-size: 11px !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
 .device .tnf-banner.main-sale.homepage .tnf-cont { margin: 0; position: relative; }
 .device .tnf-banner.big-banner .tnf-cont { position: relative; }
 .device .tnf-banner.big-banner .tnf-cont h1 { color: #000 !important; text-align: center !important; width: 100%; font-size: 25px !important; }
 .device .tnf-banner.big-banner .tnf-cont .button-con > a { float: none !important; margin: 0 !important; }
.device .tnf-banner.big-banner .tnf-cont p { color: #000 !important;width: 100%;text-align: center !important; }
 .device .tnf-banner.small-banner .tnf-cont { position: relative; }
 .device .tnf-banner.small-banner .tnf-cont h1 { width: 100%; text-align: center !important; color: #000 !important; font-size: 21.5px !important; margin-bottom: 10px;line-height:30px !important; }
.device .tnf-banner.small-banner .tnf-cont.align-center p br { display: none; }
.device .tnf-banner.small-banner .tnf-cont.align-center p { font-size: 16px !important; text-align: center; width: 100%;color:#000; }
 /* - - - Homepage Mobile Responsive - End - - */

 .device.sticky .facets-bar.docked { left: 0 !important; position: fixed; background: #fff; top: 73px; }
 .device .facets-bar .sort-by-btn .icon-arrow-up-indicator-open { margin-right: 10px; line-height: 15px; }

 /* - - - Product Detail Mobile Responsive - Start - - */
 .pdp.pdp-swatches #product-detail #product-info { margin-top: 25px; }
 .pdp #product-detail #product-views-container .promo-badge { top: 110px; }
 .pdp #product-info .product-price span, .pdp-drawer #product-info .product-price span { font-weight: 400; }
 /* - - - Product Detail Mobile Responsive - End - - */
}

@media only screen and (min-width : 320px) and (max-width : 400px) {
 /*.device .tnf-banner .button-cont { width: 70% !important; margin: 0 auto; display: block;     float: none !important;}*/
}

@media only screen and (min-width : 960px) and (max-width : 1440px) {
 .lp-kids .full-banner .button.white { width: 80%; }
}
/*- Ipad STYLE -*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 .customhtml2.section[tabindex="4039"] .garnish-wrapper:last-child .tnf-inner { right: 65px; position: relative; }
 .customhtml2.section[tabindex="4039"] .garnish-wrapper:last-child .tnf-inner h1 { font-size: 4vw !important; line-height: 35px !important; }
 .customhtml2.section[tabindex="4039"] .garnish-wrapper:last-child .tnf-inner h2 { font-size: 15px !important; margin-bottom: 16px; }
 .topnav-accordion-item2 a { padding: 18px 5px!important; font-family: "Neue Helvetica VFDP Cond",helvetica,sans-serif; font-weight: 500; letter-spacing: inherit; display: block; font-size: 1.38462rem; }
 footer .footer-content-wrap .footer-extra .footer-locator .button { padding-bottom: 10px; padding-top: 10px; }
 footer .footer-content-wrap .footer-content { padding-top: 15px; }
 footer .footer-content-wrap .footer-extra .footer-signup button { padding: 2px 16px; }
 .topnav .topnav-search-container .topnav-search-button { font-size: 22px; height: 32px; line-height: 32px; }
 #summary .order-summary-result .osr-left { width: 58%; }
 #summary .order-summary-result .osr-right { width: 100%; }
 .order-list > ul > li.order-header > div { padding: 0 10px; }
 .order-list > ul > li.order-content > div { padding: 0 10px; }
 .order-summary-list .os-total { width: 25%; }
 .order-summary-list .os-info .os-left { width: 39%; }
 .order-leftt { width: 65%; }
 .order-rightt { width: 35%; }
 .osl-top .osl-column .column-title, .order-summary-result .os-price-list li { font-size: 14px; }
 .order-summary-list .os-heading p { font-size: 14px; }
 .facets-bar .sort-by-btn .sort-by-group { background: #fff; }
 .facets-bar .sort-by-btn .icon-arrow-down-indicator-open { line-height: 20px; }
 .device .campainItem { width: 33% !important; float: right; }
 .device .campainItem .campain-text { top: 23%; }
 .device .campainItem .campain-text h2 { font-size: 42px; }
 .device .campainItem .campain-text > p:nth-child(2) { font-size: 20px; margin-top: 15px; }
 .device .campainItem img { min-height: 345px; }
 #zoomBody .zoom-parent { width: 100% !important; }
 .device .zoom-body:before { display: none; }

 .device #departments #custom-content .lp-equipment .banner.full-banner .overlay .text p:last-child { width: 45%; }
 .device #departments #custom-content .banner.full-banner .overlay .text p { font-size: 30px !important; }
 .device #departments #custom-content .banner.full-banner .overlay { padding-left: 25px !important; }
 .device #departments #custom-content .banner.full-banner .overlay .text p:last-child { font-size: 18px !important; }
 .device #departments #custom-content .lp-kids .banner.full-banner .btn { text-align: center !important; }
 .device footer .footer-content-wrap ul li a { padding-left: 0 !important; }
 .device .lp-kids .banner .item .item-inside .title { font-size: 18px !important; width: 100% !important; text-align: center !important; margin-bottom: 20px; }
}

@media screen and (max-width: 430px) {
 .modal-content { width: 100%; }
}

/* page=teslimat page or new design styles Device Mobile */
.device .address-list .ad-settings a span { margin: 0 !important; text-align: left; padding-left: 20px; }
.device .ad-info.d-flex-addres-area-all { width: 100%; display: flex; flex-direction: column; }
.device .d-flex-area-name-addres-area2 { width: 100% !important; }
.device .d-flex-area-name-addres-area { width: 100%; }
.device .d-flex-area-name-addres-area2 { width: 100%; }
.device .address-edit-delete-area { width: 100% !important; text-align: right; position: absolute; top: 0; right: 0; }
.device .address-list .ad-settings a.set-delivery { width: 50%; }
.device a.set-invoice.active { width: 50%; }
.device .address-list .ad-settings a:before,
.address-list .ad-settings a:after { top: 0 !important; }
.device .address-list .ad-settings a.active:after { margin: 3px 0px !important; }
.device a.new-address.grey-btn { position: absolute; bottom: -30px; margin-bottom: 20px; text-align: center; align-self: center; align-items: center; justify-content: center; display: flex; left: 25%; }
.device .checkout-order-content-summary { margin-top: 50px; }
.device aside.shipping-method-form.shipping-method-form-instock-js { margin-bottom: 40px; }
/* page=teslimat page or new design styles Device Mobile END*/

/*- - - No Sub nav menu - start - - - */
.device .no-sub { padding: 13.5px 16px; line-height: 20px; width: 100%; display: block; border-top: 1px solid #dbddda; float: none; position: relative; }
.device .no-sub a { display: block; font-weight: 700!important; font-size: 1.30769em; }
/*- - - No Sub nav menu - start - - - */

