/*
Theme Name: BBK DIY Kitchen Theme
Theme URI: http://sellingonlinemadesimple.com.au/
Author: Dewi iHub Solutions
Author URI: http://sellingonlinemadesimple.com.au/
Description: BBK DIY Kitchen Theme (Responsive)
Version: 1.0
*/
*{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body{ 
	background: #bfbfc0; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfbfc0 0%, #d8d8d8 40%, #b0b0b0 100%, #b0b0b0 100%) no-repeat; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfc0), color-stop(40%,#d8d8d8), color-stop(100%,#b0b0b0), color-stop(100%,#b0b0b0)) no-repeat; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfbfc0 0%,#d8d8d8 40%,#b0b0b0 100%,#b0b0b0 100%) no-repeat; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfbfc0 0%,#d8d8d8 40%,#b0b0b0 100%,#b0b0b0 100%) no-repeat; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfbfc0 0%,#d8d8d8 40%,#b0b0b0 100%,#b0b0b0 100%) no-repeat; /* IE10+ */
	background: linear-gradient(to bottom,  #bfbfc0 0%,#d8d8d8 40%,#b0b0b0 100%,#b0b0b0 100%) no-repeat; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfc0', endColorstr='#b0b0b0',GradientType=0 ); /* IE6-9 */
	font-family: "Open Sans";
	font-size: 13px;
	line-height: 1.3em;
}

.relax{position:relative;}
.abmos{position:absolute;}
.grid-container{ max-width: 1000px; }
a{ text-decoration: none; }
strong{ font-weight: bold; }
em{ font-style: italic; }
.align-left{ float: left; }
.align-right{ float: right; }
.shadow{ -webkit-box-shadow: 0px 1px 15px 3px #ccc; -moz-box-shadow: 0px 1px 15px 3px #ccc; box-shadow: 0px 1px 15px 3px #ccc; }
.button{ font-size: 12px; color: #fff !important; background: #ff9600; padding: 10px 15px; border-radius: 10px; display: inline-block; cursor: pointer; }

.header{ background: #fff; padding-top: 10px; }
	.logo{ margin: 5px 20px; }
	.logo img{ display: block; max-width: 100%; }
	.logo span{ font-size: 18px; color: #bbbaba; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.3; }
	.cta .grid-50+.grid-50{ padding-left: 5px; padding-right: 20px; }
	.cta .grid-50:first-child{ padding-left: 20px; }
	.cta-box{ background: #edeaeb; border: 1px solid transparent; border-radius: 10px; width: 100%; text-align: center; color: #3c3c3c; font-size: 12px; }
	.cta-content{ padding: 10px; }
	.cta-content p{ margin-bottom: 5px; }
	.cta-content a{ font-size: 30px; font-weight: bold; color: #3c3c3c; line-height: 1; margin-bottom: 6px; display: block; }
	.cta-content span{ font-size: 16px; }
	.header-menu{ margin-top: 10px; }
	.header-menu .sf-menu{ font-size: 15px; }
	.header-menu .sf-menu a{ padding: 2px 8px; border-left: none; border-top: none; color: #464646; }
	.header-menu .sf-menu > li{ background: transparent; border-radius: 0 20px 20px 0; }
	.header-menu .sf-menu > li:first-child{ padding-left: 20px; }
	.header-menu .sf-menu > li+li a{ border-left: 1px solid #C8C8C8; }
	.header-menu .sf-menu li.current-menu-item, .header-menu .sf-menu li:hover, .header-menu .sf-menu li.sfHover, .sf-menu ul li{ background: #ff9600; border-radius: 0 20px 20px 0; }
	.header-menu .sf-menu li.current-menu-item>a, .header-menu .sf-menu li:hover>a, .header-menu .sf-menu li.sfHover>a{ color: #fff; }
	.sf-menu ul{ box-shadow: none; padding-top: 3px; }
	.sf-menu ul li{ margin-bottom: 3px; }
	.sf-menu ul li a{ padding: 5px 10px; }
	.mobile-menu-bar .sf-menu, .mobnav-subarrow{ display: none; }
	a.showmenu{ font-size: 36px; color: #ff9600; }
	.mobile-menu-bar{ background: #edeaeb; padding: 10px; }
	.other-link{ float: right; padding-right: 30px; }
	.other-link a{ display: block; float: left; position: relative; }
	.other-link a+a{ margin-left: 8px; }
	.other-link a img{ width: 30px; }
	.other-link a:hover img{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; opacity: 0.8; }
	.other-link a span{ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: absolute; bottom: -35px; left: -60px; width: 165px; padding: 6px 10px; text-align: center; background: #edeaeb; border-radius: 10px; color: #ff9600; opacity: 0; }
	.other-link a:hover span{ opacity: 1; z-index: 20; }

.home-slide{ background: #fff; padding: 10px 20px; }
	.home-slide img{ max-width: 100%; border: 5px solid #fff; width: 100%; }
	.bx-wrapper{ -webkit-box-shadow: 0px 1px 15px 3px #ccc; -moz-box-shadow: 0px 1px 15px 3px #ccc; box-shadow: 0px 1px 15px 3px #ccc; margin: 0 auto 30px; }
	.bx-wrapper .bx-viewport{ border: none; box-shadow: none; left: 0; }
	.bx-wrapper .bx-controls-direction a{ width: 50px; height: 50px; z-index: 10; }
	.bx-wrapper .bx-prev{ background: url('images/left-arrow.png'); }
	.bx-wrapper .bx-next{ background: url('images/right-arrow.png'); }
	.bx-wrapper .bx-next:hover{ background-position: 0; }
	.bx-wrapper .bx-pager{ padding-bottom: 0; }
	.bx-wrapper .bx-pager.bx-default-pager a{ width: 15px; height: 15px; border-radius: 7px; background: #cbcaca; }
	.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #ff9600; }
	.slide-box{ position: relative; }
	.slide-desc{ position: absolute; bottom: 0; right: 0; left: 0; background: rgba(51,51,51,0.55); text-align: center; color: #fff; font-weight: lighter; line-height: 1; padding: 15px 50px; }
	.slide-desc h3{ font-size: 36px; margin-bottom: 0.4em; }
	.slide-desc p{ font-size: 18px; line-height: 1.3; }
	.no-js .slide .slide-box{ display: none; }
	.no-js .slide .slide-box:first-child{ display: block; }

.black-strip{ background: #333333; text-align: center; padding: 10px; }
	.black-strip h3{ color: #ff9600; font-size: 18px; line-height: 1; margin-bottom: 0.5em; }
	.black-strip a{ color: #5e6967; width: 100%; text-align: left; display: block; font-size: 14px; }
	.black-strip a .icon, .black-strip a .number, .black-strip a .choose{ display: inline-block; vertical-align: top; }
	.black-strip a .icon{ background: url(images/icon-sprites.png) 6px 4px no-repeat; width: 36px; height: 30px; }
	.black-strip a.step_2 .icon{ background-position: -36px 4px; }
	.black-strip a.step_3 .icon{ background-position: -80px 4px; }
	.black-strip a.step_4 .icon{ background-position: -120px 4px; }
	.black-strip a.active .icon{ background-position: 6px -36px; }
	.black-strip a.active.step_2 .icon{ background-position: -36px -36px; }
	.black-strip a.active.step_3 .icon{ background-position: -80px -36px; }
	.black-strip a.active.step_4 .icon{ background-position: -120px -36px; }
	.black-strip a.is_choosen .icon{ background-position: 6px -74px; }
	.black-strip a.is_choosen.step_2 .icon{ background-position: -36px -74px; }
	.black-strip a.is_choosen.step_3 .icon{ background-position: -80px -74px; }
	.black-strip a.is_choosen.step_4 .icon{ background-position: -120px -74px; }

	.black-strip a .number{ background: url(images/number-sprites.png) 9px 4px no-repeat; width: 30px; height: 30px; }
	.black-strip a.step_2 .number{ background-position: -27px 4px; }
	.black-strip a.step_3 .number{ background-position: -59px 4px; }
	.black-strip a.step_4 .number{ background-position: -94px 4px; }
	.black-strip a.step_5 .number{ background-position: -125px 4px; }
	.black-strip a.active .number{ background-position: 9px -34px; }
	.black-strip a.active.step_2 .number{ background-position: -27px -34px; }
	.black-strip a.active.step_3 .number{ background-position: -59px -34px; }
	.black-strip a.active.step_4 .number{ background-position: -94px -34px; }
	.black-strip a.active.step_5 .number{ background-position: -125px -34px; }
	.black-strip a.is_choosen .number{ background-position: 9px -69px; }
	.black-strip a.is_choosen.step_2 .number{ background-position: -27px -69px; }
	.black-strip a.is_choosen.step_3 .number{ background-position: -59px -69px; }
	.black-strip a.is_choosen.step_4 .number{ background-position: -94px -69px; }

	.black-strip a.active{ color: #ff9600; }
	.black-strip a.is_choosen{ color: #fff; }
	.black-strip a .choose div{ display: block; }
	.black-strip a.is_choosen .choose .hidden{ display: none; }

.body{ background: #fff; padding: 30px 20px 10px; }
	.choose-kitchen h2, .choose-detail h2, .search-result h2, .choose-detail h3{ color: #ff9600; font-size: 30px; line-height: 1; margin-bottom: 0.5em; text-align: center; font-weight: 600; }
	.choose-detail h3{ font-size: 24px; }
	.search-result h2{ text-align: left; }
	.choose-kitchen{ padding: 20px; border: 1px solid #d1d0d0; }
	.choose-kitchen .range-box, .page-content .range-box, .home-special-panel .range-box{ width: 100%; position: relative; display: block; }
	.range-box+.range-box{ margin-top: 5px; }
	.range-box img, .range-box-img { border: 5px solid #fff; max-width: 100%; width: 100%; display: block; }
	.range-box:hover .title-range{ width: 250px; }
	.title-range{ transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; position: absolute; width: 165px; text-align: right; color: #fff; background: rgba(255, 150, 0, 0.5); padding: 5px 10px; bottom: 15px; left: 0; font-size: 14px; border-radius: 15px; right: auto; }
	.choose-detail .range-box{ position: relative; float: left; margin-top: 5px; }
	.choose-detail .range-box img { width: 100%; max-width: 100%; height: auto; border: solid 1px #333333; }
	.choose-detail .range-box.kitchen-style{ /*padding: 10px;*/ }
	.choose-detail .range-box.kitchen-style img{ border: 1px solid #EBEBEB; }
	.choose-detail .title-range{ left: 10px; }
	.choose-detail .range-box:hover .title-range{ width: 195px; }
	.home-description h3{ text-align: center; }
	/**Content Style**/
	.page-content p{ margin: 1em 0; }
    .page-content a, .page-content a:active, .page-content a:visited{ color: #ff9600; }
    .page-content a:hover{ color: #79797a; }
	.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6{ font-weight: bold; }
	.page-content h1{ font-size: 2em; margin: 0.6em 0; }
	.page-content h2{ font-size: 1.5em; margin: 0.83em 0; font-style: italic; color: #000; font-weight: normal; }
	.page-content h3{ font-size: 1.17em; margin: 1em 0; font-style: normal; }
	.page-content h4{ margin: 1.33em 0; }
	.page-content h5{ font-size: 0.83em; margin: 1.67em 0; }
	.page-content h6{ font-size: 0.67em; margin: 2.33em 0; }
	.page-content ul, .page-content ol{ margin: 1em 0; padding-left: 40px; }
	.page-content ul{ list-style-type: disc; }
	.page-content ol{ list-style-type: decimal; }
	.page-content ul li, .page-content ol li{ display: list-item; margin: 10px 0;}
	.page-content blockquote{ margin: 1em 40px; }
	.page-content img{ max-width: 100%; height: auto; display: block; }
	.home-description h3{ font-size: 33px; color: #ff9600; line-height: 1; font-weight: 600; }
	.home-description p{ line-height: 2; }
	.page-content p.wp-caption-text{ font-weight: bold; text-align: center; }
	.page-content img.ajax-loader{ display: inline; width: auto !important; }
	.page-content div.wpcf7-mail-sent-ok, .page-content div.wpcf7-validation-errors{ color: #ff0000; }
	.page-content table span.item-detail{ font-size: 10px; }

	/* POST PAGE STYLE */
	.breadcrumb{ margin-bottom: 15px; }
	.breadcrumb a{ color: #ff9600; }
	h1.page-title{ font-size: 30px; line-height: 1.3; }
	h1.page-title a{ color: #ff9600; }

	/* PAGE CONFIRMATION STYLE */
	.confirmation tr td{ padding: 10px; }
	table.confirmation, table.confirmation input[type=text], table.confirmation input[type=date]{ width: 100%; }
	table.confirmation{ margin-top: 10px; }
	table.confirmation input[type=text], table.confirmation input[type=date]{ padding: 5px; border-radius: 5px; border: 1px solid #ccc; }

	/* PAGE GALLERY STYLE */
	.gallery{ margin: 0 -10px !important; }
	.gallery-item{ padding: 10px; }
	.gallery img{ width: 100%; height: auto; }
	/* .content-box .page-content img{ width: 100%; height: auto; }
	.show-child-pages a{ text-align: center; display: block; font-size: 20px; color: #ff9600; line-height: 1; }
	.show-child-pages img{ margin: 10px 0px;}
	.content-box .single-gallery a{ width: 50%; display: block; float: left; padding-left: 10px; }
	.content-box .buy-this.button{ padding: 5px 10px; float: right; margin-top: 5px; font-size: 12px; }
	.gallery-description{ margin-top: 10px; }
	.detail-range{ text-align: right; }
	.detail-range span, .detail-range a{ display: block; line-height: 1.2; font-weight: 700; }
	.detail-range span{ color: #D07900; font-size: 28px; }
	.detail-range span.dinamis, .detail-range .colour-list{ color: #808080; font-size: 21px; }
	.detail-range a{ color: #FF9600; font-size: 21px; }
	.detail-range .colour-list{ width: 100%; }
	.detail-range .colour-list a{ display: inline-block; } */

	/* CATEGORY LIST STYLE */
	.category-wrap{ margin: 10px 0; }
	.page-post{ padding: 10px 0; }
	.page-post h3{ font-size: 18px; line-height: 1; }
	.page-post h3 a{ color: #ff9600; }
	.page-post .post-img img{ width: 100%; max-width: 100%; height: auto; display: block; }

	/* TAXONOMY LIST STYLE */
	.taxonomy-description p{ margin-bottom: 1em; color: #333; }
	.taxonomy-description p a{ color: #959595; }
	.product-list{ padding: 20px 0; border-top: 1px solid #ebeaea; }
	.product-list h3{ font-size: 15px; font-weight: 600; color: #ff9600; margin: 10px 0; }
	.post-img>span{ color: #b7b7b7; font-size: 10px; text-align: center; display: block; }
	.row-desc{ display: block; margin: .6em 0; line-height: 1; }
	.row-desc:after, .row-desc:before { display: table; content: ""; clear: both; }
	.row-desc .desc{ width: 30%; float: left; }
	.row-desc .detail{ width: 70%; float: left; }
	.row-desc a, .row-desc button{ float: right; }
	.row-desc button{ border: none; }
	.row-desc select{ width: 70%; font-size: 12px; color: #3c3c3c; background: #ebeaea; border: none; padding: 3px 8px; }
	.row-desc input[type=text]{ float: right; width: 15%; background: #ebeaea; border: none; padding: 3px 8px; }
	.row-desc input[type=text].full{ width: 70%; }
	.row-desc .price{ float: right; font-size: 24px; color: #3c3c3c; margin-right: 10px; }
	.back-button{ padding: 11px 15px; margin-right: 2px; }

	/* PRODUCT SINGLE STYLE */
	.product-view h2 a{ color: #ff9600; font-size: 30px; line-height: 1; margin-bottom: 10px; }
	.product-view .post-img img{ max-width: 100%; height: auto; margin: 0 auto; display: block; }
	.product-spec h3{ font-size: 25px; color: #ff9600; line-height: 1; margin: 0.5em 0; font-weight: normal; }
	.product-spec .spec-box{ background: #ff9600; color: #fff; padding: 5px 10px; }
	.product-desc .row-desc .price{ float: left; }
	.enquiry-form{ background: #ff9600; padding: 10px; margin-top: 20px; border-radius: 5px; color: #fff; }
	.enquiry-form h3{ font-size: 25px; line-height: 1; margin: 0; font-weight: normal; }
	.enquiry-form p.notes{ font-style: 10px; }

	/* CONTACT FORM 7 STYLE */
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 input[type="file"]{ padding: 3px 8px; font-family: "Open Sans"; border: 1px solid #848484; margin: 0px; width: 100%; }
	.wpcf7 input[type=submit]{ background: #FF7400; border: none; color: #fff; text-transform: uppercase; margin: 0; padding: 8px 10px; cursor: pointer; }
	.wpcf7 textarea{ height: 80px; }
	div.wpcf7-response-output{ margin: 0; }
	div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors{ border: 2px solid #2161C3; color: #fff; line-height: 1.5em; text-align: center; margin-top: 10px; }
	.wpcf7 div.wpcf7-validation-errors{ border-color: #ff0000; }
	.wpcf7 span.wpcf7-not-valid-tip{ font-size: 11px; text-align: left; }
	.wpcf7 p.input-hidden{ margin: 0; }
	.wpcf7 p.input-hidden br{ display: none; }
	
	.sidebar>div+div{ margin-top: 10px; }
	.start-kitchen{ background: #ff9600; border: 1px solid transparent; border-radius: 10px; color: #fff; font-size: 15px; padding: 10px; }
	.start-kitchen p{ text-align: center; font-size: 18px; margin-bottom: 0.5em; }
	.start-kitchen ol{ list-style-type: decimal; padding-left: 25px; }
	.start-kitchen ol li{ display: list-item; }
	.start-kitchen ol li a{ color: #fff; display: block; vertical-align: middle; }
	.start-kitchen ol li a img{ display: inline-block; vertical-align: middle; }
	.start-kitchen ol li a div{ display: inline-block; width: 79%; vertical-align: middle; }
	.start-kitchen ol li a span{ float: left;}
	.start-kitchen ol li a span.choosen{ float: right; }
	.start-kitchen ol ul.subcategory{ padding-left: 20px; }
	.start-kitchen ol ul.subcategory li{ position: relative; }
	.start-kitchen ol ul li:before{ content: ''; background: url(images/bbk-icon-sprites.png) no-repeat; background-position: -54px 0; width: 22px; height: 15px; position: absolute; top: 2px; }
	.start-kitchen ol ul li.active:before{ background-position: -27px 0; }
	.start-kitchen ol ul li a{ padding-left: 30px; }
	.cart-detail, .why-choose{ background: #f5f5f5; border-radius: 10px; padding: 5px; }
	.cart-detail{ font-size: 18px; }
	.cart-box{ float: left; padding: 0 5px; }
	.cart-box.number{ text-align: right; font-size: 20px; width: 50%; }
	.cart-box span{ display: inline-block; }
	.cart-box.number span{ line-height: 1; }
	.cart-box.number span#qty{ border-radius: 10px; background: #ebeaea; text-align: center; min-width: 20px; padding: 1px 5px; }
	.cart-box.text span{ line-height: 1.4; }
	.cart-box.text{ text-align: left; font-size: 14px; width: 30%; }
	.cart-box.basket{ background: url('images/cart-icon.png') right center no-repeat; min-height: 45px; width: 20%; position: relative; }
	.cart-box.basket a.sidebar-cart{ height: 45px; position: absolute; display: block; left: -2px; right: -2px; }
	.cart-box .checkout{ margin-top: 10px; }
	.cart-box .checkout i.fa{ font-size: 15px; }
	/* span#price, span.price  { display: none; } */
	input#direct-payment, label#direct-payment { visibility: hidden; }
	
	.why-choose p{ font-size: 18px; color: #999; text-align: center; margin-top: 10px; line-height: 1.2; }
	.why-choose ul{ padding: 20px 0 20px 10px; font-size: 12px; }
	.why-choose ul li{ background: url(images/bbk-icon-small.png) left center no-repeat; padding-left: 35px; color: #333; }
	.why-choose ul li+li{ margin-top: 10px; }
	
	.searchform{ position: relative; }
	.searchform input[type=text]{ height: 29px; margin: 0; border-radius: 8px; border: 1px solid #afafaf; padding: 0 30px 0 10px; width: 100%; }
	.searchform input[type=image]{ position: absolute; top: 0; right: 0; }
	.no-js .other-link .fancybox{ display: none; }
	.no-js .other-link a img{ float: left; }
	.no-js .other-link a span{ position: relative; opacity: 1; float: left; bottom: 0; left: -6px; background: #ff9600; color: #fff; font-size: 17px; height: 41px; width: auto; border-radius: 5px; }
	.no-js .other-link a+a{ margin-left: 0; }

	#request-call, #map{ background: #ff9600; display: none; }
	#request-call{ padding: 10px; }
	.request-call h3{ font-size: 20px; text-align: center; line-height: 1; font-weight: bold; color: #fff; }
	.request-call .wpcf7-form{ margin-top: 20px; }
	.request-call .wpcf7-form p{ margin-bottom: 10px; }
	.request-call .wpcf7-form p.sub-button{ text-align: center; }
	#map{ width: 750px; height: auto; max-width: 100%; }
	.fancybox-skin{ background: #ff9600 }
	.request-call{ background: #ff9600; padding: 15px; }
	.request-call h3 a{ color: #fff; }
	.mobile-request{ margin-bottom: 10px; }
	.mobile-request .wpcf7-form{ display: none; }

	.no-js #request-call{ display: block; border-radius: 10px; }

.footer{ background: #ff9600; padding: 10px 20px; }
	.footer a{ color: #fff; }
	.footer .widget_nav_menu{ margin-top: 10px; }
	.footer-widget img{ float: right; margin-bottom: 5px; }
	.footer-widget a+a img{ margin-right: 5px; }
	.sosmed-row{ margin-bottom: 4px; }
	.sosmed-row:after{ content: ''; clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	.sosmed-row a{ width: 29px; height: 29px; display: inline-block; float: right; text-indent: -99999px; background: url(images/sosmed-bbk.png) no-repeat; }
	.sosmed-row a+a{ margin-right: 5px; }
	.sosmed-row a.rss{ background-position: -30px 0; }
	.sosmed-row a.sosmed-1{ background-position: 0 0; }
	.sosmed-row a.path{ background-position: -120px 0; }
	.sosmed-row a.fb{ background-position: -90px 0; }
	.sosmed-row a.tw{ background-position: -59px 0; }

.copyright{ background: #b8b8b9; color: #fff; text-align: center; font-size: 14px; line-height: 1.2; padding: 10px; }
	.copyright a{ color: #79797a; }

@media screen and (max-width: 1024px) { /* tablet view */
	.cta .grid-50:first-child{ padding-left: 0; }
	.cta .grid-50+.grid-50{ padding-right: 0; }
	.cta-content a{ font-size: 24px; margin-bottom: 12px; }
	.header-menu .sf-menu{ font-size: 13px; }
	.header-menu .sf-menu a{ padding: 2px 3px; }
	.search-form{ padding-right: 10px; }
	.black-strip, .body, .footer{ padding-right: 0; padding-left: 0; }
	.black-strip .grid-25{ padding: 0; }
	.black-strip a{ font-size: 12px; }
	.range-box:hover .title-range{ width: 165px; }
	.start-kitchen ol li a div{ width: auto; }
	.start-kitchen ol li a span{ float: none; }
	.start-kitchen ol li a span.choosen{ float: none; }
	.cart-box.number{ width: 35%; font-size: 18px; }
	.cart-box.text{ width: 35%; font-size: 13px; }
	.cart-box.text span{ line-height: 1.5; }
	.cart-box.basket{ width: 30%; }
}

@media screen and (max-width: 767px) { /* mobile view */
	.logo{ margin: 0; margin-bottom: 10px; }
	.cta-box{ margin-bottom: 10px; }
	.cta .grid-50+.grid-50{ padding-left: 0; }
	.cta-content a{ margin-bottom: 0; }
	.header-menu{ margin-top: 0; }
	.header-menu .sf-menu{ float: none; font-size: 18px; margin-top: 1em; }
	.header-menu .sf-menu li, .header-menu .sf-menu ul li{ display: block; float: none; background: transparent; }
	.header-menu .sf-menu li:first-child{ padding-left: 0; }
	.header-menu .sf-menu a{ border-left: none; padding: 10px 0; }
	.header-menu .sf-menu li+li a{ border-left: 0; }
	.header-menu .sf-menu li.current-menu-item, .header-menu .sf-menu li:hover, .header-menu .sf-menu li.sfHover{ border-radius: 0; }
	.header-menu .sf-menu li:hover > ul, .header-menu .sf-menu li.sfHover > ul{ display: none; }
	.header-menu .sf-menu ul{ position: static; box-shadow: none; margin: 10px; }
	.mobnav-subarrow{ display: block; background: #fff; height: 30px; width: 30px; position: absolute; top: 5px; right: 5px; color: #ff9600; text-align: center; border-radius: 2px; cursor: pointer; }
	.mobnav-subarrow span.fa { padding-top: 5px; }
	.search-form{ padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
	.home-slide{ padding: 10px 0; }
	.black-strip a{ margin-bottom: 15px; font-size: 14px; }
	.black-strip .grid-25{ padding: 0 10px; }
	.title-range{ position: relative; width: 100%; text-align: center; border-radius: 0; bottom: 0; }
	.range-box:hover .title-range{ width: 100%; }
	.other-link a{ width: auto; }
	.other-link a+a{ margin-left: 0; margin-bottom: 10px; }
	.other-link a img{ float: left; }
	.other-link a:hover img{ opacity: 1; }
	.other-link a span{ position: relative; opacity: 1; float: left; bottom: 0; left: -6px; background: #ff9600; color: #fff; font-size: 17px; height: 30px; width: auto; border-radius: 5px; }
	.footer .widget_nav_menu{ margin-top: 0; }
	.footer-widget img{ float: none; margin-bottom: 0; margin-top: 10px; margin-right: 5px; }
}

.home-special-panel{ background: #fff; padding: 10px 20px 10px; }
.special-panel-box .title-range{ width: 260px; }
.special-panel-box .range-box:hover .title-range{ width: 300px; }
.page-content table, .page-content table td{ border: 1px solid #ccc; }
.page-content table td{ padding: 5px; }