/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
	.debug-xs {	display:block; } .debug-sm { display: none; } .debug-md { display: none; } .debug-lg { display: none; } .debug-xl { display: none; }

	header .promo-bar span:first-of-type {
		margin-bottom: 0;
	}
	header .promo-bar span:last-of-type {
		margin-top: 0;
	}
	header .promo-bar .close-button {
    	left: 5px;
    	top: 5px;
    	transform: unset;
    }

	header .header-top {
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	}

	header .header-icon {
		margin-top: 3px;
	}

	.header-cart-list {
		right: 10px;
		left: 10px;
		max-width: none;
		margin-top: 42px;
	}
	.header-cart-list ul li .image {
	    width: 15%;
	}
	.header-cart-list ul li .title {
	    width: 85%;
	}
	.header-cart-list .offer {
	    padding: 0 0 5px 0;
	}

	header .header-brand {
	    left: 45%;
	}
	header .header-brand img {
		height: 37px;
	}

	header .header-logo {
	    padding: 20px 0px;
	}

	header .header-logo img {
	    width: 280px !important;
	}
	header .header-logo-condensed {
		padding: 20px 0;
	}

	header .top-bar-menu {
	    margin-top: 10px;
	}

	header .menu-search {
		float: none;
		margin-top: 20px;
	}

	footer {
	    margin-top: 20px;
	}
	footer .col-xs-12 {
		margin-bottom: 10px;
	}
	footer h4 {
		padding: 0 0 20px 0;
		margin-bottom: 20px;
	}

	.ecommerce-footer .ecommerce-logo.speedex {
		border-right: none;
		padding-right: 0;
	    border-bottom: 2px solid #dcdcdc;
	    padding-bottom: 15px;
	}

	.carousel-caption {
		font-size: 12px;
		letter-spacing: 0px;
		padding: 0px 0px;
		left: 0px;
    	right: 0px;
    	bottom: 5px;
	}

	.category-banner {
		width: 50%;
	}
	.category-banner .title {
		font-size: 14px;
	    right: 10px;
	    bottom: 10px;
	}

	.welcome h1 {
		font-size: 20px;
	}

	.products-grid .product .content .title {
	    height: auto;
	}
	.products-grid .product .content .details {
		font-size: 13px;
	}
	.products-grid .product .btn-cart {
	    width: 90px;
	}


	.btn-more-products {
		font-size: 20px;
		width: 100%;
    	padding: 20px 0;
	}

	.product-attributes {
		padding: 15px 15px 0px 15px;
	}
	.attributes .btn {
	    padding: 6px 6px;
	}
	.attributes .dropdown-menu {
		width: 100%;
	}
	.attributes .dropdown-menu>li>a {
		padding: 3px 10px;
	}

	.table-cart .title {
		font-size: 12px;
	}

	.articles-list .article h3 {
		margin-top: 20px;
	}
	.articles-list .article .content {
	    min-height: auto;
	}

	.checkout-products {
    	border-top: 5px solid #dbdbdb;
    	padding-top: 30px;
	}

	.checkout-products .product .price {
		display: block;
	}
	.checkout-products .product .qty {
		display: block;
		padding: 0;
	}
	.checkout-products .product .qty-price {
		display: block;
		padding: 0;
	}

	.result .image {
	    margin-bottom: 15px;
	}

	.tool-buttons {
	    bottom: 5px;
	    right: 5px;
	}

	.page-title .total-products {
		display: block;
		padding-left: 0;
	}

	.cart {
	    padding-top: 30px;
	}
	.cart .cart-buttons {
		/*text-align: center;*/
	}
	.cart .cart-buttons .btn {
		display: block;
		width: 100%;
	}
	.cart .cart-buttons .btnClear {
		margin-top: 10px;
		margin-left: 0;
	}
	
	.cart-list {
		margin-top: 60px;
		margin-bottom: 30px;
	}
	.cart-list .cart-headers {
		font-size: 18px;
	    padding-bottom: 15px;
	}
	.cart-list .cart-row {
		padding-top: 30px;
	    padding-bottom: 30px;
	}
	.cart-list .cart-row .caption {
		display: block;
		font-size: 12px;
	}
	.cart-list .product {
		float: none;
	    width: 100%;
	    padding-bottom: 15px;
	}
	.cart-list .price {
		width: 25%;
	}
	.cart-list .quantity {
		width: 35%;
	    text-align: center;
	}
	.cart-list .quantity-price {
		width: 25%;
	}
	.cart-list .actions {
		width: 15%;
	}
	.cart-list .product .image {
		width: 15%;
	}
	.cart-list .product .content {
		width: 85%;
	}
	.cart-list .cart-row .price, .cart-list .cart-row .quantity-price, .cart-list .cart-row .quantity {
		padding-top: 0;
	}
	.cart-list .cart-row .price .caption, .cart-list .cart-row .quantity-price .caption {
		padding-bottom: 7px;
	}

	.product-details .quantity-input label {
	    margin-top: 6px;
	}

	.modal-message .modal-message-panel {
		left: 10px;
    	right: 10px;
    	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.debug-xs {	display: none; } .debug-sm { display: block; } .debug-md { display: none; } .debug-lg { display: none; } .debug-xl { display: none; }

	header .header-brand img {
		height: 37px;
	}

	header .header-logo-condensed {
		padding: 20px 0;
	}
	header .header-logo-condensed img {
		width: 300px;
	}
}

/* Small tablets and mobiles (sm, xs) */
@media (max-width: 991px) {

	.vmenu {
		overflow-y: scroll;
	}

	.header-menu-controls {
		position: relative;
		width: 100%;
		left: 0;
		margin: 0;
		z-index: 0;
	}
	.header-menu-controls .menu-item-filters, .header-menu-controls .menu-item-sort {
		border-radius: 0;
	}

	.filters-tag {
		display: block;
		position: fixed;
	    width: 100%;
	    max-width: 360px;
	    top: 88px;
	    bottom: 0;
	    height: unset;
	    left: -370px;
	    background: #fff;
	    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.3);
	    z-index: 999;
	    margin: 0;
	}
	.filters-tag .body {}

	.page-image {
	    margin: -30px -30px 30px -30px;
	    border-bottom: 4px solid #e3e3e3;
	    border-top: 4px solid #e3e3e3;
	}

	.products-wrapper {
		margin: auto;
		width: 100%;
	}

	.col-pad-left {
		padding-left: 15px;
	}
	.col-pad-right {
		padding-right: 15px;
	}

	.modal-basket .title {
		margin-bottom: 20px;
	}
	.modal-basket .btn-default {
		margin-bottom: 20px;
	}
	.modal-basket .cart-summary {
		border-left: none;
		padding-left: 0;
	}
	.modal-basket dl dd {
	    text-align: left;
	}

	.collection .collection-title .btn-more {
		position: absolute;
		top: -6px;
		left: unset;
		right: 0;
		transform: unset;
	}
}

/* Medium devices (tablets, 768px and up) (col-sm) */
@media (min-width: 768px) and (max-width: 991px) {
	.debug-xs {	display: none; } .debug-sm { display: none; } .debug-md { display: block; } .debug-lg { display: none; } .debug-xl { display: none; }

	header .header-icon {
	    margin-top: 2px;
	}

	header .header-top {
		box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3);
	}

	header .header-brand img {
		height: 37px;
	}

	header .header-logo-condensed {
		padding: 20px 0;
	}
	header .header-logo-condensed img {
		width: 300px;
	}
	
	.category-banners {
    	margin-top: 10px;
    }
	.category-banner .title {
		font-size: 16px;
	}

	.block-side-nav ul li {
		font-size: 14px;
	}

	.products-grid .product .content .title {
	    height: 60px;
	}

	.products-list .product .image {
	    padding: 10px 10px 0px 10px;
	}

	.articles-list .article .content {
	    min-height: auto;
	}

	.modal-dialog.modal-lg {
		width: 700px;
	}

	.modal-message .modal-message-panel {
		left: 15%;
    	right: 15%;
    	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

	footer .phone {
		font-size: 18px;
	}
	footer .email {
		font-size: 13px;
	}

	.same-column-height {
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap: wrap;
	}
	.checkout-sticky {
	    position: sticky;
	    top: 110px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.debug-xs {	display: none; } .debug-sm { display: none; } .debug-md { display: none; } .debug-lg { display: block; } .debug-xl { display: none; }

	header {
		margin-bottom: 45px;
	}
	header .header-top-bar-top {
		margin-top: 10px;
	}

	header .header-menu ul.menu {
	    font-size: 16px;
	}

	.category-banner .title {
		font-size: 20px;
	}

	.articles-list .article .content {
	    min-height: auto;
	}

	.same-column-height {
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap: wrap;
	}
	.checkout-sticky {
	    position: sticky;
	    top: 190px;
	}

	header .header-menu .header-menu-options .main-group.short {
    	max-width: 370px;
	}
	header .header-menu .header-menu-options .sub-groups {
	    padding: 15px 10px;
	}

	.header-menu-controls {
		left: 10px;
		margin: 0;
	}

	.filters-tag {
		left: 10px;
	    margin-left: 0;
	}

	.products-wrapper {
		margin: auto;
		width: 100%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.debug-xs {	display: none; } .debug-sm { display: none; } .debug-md { display: none; } .debug-lg { display: none; } .debug-xl { display: block; }

	header {
		margin-bottom: 45px;
	}
	header .header-top-bar-top {
		margin-top: 10px;
	}

	.container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.products-grid .product .image img {
		min-width: 100%;
	}
	.products-grid .product .content .shop {
    	width: 13%;
	}

	.same-column-height {
		display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap: wrap;
	}
	.checkout-sticky {
	    position: sticky;
	    top: 190px;
	}
	.checkout-pad-right {
		padding-right: 60px;
	}
	.checkout-pad-left {
	    padding-left: 60px;
	}
}