@media (min-width: 1200px){
	.face.back p, .face.back h3{
	font-size: 80% !important;
	margin: 5px auto;
}

}
@media (max-width: 1200px) {
.history .cronologia{
	left:21%;
	}	
#h2000-text{
	position: absolute;
	right: 1%;
	top: 7%;
}
.h2000-icon {
  right: 17%;
  top: 35.3%;
}
.h2006-icon{
	left: 17%;
}

#h2007-text{
	position: absolute;
	right: 1%;
	top: 7%;
}
.h2007-icon {
  right: 5%;
  top: 41.2%;
}
.h2008-icon{
	left: 15%;
}
#h2009-text{
	position: absolute;
	right: 1%;
	top: 7%;
}
.h2009-icon {
  right: 5%;
  top: 43%;
}
.h2010-icon{
	left: 18%;
}
#h2011-text{
	position: absolute;
	right: 1%;
	top: 20%;
}
.h2011-icon {
  right: 6%;
  top: 43%;
}
.h2012-icon{
	left: 19%;
}
#h2013-text{
	position: absolute;
	right: 1%;
	top: 13%;
}
.h2013-icon {
  right: 6%;
  top: 41%;
}
.h2014-icon{
	left: 11%;
}
#h2015-text{
	position: absolute;
	right: 1%;
	top: 13%;
}
.h2015-icon {
  right: 6%;
  top: 45%;
}


}
@media (max-width: 1024px) {
	.main {
	    display:none;
    }
    #homehl {
	    display:block;
    }
    .history .cronologia{
	    display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.accordion-toggle:before, .accordion-toggle.active:before {
	background-image:url(../imgs/flipperipad.png);
	background-position:center;
	background-repeat:no-repeat;
	content:' ';
	display:block;
	position:relative;
	float:left;
	margin-top:-68px;
	margin-left:-122px;
	width:115px;
	height:103px;
}
#h2000-text{
	position: absolute;
	right: 1%;
	top: 20%;
}
#h2011-text{
	position: absolute;
	right: 1%;
	top: 20%;
}
.h2011-icon {
  right: 6%;
  top: 43%;
}
#h2013-text{
	position: absolute;
	right: 1%;
	top: 22%;
}
#h2015-text{
	position: absolute;
	right: 1%;
	top: 13%;
}

#arrow2.accordion-toggle:before {
	background-image:url(../imgs/teletouchipad.png);
}

#arrow3.accordion-toggle:before {
	background-image:url(../imgs/inhouseipad.png);
}

#arrow4.accordion-toggle:before {
	background-image:url(../imgs/inactipad.png);
}

#arrow5.accordion-toggle:before {
	background-image:url(../imgs/sekimediaipad.png);
}

#arrow6.accordion-toggle:before {
	background-image:url(../imgs/movytouchipad.png);
}

#arrow1.accordion-toggle.active:before {
	background-image:url(../imgs/flipperipadtouched.png);
}

#arrow2.accordion-toggle.active:before {
	background-image:url(../imgs/teletouchipadtouched.png);
}

#arrow3.accordion-toggle.active:before {
	background-image:url(../imgs/inhouseipadtouched.png);
}

#arrow4.accordion-toggle.active:before {
	background-image:url(../imgs/inactipadtouched.png);
}

#arrow5.accordion-toggle.active:before {
	background-image:url(../imgs/sekiipadtouched.png);
}

#arrow6.accordion-toggle.active:before {
	background-image:url(../imgs/movytouchipadtouched.png);
}

.accordion-inner {
	padding:16px 100px;
}

.accordion-heading .accordion-toggle {
	margin-top:30px;
	margin-bottom:30px;
}
.face.back p, .face.back h3{
	font-size: 70% !important;
	margin: 5px auto;
}
.ipad{
	width: 50% !important;
}
.face.back p, .face.back h3 {
  font-size: 97% !important;
  margin: 5px auto;
}
}

@media (min-width: 768px) and (max-width: 979px) {
	#menu {
	display:none;
}

#mobile-nav {
	display:block;
	float:right;
}

#menu-nav-mobile {
	margin:0;
}

header .sticky-nav #mobile-nav, header .sticky-nav.stuck #mobile-nav {
	margin-right:20px;
}

#social-area #social ul li {
	margin-left:15px;
}

#social-area #social ul li a {
	width:50px;
	height:50px;
}

#social-area #social ul li a span {
	font-size:24px;
	line-height:50px;
}

#twitter-feed {
	padding-top:110px;
	padding-bottom:110px;
}

.info-block a.button {
	margin-top:20px;
	position:inherit;
}

.info-text {
	padding-right:0;
}

.accordion-heading.accordionize .accordion-toggle span, .accordion-heading.togglize .accordion-toggle span {
	right:-6px;
	margin:-8px 0 0;
}
.intro .container .line-intro{
	top: -62%;
	width:80px;
	height: 90px;
	left: 4%;
}
.back p{
	font-size: 12px !important;
}
.face.back p, .face.back h3{
	font-size: 70% !important;
	
}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  width: 751px !important;
}
}

@media (min-width: 481px) and (max-width: 767px) {
	#back-to-top {
	display:none!important;
}

#home-slider {
	margin-left:-20px;
	margin-right:-20px;
}

header .sticky-nav {
	position:relative;
}

header .sticky-nav, #navigation-mobile, .page, .page-alternate, #twitter-feed, footer {
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}

header .sticky-nav #logo {
	margin-left:0;
}

header .sticky-nav.stuck #logo {
	margin-left:20px;
}

header .sticky-nav #menu {
	margin-right:0;
}

header .sticky-nav.stuck #menu {
	margin-right:20px;
}

#menu {
	display:none;
}

#mobile-nav {
	display:block;
	float:right;
}

#menu-nav-mobile {
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:0;
}

header .sticky-nav.stuck #mobile-nav {
	margin-right:20px;
}

.work-nav {
	margin-bottom:30px;
}

.type-work {
	background:url(../img/filter-icon.png) no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	text-indent:-9999px;
	margin-bottom:0;
	position:relative;
	line-height:10px;
}

.work-nav #filters, .work-nav #filters li {
	display:inline-block;
}

.work-nav #filters li {
	margin:0 10px 0 0;
}

.work-nav #filters li a {
	font-size:13px;
	text-transform:uppercase;
}

#about .profile {
	margin-bottom:30px;
}

#about .profile:last-child {
	margin-bottom:0;
}

#response {
	margin-bottom:30px;
}

.contact-details {
	border-top:1px dashed #3C3F45;
	padding-top:30px;
	text-align:center;
}

#contact-form .submit {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#social-area #social ul li:first-child, #social-area #social ul li {
	margin:15px;
}

#social-area #social ul li a {
	width:50px;
	height:50px;
}

#social-area #social ul li a span {
	font-size:24px;
	line-height:50px;
}

#twitter-feed {
	padding-top:90px;
	padding-bottom:100px;
}

#ticker .tweet_list li {
	font-size:16px;
	line-height:24px;
}

#ticker .tweet_list .tweet_time a {
	font-size:13px;
	margin-left:5px;
}


.info-block a.button {
	margin-top:20px;
	position:inherit;
	display:block;
}

.info-text {
	padding-right:0;
}

.accordion-toggle:after, .accordion-toggle.active:after {
	margin-left:3px;
	margin-right:2%;
}

.accordion-toggle {
	text-align:left!important;
	font-size:12px;
}

.accordion-inner {
	padding:16px 0 16px 20px;
}
#f1_contact {
  padding-left: 20% !important;
}
.proyectos{
	background: none !important;
	height: 100%;
	}
#f3_proyect {
	padding-left: 20% !important;
}
.talentos{
	background: none !important;
	height: 100%;
}
#f5_talent{
	padding-left: 20% !important;
}
.back p{
	font-size: 16px !important;
}
.history .row-fluid .tx-h {
  width: 50%;
}
#h2000-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2000-icon {
  right: 30%;
  top: 35.3%;
}
#h2006-text{
	position: absolute;
	left: 35%;
	top: 8%;
	text-align: center;
}
.h2006-icon {
  left: 33%;
  top: 45%;
}

#h2007-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2007-icon {
  right: 30%;
  top: 41.2%;
}
#h2008-text{
	position: absolute;
	left: 35%;
	top: 8%;
	text-align: center;
}
.h2008-icon {
  left: 33%;
  top: 45%;
}
#h2009-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2009-icon {
  right: 30%;
  top: 43%;
}
#h2010-text{
	position: absolute;
	left: 35%;
	top: 8%;
	text-align: center;
}
.h2010-icon {
  left: 33%;
  top: 39.5%;
}
#h2011-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2011-icon {
  right: 30%;
  top: 43%;
}
#h2012-text{
	position: absolute;
	left: 35%;
	top: 8%;
	text-align: center;
}
.h2012-icon {
  left: 33%;
  top: 42%;
}
#h2013-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2013-icon {
  right: 30%;
  top: 41%;
}
#h2014-text{
	position: absolute;
	left: 35%;
	top: 8%;
	text-align: center;
}
.h2014-icon {
  left: 20%;
  top: 51%;
}
#h2015-text{
	position: absolute;
	right: 30%;
	top: 7%;
	text-align: center;
}
.h2015-icon {
  right: 33%;
  top: 50%;
}
#slider1 .description img {
  padding-left: 0px;
}
#wrapper1 .description p {
  font-size: 14px !important;
  line-height: 18px;
}

}
@media (max-width: 480px) {
.accordion-inner {
	padding:16px 0 16px 20px !important;
}

#back-to-top {
	display:none!important;
}

#home-slider {
	margin-left:-20px;
	margin-right:-20px;
}

#home-slider ul#slide-list {
	display:none;
}

header .sticky-nav {
	position:relative;
}

header /*
#navigation-mobile, */.sticky-nav, .page, .page-alternate, #twitter-feed, footer {
	margin-left:-20px;
	margin-right:-20px;
	padding-left:0;
	padding-right:0;
}

header .sticky-nav #logo {
	margin-left:0;
}

header .sticky-nav.stuck #logo {
	margin-left:20px;
}

header .sticky-nav #menu {
	margin-right:0;
}

header .sticky-nav.stuck #menu {
	margin-right:20px;
}

#menu {
	display:none;
}

#mobile-nav {
	display:block;
	float:right;
}

#menu-nav-mobile {
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:0;
}

#navigation-mobile li a {
	font-size:14px;
	padding:12px 0;
}

header .sticky-nav.stuck #mobile-nav {
	margin-right:0;
}

.work-nav {
	margin-bottom:30px;
}

.type-work {
	background:url(../imgs/close_mobile.png) no-repeat;
	background-size:214px 50px;
	width:214px;
	height:50px;
	display:inline-block;
	text-indent:-9999px;
	margin-bottom:0;
	position:relative;
	line-height:10px;
}

.work-nav #filters li:first-child {
	margin-left:0;
}

.work-nav #filters, .work-nav #filters li {
	display:inline-block;
}

.work-nav #filters li {
	margin:0 10px 0 0;
}

.work-nav #filters li a {
	font-size:13px;
	text-transform:uppercase;
}

#about .profile {
	margin-bottom:30px;
}

#about .profile:last-child {
	margin-bottom:0;
}

#response {
	margin-bottom:30px;
}

.contact-details {
	border-top:1px dashed #3C3F45;
	padding-top:30px;
	text-align:center;
}

#contact-form .submit {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#social-area #social ul li:first-child, #social-area #social ul li {
	margin:15px;
}

#social-area #social ul li a {
	width:50px;
	height:50px;
}

#social-area #social ul li a span {
	font-size:24px;
	line-height:50px;
}

#twitter-feed {
	padding-top:90px;
	padding-bottom:100px;
}

#ticker .tweet_list li {
	font-size:14px;
	line-height:22px;
}

#ticker .tweet_list .tweet_time a {
	font-size:12px;
	margin-left:3px;
}

.info-block a.button {
	margin-top:20px;
	position:inherit;
	display:block;
}

.info-text {
	padding-right:0;
}

.accordion-toggle {
	text-align:left!important;
	font-size:12px;
	text-indent:-15px;
}

header #logo a {
	background-image:url(../imgs/logo_hlx-2.png);
	background-size:214px 50px;
	margin:10px 0 0 10px;
	width:214px;
	height:50px;
}

.accordion-heading.accordionize .accordion-toggle span, .accordion-heading.togglize .accordion-toggle span {
	right:-10px;
	margin:-8px 0 0;
}

.accordion-toggle:after, .accordion-toggle.active:after {
	margin-left:3px;
	margin-right:1%;
}

#navigation-mobile {
	margin-left:20px;
}
#f1_contact {
  padding-left: 20% !important;
}
.proyectos{
	background: none !important;
	height: 100%;
	}
#f3_proyect {
	padding-left: 20% !important;
}
.talentos{
	background: none !important;
	height: 100%;
}
#f5_talent{
	padding-left: 20% !important;
}
.back p{
	font-size: 11px !important;
}
.history .row-fluid .tx-h p{
	font-size: 16px;
}
.history .row-fluid .tx-h h1{
	font-size: 44px;
}
.history .row-fluid .tx-h {
	width: 55%;
}
#h2000-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
	font-size: 44px;
}
.h2000-icon {
  right: 0%;
  top: 40%;
}
#h2006-text{
	position: absolute;
	left: 25%;
	top: 1%;
	text-align: center;
}
.h2006-icon {
  left: 20%;
  top: 45%;
}

#h2007-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
}
.h2007-icon {
  right: 0%;
  top: 41.2%;
}
#h2008-text{
	position: absolute;
	left: 25%;
	top: 1%;
	text-align: center;
}
.h2008-icon {
  left: 13%;
  top: 45%;
}
#h2009-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
}
.h2009-icon {
  right: 0%;
  top: 43%;
}
#h2010-text{
	position: absolute;
	left: 25%;
	top: 1%;
	text-align: center;
}
.h2010-icon {
  left: 23%;
  top: 39.5%;
}
#h2011-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
}
.h2011-icon {
  right: 0%;
  top: 43%;
}
#h2012-text{
	position: absolute;
	left: 25%;
	top: 1%;
	text-align: center;
}
.h2012-icon {
  left: 23%;
  top: 42%;
}
#h2013-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
}
.h2013-icon {
  right: 0%;
  top: 41%;
}
#h2014-text{
	position: absolute;
	left: 25%;
	top: 1%;
	text-align: center;
}
.h2014-icon {
  right: 0%;
  top: 51%;
}
#h2015-text{
	position: absolute;
	right: 20%;
	top: 1%;
	text-align: center;
}
.h2015-icon {
  right: 0%;
  top: 50%;
}

.h2000-icon, .h2006-icon, .h2007-icon, .h2008-icon, .h2009-icon, .h2010-icon, .h2011-icon, .h2012-icon, .h2013-icon, .h2014-icon, .h2015-icon{
	background-size: 70%;
	background-repeat: no-repeat;
	width:80%;
}

#slider1 .description img {
  padding-left: 0px;
}
#wrapper1 .description p {
  font-size: 14px !important;
  line-height: 18px;
}
}
@media (max-width: 320px) {
	#navigation-mobile li a {
	padding:20px 0;
}

.work-nav #filters li a {
	font-size:12px;
}

#twitter-feed {
	padding-top:90px;
	padding-bottom:120px;
}

header #logo a {
	background-image:url(../imgs/logo_hlx-2.png);
	background-size:214px 50px;
	margin:10px 0 0 10px;
	width:214px;
	height:50px;
}
#f1_contact {
  padding-left: 20% !important;
}
.proyectos{
	background: none !important;
	height: 100%;
	}
#f3_proyect {
	padding-left: 20% !important;
}
.talentos{
	background: none !important;
	height: 100%;
}
#f5_talent{
	padding-left: 20% !important;
}
.back p{
	font-size: 10.5px !important;
}
#h2000-text, #h2006-text, #h2007-text, #h2008-text, #h2009-text, #h2010-text, #h2011-text, #h2012-text, #h2013-text, #h2014-text, #h2015-text{
	top: 25%;
}
.h2000-icon, .h2006-icon, .h2007-icon, .h2008-icon, .h2009-icon, .h2010-icon, .h2011-icon, .h2012-icon, .h2013-icon, .h2014-icon, .h2015-icon{
	display: none;
#slider1 .description img {
  padding-left: 0px;
}
#wrapper1 .description p {
  font-size: 14px !important;
  line-height: 18px;
}	
	
}

}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 21), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	header #logo a {
	background-image:url(../imgs/logo_hlx-2.png);
	background-size:214px 50px;
	margin:5px 0 0 10px;
	width:214px;
	height:50px;
}

.menu-nav {
	background-image:url(../imgs/menu_mobile.png);
	background-size:51px 41px;
	width:51px;
	height:41px;
}

.type-work {
	background-image:url(../img/filter-icon_@2x.png);
	background-size:16px 16px;
}

}