@import url("/wp-content/themes/graftek/css/normalize.css");



 

	.content{ 
		width:646px;
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}

	.content.right{  
		float:right;
		margin:0 0 0 20px;  
	}	
	
	.fullwidth{
		width:980px;
		float:none;
		display:block;
		margin:0 auto;
	}

	.sidebarwidth{
		width:980px;
		float:none;
		display:block;
		margin:0 auto;
	}		
	
	.sidebar{ 
		width:313px;
		float:right;
		margin:0;
	}
	
	.sidebar.left{  
		margin:0;
	}

	
	@media only screen and (min-width: 1030px)  { 
		.sidebar.right.fixed{position:fixed;margin-left:666px;}
		.sidebar.left.fixed{position:fixed;}	
	}
		
	
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
		
		.fullwidth{width:748px;} 
		.sidebarwidth{width:748px;} 
		.sidebarwidth .content{width:492px;}

		.sidebar{  width:236px;  } 
		.sidebar .box{ width:196px !important;}
	}
	
	
	
	@media only screen and (max-width: 767px) { 
		.fullwidth,			
		.sidebarwidth, 		
		.sidebarwidth .content, 	 
		.sidebar								
		{
			width:320px;
			margin:0 auto;
		}

		
		.sidebar .box 				
		{
			width:280px !important;
		}
				
		
		.sidebar.left, 
		.sidebar.right  
		{margin:0;}
	}

	
	@media only screen and (min-width: 480px) and (max-width: 767px){
		.fullwidth,			
		.sidebarwidth, 		
		.sidebarwidth .content, 	
		.sidebar								
		{
			width:460px !important;
			margin:0 auto;
		}
		
		.sidebar .box 				
		{
			width:420px !important;
		}
		
		
		.sidebar.left, 
		.sidebar.right  
		{margin:0;}
	} 






	
	.box{
		margin:0 10px;
		display:inline; 
		float:left;
		border:0;
		overflow:hidden;
		padding:20px;
		background:#fff;
	} 
	
	
	.box.full,.box.one{
		margin-left:0 !important;
		margin-right:0 !important;
		clear:both;
		float:none;
		display:block;
		width:940px;
	} 

	
	.box .padding-div{  
		margin:20px 10px 1px 10px;
		overflow:hidden;
	}

	
	.box.border{  
		-moz-box-box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
		-webkit-box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
		box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
	}
	
	.box.white{
		background:#fff;
	} 
	
	
	.sidebar .box{
		float:none;
		clear:both;
		position:relative;
		display:block;
		margin:0 0 20px 0;
		width:273px;
		z-index: 1;
	} 

	
	.box .box{
		border: 0 none !important;
		box-shadow: none !important;
		margin: 0;
		padding: 0;
	}
	
	
	.box img{
		max-width:100% !important;
	}

	
	
				.box.full,.box.one{width:940px;margin: 0;} 	
	  			.box.two{width:440px;} 
	  		.box.three{width:273px;} 
	  		.box.four{width:190px;} 
	  		.box.five{width:140px;}  
	  	.box.two-three{width:606px;} 
	 	.box.three-four{width:690px;} 
	  	.box.four-five{width:740px;}
	
 
	
	
				.sidebarwidth .box.full, .sidebarwidth .box.one{width:606px;margin: 0;} 	
				.sidebarwidth .box.two{width:273px;} 
				.sidebarwidth .box.three{width:162px;} 
				.sidebarwidth .box.four{width:106px;} 
	 			.sidebarwidth .box.five{width:73px;} 
	 	.sidebarwidth .box.two-three{width:384px;} 
	 	.sidebarwidth .box.three-four{width:439px;} 
		.sidebarwidth .box.four-five{width:472px;} 
	

 	
	 
	.box .box{margin:0 2%;padding:0;}
	
	  .box .box.one{width:100% !important;} 
	  .box .box.two{width:48% !important;} 
	 .box  .box.three{width:30.66% !important;} 
	 .box .box.four{width:22% !important;} 
	 .box  .box.five{width:16.8% !important;} 
	 .box .box.two-three{width:65.34% !important;} 
	 .box .box.three-four{width:74% !important;} 
	 .box .box.four-five{width:79.2% !important;}	 
		
	
	.box.first{margin-left:0px !important;} 
	.box.last{margin-right:0px !important;}
	
	
	.boxes{
		clear:both;
		display:block;
	} 
	
  


    @media only screen and (min-width: 768px) and (max-width: 959px) {

			

					.box.full,.box.one{width:708px;} 	
		  			.box.two{width:324px;}	
		  		.box.three{width:196px;}	
		  		.box.four{width:132px;}	
		  		.box.five{width:93px;}
		  	.box.two-three{width:452px;}	
		 	.box.three-four{width:516px;}	
		 	.box.four-five{width:554px;}


		
		
					.sidebarwidth .box.full,.sidebarwidth .box.one{width:452px;} 
		 			.sidebarwidth .box.two{width:196px;} 
		 		.sidebarwidth .box.three{width:110px;} 
		 			.sidebarwidth .box.four{width:68px;} 
		 			.sidebarwidth .box.five{width:42px;} 
		 	.sidebarwidth .box.two-three{width:281px;} 
		 	.sidebarwidth .box.three-four{width:324px;} 
		 	.sidebarwidth .box.four-five{width:349px;}

		 
		
		  .box .box.two{width:48% !important;} 
		 .box .box.three,  
		 .box .box.four,
		 .box  .box.five,
		 .box .box.two-three,
		 .box .box.three-four,
		 .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;}
		
		 
		
		  .sidebarwidth .box .box.two,
		 .sidebarwidth .box .box.three,
		 .sidebarwidth .box .box.four,
		 .sidebarwidth .box .box.five,
		 .sidebarwidth .box .box.two-three,
		 .sidebarwidth .box .box.three-four,
		 .sidebarwidth .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 

	}
	

  

	

    @media only screen and (max-width: 767px) {
	
					.box.full,.box.one, 
		  			.box.two, 
		  		.box.three,
		  		.box.four, 
		  		.box.five, 
		  	.box.two-three, 
		 	.box.three-four, 
		 	.box.four-five,
		
		
		
					.sidebarwidth .box.full,.sidebarwidth .box.one,
		 			.sidebarwidth .box.two,
		 		.sidebarwidth .box.three,
		 			.sidebarwidth .box.four,
		 			.sidebarwidth .box.five,
		 	.sidebarwidth .box.two-three,
		 	.sidebarwidth .box.three-four,
		 	.sidebarwidth .box.four-five
						{
							width:280px;
							margin-left:0;
							margin-right:0;
						}

		
		 
		.box .box{margin:0 2%;padding:0;}
		
		  .box .box.two,
		 .box  .box.three,
		 .box .box.four,
		 .box  .box.five,
		 .box .box.two-three,
		 .box .box.three-four,
		 .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 		



		
		.box, ul.products li.box{
			min-height: 100% !important;
			height: 100% !important;
		}							
	}
		 
	

  

	

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

					.box.full,.box.one, 
		  			.box.two, 
		  		.box.three,
		  		.box.four, 
		  		.box.five, 
		  	.box.two-three, 
		 	.box.three-four, 
		 	.box.four-five,
		
		
		
					.sidebarwidth .box.full,.sidebarwidth .box.one,
		 			.sidebarwidth .box.two,
		 		.sidebarwidth .box.three,
		 			.sidebarwidth .box.four,
		 			.sidebarwidth .box.five,
		 	.sidebarwidth .box.two-three,
		 	.sidebarwidth .box.three-four,
		 	.sidebarwidth .box.four-five
						{
							width:420px;
							margin-left:0;
							margin-right:0;
						}

		
		 
		.box .box{margin:0 2%;padding:0;}
		
		  .box .box.two,
		 .box  .box.three,
		 .box .box.four,
		 .box  .box.five,
		 .box .box.two-three,
		 .box .box.three-four,
		 .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 						
		
	}
	
	
	
	



	
	.margin-t0{margin-top:0px !important;}	
	.margin-t1{margin-top:1px !important;}	
	.margin-t10{margin-top:10px !important;}	 
	.margin-t20{margin-top:20px !important;}
	.margin-t30{margin-top:30px !important;}
	.margin-b0{margin-bottom:10px !important;}	 
	.margin-b10{margin-bottom:10px !important;}	 
	.margin-b20{margin-bottom:20px !important;}	
	.margin-b30{margin-bottom:30px !important;}
	.margin-b0{margin-bottom:0 !important;}
	.margin-t0{margin-top:0 !important;}
	.margin-l0{margin-left:0 !important;}
	.margin-r0{margin-right:0 !important;}

	
	.padding-t0{padding-top:0px !important;}	
	.padding-t1{padding-top:1px !important;}	
	.padding-t10{padding-top:10px !important;}	 
	.padding-t20{padding-top:20px !important;}
	.padding-t30{padding-top:30px !important;}
	.padding-b0{padding-bottom:0px !important;}	 
	.padding-b10{padding-bottom:10px !important;}	 
	.padding-b20{padding-bottom:20px !important;}	
	.padding-b30{padding-bottom:30px !important;}
	.padding-b0{padding-bottom:0 !important;}
	.padding-t0{padding-top:0 !important;}
	.padding-l0{padding-left:0 !important;}
	.padding-r0{padding-right:0 !important;}


	
	.nomargin{
		margin-left:0 !important;
		margin-bottom:0 !important; 
		margin-right:0 !important; 
		margin-top:0 !important;
	}
	
	.nopadding{
		padding-left:0 !important;
		padding-bottom:0 !important; 
		padding-right:0 !important; 
		padding-top:0 !important;		
	}
	
	.clear{clear:both;width:100%;}

	.space{
		clear:both;
		width:100%;
		position:relative;
		display:table;	
	}