@charset "utf-8";

/* iPhone, etc portrait ---- */
@media only screen and (min-width: 320px) and (max-width: 590px)
{
	*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	body { }
	.width { width: 100%; max-width: 100%; margin: 0; padding: 0 15px; }
	#menu { display: none; }
	#why-us .item { display: block; width: 100%; }
	#vision-mission .item.sep { display: none; }
	#vision-mission .item { display: block; width: 100%; }
	#presence { background-size: contain; height: 400px; background-position: center 200px; }
	#brands .hero { background-size: 150%; height: auto; }
	#brands .hero .info { position: inherit; }
	#brands #gigaset .hero .info, #brands #skross .hero .info, #brands #vantage .hero .info, #brands #cellularline .hero .info, #brands #proove .hero .info { top: auto; right: auto; left: auto; width: auto; padding-top: 150px; }
	#brands #gigaset .hero .info ul, #brands #skross .hero .info ul, #brands #vantage .hero .info ul, #brands #cellularline .hero .info ul, #brands #proove .hero .info ul { margin: 10px 0 0 0; padding-bottom: 15px; }
	#brands #cellularline .hero .info .logo { margin-left: 0; }
	#brands #cellularline .hero .info .logo img { width: 100%; }
	#brands .content { padding: 15px 0; }
	#brands .portfolio .item a .title { height: auto; }
}

@media only screen and (min-width: 320px) and (max-width: 590px) and (orientation: landscape)
{
}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 590px) and (max-width: 768px)
{
}

@media only screen and (min-width: 590px) and (max-width: 768px) and (orientation: landscape)
{
}

/* iPad, tablets etc portrait ---- */
@media only screen and (min-width: 768px) and (max-width: 900px)
{
}

@media only screen and (min-width: 768px) and (max-width: 900px) and (orientation: landscape)
{
}

/* Laptops, Desktops, etc ---- */
@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
}

@media only screen and (min-width: 1200px) and (max-width: 1900px)
{
}