/* Screen size 320, 480, 600, 800, 1025, 1280 
	min-width:
	320px  smartphones, portrait iPhone, portrait 480x320 phones (Android) 
	480px  smartphones, Android phones, landscape iPhone 
	600px  portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) 
	801px  tablet, landscape iPad, lo-res laptops ands desktops 
	1025px big landscape tablets, laptops, and desktops 
	1281px hi-res laptops and desktops 
	
	iPad - Landscape (768x1024)	
	iPad - Portrait (1024x768)
	iPad Mini - Landscape (768x1024)
	iPad Mini - Portrait (1024x768)
	
	iPhone 4 - Landscape (320x480)
	iPhone 4 - Portrait (480x320)	
	iPhone 5 - Landscape (320x568)
	iPhone 5 - Portrait (568x320)	
	iPhone 6 - Landscape (375x667)
	iPhone 6 - Portrait (667x375)
	iPhone 6s - Landscape (414x736)
	iPhone 6s - Portrait (736x414)

	
	**********************************************************************
	1. Hires Desktop/Laptops  
			container  max-width 1000px
			width 1025px up
			* Full layout * with sidebar + Space outside
	2. Big Tablet (landscape), Laptops 
			width 801-1024px width 100%
			Full layout with sidebar (No space outside)
	3. Tablet (portrait) iPad iPad Mini, Smart phones iPhone 6/6s portrait, Smart phones (landscape)
			width 600-800px width 100%, * No sidebar *
			Main content without sidebar + Text Menu + Menu button
	4. Bigger smart phone - iphone 5Portrait - Tablet (portrait), Smart phones (landscape)
			width 480-599px width 100%, * No sidebar *
			Main content without sidebar + Text Menu + Menu button
	5. small smart phones - iphone4 Portrait
			max-width  479px width 100% * No sidebar, No Text Menu *
			Main content without sidebar + Menu button, No Text Menu
	**********************************************************************
*/	
	

/* ---------------------------------------------------------------------------------------------------*/
/* ---------------------------------DEFAULT-------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------*/
	.clearfix:after {
		content: " ";
		display: table;
		clear:both;
	}
	
	.wn-default {
		position:relative;
		padding: 4px;
		height: auto;
		margin: 0 0 1.5em 0;
		text-align:center;
		line-height:1.2em;
		display: inline-block;
		vertical-align: top;
		text-transform: uppercase;  /* ***************************** */
		border: 1px solid #fff;
		-webkit-transition: border 0.5s ease;
		-moz-transition: border 0.5s ease;
		-o-transition: border 0.5s ease;
		transition:border 0.5s ease;
	}
	.wn-default:hover {
		border: 1px solid #e1e1e1;
	}
	.wn-default a {
		text-decoration:none;
		color:#484848;

	}
	.wn-default a:hover {
		color:#000;
	}
	.wn-default .wn-prod-img {
		width:100%;
		border:0;
	}

	.wn-default .wn-prod-name{
		font-size:1.0em;
		margin-bottom:0.25em;
		
		display: block;				
		overflow: hidden;
		position: relative; 
		line-height: 1.2em;
		  /* max-height = line-height (1.2) * lines max number (3) */
		  /* max-height: 2.4em; */
		height:2.4em;
		text-align: center;    /* justify;  */
		  /* margin-right: -1em; */
		  /* padding-right: 1em;*/
	}
	.wn-default .wn-prod-code{
		font-size:0.8em;
		color:#c0c0c0;
	}
	.wn-default .wn-prod-listprice{
		color:#646464;
		font-size:0.95em;
		text-decoration:line-through;
	}
	.wn-default .wn-prod-ourprice{
		display:block;
		color:#000;
		font-size:1.4em;
		padding-top:0.15em;
	}
	.wn-default .wn-prod-ourprice-special{
		display:block;
		color:#ff0000;
		font-size:1.4em;
		font-weight:bold;
		padding-top:0.15em;
	}
	.wn-default .wn-prod-ourprice.highlight {
		display:block;
		color:#fff;
		background-color: #f00;
		font-size:1.2em;
		font-weight:bold;
		padding: 0.1em 0.5em;
		width: 47%;
		margin: 0 auto;
	}
	.wn-default .wn-prod-discount{
		color:#ea0000;
		font-size:0.95em;
		font-weight:bold;
	}
	.wn-default .wn-prod-percentdisc{
		color:#ea0000;
		font-size:0.95em;
		font-weight:bold;
	}	
	.wn-default .wn-prod-stock-info {
		color:#008000;
		font-size:0.75em;
	}
	.wn-default .wn-prod-instock {
		font-weight:bold; 
	}
	.wn-default .wn-prod-icon {
		/* display:none; */
	}	
		
	
	.w4x1-prod-box {
		    position:relative;
			padding: 4px;
		    height: auto;
			margin: 0 0 1.5em 0;
			text-align:center;
			line-height:1.2em;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;  /* ***************************** */
			border: 1px solid #fff;
		    -webkit-transition: border 0.5s ease;
		    -moz-transition: border 0.5s ease;
		    -o-transition: border 0.5s ease;
			transition:border 0.5s ease;
		}
		.w4x1-prod-box:hover {
			border: 1px solid #e1e1e1;
		}
		.w4x1-prod-box a {
			text-decoration:none;
			color:#484848;
	
		}
		.w4x1-prod-box a:hover {
			color:#000;
		}
		.w4x1-prod-img {
			width:100%;
			border:0;
		}
	
		.w4x1-prod-name{
			font-size:1.0em;
			margin-bottom:0.25em;
			
			display: block;				
			 /* hide text if it more than N lines  */
			  overflow: hidden;
			  /* for set '...' in absolute position */
			  position: relative; 
			  /* use this value to count block height */
			  line-height: 1.2em;
			  /* max-height = line-height (1.2) * lines max number (3) */
			  /* max-height: 2.4em; */
			  height:2.4em;
			  /* fix problem when last visible word doesn't adjoin right side  */
			  text-align: center;    /* justify;  */
			  /* place for '...' */
			  /* margin-right: -1em; */
			  /* padding-right: 1em;*/
		}
		.w4x1-prod-code{
			font-size:0.8em;
			color:#c0c0c0;
		}
		.w4x1-prod-listprice{
			color:#646464;
			font-size:0.95em;
			text-decoration:line-through;
		}
		.w4x1-prod-ourprice{
			color:#000;
			font-size:1.4em;
		}
		.w4x1-prod-ourprice-special{
			color:#ff0000;
			font-size:1.4em;
			font-weight:bold;
		}
		.w4x1-prod-discount{
			color:#ea0000;
			font-size:0.95em;
			font-weight:bold;
		}
		.w4x1-prod-stock-info {
			color:#008000;
			font-size:0.75em;
		}
		.w4x1-prod-instock {
			font-weight:bold; 
		}
		.w4x1-prod-icon {
			/* display:none; */
		}
		
		.w3x2-prod-box {
			position:relative;
			width: 16%;
		    padding: 4px;
		    height: auto;
			margin: 0 0 1.5em 0;
			text-align:center;
			line-height:1.2em;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;  /* ***************************** */
			border: 1px solid #fff;
		    -webkit-transition: border 0.5s ease;
		    -moz-transition: border 0.5s ease;
		    -o-transition: border 0.5s ease;
			transition:border 0.5s ease;
		}
		.w3x2-prod-box:hover {
			border: 1px solid #e1e1e1;
		}
		.w3x2-prod-box a {
			text-decoration:none;
			color:#484848;
	
		}
		.w3x2-prod-box a:hover {
			color:#000;
		}
		.w3x2-prod-img {
			width:100%;
			border:0;
		}
	
		.w3x2-prod-name{
			font-size:1.0em;
			margin-bottom:0.25em;
			
			display: block;				
			 /* hide text if it more than N lines  */
			  overflow: hidden;
			  /* for set '...' in absolute position */
			  position: relative; 
			  /* use this value to count block height */
			  line-height: 1.2em;
			  /* max-height = line-height (1.2) * lines max number (3) */
			  /* max-height: 2.4em; */
			  height:2.4em;
			  /* fix problem when last visible word doesn't adjoin right side  */
			  text-align: center;    /* justify;  */
			  /* place for '...' */
			  /* margin-right: -1em; */
			  /* padding-right: 1em;*/
		}
		.w3x2-prod-code{
			font-size:0.8em;
			color:#c0c0c0;
		}
		.w3x2-prod-listprice{
			color:#646464;
			font-size:0.95em;
			text-decoration:line-through;
		}
		.w3x2-prod-ourprice{
			color:#000;
			font-size:1.4em;
		}
		.w3x2-prod-ourprice-special{
			color:#ff0000;
			font-size:1.4em;
			font-weight:bold;
		}
		.w3x2-prod-discount{
			color:#ea0000;
			font-size:0.95em;
			font-weight:bold;
		}
		.w3x2-prod-stock-info {
			color:#008000;
			font-size:0.75em;
		}
		.w3x2-prod-instock {
			font-weight:bold; 
		}
		.w3x2-prod-icon {
			/* display:none; */
		}
		.w4x2-prod-box {
			width:24%;
			font-size:0.75em;
		    padding: 4px;
		    height: auto;
			margin: 0 0 1.5em 0;
			text-align:center;
			line-height:1.2em;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;  /* ***************************** */
			border: 1px solid #fff;
		    -webkit-transition: border 1s ease;
		    -moz-transition: border 1s ease;
		    -o-transition: border 1s ease;
			transition:border 1s ease;
		}
		.w4x2-prod-box:hover {
			border: 1px dashed #e1e1e1;
		}
		.w4x2-prod-box a {
			text-decoration:none;
			color:#484848;
	
		}
		.w4x2-prod-box a:hover {
			color:#000;
		}
		.w4x2-prod-img {
			width:100%;
			border:0;
		}
	
		.w4x2-prod-name{
			font-size:1.0em;
			margin-bottom:0.25em;
			
			display: block;				
			 /* hide text if it more than N lines  */
			  overflow: hidden;
			  /* for set '...' in absolute position */
			  position: relative; 
			  /* use this value to count block height */
			  line-height: 1.2em;
			  /* max-height = line-height (1.2) * lines max number (3) */
			  /* max-height: 2.4em; */
			  height:2.4em;
			  /* fix problem when last visible word doesn't adjoin right side  */
			  text-align: center;    /* justify;  */
			  /* place for '...' */
			  /* margin-right: -1em; */
			  /* padding-right: 1em;*/
			
		}
		.w4x2-prod-code{
			font-size:0.8em;
			color:#c0c0c0;
		}
		.w4x2-prod-listprice{
			color:#646464;
			font-size:0.95em;
			text-decoration:line-through;
		}
		.w4x2-prod-ourprice{
			color:#000;
			font-size:1.4em;
		}
		.w4x2-prod-ourprice-special{
			color:#ff0000;
			font-size:1.4em;
			font-weight:bold;
		}
		.w4x2-prod-discount{
			color:#ea0000;
			font-size:0.95em;
			font-weight:bold;
		}
		.w4x2-prod-stock-info {
			color:#008000;
			font-size:0.75em;
		}
		.w4x2-prod-instock {
			font-weight:bold; 
		}
		.w4x2-prod-icon {
			/* display:none; */
		}

		.w3w2-prod-box {
		    position:relative;
			padding: 4px;
		    height: auto;
			margin: 0 0 1.5em 0;
			text-align:center;
			line-height:1.2em;
			display: inline-block;
			vertical-align: top;
			text-transform: uppercase;  /* ***************************** */
			border: 1px solid #fff;
		    -webkit-transition: border 0.5s ease;
		    -moz-transition: border 0.5s ease;
		    -o-transition: border 0.5s ease;
			transition:border 0.5s ease;
		}
		.w3w2-prod-box:hover {
			border: 1px solid #e1e1e1;
		}
		.w3w2-prod-box a {
			text-decoration:none;
			color:#484848;
	
		}
		.w3w2-prod-box a:hover {
			color:#000;
		}
		.w3w2-prod-img {
			width:100%;
			border:0;
		}
	
		.w3w2-prod-name{
			font-size:1.0em;
			margin-bottom:0.25em;
			
			display: block;				
			 /* hide text if it more than N lines  */
			  overflow: hidden;
			  /* for set '...' in absolute position */
			  position: relative; 
			  /* use this value to count block height */
			  line-height: 1.2em;
			  /* max-height = line-height (1.2) * lines max number (3) */
			  /* max-height: 2.4em; */
			  height:2.4em;
			  /* fix problem when last visible word doesn't adjoin right side  */
			  text-align: center;    /* justify;  */
			  /* place for '...' */
			  /* margin-right: -1em; */
			  /* padding-right: 1em;*/
		}
		.w3w2-prod-code{
			font-size:0.8em;
			color:#c0c0c0;
		}
		.w3w2-prod-listprice{
			color:#646464;
			font-size:0.95em;
			text-decoration:line-through;
		}
		.w3w2-prod-ourprice{
			color:#000;
			font-size:1.4em;
		}
		.w3w2-prod-ourprice-special{
			color:#ff0000;
			font-size:1.4em;
			font-weight:bold;
		}
		.w3w2-prod-discount{
			color:#ea0000;
			font-size:0.95em;
			font-weight:bold;
		}
		.w3w2-prod-stock-info {
			color:#008000;
			font-size:0.75em;
		}
		.w3w2-prod-instock {
			font-weight:bold; 
		}
		.w3w2-prod-icon {
			/* display:none; */
		}		

		
		
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */	
	
				
/* 1. Hires Desktop/Laptops  */

	@media screen and (min-width: 1025px) {
		.w4x1-prod-box {
		    width: 24%;
			font-size:0.9em;
		}
		.w3x2-prod-box {
			font-size:0.8em;
		}
		.w3w2-prod-box {
		    width: 32.5%;
			font-size:0.9em;
		}
	
		.wn-default.w3w2{
			width: 32.5%;
			font-size:0.9em;
		}
		.wn-default.w4w2{
			width: 25%;
			font-size:0.9em;
		}
		.wn-default.w3{
			width: 33.3%;
			font-size:0.9em;
		}
		.wn-default.w4{
			width: 25%;
			font-size:0.9em;
		}
		.wn-default.w6w3{
			width: 16%;
			font-size:0.8em;
		}
	}

/* 2. Big Tablet (landscape), Laptops  -------------------------------------------------------------------------------------- */

	@media screen and (min-width: 801px) and (max-width: 1024px) {
		.w4x1-prod-box {
		    width: 24%;
			font-size:0.8em;
		}
		.w4x1-prod-img {
			width:100%;
			border:0;
		}
		.w3x2-prod-box {
			font-size:0.75em;
		}
		.w3w2-prod-box {
		    width: 32.5%;
			font-size:0.8em;
		}
		
		.wn-default.w3w2{
			width: 32.5%;
			font-size:0.8em;
		}
		.wn-default.w4w2{
			width: 25%;
			font-size:0.8em;
		}
		.wn-default.w3{
			width: 33.3%;
			font-size:0.8em;
		}
		.wn-default.w4{
			width: 25%;
			font-size:0.8em;
		}
		.wn-default.w6w3{
			width: 16%;
			font-size:0.8em;
		}
		.wn-default .wn-prod-ourprice.highlight {
			font-size: 1.1em;
			font-weight:bold;
			padding: 0.1em 0.5em;
			width: 51%;
		}
	}
		
/*  3. Tablet (portrait) iPad iPad Mini, Smart phones iPhone 6/6s portrait, Smart phones (landscape) */

	@media screen and (min-width: 600px) and (max-width: 800px) {
		.w4x1-prod-box {
		    width: 49%;
		}
		.w4x1-prod-img{
			width:100%;
		}
		.w3x2-prod-box {
			width: 32.5%;
		}
		.w3w2-prod-box {
		    width: 49%;			
		}
		
		.wn-default.w3w2{
			width: 32.5%;
		}
		.wn-default.w4w2{
			width: 25%;
		}
		.wn-default.w3{
			width: 33.3%;
		}
		.wn-default.w4{
			width: 25%;
		}
		.wn-default.w6w3{
			width: 32.5%;
		}
		.wn-default .wn-prod-ourprice.highlight {
			font-size: 1em;
			font-weight:bold;
			padding: 0.1em 0.5em;
			width: 55%;
		}
	
	}
	
/*  4. Bigger smart phone - iphone 5Portrait - Tablet (portrait), Smart phones (landscape) */
	@media screen and (min-width: 480px) and (max-width: 599px) {
		.w4x1-prod-box {
			width: 49%;
			font-size:0.75em;
			margin: 0 0 0px 0;
		}
		.w4x1-prod-img{
			width:100%;
		}
		.w3x2-prod-box {
			width: 32.5%;
			font-size:0.75em;
			margin: 0 0 0px 0;
		}
		.w3x2-prod-name, .w3x2-prod-icon {
			display:none;
		}
		.w4x2-prod-box {
			font-size:0.75em;
			margin: 0 0 0px 0;
		}
		.w4x2-prod-name, .w4x2-prod-icon {
			display:none;
		}
		.w3w2-prod-box {
		    width: 49%;			
		}
		
		.wn-default.w3w2{
			width: 49%;
			font-size:0.75em;
		}
		.wn-default.w3w2 .wn-prod-name,  
		.wn-default.w3w2 .wn-prod-icon {
			display:none;
		}
	
		.wn-default.w4w2{
			width: 50%;
			font-size:0.75em;
		}
		.wn-default.w4w2 .wn-prod-name,  
		.wn-default.w4w2 .wn-prod-icon {
			display:none;
		}
		.wn-default.w3{
			width: 33.3%;
			font-size:0.75em;
		}
		.wn-default.w3 .wn-prod-name,  
		.wn-default.w3 .wn-prod-icon {
			display:none;
		}
		.wn-default.w4{
			width: 25%;
			font-size:0.75em;
		}
		.wn-default.w4 .wn-prod-name,  
		.wn-default.w4 .wn-prod-icon {
			display:none;
		}
		.wn-default.w6w3{
			width: 32.5%;
			font-size:0.75em;
		}
		.wn-default.w6w3 .wn-prod-name,  
		.wn-default.w6w3 .wn-prod-icon {
			display:none;
		}
		.wn-default .wn-prod-ourprice.highlight {
			font-size: 1.08em;
			font-weight:bold;
			padding: 0.1em 0.5em;
			width: 55%;
		}
	}
		
	
/* 5. Small smart phones - iphone4 Portrait */
	@media screen and (max-width: 479px) {
		.w4x1-prod-box {
			width: 49%;
			font-size:0.75em;
			margin: 0 0 0px 0;
		}
		.w4x1-prod-img{
			width:100%;
		}
		.w4x1-prod-name, .w4x1-prod-icon {
			display:none;
		}
		.w3x2-prod-box {
			width: 32.5%;
			font-size:0.6em;
			margin: 0 0 0px 0;
		}
		.w3x2-prod-name, .w3x2-prod-icon {
			display:none;
		}
		.w4x2-prod-box {
			font-size:0.6em;
			margin: 0 0 0px 0;
		}
		.w4x2-prod-name, .w4x2-prod-icon {
			display:none;
		}
		.w3w2-prod-box {
			width: 49%;			
		}
		
		.wn-default.w3w2{
			width: 49%;
			font-size:0.75em;
		}
		.wn-default.w3w2 .wn-prod-name,  
		.wn-default.w3w2 .wn-prod-icon {
			display:none;
		}
		
		.wn-default.w4w2{
			width: 50%;
			font-size:0.75em;
		}
		.wn-default.w4w2 .wn-prod-name,  
		.wn-default.w4w2 .wn-prod-icon {
			display:none;
		}
		
		.wn-default.w3{
			width: 33.3%;
			font-size:0.75em;
		}
		.wn-default.w3 .wn-prod-name,  
		.wn-default.w3 .wn-prod-icon {
			display:none;
		}
		
		.wn-default.w4{
			width: 25%;
			font-size:0.75em;
		}
		
		.wn-default.w4 .wn-prod-name,  
		.wn-default.w4 .wn-prod-icon {
			display:none;
		}
		
		.wn-default.w6w3{
			width: 32.5%;
			font-size:0.75em;
		}
		.wn-default.w6w3 .wn-prod-name,  
		.wn-default.w6w3 .wn-prod-icon {
			display:none;
		}
		.wn-default .wn-prod-ourprice, .wn-default .wn-prod-ourprice-special{
			font-size: 1.3em;
		}
		
		.wn-default .wn-prod-ourprice.highlight {
			font-size: 1em;
			font-weight:bold;
			padding: 0.1em 0.2em;
			width: 70%;
		}
	}