/*
	RESPONSIVE DESIGN UPDATES
*/

@media (max-width: 979px) and (min-width: 768px)
{
	.header {
		height: 180px;
	}

	.mt-show-right
	{
		top: 135px !important;
		width: 80% !important;
	}
}

@media (max-width: 480px) 
{
	.top-cart .cart {
		position: absolute;
		bottom: -76px;
		right: 0px;
		color: #fff;
	}
	
	.top-compare {
		display: none !important;
	}
	

	/* POPUP - ADD TO CART*/
	.fancybox-wrap {
		width: 380px !important;
	}	

	.fancybox-inner {
		width: 360px !important;
	}


	#postcode-popup {
		width: 345px !important;
	}


	#postcode-window {
		width: 295px !important;
	}
	
	.postcode-search-table td {
		display: block !important;
	}
	

	.postcode-search-table select {
		text-align: left !important;
		width: 95% !important;
	}

	.postcode-search-table input {
		width: 90% !important;
	}
	
	.postcode-search-button {
		margin-top: 10px !important;
	}	

	
	#postcode-search-country  {
		margin-left: 12px;
		width: 270px;
	}
	#postcode-search-textbox  {
		margin-left: 12px;
		width: 270px;
	}
	
}



@media (max-width: 320px) 
{

	.wrapperSearch {
		background-position: -2px 0px !important;
		background-size: 280px auto !important;
	}

	.top-cart .cart {
		position: absolute;
		bottom: -76px;
		right: 0px;
		color: #fff;
	}
	
	.top-compare {
		display: none !important;
	}
	

	/* POPUP - ADD TO CART*/
	.fancybox-wrap {
		width: 270px !important;
	}	

	.fancybox-inner {
		width: 250px !important;
	}


	#postcode-popup {
		width: 250px !important;
	}


	#postcode-window {
		width: 220px !important;
	}
	
	#postcode-close {
		right: -15px !important;
	}
	
	.postcode-search-table td {
		display: block !important;
	}
	

	.postcode-search-table select {
		text-align: left !important;
		width: 95% !important;
	}

	.postcode-search-table input {
		width: 90% !important;
	}
	
	.postcode-search-button {
		margin-top: 10px !important;
	}	


	#postcode-popup #shop-table tr td.col-qty input {
		margin: 0;
		width: 20px;
	}

	#shop-table {
		font-size: 10px;
		margin-left: 0px;
	}
	
	
}





@media screen and ( max-width: 1200px) {



	.section1 {
		width: 380px; 
	}

	.section2, .section3 {
		/* width: 50% !important; */
		margin-left: 10px;
	}

	
	.input-box-132 , 
	.input-box-279 .input-text,
	.input-box-132 .input-text,
	.section .row .col-2 .input-text	{ width: 90%; !important}


	.country{ 
		/* width: 300px !important; */
		float: none;
	}


	

}






@media screen and ( max-width: 980px) {

	.section1 {
		/* width: 300px !important;  */
		/* border:5px solid brown; */
	}

	.section2, .section3 {
		width: 50% !important;
		margin-left: 0px !important;
	}

}


@media screen and ( max-width: 760px) {

	.section1 {
		width: 350px;
	}

	#checkout-review-table thead th {
		display: table-cell !important;
	}
	
	#checkout-review-table td {
		display: table-cell !important;
	}

	.section2, .section3 {
		width: 50% !important;
		margin-left: 60px !important;
	}

}


@media screen and ( max-width: 670px) {
	.section1, .section2, .section3 {
		width: 85% !important;
		/* margin-left: 10px !important; */
	}
	
	.section .col-2, .name-lastname, .EAN {
		width: 49% !important; 
	}	


}


@media screen and ( max-width: 480px) {

	.section1, .section2, .section3 {
		/* width: 85% !important;
		/* margin-left: 10px !important; */
	}

	.input-box-132 , 
	.input-box-279 .input-text,
	.input-box-132 .input-text,
	.section .row .col-2 .input-text	{ width: 90%; !important}	

	
	#checkout-review-table  {
		font-size: 10px !important; 
		/* margin-left: -15px !important; */
	}
	#checkout-review-table  td {
		padding: 5px;
	}

	.order-notes .textarea-box textarea {
		width: 250px;
	}
	
	.validate-select.span12 {
		width: 120px;
	}

}


@media screen and ( max-width: 320px) {

	.section1, .section2, .section3 {
		width: 85% !important;
		margin-left: 0px !important;
	}
	#checkout-review-table  td {
		padding: 3px;
	}
	#checkout-review-table  {
		font-size: 10px !important; 
		margin-left: 0px !important;
	}

	.order-notes .textarea-box textarea {
		width: 210px;
	}

}



.threecols label {
	/* float: none !important; */
}

.checkout .head h3 {
	/* float: none !important; */
}


/* Review popup */

@media (max-width: 768px) {
	#addreview-popup {
		position: absolute;
		top: 10px;
		right: 5px;
		left: 5px;
		width: auto;
	}
}

@media (max-width: 768px) {
	#addreview-popup {
		position: absolute;
		right: 5px;
		left: 5px;
		top: 10px;
		width: auto;
	}
	
	#addreview-popup  ul.form-list {
		float: left;
		width: 100%;
	}
	
	#addreview-popup .input-text, #addreview-popup .input-textarea {
		width: 100%;
	}
}



@media (max-width: 320px) {

	.buttons-set button.button {
		float: right;
		margin-bottom: 5px;
		margin-left: 5px;
		width: 100%;
	}	
	
	.checkout .section1, .checkout .section2, .checkout .section3 {
		width: 93% !important;
	}
}


/* My account */

@media (max-width: 978px) {
	#machine-listing .product-tabs {
		margin-top: 40px;
	}
	
	#machine-listing .product-tabs li {
		border-bottom: 0;
		border-top: 1px solid #E1E1E1;
		border-left: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		float: left;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	#machine-listing .product-tabs li:last {
		border-bottom: 1px solid #E1E1E1;
	}
	
	#machine-listing .product-tabs li a {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	
	.machine-item {
		display: block;
	}
	
	.machine-small-img {
		float: none;
		width: auto;
		text-align: center;
	}
	
	.machine-list-left, .machine-list-right {
		float: none;
		width: auto;
		padding-right: 30px;
		margin-right: 30px;
		border-right: none;
		margin-top: 15px;
	}
}

@media (max-width: 400px) {

	.dashboard-points-points { 
		background-color: #465761 !important;
		border-radius: 20px;
		color: #FFFFFF;
		display: inline-block;
		font-size: 50px;
		height: 70px;
		line-height: 70px;
		margin-left: 0px;
		margin-right: 0px;
		text-align: center;
		width: 220px;
	}


	.dashboard-points-your-points {
		font-size:35px;
	}
	
	.col2-set .col-1 {
		width: 100%;
	}

	.col2-set .col-2 {
		width: 100%;
	}	
	
	
}