/*
* Author: Webngo
* Template: Astrum
*/



@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
	/* Grid
	====================================*/
	.container .one-fourth.column{
		width:220px;
	}

	/* Caption
	====================================*/
	.caption h2{
		font-size:28px;
	}

	/* Box Homepage
	====================================*/
	.box-hp .item-description{
		height:145px;
	}

}

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

	/* Logo
	====================================*/
	#header #logo img {
		height:60px;
	}
	#header #logo {
		margin-top: 10px!important;
	}
	
	/* Menu
	====================================*/
	#flags{
		position:absolute;
		top:2px;
		right:20px;
		z-index:1000;
	}
	#flags ul > li > a{
		margin-top:0;
		margin-bottom:0;
		margin-left:5px;
	}

}

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

	/* Grid
	====================================*/
	.container .one-fourth.column{
		width:364px;
	}

	/* Caption
	====================================*/
	.caption h2{
		font-size:24px;
	}

	/* Box Homepage
	====================================*/
	.box-hp .item-description{
		height:175px;
	}

}

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

	/* Grid
	====================================*/
	.container .one-fourth.column{
		width:300px;
	}

	/* Logo
	====================================*/
	#header #logo{
		margin-top: 8px!important;
		right:auto;
		left:55px;
	}
	
	/* Menu
	====================================*/
	#flags ul > li{
		clear:both;
	}
	#flags ul > li > a{
		margin-left:0;
		margin-bottom:5px;
	}
	#flags ul > li:first-child > a{
		margin-top:15px;
	}

}

}

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

	/* Grid
	====================================*/
	.container .one-fourth.column{
		width:420px;
	}

	/* Caption
	====================================*/
	.caption h2{
		font-size:18px;
	}

	/* Box Homepage
	====================================*/
    .box-hp .three.columns{
		width:196px;
	}
	.box-hp .item-description{
		height:115px;
	}

}

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

	/* Menu
	====================================*/
	#flags{
		right:-40px;
	}

	/* Caption
	====================================*/
	.caption h2{
		font-size:12px;
	}

	/* Box Homepage
	====================================*/
    .box-hp .three.columns{
		margin-bottom:5px;
	}
	.box-hp .item-description{
		height:60px;
	}

}