.mobile {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}

.mobile #logo {
  margin: 0;
  width: 100%;
  height: 100px;
  padding: 0;
  position: static;
}

.mobile #logo a {
  background: #00b6cd url('../images/mobile-logo.png') center center no-repeat;
  width: 100%;
  height: 100px;
  margin: 0;
  display: block;
}

.mobile #navbar #menu-top-bar ul,
.mobile #navbar {
  margin: 0;
  padding: 0;
  max-width: 100% !important;
  width: 100%;
}

.mobile #navbar #menu-top-bar.not-scrolled li {
  display: none;
  margin: 0;
  border: 0;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li {
  display: none;
}

.mobile #navbar #menu-top-bar.not-scrolled li.last {
  display: none !important;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li {
  width: 50%;
  position: static;
  display: inline-block !important;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li a::before {
  display: block;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li a {
  margin-top: 0;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li + li {
  background: #231f20;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li + li a {
  color: #fff;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li + li + li {
  width: 100% !important;
	text-align: center !important;
  background: transparent !important;
}

.mobile #navbar #menu-top-bar.not-scrolled li + li + li + li + li a {
  color: #333;
}

.mobile .scrolled {
  display: none !important;
}

.mobile .main-container {
  margin-top: 80px;
}

.mobile #social-networks {
  position: relative !important;
  margin: 0 auto;
  margin-top: 100px;
	right: auto;
  border: 0;
  height: 100px;
  text-align: center;
  background: transparent url(../images/social-networks.png?1) top center no-repeat;
  padding: 0;
}

.mobile #social-networks > a {
  display: inline-block;
}

.mobile #social-networks:hover > span, .mobile #social-networks:active > span {
  display: none !important;
}

.mobile #social-networks > span#social-network-search {
  display: none !important;
}

.mobile .page-node .article-body {
  margin-top: 80px;
}

.mobile #disclaimer {
  font-size: 1em !important;
  margin-top: 40px;
}

.mobile #article-text-content {
  padding: 0;
  margin: 0;
	padding-top: 10px;
}

.mobile .page-node #internal-content {
  margin-top: 0;
}

.mobile iframe#presentation {
  height: 200px !important;
}

.mobile #support, .mobile #coop {
  margin-left: 10px;
}

.mobile #support h2, .mobile #coop h2 {
  font-size: 0.7em;
}

.mobile .footer img {
  max-width: 50px;
  max-height: 50px;
}

.mobile footer {
  text-align: center;
  padding-top: 50px;
}

.mobile footer a#web-version {
  display: inline !important;
}

.mobile footer a {
  font-size: 10px;
}

/* Internal pages */

.mobile #menu-link {
  display: block;
  width: 34px;
  height: 31px;
  background: transparent url('../images/mobile-menu.png?1') center center no-repeat;
  position: absolute;
  left: -20px;
  top: 68px;
  cursor: pointer;
	z-index: 3;
}

.mobile #menu-link span {
  display: none;
}

.mobile #left-bar {
  display: none;
	width: 100% !important;
}

.mobile .page-node .article-body {
  margin: 0;
  padding: 50px 0 0 10px;
  width: 100% !important;
}

.mobile .row {
  margin: 0;
}

.mobile #article-content,
.mobile #internal-content,
.mobile #article-text-content {
  width: 95% !important;
}

.mobile .page-node #internal-content h1.header-title {
  font-size: 32px;
}

.mobile #left-bar h1#internal-title,
.mobile #left-bar #to-share,
.mobile #left-bar #services {
  display: none;
}

.mobile #left-menu {
  margin-top: 68px;
  margin-bottom: -50px;
  margin-left: 5px;
  position: relative;
  z-index: 2;
  border: 1px solid #a7a5a6;
	width: 100%;
	background: #f0f0f0;
}

.mobile #left-bar .topic h2,
.mobile #left-bar .subtopic label a {
  background: transparent !important;
}

.mobile #left-bar .topic h2 {
  font-size: 24px;
}

.mobile #navbar #menu-top-bar li a::before {
  font-size: 14px;
}

/* Mosaic */

.mobile .view-display-id-mosaic .view-content li > div {
  float: none;
	width: 98%;
	padding: 1%;
}

.mobile .view-display-id-mosaic .view-content .block-mask {
  width: 100%;
}

.mobile .view-display-id-mosaic .view-content li {
  float: none;
}

.mobile .view-home .view-content {
  width: 100%;
	margin: 0;
	margin-top: 67px;
}

.mobile .view-home .view-content ul {
  width: 100%;
}

.mobile .view-home {
  width: 100%;
	margin: 0;
}

.mobile .view-filters {
	position: absolute;
	z-index: 2;
	border: 2px solid #EAEAE8;
}

.mobile #expand-filters {
  margin-top: -15px;
	margin-left: 3px;
}

.mobile .view-home .views-exposed-form {
  margin-top: 0;
}

.mobile #page-header {
  display: none;
}

.mobile .view-display-id-mosaic .view-content .block-footer {
  margin-top: 10px;
}

.mobile #blocks-navigation {
  margin-top: 0;
}

.mobile #internal-content h1.header-title {
  font-size: 36px;
}

.mobile #article-text-content span {
  font-size: 28px;
}

.mobile #theme,
.mobile #internal-content .img {
  display: none;
}