/*
CSS3 Responsive Web Pricing Tables Grids
Updated 05.2015 – v7.0
Copyright QuanticaLabs
www.quanticalabs.com
*/

/* ==================== RESPONSIVE LAYOUT  ==================== */
/* ------ mobile devices smaller than 1024px ------ */
@media screen and (max-width:1009px)
	{
	/* --- global --- */
	div.p_table,
	div.p_table a.tooltip
		{
		width: 100%;
		font-size: 12px;
		}
		
	/* --- headings --- */
	div.p_table h1
		{
		font-size: 48px;
		}

		
	div.p_table h3
		{
		margin-top: 3px;
		font-size: 12px;
		}

	/* --- header row 1 ---  */
	div.p_table div.caption_column li.header_row_1 ,
	div.p_table div.column_1 li.header_row_1,
	div.p_table div.column_2 li.header_row_1,
	div.p_table div.column_3 li.header_row_1,
	div.p_table div.column_4 li.header_row_1,
	div.p_table div.column_5 li.header_row_1,
	div.p_table div.column_6 li.header_row_1,
	div.p_table div.column_7 li.header_row_1
		{
		height: 34px;
		padding: 2px 0px 0px 0px !important;
		}
		
	/* --- header row 2 ---  */
	div.p_table div.caption_column li.header_row_2,
	div.p_table div.column_1 li.header_row_2,
	div.p_table div.column_2 li.header_row_2,
	div.p_table div.column_3 li.header_row_2,
	div.p_table div.column_4 li.header_row_2,
	div.p_table div.column_5 li.header_row_2,
	div.p_table div.column_6 li.header_row_2,
	div.p_table div.column_7 li.header_row_2
		{
		height: 88px;
		padding: 5px 0px 7px 0px !important;
		}
		
	/* --- caption correction --- */
	div.p_table div.caption_column li.header_row_2
		{	
		height: 75px;
		padding: 21px 0px 5px 5px !important;
		}	
		 
		
	/* --- data rows --- */
	div.p_table li.row_style_1,
	div.p_table li.row_style_2,
	div.p_table li.row_style_3
		{
		min-height: 15px;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
		}

	div.p_table li.row_style_1 span,
	div.p_table li.row_style_2 span,
	div.p_table li.row_style_3 span
		{

		}
		
	/* --- footer button --- */
	div.p_table a.button_1,
	div.p_table a.button_2,
	div.p_table a.button_3,
	div.p_table a.button_4
		{
		width: 80%;
		height: 34px;
		padding: 6px 0px 0px 0px !important;
		font-size: 20px;
		}
	}

/* ------ mobile devices 480 - 768px ------ */
@media screen and (max-width:767px)
	{	
  
  div.p_table div.caption_column {
    width: 7%;
}	
	/* --- hidden labels for responsive layout ---  */
	div.p_table li.row_style_1 span > span.hidden_caption_span,
	div.p_table li.row_style_2 span > span.hidden_caption_span,
	div.p_table li.row_style_3 span > span.hidden_caption_span
		{
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
		}
		
	/* --- icons font --- */	
	[class^="icon-"]::after,
	[class*=" icon-"]::after
		{
		font-size: 14px !important;
		}
		
	.icon-yes-7::after,
	.icon-no-7::after
		{
		font-size: 13px !important;
		}
		
	.icon-yes-10::after,
	.icon-no-10::after
		{
		font-size: 15px !important;
		}
		
	/* --- headings --- */
	div.p_table h1
		{
		font-size: 40px;
		}

	div.p_table h2
		{
    line-height: 24px !important;
		}

	/* --- header row 1 ---  */
	div.p_table div.caption_column li.header_row_1 ,
	div.p_table div.column_1 li.header_row_1,
	div.p_table div.column_2 li.header_row_1,
	div.p_table div.column_3 li.header_row_1,
	div.p_table div.column_4 li.header_row_1,
  	div.p_table div.column_5 li.header_row_1,
    	div.p_table div.column_6 li.header_row_1,
      	div.p_table div.column_7 li.header_row_1
		{
		height: 29px;
		padding: 3px 0px 0px 0px !important;
		}
		
	/* --- header row 2 ---  */
	div.p_table div.caption_column li.header_row_2,
	div.p_table div.column_1 li.header_row_2,
	div.p_table div.column_2 li.header_row_2,
	div.p_table div.column_3 li.header_row_2,
	div.p_table div.column_4 li.header_row_2,
  	div.p_table div.column_5 li.header_row_2,
    	div.p_table div.column_6 li.header_row_2,
      	div.p_table div.column_7 li.header_row_2
		{
		height: 75px;
		padding: 4px 0px 6px 0px !important;
		}
		
	/* --- caption correction --- */
	div.p_table div.caption_column li.header_row_2
		{	
		height: 64px;
		padding: 17px 0px 5px 0px !important;
		}
		 
	/* --- caption column --- */
.caption_column.numbers {display:none;}
	div.p_table div.caption_column
		{
		width: 18%;
		}

	/* --- column style 1 --- */
	div.p_table div.column_1
		{
		width: 10%;
		}
		
	/* --- column style 2 --- */
	div.p_table div.column_2
		{
		width: 10%;
		}
		
	/* --- column style 3 --- */
	div.p_table div.column_3
		{
		width: 10%;
		}
		
	/* --- column style 4 --- */
	div.p_table div.column_4
		{
		width: 10%;
		}
	div.p_table div.column_5
		{
		width: 10%;
		}
	div.p_table div.column_6
		{
		width: 10%;
		}
	div.p_table div.column_7
		{
		width: 20%;
		}
  		
	/* --- footer button --- */
	div.p_table a.button_1,
	div.p_table a.button_2,
	div.p_table a.button_3,
	div.p_table a.button_4
		{
		height: 30px;
		padding: 4px 0px 0px 0px !important;
		font-size: 18px;
		}
	}

/* ------ mobile devices up to 480px ------ */
@media screen and (max-width:479px)
	{
  
div.p_table div.caption_column {
    width: 14.28%;
}  
	/* --- column style 1 --- */
	div.p_table div.column_1
		{
		width: 14.28%;
		}
		
	/* --- column style 2 --- */
	div.p_table div.column_2
		{
		width: 14.28%;
		}
		
	/* --- column style 3 --- */
	div.p_table div.column_3
		{
		width: 14.28%;
		}
		
	/* --- column style 4 --- */
	div.p_table div.column_4
		{
		width: 14.28%;
		}
	div.p_table div.column_5
		{
		width: 14.28%;
		}
	div.p_table div.column_6
		{
		width: 14.28%;
		}

  
div.p_table div.column_7 {
    width: 33%;
    display: none;
}
	}