.tabs{      
position:relative;     
 max-width:790px;      
 height:780px;  
 }    

.tab{      
float:left;  
}    

.tab > input[type=radio]{      
display:none;  
}    

.tab > label{      
display:block;      
position:relative;            
height:20px;      
margin-right:-1px;      
padding:5px 32px;      
background:#fafafa;      
border:1px solid #AAA;
  
}    

.tab > .content{      
display:none;      
position:absolute;
margin-right:-1px;      
top:30px;      
right:0;      
bottom:0;      
left:0;      
z-index:1;      
padding:30px;      
background:#eaeaea;      
border:1px solid #AAA;  
}    

.tab > input[type=radio]:checked + label{      
background:#eaeaea;      
border-bottom:1px solid transparent;      
z-index:2;  
}    

.tab > input[type=radio]:checked ~ .content{      
display:block;      
}


@media (max-width: 1020px) 
{
	
.tabs{      
	display:none; 
	
 } 
	
}