* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.clearfix {clear:both;}
	
.page {
	width: 95%;
	max-width: 1024px;
}
.nav-toggle {display:none;}
.col-main {width: 74%;}
.col-left {width: 24%;}
.col-right {width: 24%;}
.col3-layout .col-wrapper {width: 74%;}
.col3-layout .col-wrapper .col-left {width: 32%;}

.footer {text-align: center;}
.footer address {text-align: center;}
.footer .links {margin: 0 0 10px;}
.footer ul li {display: inline-block; line-height: 1.8;}
.links li.first {margin: 0;}
.footer > ul:not(.links) li {margin: 0 7px;}
.footer ul {display: inline-block;}
.faqpics img {max-width: 27%;}

.row:after {content:''; display:block; clear:both;}
.col-sm-4 {
    padding: 10px;
    height: auto;
}

.product-essential form {display: block;}
.product-view .product-shop {width: 58%;}
.product-view .product-img-box {width: 39%;}

.account-login .new-users .content, .account-login .registered-users .content {min-height: 160px; line-height: 1.7;}

body.customer-account-index .col-left .block-content li,
body.customer-account-index .col-left .block-content li,
body.customer-address-index .col-left .block-content li,
body.customer-account-edit .col-left .block-content li,
body.sales-order-history .col-left .block-content li,
body.sales-billing-agreement-index .col-left .block-content li,
body.sales-recurring-profile-index .col-left .block-content li,
body.review-customer-index .col-left .block-content li,
body.tag-customer-index .col-left .block-content li,
body.oauth-customer-token-index .col-left .block-content li,
body.downloadable-customer-products .col-left  .block-content li {padding: 5px 0;}

.my-account .box-head {
    margin: 10px 0px;
    border-bottom: 1px dashed #ddd;
    color: #2B5F27;
}
.my-account .box-title {margin: 10px 0;}
.opc .step-title {padding: 6px 5px;}
#checkout-shipping-method-load {line-height: 2;}
#onepage-checkout-shipping-method-additional-load {margin: 10px 0px; line-height: 2.2;}
.gift-messages-form {padding: 0 10px;}
#dt_method_paypal_express img {
    display: inline-block;
    margin: 10px 0;
}
.block-progress dt.complete, .block-progress dd.complete {
    background-color: #F6F6F6;
    padding: 2px 10px;
}


@media all and (min-width:768px){
	.row .col-sm-4 {float:left; width:33.33%;}
	.table div[class*="col-"]{display:table-cell; float:none; vertical-align: bottom;}
}

@media all and (max-width:991px){
	
	.pull-left {float: left;}
	
	#nav {border: none; border-top: 1px solid #666;}

	.nav-toggle {
		display:block;
		color: #fff;
		cursor: pointer;
		padding: 15px 20px;
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
	}
	.nav-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: #fff;
	}
	.nav-toggle .icon-bar+.icon-bar {
		margin-top: 4px;
	}
	.nav-toggle .pull-left {
		margin: 4px 10px 0 0;
	}
	#nav li {
		float: none !important;
		display: block !important;
		clear: both;
		padding:0 !important;
		border-bottom: 1px solid #666;
	}
	#nav li a {
		float: none; padding: 13px 10px;
	}
	
	#nav li ul {display:none;}

	#nav li ul.shown-sub, #nav li div.shown-sub {position: relative; width: 100%; top: 0;}
	#nav ul li a {padding: 11px;}

	#nav {display:none;}

	.fpleft , .fpright, .fpmiddle {
		float: none;
		width: 100%;
		height: auto;
		padding: 10px;
		text-align: left !important;
	}
	.fpmiddle {text-align: center !important;}

	img {max-width:100%; float: none; margin-left: auto; margin-right: auto; display: block;}
	.col-left {display:none;}
	.col-main {width: 100%;}
	.col2-left-layout .col-main {float: right;}
	.sort-by a {display: inline-block;}
	.col-right {float: none; clear: both; width: 100%;}
	
	.col3-layout .col-wrapper {width: 100%;}
	.col3-layout .col-wrapper .col-main {float: none; width: 100%;}
	.faqpics img {max-width: 24%; height: 150px; display: inline-block;}
	.paypal-logo img {display: inline-block;}
	.product-view .product-img-box .product-image-zoom img {max-width:none;}
	.block-cart .amount {text-align: center;}
	.block-cart .subtotal {margin: 10px 0px;}
	.block .actions {text-align: center;}
	.block-cart .actions .paypal-logo {text-align: center;}
	.block-cart .actions .paypal-logo .paypal-or {padding: 10px 0px;}
	.block .actions li {list-style: none;}
	.block .btn-remove, .block .btn-edit {margin: 7px;}
	
	body.customer-account-index .col-left,
	body.customer-address-index .col-left,
	body.customer-account-edit .col-left,
	body.sales-order-history .col-left,
	body.sales-billing-agreement-index .col-left,
	body.sales-recurring-profile-index .col-left,
	body.review-customer-index .col-left,
	body.tag-customer-index .col-left,
	body.oauth-customer-token-index .col-left,
	body.downloadable-customer-products .col-left {
		display:block;
		float: none;
		width: 100%;
		background-repeat: no-repeat;
		background-position: left top;
		clear: both;
	}
	
	#nav li {position:relative;}
	.level-top.parent:after {
			content: '';
			background: /*rgba(255, 255, 255, 0.1)*/ url(/skin/frontend/default/davekellykettle3/css/dropdown.png) no-repeat right top;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 100%;
			height: 44px;
			/*border-left: 1px solid rgba(255, 255, 255, 0.19);*/
	}
	.level-top.parent.open:after {background-position:right bottom;}
	.table-responsive {overflow: auto}

}

@media all and (max-width:767px){
	iframe {
		/*position: absolute;*/
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 400px;
		border: 0;
	}
	
	.header .logo {float: none; width: 100%; text-align: center; display: block;}
	.header .form-search {text-align: center; margin: 10px 0;}
	.header .links {float: none; text-align: center;}
	.col-sm-4 a {display:block;}
	.form-list li.wide .input-box, .form-list li.wide textarea {width: 100%;}
	.form-list {padding-left:0 !important; list-style: none !important;}
	.faqpics img {height: auto; display: block; margin: 9px auto; max-width: 100%;}
	.cart .cart-collaterals .col2-set, .col2-set .col-1, .col2-set .col-2 {float: none; width: 100%;}
	
	body.checkout-cart-index .cart > form {overflow: auto; display: block; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	#shopping-cart-table tfoot .a-right {text-align: center !important;}
	#shopping-cart-table tfoot .a-right .button {margin: 3px;}
	.cart .page-title.title-buttons {text-align:left;}
	.cart .page-title.title-buttons h1 {float: none;}
	.cart .checkout-types {float: none; text-align: left; margin-top: 10px;}
	.product-view .product-shop, .product-view .product-img-box {width: 100%; float: none; margin-bottom: 20px;}
	.product-view .product-img-box .product-image-zoom  {margin: 0px auto;}
	.product-view .product-img-box .zoom-notice {margin: 10px 0 5px;}
	.product-view .product-img-box .zoom {width: 265px;}
	
	.block .actions {margin-bottom: 10px;}
	.account-login .registered-users {margin: 15px 0;}
	.account-login .new-users .content, .account-login .registered-users .content {min-height: none;}
	.form-list .field {float: none; width:100%;}
	.form-list label {margin: 5px 0; display: inline-block;}
	.form-list .input-box {display: block; width: 100%;}
	.form-list input.input-text, .form-list select {width: 100%;}
	.form-list li.wide input.input-text {width: 100%;}
	#checkout-payment-method-load .form-list label {float: none;}
	#checkout-review-table-wrapper {overflow: auto;}
	
	
	.hlogo {
		display:block;
		width:100%
	}
	
	.contactno {
		display:block;
		width:100%
	}
	
	.quick-access {
		display:block;
		width:100%
	}
	
}
@media all and (max-width:600px){
	iframe {height: 300px;}
}
@media all and (max-width:500px){
	.products-list .product-image {float: none; width: 100%;}
	.products-list .product-image img {margin-left:0;}
	.products-list .product-shop {margin-left: 0px;}
	#addTagForm .form-add button.button {margin: 5px;}
	.product-view .box-tags .form-add .input-box {float: none; width: 100%;}
	.product-view .box-tags .form-add input.input-text {width: 100%;}
}
@media all and (max-width:479px){
	iframe {height: 220px;}
}
@media all and (max-width:420px){
	.cart .title-buttons .checkout-types li {float: none;}
	.cart .title-buttons .checkout-types li img {margin-left: 0px;}
}
@media all and (max-width:359px){
	iframe {height: 160px;}
}