@media screen and (max-width: 1020px){



	/* ------------------- Images characteristic -------------------- */
	.img_security_project, .img_version_table{
		width: 100%;
	}
	.img_screenshot{
		width: 70%;
	}
	/* -------------------------- Articles -------------------------- */
	article{
		width: auto;
		margin: 5px;
		padding: 10px;
	}
	#block_left_top_app{
		text-align: center;
		width: 49%;
	}
	#block_right_top_app{
		width: 50%;
	}
	#top_app ,#container_table{
		margin: 5px 10px 5px 10px;
	}
	.text_container{
		padding: 5px;
		margin: 5px 0px 5px 0px;
	}
	section{
		margin: 2px;
		padding: 5px;
	}
	/* ---------------------------- NEWS ---------------------------- */
	#news{
		font-size: 10px;
    }
}



@media screen and (max-width: 700px){	



	/* ---------------------------- Body ---------------------------- */
	body{
		padding: 0;
		font-size: 10px;
	}
	/* ---------------------------- Menu ---------------------------- */
	header{
		height: 100%;
		margin: 0 0 3px 0;
	}
	nav ul li{
		width: 100%;
		font-size: inherit;
		border-right: none;
		text-align: center;
		margin: 0;	
	}	
	nav ul li:first-child a{
		background: transparent url('images/wifiguard_menu.png') no-repeat 38% 50%;
		background-size: auto 70%;
		padding-right: 6px;
	}
	.logo_header{
		display: none;
	}		
	/* --------------------- Container of table --------------------- */
	#container_table{
		display: inline-block;
		padding: 2px;
		text-align: center;
	}
	#left_cell, #middle_cell, #right_cell{
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 0 0 2px 0;
		border: 0;
		border-radius: 5px;
		width: 100%;
	}
	#container_table p{
		padding: 5px;
	}
	.img_table{
		position: absolute;
		left: 2%;
		top: 2%;
	}
	.img_system_icon{
		margin: 0 10px 10px 0;
	}
	#middle_cell .image_list {
		list-style-image: none;
		list-style-type: none;
	}
	/* -------------------------- Articles -------------------------- */
	article #top_app ,#container_table{
		margin: 2px;
	}
	article{
		padding: 5px 10px 0 10px;
	}	
	section{
		margin: 1px;
		padding: 0 10px 0 10px;
	}
	#block_left_top_app{
		width: 100%;
		text-align: center;
	}
	#block_right_top_app{
		display: none;
	}
	.text_container{
		padding: 2px;
		margin: 2px 0px 2px 0px;
	}
	#block_left_installation{
		float: none;
		width: auto;
		padding: 0.5% 2% 0.5% 2%;
		margin: 0 0 2% 0;
		border-right: none;
		border-bottom: 1px dotted black;
		text-align: center;
	}
	#block_right_installation{
		padding: 0.5% 2% 0.5% 2%;
		font-size: inherit;
		float: none;
		width: auto;
	}
	#block_right_installation p{
		font-size: inherit;
	}
	.button_installation{
		margin: 0;
	}
	#block_left_bug{
		display: none;
	}
	#block_right_bug{
		width: auto;
		padding: 10px;
	}	
	#block_right_bug .image_list{
		margin: 0 auto;	
		list-style-type: none;
	}
	#block_right_bug .image_list li{
		padding: 0 0 0 5px;
	}
	/* ---------------------------- Font ---------------------------- */
	h1, h2, h3{
		text-align: center;
	}	
	h1{
		font-size: 15px;
	}
	h2{
		font-size: 13px;
	}
	h3{
		font-size: 12px;
	}
	#container_table h2{
		line-height: 30px;
	}
	/* --------------------------- Footer --------------------------- */
	footer{
		font-size: inherit;
		text-align: center;
		padding: 10px 0 10px 0; 
    }
    /* ---------------------------- NEWS ---------------------------- */
    #news{
		font-size: inherit;
    }
    .marquee{
		display: none;
    }
}