/*
* @Author: boro
* @Date:   2016-12-13 13:02:43
* @Last Modified by:   boro
* @Last Modified time: 2016-12-14 15:42:12
*/

@media(max-width: 768px){
	.responsive-img{width:100%;}
	.gagner > div.pic{text-align: center;}
	.NeoBoldItalicWhiteBtn, .chartButtontitle{font-size:14px;}
	.defi-line-sep{border-bottom:2px  solid #ff6213; border-style: none solid dotted dashed;margin-bottom: 10px;}
	div.defi a {margin: 10px auto;width:220px;}
	.styled-select-small{margin: 0 auto;}
	a.spriteButton{width:100%;}

	.congrats-container .congrats-buttons-list{margin-top: 20px;}
	.congrats-container .congrats-buttons-list a{text-align: center;}
	#card{margin: 0 auto;}
	.card_congrats_text a.congrats{display:block; text-align: center;}
	
	#subscribe table.table1 tr td{display:block;width:100%;}
	#subscribe input.text{width:100%;}
	#subscribe img.right, #subscribe img.wrong{max-width:24px;}
	
	#subscribe table.table2 tr td{padding-right:10px;}
	
	input#submitSubscribe, input#submitSubscribe:hover{width:100%;height:28px;background-size:100%;}
	
}

@media(max-width: 600px){
	body{font-size: 13px;}
	.mainTitle{font-size: 25px;}

	.custom-pagination a.chartButtonDefault{height: 25px;}
	.custom-pagination #paginate li a{width: 25px; height: 25px;}
	.custom-pagination  .NeoBoldItalicWhiteBtn, .chartButtontitle{font-size:12px; line-height: 28px;}
	.chartbuttons  .NeoBoldItalicWhiteBtn, .chartButtontitle{font-size:12px; line-height: 40px;}

	.chartbuttons .chartButton, .chartbuttons .chartDoneButton{margin-left:0; width: 100%;}
	.chartbuttons .chartDoneButton{margin-bottom: 20px;}
	table.chart tr td,
	table.chart tr th {
	  padding: 8px;
	  font-style: italic;
	}
	.full-table{width:600px;max-width: 100%; overflow-x: scroll;margin-bottom: 20px;}
	.full-table table{width: 600px;}
}