/**
 * MEDIA QUERIES
 *
 * SMARTPHONES SIZE
 * min-width: 420px
 *
 * ==========================================================================
 */
@media all and (min-width: 420px){

	/**
	 * GRID
	 * --------------------------------------------------------------------------
	 */
	.grid.cols-5 .item,
	.grid.cols-4 .item {
		width: 50%;
	}
	.grid.cols-3 .item,
	.grid.cols-2 .item {
		width: 100%;
	}
}

@media all and (max-width: 420px){

	main.fixed {
	    margin-top: 240px !important;
	}
	.product-heading .heading-buttons {
		display: none;
	}
	
}

@media all and (max-width: 768px){

	main.fixed {
	    margin-top: 300px;
	}

	.filters .grid.cols-2 .item {
		width: 50%;
	}
	.filters .grid.cols-3 .item {
		width: 33%;
	}

	.product-heading .heading-buttons {
		margin: 0 0 34px;
	}
}


@media all and (min-width: 500px){
	/**
	 * ADD TO CART
	 * --------------------------------------------------------------------------
	 */
	 .added-to-cart-box .continue {
		margin-right: 10px;
	}
}


/**
 * MEDIA QUERIES
 *
 * TABLET SIZE
 * min-width: 768px
 *
 * ==========================================================================
 */
@media all and (min-width: 768px){

	/**
	 * GRID
	 * --------------------------------------------------------------------------
	 */
	.grid.cols-5 .item,
	.grid.cols-3 .item {
		width: 33.333333%;
	}
	.grid.cols-4 .item,
	.grid.cols-2 .item {
		width: 50%;
	}


	/**
	 * HEADER
	 * --------------------------------------------------------------------------
	 */
	header nav#icons li.menu a {
		display: none;
	}
	header nav#icons::after {
		content: none;
		display: block;
		clear: none;
	}
	header nav#universe {
		display: block!important;
		width: 100%;
		margin: 0 auto;
	}
	header nav#universe {
		text-align: center;
		display: inline;
	}
	header nav#universe li {
		display: inline;
	}
	header nav#universe li a {
		background: transparent;
		border: 0;
		padding: 0;
	    display: inline;
	    margin: 10px 0;
	    padding: 0 20px;
	    display: inline-block;
		line-height: 40px;
		color: #333;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 500;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	header nav#universe li a:hover {
		background: transparent;
		color: #999;
	}
	header nav#universe li a.active {
		/*color: #A61A77;*/
		background: #A61A77;
		color: #FFF;
	}

	/**
	 * SHOPPING CART
	 * --------------------------------------------------------------------------
	 */
	table.cart thead {
		display: table-header-group;
	}
	table.cart tr {
    	display: table-row;
	}
	table.cart th {
		text-transform: uppercase;
		font-weight: 500;
		background: #f9f9f9;
	}
	table.cart th,
	table.cart td {
		display: table-cell;
		padding: 15px;
		text-align: left;
	}
	table.cart td,
	table.cart tbody td:last-child {
		border: 0;
		border-top: 1px solid #eee;
	}
	table.cart th[scope="row"] {
		display: none;
	}
	table.cart tbody td:last-child {
		background: transparent;
	}
	table.cart td.image {
		width: 150px;
	}
	table.cart td.image img {
		max-width: 100%;
	}
	table.cart td .title {
		display: block;
		font-weight: 400;
		font-size: 22px;
		margin-bottom: 10px;
	}
	table.cart .delete {
		width: 32px;
		height: 32px;
		background: #fff url('../../images/sprite.png') -15px -74px no-repeat;
		padding: 0;
		text-indent: -999px;
		overflow: hidden;
	}
	table.cart tfoot td {
		background: #f9f9f9;
		border-bottom: 1px solid #eee;
	}
	table.cart tfoot td:last-child {
		border-left: 0;
		border-right: 0;
		text-align: right;
		padding: 25px 15px;
	}
	.delivery-next-step {
		margin: 25px 0;
	}


	/**
	 * ADD TO CART
	 * --------------------------------------------------------------------------
	 */
	.added-to-cart-box .continue {
		float: left;
	}
	.added-to-cart-box .checkout {
		float: right;
	}
}


/**
 * MEDIA QUERIES
 *
 * DESKTOP SIZE
 * min-width: 991px
 *
 * ==========================================================================
 */
@media all and (min-width: 991px){

	/**
	 * GRID
	 * --------------------------------------------------------------------------
	 */
	.grid.cols-5 .item {
		width: 20%;
	}
	.grid.cols-4 .item {
		width: 25%;
	}
	.grid.cols-2 .item {
		width: 50%;
	}

}

@media all and (max-width: 930px) and (min-width: 768px) {
	.to-pay {
		font-size: 12px;
	}
	
}