@media screen and (max-width: 480px) {
  html {
    background-position: top center; }

  .aui body {
    min-width: 0;
    padding: 0;
    background: none; }

  .hidden-mobile {
    display: none !important; }

  /*Header*/
  header.header {
    overflow: hidden;
    max-height: 50px;
    padding: 5px; }
    header.header .container-header {
      text-align: left; }
    header.header .menu-mobile {
      content: "";
      position: absolute;
      height: 40px;
      width: 22px;
      background-image: url(../png/burger.png);
      background-repeat: no-repeat;
      background-position: 0 50%;
      background-size: contain;
      top: 0;
      right: 4px; }
    header.header .logo-coe {
      display: none; }
    header.header .logo-coe-mobile {
      max-height: 40px;
      max-width: 38px;
      display: inline;
      margin-right: 2px;
      margin-top: -10px; }
    header.header .site-title {
      max-width: calc(100% - 80px );
      margin: 0; }
    header.header .tools {
      display: none; }

  /*Navigation*/
  .site-navigation ul,
  .site-navigation li,
  .aui .navbar-inner {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: transparent;
    border: none; }

  .site-navigation {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 75%;
    margin-right: -75%;
    background-image: url("https://static.coe.int/sites/media-channels/img/background-responsive-menu.jpg");
    display: none; }

  .aui .site-navigation .navbar-inner > ul {
    padding-bottom: 10px;
    padding-top: 10px; }

  .aui .site-navigation .navbar-inner > ul.nav-responsive-tools {
    background-color: rgba(0, 0, 0, 0.2);
    min-height: 400px; }

  .nav-responsive-tools .language .select-lang {
    position: relative;
    height: 29px;
    overflow: hidden;
    max-width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparant;
    border: 1px solid #fff;
    padding: 0;
    margin-left: 30px; }

  .nav-responsive-tools .language .select-lang:after {
    content: "\f0d7";
    font-family: fontawesome-alloy;
    position: absolute;
    color: #fff;
    right: 10px;
    top: 50%;
    line-height: 0;
    z-index: 0; }

  .nav-responsive-tools .language .select-lang select {
    background: rgba(0, 0, 0, 0);
    border: none;
    font-size: 14px;
    height: 29px;
    width: 100%;
    max-width: 100%;
    color: #fff;
    padding: 0px 10px;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none; }

  .nav-responsive-tools .language .select-lang select option {
    color: #030303; }

  .aui .site-navigation li.subscribe,
  .aui .site-navigation li.search {
    padding-left: 28px; }

  .aui .site-navigation li.search:before,
  .aui .site-navigation li.subscribe:before {
    color: #8694a1;
    font-family: fontawesome-alloy;
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 20px; }

  .aui .site-navigation li.subscribe:before {
    content: "\f040"; }

  .aui .site-navigation li.search:before {
    content: "\f002"; }

  .site-navigation li a,
  .site-navigation li.language > span,
  .site-navigation li.language > div {
    margin: 0 15px;
    padding: 11px 15px;
    display: block;
    color: #fff;
    font-size: 20px; }

  .site-navigation li.language .separator-title {
    text-transform: uppercase;
    font-size: 12px;
    color: #8694a1;
    padding-bottom: 0; }

  .site-navigation li.active a {
    border-left: 2px solid #0AF;
    color: #0AF; }

  /*Layout*/
  .container-fix {
    max-width: 100%; }

  .line-wide {
    margin: 0; }

  [class^=cell] {
    width: 100%;
    float: none; }

  /*CKeditor*/
  .aui h1 {
    font-size: 30px;
    line-height: 32px;
    margin: 5px 0 10px 0; }

  .aui h2 {
    font-size: 25px;
    line-height: 30px; }

  /*portlet content*/
  .portlet-topper .portlet-title {
    max-width: 100%;
    font-size: 30px;
    font-weight: bold;
    text-transform: initial;
    font-family: inherit;
    color: #454545; }

  .portlet-title-text {
    padding: 24px 15px 14px;
    max-width: 100%;
    line-height: 30px; }

  .highlighted .portlet-title {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Raleway',sans-serif;
    font-size: 22px;
    line-height: 24px; }

  .highlighted .portlet-title-text {
    padding: 0 0 15px 0; }

  .portlet-boundary.portlet-journal-content .portlet-body {
    padding: 0 15px; }

  .portlet-boundary.highlighted.portlet-journal-content .portlet-body {
    padding: 0; }

  .video-receiver,
  .background-image {
    margin: 0 -15px; }

  .portlet-boundary.highlighted {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }

  [class^=cell].wide .portlet-boundary.highlighted {
    margin-left: 0px;
    margin-right: 0px; }

  .home-nav {
    display: none; }

  /*ADT mosaique display*/
  .display-mosaique {
    margin-bottom: 0; }
    .display-mosaique .cell6 {
      width: auto; }
    .display-mosaique .cell3 {
      width: auto; }
    .display-mosaique [class^="cell"]:after {
      content: "";
      display: block;
      clear: both; }
    .display-mosaique .box-small-video {
      width: calc(50% - 7px);
      float: left; }
    .display-mosaique .box-small-video:first-child {
      margin-right: 7px; }
    .display-mosaique .box-small-video:last-child {
      margin-left: 7px; }
    .display-mosaique .box-big-video, .display-mosaique .box-small-video {
      overflow: hidden; }
    .display-mosaique .box-big-video {
      padding-bottom: 28px; }
    .display-mosaique .box-small-video {
      padding-bottom: 22px; }
    .display-mosaique .itemvideo .item-info .v-align {
      margin-top: 0;
      padding: 0 5px; }
    .display-mosaique .portlet-share-mc {
      display: none; }
    .display-mosaique .itemvideo .item-info {
      visibility: visible;
      opacity: 1;
      background: none;
      	/*.v-align {
      		position: static;
              top: 0;
              transform: initial;
      	}*/ }
      .display-mosaique .itemvideo .item-info .surtitle {
        font-size: 14px; }
      .display-mosaique .itemvideo .item-info .category {
        visibility: hidden;
        opacity: 0;
        transition: all 300ms ease; }
      .display-mosaique .itemvideo .item-info .duration {
        margin: 0;
        font-size: 13px;
        opacity: 1;
        z-index: 1;
        line-height: 15px; }
      .display-mosaique .itemvideo .item-info h4, .display-mosaique .itemvideo .item-info .category, .display-mosaique .itemvideo .item-info .surtitle {
        position: relative;
        z-index: 1; }
      .display-mosaique .itemvideo .item-info h4 {
        width: 100%;
        padding: 2px 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: #000;
        bottom: 0px;
        transform: translateY(100%);
        position: absolute !important; }
      .display-mosaique .itemvideo .item-info a.btn1 {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        transform: initial;
        z-index: 5; }
      .display-mosaique .itemvideo .item-info:hover h4, .display-mosaique .itemvideo .item-info:hover .category, .display-mosaique .itemvideo .item-info:hover a.btn1, .display-mosaique .itemvideo .item-info:focus h4, .display-mosaique .itemvideo .item-info:focus .category, .display-mosaique .itemvideo .item-info:focus a.btn1 {
        visibility: visible;
        opacity: 1; }
      .display-mosaique .itemvideo .item-info .coverout {
        padding: 0;
        background-color: transparent; }
    .display-mosaique .itemvideo a.btn1, .display-mosaique .itemvideo a.btn1:hover {
      background: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      padding: 0;
      border: 0;
      text-indent: -9999px;
      background-color: rgba(0, 0, 0, 0.5); }
    .display-mosaique .itemvideo .duration {
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      top: auto;
      margin: 0;
      background: rgba(0, 0, 0, 0.7);
      padding: 3px 5px;
      line-height: 18px; }
      .display-mosaique .itemvideo .duration:before {
        content: "\25BA";
        margin-right: 4px;
        font-size: 13px; }
    .display-mosaique .scaleimg {
      overflow: visible; }

  /*ADT video journal*/
  .livejournal {
    padding: 20px 15px;
    margin: 0; }
    .livejournal .small-videos-container,
    .livejournal .playlist-title,
    .livejournal .portlet-share-mc,
    .livejournal .slide-up {
      display: none; }
    .livejournal .videojournal {
      padding: 0; }
    .livejournal .playlist {
      margin: 0;
      padding: 15px 20px; }
    .livejournal .journal-tools {
      padding: 0;
      position: static;
      width: auto; }
      .livejournal .journal-tools:after {
        content: '';
        clear: both;
        display: block; }
    .livejournal a.journals {
      margin-top: 10px;
      float: left; }

  /*ADT all by list*/
  .portlet-asset-publisher:last-child .category-preview {
    margin: 0; }

  .category-preview {
    background-size: cover;
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }
    .category-preview .heading-cat {
      color: #fff; }
      .category-preview .heading-cat h2 {
        margin: 0;
        padding: 25px 0 8px; }
    .category-preview .category {
      margin-bottom: 20px; }
      .category-preview .category img {
        display: none !important; }
      .category-preview .category .mask {
        position: static;
        visibility: visible;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5); }
        .category-preview .category .mask .description {
          position: static;
          transform: initial;
          padding: 20px; }
      .category-preview .category .description p {
        margin-bottom: 0; }
    .category-preview .small-videos.line-wide {
      margin-left: -7px;
      margin-right: -7px; }
    .category-preview .small-videos .cell6 {
      width: 50%;
      float: left;
      padding: 0 7px; }
    .category-preview .small-video {
      margin-bottom: 15px; }
    .category-preview .item-info {
      visibility: visible;
      opacity: 1;
      background: none; }
      .category-preview .item-info .v-align {
        position: static;
        top: 0;
        transform: initial; }
      .category-preview .item-info a.btn1, .category-preview .item-info a.btn1:hover {
        background: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        padding: 0;
        border: 0;
        text-indent: -9999px; }
      .category-preview .item-info .duration {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.7);
        padding: 3px 5px;
        line-height: 18px; }
        .category-preview .item-info .duration:before {
          content: "\25BA";
          margin-right: 4px;
          font-size: 13px; }
      .category-preview .item-info h4 {
        opacity: 0;
        visibility: hidden;
        transition: all 300ms ease; }
      .category-preview .item-info .surtitle {
        display: none; }
      .category-preview .item-info:hover h4 {
        opacity: 1;
        visibility: visible; }
    .category-preview .portlet-share-mc {
      display: none; }

  /*ADT category listing*/
  .categories-listing {
    /*margin-bottom: 0;
    .category {
    	padding: 0;
    	margin: 0;
    	min-height: initial;
    	overflow: hidden;
    }
    .category-header {
    	height: 125px;
    }
    .category-image img {
    	position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        text-align: center;
        transform: translateY(-50%);
    }*/ }
    .categories-listing .category {
      margin-bottom: 15px; }

  /*ADT video blocks*/
  .video-blocks {
    margin: 10px 0 0 0;
    padding: 0; }
    .video-blocks .block-video {
      margin-bottom: 15px; }
    .video-blocks .image-title {
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      padding: 0 10px 10px; }
    .video-blocks .item-image {
      margin: 0 -10px 10px;
      overflow: hidden; }
      .video-blocks .item-image .item-info {
        visibility: visible;
        opacity: 1;
        background: none; }
        .video-blocks .item-image .item-info .duration {
          visibility: visible;
          opacity: 1; }
        .video-blocks .item-image .item-info .contain-info {
          margin-bottom: 0;
          top: 0; }
          .video-blocks .item-image .item-info .contain-info .btn1, .video-blocks .item-image .item-info .contain-info .btn1:hover {
            background-color: transparent; }
      .video-blocks .item-image .v-align {
        position: static;
        top: 0;
        transform: initial; }
      .video-blocks .item-image a.btn1, .video-blocks .item-image a.btn1:hover {
        background: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        padding: 0;
        border: 0;
        text-indent: -9999px; }
      .video-blocks .item-image .duration {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        background: rgba(0, 0, 0, 0.7);
        padding: 3px 5px;
        line-height: 18px; }
        .video-blocks .item-image .duration:before {
          content: "\25BA";
          margin-right: 4px;
          font-size: 13px; }
    .video-blocks .item-title a {
      color: #fff; }

  /*ADT dark boxes*/
  .dark-boxes .dark-box h4 {
    font-size: 20px; }

  /*ADT related assets*/
  .related-videos .list-item {
    background-color: rgba(0, 0, 0, 0.5);
    padding-bottom: 10px; }
    .related-videos .list-item:last-child {
      margin-bottom: 0; }
  .related-videos .image-video {
    width: 100%;
    margin: 0;
    float: none;
    margin-bottom: 10px; }
  .related-videos .list-item .item-title,
  .related-videos .list-item .category-link {
    padding-left: 10px;
    padding-right: 10px; }
    .related-videos .list-item .item-title a,
    .related-videos .list-item .category-link a {
      color: #fff; }
  .related-videos .list-item .item-title a,
  .related-videos .list-item .category-link a {
    color: #fff; }
  .related-videos .image-video .mask {
    position: static;
    visibility: visible;
    opacity: 1; }
    .related-videos .image-video .mask .v-align {
      position: static;
      top: 0;
      transform: initial; }
  .related-videos .image-video a.btn1, .related-videos .image-video a.btn1:hover {
    background: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    padding: 0;
    border: 0;
    text-indent: -9999px; }
  .related-videos .image-video .duration {
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 3px 5px;
    line-height: 18px; }
    .related-videos .image-video .duration:before {
      content: "\25BA";
      margin-right: 4px;
      font-size: 13px; }

  /*structure parallax tpl*/
  .parallax {
    margin: 0 -15px; }
    .parallax .content-parallax {
      padding: 20px;
      text-align: center; }
      .parallax .content-parallax .mask:after {
        background-color: transparent; }
      .parallax .content-parallax .mask {
        margin-bottom: 15px; }

  /*structure video tpl*/
  .video-display .video-info .video-title {
    margin: 20px 0 5px; }
  .video-display .video-info .surtitle {
    color: inherit;
    font-size: 16px; }
  .video-display .video-info .meta-video {
    font-weight: normal;
    margin: 0;
    color: #fff; }
  .video-display .share-video {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0 8px;
    margin: 15px 0;
    display: inline-block; }
    .video-display .share-video:after {
      content: "";
      display: block;
      clear: both; }
    .video-display .share-video .share-fb,
    .video-display .share-video .share-tw,
    .video-display .share-video .share-em {
      width: 40px;
      text-indent: -9999px;
      padding: 0; }
      .video-display .share-video .share-fb:before,
      .video-display .share-video .share-tw:before,
      .video-display .share-video .share-em:before {
        left: 9px; }
      .video-display .share-video .share-fb img,
      .video-display .share-video .share-tw img,
      .video-display .share-video .share-em img {
        background-color: #fff;
        border-radius: 3px; }
    .video-display .share-video .share-fb,
    .video-display .share-video .share-tw,
    .video-display .share-video .share-em,
    .video-display .share-video .share-go,
    .video-display .share-video .share-pi,
    .video-display .share-video .share-li {
      margin-top: 8px;
      margin-bottom: 8px;
      display: inline-block !important;
      margin-right: 12px;
      float: left; }
    .video-display .share-video .share-go {
      margin-right: 0; }
    .video-display .share-video .share-toggle {
      display: none !important; }
  .video-display .locale-actions {
    float: none;
    margin-bottom: 15px; }
    .video-display .locale-actions:before {
      color: #fff; }
  .video-display .subscribe-cat {
    border-color: rgba(255, 255, 255, 0.2);
    margin-top: 20px; }
  .video-display .tag {
    background-color: rgba(255, 255, 255, 0.2); }

  /*structure category tpl*/
  .category-display {
    padding: 15px;
    margin-bottom: 15px; }
    .category-display h1 {
      margin-top: 0; }
    .category-display .container-categorydisplay {
      margin-top: 10px; }
    .category-display .category-image {
      padding: 0; }
    .category-display .category-content .description {
      position: static;
      top: 0;
      transform: initial;
      width: auto;
      padding: 15px 0; }

  /*footer*/
  footer.footer {
    text-align: center;
    padding: 10px 0 20px;
    color: #161616; }
    footer.footer h4 {
      padding-top: 8px;
      margin: 8px 20px 5px;
      border-top: 1px solid #e6e6e6;
      position: relative;
      font-size: 15px;
      color: #454545; }
      footer.footer h4:after {
        content: "+";
        position: absolute;
        right: 10px;
        color: #b4b4b4;
        font-size: 25px;
        transition: all ease 300ms; }
    footer.footer h4.open-menu:after {
      transform: rotate(-45deg); }
    footer.footer .cell2:first-child h4 {
      border: none; }
    footer.footer ul {
      display: none;
      margin: 0 0 10px 0; }
      footer.footer ul li {
        padding: 2px 0; }
    footer.footer .picto {
      display: none; }
    footer.footer .cell-logo {
      text-align: center;
      padding: 20px 0 0 0; }
      footer.footer .cell-logo img {
        width: 100px; }

  /*disclaimer*/
  .disclaimer {
    font-size: 14px;
    padding-top: 10px;
    line-height: 20px;
    color: #161616; }

  /*breadcrumb*/
  .portlet-boundary.portlet-breadcrumb {
    display: none; }

  .portlet-dockbar {
    display: none; }

  /* disqus */
  #disqus_thread {
    position: relative;
    z-index: 0; }

  #disqus_thread:before {
    position: absolute;
    content: '';
    margin: 0 -30px;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95); }

  .highlighted #disqus_thread:before {
    margin: -20px; } }
@media screen and (min-width: 481px) {
  .visible-mobile {
    display: none !important; } }