/*  -----------------------------------------------------------

	Media Queries - Desktop from 1020px to 1160px

	Column = 60px (* 12) / Gutter = 20px (* 13) => 980px

------------------------------------------------------------ */

@media screen and (max-width: 1240px) {
  
  .content-section + .leaderboard {
    margin-top: 30px;
  }

  /* 02 GLOBAL ELEMENTS
  -------------------------------------------------------------- */

  /* Tabs nav */

  .tabs-nav {
    width: 100%;
  }

  /* Dropzone */

  .dropzone .dz-default.dz-message span {
    padding: 0 40px;
  }

  /* 03 HEADER
  -------------------------------------------------------------- */

  /* Navigation */

  .site-menu > .nav > li > a,
  #site-header .insert-classified {
    font-size: 1em;
  }
  #site-header .insert-classified {
    padding: 0 40px;
  }

  /* Dropdown */

  .site-menu .expanded .list-classifieds.list-categories {
    margin-bottom: 0;
  }

  .site-menu .dropdown .nav {
    margin-bottom: 0;
  }

  /* Btn group */

  #site-header .btn-group a.btn {
    font-size: 1em;
  }

  /* Offers group */

  #site-header .offers-group .content-services:last-child {
    display: none;
  }

  #site-header .offers-group .content-services {
    width: 50%;
  }

  /* 04 HOMEPAGE
  -------------------------------------------------------------- */
  
  /* Structure */
  
  .home-section {
    padding: 30px 0;
  }
    
  .rowheight-1 {
    height: 360px;
  }
  .rowheight-2 {
    height: 320px;
  }
  .rowheight-3 {
    height: 260px;
  }
  .rowheight-4 {
    height: 220px;
  }
  
  .featured-content .rowheight-1 {
    height: 420px;
  }
  
  .content-article.col6.rowheight-1 .img img,
  .content-article.col6.rowheight-2 .img img {
    -ms-transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  
  /* Articles */
  
  .content-article .content {
    padding: 15px;
  }
  
  .content-article .metadata {
    font-size: 0.8125em;
  }
  .col3 .article-title {
    font-size: 1em;
  }
  .article-social .comments p {
    font-size: 0.8125em;
  }
  
  .list-articles-secondary img {
    width: 60px;
  }
  .list-articles-secondary .img + .content {
    min-height: 60px;
    padding-left: 70px;
  }
  .list-articles-secondary .metadata .date {
    display: inline;
  }
  .list-articles-secondary .metadata .tag:after {
    content: "|";
    color: #aaa;
    font-weight: 400;
    margin: 0 0.25em 0 0.5em;
  }
  
  /* Services */
  
  .content-services .content {
    padding: 15px 15px 44px;
  }
  .content-services .img {
    height: 160px;
  }
  .content-services .img img {
    width: 100%;
  }
  .content-services .btn-cta {
    font-size: 1em;
  }
  .content-services a + .btn-cta {
    margin-top: 10px;
  }
  .content-services .link-service {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .section-services .grid .content-services.wide,
  .section-services .grid .content-services {
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }

  .section-services .grid .content-services:first-child {
    height: 380px;
    margin-bottom: 20px;
    width: 100%;
  }
  
  /* Home Promotion */
  
  .content-promotion .img {
    height: 230px;
  }
  .content-promotion .img img {
    width: 100%;
  }
  
  /* Sidebar */
  
  .sidebar .content-services .img {
    height: 120px;
  }
  
  .content-sidebar .list-classifieds a {
    color: #444;
  }
  .content-sidebar .list-classifieds li {
    background: transparent;
    border-bottom: 1px solid #ddd;
    height: auto;
    margin-bottom: 15px;
    padding: 0 0 15px;
  }
  .content-sidebar .list-classifieds a:hover {
    background-color: transparent;
  }
  .content-sidebar .list-classifieds a:hover .title {
    color: #0099bd;
  }
  .content-sidebar .list-classifieds li:last-child {
    border: 0;
    margin-bottom: 20px;
    padding: 0;
  }
  .content-sidebar .list-classifieds .img {
    margin-right: 10px;
  }
  .content-sidebar .list-classifieds img {
    width: 60px;
  }
  .content-sidebar .list-classifieds .content {
    height: auto;
    padding: 0 0 0 60px;
  }
  .content-sidebar .list-classifieds .title {
    color: #333;
  }
  .content-sidebar.classifieds .btn {
    font-size: 1.125em;
    padding: 15px 20px;
  }
  
  .sidebar .secondary-articles li {
    padding: 15px;
  }
  .sidebar .secondary-articles .img {
    display: none;
  }
  .sidebar .secondary-articles .content {
    min-height: auto;
    padding-left: 0;
  }

  /* Content section */

  .content-section .content-topic {
    height: 460px;
  }

  .content-section .content-topic .list-articles li:nth-child(3) ~ li {
    display: none;
  }

  /* 05 SIDEBAR
  -------------------------------------------------------------- */

  /* Classifieds form */

  .classifieds-form .search-category {
    margin-left: -15px;
    margin-right: -15px;
  }

  .classifieds-form .block-checkbox .form-item {
    margin: 0 5px 10px;
  }

  .classifieds-form .block-checkbox label {
    padding-left: 8px;
    padding-right: 8px;
  }

  /* 06 ARTICLE
  -------------------------------------------------------------- */

  .article-content {
    padding: 0 40px;
  }

  .article-content .excerpt.right {
    margin-right: -70px;
  }
  .article-content .excerpt.left {
    margin-left: -70px;
  }

  .article-box {
    padding-left: 40px;
    padding-right: 40px;
  }

  /* Img – Slideshow */
  
  .article-img {
    padding-bottom: 10px;
  }
  .article-img .slideshow::before {
    height: 360px;
  }
  
  .article-img .slides .img,
  .flex-direction-nav a {
    height: 360px;
  }
  .article-img .slideshow img {
    max-height: 360px;
  }
  
  .flexslider .flex-control-nav {
    bottom: -30px;
    opacity: 1;
    top: auto;
  }
  .flexslider .flex-control-nav a {
    border-color: #444;
  }
  .flexslider .flex-control-nav a:hover,
  .flexslider .flex-control-nav .flex-active {
    background: #444;
  }

  /* 08 CINEMA
  -------------------------------------------------------------- */
  
  .content-services.cinema .img {
    height: 120px;
  }
  
  .content-services.cinema .cinema-selection {
    margin: -15px -15px 0;
    padding: 15px;
  }
  .content-services.cinema .cinema-search .title {
    display: none;
  }

  /* 09 GALLERIES
  -------------------------------------------------------------- */

  .content-gallery .slides {
    height: 440px;
  }
  .content-gallery .slideshow img {
    max-height: 440px;
  }

  .content-gallery .flex-direction-nav a {
    height: 440px;
  }

  /* 10 WEATHER
  -------------------------------------------------------------- */
  
  .content-services.weather .img {
    height: auto !important;
  }
  .content-services.weather .img img {
    width: auto !important;
  }
  
  .weather-currently {
    height: 120px;
  }
  .weather-currently .temp {
    clear: left;
    float: left;
    margin-top: 10px;
    text-align: left;
  }
  .weather-currently .weather-icon {
    margin-top: -10px;
    text-align: right;
  }
  
  /* 11 SELFIGES
  -------------------------------------------------------------- */
  
  .selfiges-header {
    padding: 10px 30% 10px 30px;
  }

  /* 12 LEISURE OFFERS
  -------------------------------------------------------------- */

  .offer-competition.article-box {
    padding: 0 0 20px;
  }

  /* FOOTER
  -------------------------------------------------------------- */

  .footer-top,
  .footer-bottom {
    height: auto;
  }

  .footer-main .footer-content {
    width: 33.3334%;
  }

  .footer-main .newsletter {
    width: 60%;
  }

  .footer-main .social {
    width: 40%;
  }

  .footer-main .footer-social {
    margin-top: 40px;
    width: 100%;
  }

}

/*  -----------------------------------------------------------

	Media Queries - Small desktop (under 1000px) & vertical tablets (768px)

	Column = 40px (* 12) / Gutter = 15px (* 13) => 675px

------------------------------------------------------------ */

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

  /* 01 STRUCTURE
  -------------------------------------------------------------- */
  
  /* Advertisements */

  .advertisement.col3.wide {
    display: none;
  }

  .content-block,
  .tabs-content, 
  .col3.wide {
    width: 100%;
  }

  /* Site content */

  #site-content {
    margin-top: 20px;
    margin-bottom: 100px;
  }

  /* 02 GLOBAL ELEMENTS
  -------------------------------------------------------------- */

  /* Tabs nav */

  .tabs-nav li,
  .ui-tabs .tabs-nav.col3 li {
    width: 33.3334%;
  }

  /* 03 HEADER
  -------------------------------------------------------------- */


  #header-content {
    margin-bottom: 80px;
    border-bottom: 1px solid #fff;
  }
  .fixed-header #site-content {
    padding-top: 120px;
  }
  
  /* Logo */

  #site-header .logo {
    margin-right: 30px;
  }

  /* Navigation */

  #site-header .insert-classified {
    border: none;
    text-align: center;
    width: 100%;
  }

  /* Dropdown */

  /* Dropdown (le journal) */

  .site-menu .expanded .list-categories {
    width: 33.3333%;
  }

  .site-menu .expanded .list-articles {
    display: none;
  }

  /* Dropdown (PA) */

  .site-menu .expanded .list-classifieds {
    border: none;
    height: auto!important; /* Erases equalHeight */
    width: 33.3333%;
  }

  .site-menu .expanded .list-classifieds.list-categories {
    padding: 0;
    margin-bottom: 90px;
    width: 100%;
  }
  .site-menu .expanded .list-classifieds.list-categories > li {
    float: left;
    padding-left: 20px;
    width: 33.3333%;
  }

  .site-menu .expanded .list-articles,
  .site-menu .expanded .list-classifieds .classifieds-title ~ li {
    display: none;
  }

  /* Classifieds group */

  .site-menu .list-classifieds-group {
    width: 100%;
  }

  /* Btn group */

  #site-header .btn-group {
    bottom: 20px;
    padding: 0 10px;
    position: absolute;
  }

  #site-header .btn-group .btn {
    height: auto;
    line-height: 1.4em;
    padding: 10px 20px;
  }

  #site-header .btn-group > a {
    float: left;
    clear: none;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    width: 50%;
  }

  /* List hobbies */

  #site-header .list-hobbies {
    border-bottom: 1px solid #ebebeb;
    height: auto!important; /* Erases EqualHeight */
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
  }

  #site-header .list-hobbies li:first-child {
    padding-left: 0!important;
  }
  #site-header .list-hobbies li:nth-child(2n+1) {
    padding-left: 10px;
  }

  #site-header .list-hobbies .category-title ~ li {
    float: left;
    vertical-align: top;
    width: 50%;
  }

  /* Offer group */

  #site-header .offers-group {
    margin-top: 20px;
    width: 100%;
  }

  /* 04 HOMEPAGE
  -------------------------------------------------------------- */

  /* Articles */

  .featured-content.content-area .content-article.col.col4,
  .featured-content.content-area .col4 {
    width: 100%;
  }
  
  .featured-content.content-area .content-article.col.col6,
  .featured-content.content-area .col6 {
    width: 100%;
  }

  .home-section .list-articles > .col:nth-child(odd) {
    width: 365px;
  }
  .home-section .list-articles > .col:nth-child(even) {
    width: 300px;
  }

  .home-section .list-articles > .col:nth-child(3n) {
    width: 300px;
  }
  .home-section .list-articles > .col:nth-child(4n) {
    width: 365px;
  }

  .content-area .list-articles.col9 {
    width: 100%;
  }

  .content-area .content-article.col.rowheight-3 {
    width: 33.3333%;
  }

  /* Sidebar */

  .content-area .content-sidebar {
    float: left;
    width: 100%;
  }

  .content-area .content-sidebar.secondary-articles {
    clear: both;
    width: 100%;
  }

  .content-area .content-sidebar .list-classifieds li {
    border-bottom: none;
    border-right: 1px solid #ddd;
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 312px;
  }
  .content-area .content-sidebar .list-classifieds > li:nth-child(2) {
    border-right: none;
    margin-right: 0;
  }
  .content-area .content-sidebar .list-classifieds li:last-child {
    display: none;
  }

  .content-area .content-sidebar.classifieds .btn {
    width: 100%;
  }

  /* Home section */

  .home-section .col4.wide {
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .home-section .content-services.col {
    margin-top: 0;
  }
  .home-section .content-promotion.col {
    margin-top: 0;
  }

  /* List articles in content-section */

  .content-section .list-articles {
    width: 100%;
  }
  .content-section .list-articles .content-article {
    float: left;
    width: 312px;
  }
  .content-section .list-articles .content-article:first-child {
    margin-right: 20px;
  }

  .content-section .list-articles-secondary.wide li {
    float: left;
    margin-right: 20px;
    width: 312px;
  }
  
  .content-section .list-articles-secondary li:nth-child(2n) {
    margin-right: 0;
  }
  .content-section .list-articles-secondary li:nth-child(3),
  .content-section .list-articles-secondary li:nth-child(4) {
    border-bottom: none;
  }
  .content-section .list-articles-secondary li:last-child {
    display: none;
  }

  /* Content topic */

  .content-section .content-topic {
    height: auto;
    width: 100%;
  }

  /* 05 SIDEBAR
  -------------------------------------------------------------- */

  /* Sidebar services */

  .sidebar .content-services .inner {
    display: inline-block;
    width: 100%;
  }

  .sidebar .content-services .content {
    padding-bottom: 20px;
  }

  .sidebar .content-services .link-service {
    left: auto;
    right: 0;
    width: 50%;
  }

  .sidebar .content-services .btn-service {
    bottom: 0;
    top: auto;
  }

  .sidebar .content-services .img,
  .sidebar .content-services .content {
    float: left;
    width: 50%;
  }

  .sidebar .content-services .img {
    border-bottom: none;
    border-right: 1px solid #f3f2f1;
    height: auto;
  }

  /* Classifieds form */

  .classifieds-form .block-checkbox label {
    padding-left: 12px;
    padding-right: 12px;
  }

  .sidebar .classifieds-form .content {
    position: static;
  }
  
  .sidebar .classifieds-form .search-category {
    border-right: 1px solid #f3f2f1;
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    width: 50%;
  }

  /* Selfiges */

  .sidebar .content-services .list-thumbs li {
    width: 20%;
  }

  /* 06 ARTICLE
  -------------------------------------------------------------- */

  /* Article content */

  .content-article {
    width: 100%;
  }
  
  /* Img – Slideshow */
  
  .article-img .slideshow::before {
    height: 330px;
  }
  
  .article-img .slides .img,
  .flex-direction-nav a {
    height: 330px;
  }
  .article-img .slideshow img {
    max-height: 330px;
  }
  
  .flex-direction-nav {
    display: none;
  }

  /* Skyscraper */

  .skyscraper-wide {
    display: none;
  }

  /* Complementary */

  .article-complementary {
    padding-left: 70px;
    padding-right: 70px;
  }

  /* 07 CATEGORY
  -------------------------------------------------------------- */
  
  .content-category.col9 {
    float: none;
    margin-bottom: 30px;
    width: 100%;
  }
  
  .content-category .content-article .img {
    width: 30%;
  }
  .content-category .content-article .content {
    width: 70%;
  }
  .content-category .list-articles .article-title {
    font-size: 1.25em;
  }
  
  .content-category .article-lead .content {
    padding-top: 0;
  }
  .content-category .article-lead .article-title {
    font-size: 1.375em;
  }
  .content-category .article-lead .teaser {
    max-height: 2.8em;
  }
  .content-category .article-lead .article-social {
    left: 30%;
    margin-left: 16px;
  }

  /* 09 GALLERIES
  -------------------------------------------------------------- */

  .content-gallery .slides {
    height: 400px;
  }
  .content-gallery .slideshow img {
    max-height: 400px;
  }

  .content-gallery .flex-direction-nav a {
    height: 400px;
  }
  
  /* 10 WEATHER
  -------------------------------------------------------------- */
  
  .weather-forecast .weather .time {
    font-size: 0.8125em;
  }
  .weather-forecast .weather-icon img {
    width: 50px;
  }
  
  /* 11 SELFIGES
  -------------------------------------------------------------- */
  
  .selfiges-header .content p {
    font-size: 1em;
  }
  .content-selfiges .list-selfiges .selfige {
    width: 50%;
  }

  /* FOOTER
  -------------------------------------------------------------- */

  .footer-top .logo {
    background-position: left center;
    height: 40px;
  }

  .footer-top .nav {
    margin: 0 0 -5px;
    width: 540px;
  }
  .footer-top .nav li {
    margin-bottom: 5px;
  }

  .footer-main .payment-methods li,
  .footer-main .payment-methods li:nth-child(2n) {
    float: none;
    margin: 0 0 10px 0;
  }

  .footer-main .newsletter,
  .footer-main .social {
    width: 100%;
  }

}

/*  -----------------------------------------------------------

	Media Queries - Mobile phones (under 768px)

	Column = 25px / Gutter = 10px => 430px

------------------------------------------------------------ */

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

  /* 01 STRUCTURE
  -------------------------------------------------------------- */

  /* Grid */

  .col9 .content-block .col.col1,
  .col9 .content-block .col.col2,
  .col9 .content-block .col.col3,
  .col9 .content-block .col.col4,
  .col9 .content-block .col.col5,
  .col9 .content-block .col.col6,
  .col9 .content-block .col.col7,
  .col9 .content-block .col.col8,
  .col9 .content-block .col.col9 { width: 100%; }

  /* Site container */

  #site-container {
    position: relative;
    right: 0;
    transition: right 0.2s ease;
  }
  .offcanvas #site-container { right: 70%; }

  #site-container:before {
    background-color: #2a2a2a;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -70%;
    top: 0;
    width: 70%;
  }

  /* Button offcanvas */

  #btn-offcanvas {
    background: url("../img/layout/btn-offcanvas.png") no-repeat 0 -45px;
    color: #fff;
    display: block; 
    float: right;
    height: 45px;
    margin: 8px 20px 0 0;
    width: 45px;
    text-indent: -9999px;
  }
  .svg #btn-offcanvas {
    background-image: url("../img/layout/btn-offcanvas.svg");
  }

  .offcanvas #btn-offcanvas {
    background-position: -45px -45px;
  }

  /* FORMS */

  /* Label */

  .user-form label {
    height: auto;
  }

  /* Flexslider */

  .flex-direction-nav .flex-next,
  .flex-direction-nav .flex-prev {
    opacity: 0.1;
  }

  /* 02 GLOBAL ELEMENTS
  -------------------------------------------------------------- */

  /* Content */

  .content-block.col {
    padding: 0 5px;
  }

  /* Inline container */

  .inline-container .form-item {
    width: 100%;
  }

  /* 03 HEADER
  -------------------------------------------------------------- */

  #site-header {
    position: static;
  }

  #header-content {
    clear: both;
    position: static !important;
  }
  .fixed-header #site-content {
    padding-top: 0;
  }

  /* Main search */

  #header-top .main-search {
    margin-bottom: 10px;
  }

  /* Site menu */

  #site-header .site-menu {
    bottom: 0;
    height: 100%;
    overflow: scroll;
    position: fixed;
    right: -70%;
    top: 0;
    width: 70%;
  }
  .offcanvas #site-header .site-menu {
    right: 0;
    transition: right 0.2s ease;
  }

  #site-header .site-menu li {
    width: 100%;
  }

  #site-header .site-menu li a {
    border-bottom: 1px solid #222;
    color: #fff;
    font-weight: 300;
    line-height: normal;
    padding: 1em 20px;
  }
  #site-header .site-menu li:last-child a {
    border-bottom: 0;
  }
  #site-header .site-menu li a:hover {
    background-color: #555;
  }

  #site-header .site-menu,
  #site-header .site-menu li,
  #site-header .site-menu li a {
    height: auto;
  }

  #site-header .site-menu .nav {
    overflow: visible;
  }

  /* Btn dropdown */

  #site-header .btn-dropdown {
    background: url('../img/layout/arrows-offcanvas.png') no-repeat center center;
    display: block;
    height: 33px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    right: 0;
    text-indent: -3000px;
    top: 0;
    width: 60px;
  }
  .svg #site-header .btn-dropdown {
    background-image: url('../img/layout/arrows-offcanvas.svg');
  }

  #site-header .is-open > .btn-dropdown  {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    border-bottom: 0;
    transform: rotate(180deg);
  }

  /* Dropdown */

  .site-menu > ul > li:hover > a:before {
    display: none;
  }

  .site-menu .expanded {
    overflow: hidden;
    position: relative;
  }

  .site-menu .dropdown {
    background-color: #222;
    border-right: 0;
    border-left: 0;
    padding-top: 0;
  }

  .site-menu li:hover .dropdown {
    left: -5000px;
    position: absolute;
  }

  #site-header .is-open > .dropdown {
    left: auto;
    position: static;
  }

  .site-menu .dropdown li,
  .site-menu .list-categories .category-title,
  .site-menu .list-categories .category-title p {
    margin-bottom: 0;
  }

  #site-header .site-menu .category-title {
    background-color: #2a2a2a;
    padding: 0;
  }

  #site-header .site-menu .category-title a {
    border: none;
    position: relative;
  }
  #site-header .site-menu .category-title a:before {
    content: "";
    background: #009933;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 3px;
  }

  #site-header .site-menu .category-title ~ li a,
  #site-header .site-menu .list-classifieds li a {
    border-bottom: 1px solid #2f2f2f;
  }

  .site-menu .expanded .nav,
  .site-menu .expanded .list-classifieds,
  .site-menu .expanded .list-classifieds.list-categories li {
    border-right: 0;
    clear: both;
    height: auto!important; /* Erases equalHeight */
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }

  .site-menu > ul > li:hover a {
    background-color: transparent;
  }

  .site-menu .list-articles {
    height: auto!important; /* Erases equalHeight */
    width: 100%;
  }

  .site-menu .dropdown {
    border-bottom: none;
    padding-bottom: 0;
  }

  .site-menu .list-classifieds.list-categories a:before,
  .site-menu .list-classifieds .classifieds-title a:before {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: transparent;
    height: 46px;
    left: auto;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
  }

  .site-menu .expanded .list-classifieds.list-categories {
    margin-bottom: 0;
    padding-bottom: 87px;
  }

  /* Btn group */

  #site-header .btn-group {
    bottom: 0;
    padding: 0;
    z-index: 101;
  }

  #site-header .site-menu .btn-group a {
    padding: 0;
    width: 100%;
  }

  #site-header .btn-group .btn {
    font-size: 1em;
    text-align: left;
    width: 100%;
  }

  /* Insert classified button */

  #site-header .insert-classified {
    padding: 0 20px;
  }

  /* List hobbies */

  #site-header .list-hobbies {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  #site-header .list-hobbies li {
    padding-left: 0!important;
    width: 100%!important;
  }

  /* Offers group */

  #site-header .offers-group {
    display: none;
  }

  /* 04 HOMEPAGE
  -------------------------------------------------------------- */

  /* Regularizes ".rowheight" height */

  .content-article.rowheight-1,
  .content-article.rowheight-2,
  .content-article.rowheight-3,
  .content-article.rowheight-5 {
    height: 280px;
  }
  .content-article.rowheight-4 {
    height: 220px;
  }

  .featured-content .content-article .article-title {
    font-size: 1.5em;
  }
  .content-article .article-title {
    font-size: 1.25em;
  }

  /* Erases custom padding rules on specific blocks */

  .home-section .col4.wide {
    padding-left: 5px;
    padding-right: 5px;
  }

  /* Classifieds categories */
  
  .classifieds-categories .list-categories li {
    float: left;
  }
  .classifieds-categories .metadata {
    font-size: 0.75em;
  }

  /* General styles */
  
  #site-content .content-area .content-article,
  #site-content .content-area .content-services,
  #site-content .content-area .content-sidebar,
  #site-content .list-articles .content-article,
  #site-content .content-sidebar.classifieds .btn,
  #site-content .content-section .list-articles-secondary,
  #site-content .content-section .list-articles-secondary li,
  #site-content .grid .content-services.col,
  #site-content .grid .content-promotion.col {
    clear: both;
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }

  /* Content section */

  .content-section .list-articles-secondary.wide {
    display: inline-block;
  }

  .content-section .list-articles-secondary.wide li:nth-child(3), 
  .content-section .list-articles-secondary.wide li:nth-child(4) {
    border-bottom: 1px solid #ebebeb;
  }
  .content-section .list-articles-secondary li:last-child {
    display: block;
  }

  .content-section .section-title {
    margin-bottom: 2em;
  }

  .content-section .link-section {
    left: 0;
    right: auto;
    top: 40px;
  }

  /* Services */

  .section-services .grid .content-services.wide,
  .section-services .grid .content-services {
    padding-left: 5px;
    padding-right: 5px;
  }
  .content-services .content {
    padding-bottom: 80px;
  }

  /* Content services */

  .content-services.col {
    height: auto;
  }

  .content-services .list-thumbs li {
    margin-bottom: 40px;
  }

  /* Home Promotion */
  .content-promotion.col {
    height: auto;
  }
  
  /* Styles for specific services blocks */

  .home-section .numerology.wide .content, 
  .home-section .horoscope .content {
    padding: 15px;
  }

  .content-area .content-sidebar.pdf .content {
    padding-right: 100px;
  }

  /* 05 SIDEBAR
  -------------------------------------------------------------- */

  /* Sidebar services */

  .sidebar .content-services .inner {
    display: block;
    width: auto;
  }

  .sidebar .content-services .content {
    padding-bottom: 44px;
  }

  .sidebar .content-services .link-service {
    left: 0;
    right: auto;
    width: 100%;
  }

  .sidebar .content-services .btn-service {
    bottom: auto;
    top: 10px;
  }

  .sidebar .content-services .img,
  .sidebar .content-services .content {
    float: none;
    width: 100%;
  }

  .sidebar .content-services .img {
    border-bottom: 1px solid #f3f2f1;
    border-right: none;
    height: 120px;
  }

  /* List classifieds */

  .content-area .content-sidebar .list-classifieds li {
    border-right: none;
    border-bottom: 1px solid #DDD;
    float: none;
    margin: 0 0 15px;
    padding-bottom: 15px;
    width: 100%;
  }
  .content-area .content-sidebar .list-classifieds li:last-child {
    border-bottom: none;
    display: block;
    padding-bottom: 0;
  }

  /* Classifieds form */

  .sidebar .classifieds-form .content {
    position: relative;
  }
  
  .sidebar .classifieds-form .search-category {
    border: none;
    margin: -15px -15px 20px;
    position: static;
    width: auto;
  }

  /* Selfiges */

  .sidebar .content-services .list-thumbs li {
    margin-bottom: 20px;
    width: 25%;
  }

  /* 06 ARTICLE
  -------------------------------------------------------------- */

  /* Content */

  .article-content {
    padding: 0;
  }

  .article-content .excerpt,
  .article-content .excerpt.right,
  .article-content .excerpt.left {
    border-left: 5px solid #ebebeb;
    border-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .article-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* Box */

  .box-img .img {
    margin: 0 0 10px;
    width: 100%;
  }

  .box-img .caption {
    clear: both;
  }

  /* Complementary */

  .article-complementary {
    padding-left: 30px;
    padding-right: 30px;
  }

  .article-gallery .list-thumbs li {
    width: 20%;
  }

  /* Img – Slideshow */

  .article-img .slideshow::before {
    height: 200px;
  }
  
  .article-img .slides .img,
  .flex-direction-nav a {
    height: 200px;
  }
  .article-img .slideshow img {
    max-height: 200px;
  }
  
  .article-img .flex-caption {
    display: none;
  }



  /* 07 CATEGORY
  -------------------------------------------------------------- */
  
  .content-category .content-article .img {
    margin-bottom: 15px;
    width: 100%;
  }
  
  .content-category .content-article .content {
    padding: 0 5px;
    width: 100%;
  }
  
  .content-category .article-lead .teaser {
    max-height: 5.4em;
  }
  .content-category .article-lead .article-social {
    margin: 15px 0 0 5px;
    position: static;
  }

  /* Pagination */

  .pager {
    padding: 0 20px;
  }

  /* 08 CINEMA
  -------------------------------------------------------------- */

  /* New movies */

  .cinema-newmovies .list-movies li {
    float: left;
    width: 50%;
  }
  .cinema-newmovies .list-movies li:nth-child(2n+1) {
    clear: both;
    margin-bottom: 30px;
  }

  /* Movie details */

  .movie-details .movie-poster {
    display: none;
  }

  .movie-details .content {
    width: 100%;
  }

  /* 09 GALLERIES
  -------------------------------------------------------------- */

  .list-galleries .gallery {
    float: left;
    width: 50%;
  }
  .list-galleries .gallery:nth-child(2n+1) {
    clear: both;
  }

  .content-gallery .slides {
    height: 240px;
  }
  .content-gallery .slideshow img {
    max-height: 240px;
  }

  .content-gallery .flex-direction-nav a {
    height: 240px;
  }

  .content-gallery .slides {
    margin-bottom:81px;
  }
  
  /* 10 WEATHER
  -------------------------------------------------------------- */
  
  .weather-forecast .day {
    float: left;
    width: 33.33334%;
  }
  .forecast-week .day:first-child,
  .forecast-week .day:nth-child(2) {
    margin-bottom: 30px;
    width: 50%;
  }
  .forecast-week .day:nth-child(2) {
    border-right: none;
  }
  
  .weather-forecast .weather,
  .weather-forecast .weather .am,
  .weather-forecast .weather .pm {
    margin-top: 0;
  }
  
  .weather-forecast .weather .time {
    font-size: 0.875em;
  }
  .weather-forecast .weather-icon img {
    width: 60px;
  }
  
  /* Homepage */
  
  .content-services.weather .content {
    padding-bottom: 80px;
  }
  
  /* 11 SELFIGES
  -------------------------------------------------------------- */
  
  .selfiges-header {
    background-size: 100%;
    color: #333;
    height: auto;
    padding: 110px 0 0;
  }
  .csstransforms .selfiges-header .content {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  
  .content-selfiges .list-selfiges .article-header,
  .content-selfiges .list-selfiges .article-content {
    padding: 15px;
  }
  
  .content-selfiges .list-selfiges {
    margin-left: -25px;
    margin-right: -25px;
  }
  .content-selfiges .list-selfiges .url {
    margin-top: -5px;
    padding: 0 15px 15px;
    word-break: break-all;
  }

  /* 12 LEISURE OFFERS
  -------------------------------------------------------------- */

  .offer-competition .block-title {
    height: auto;
    line-height: 1.4em;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  /* 13 HOROSCOPE
  -------------------------------------------------------------- */

  /* Homepage */

  .content-horoscope .list-zodiac li {
    width: 50%;
  }

  /* Horoscope - quotidien */

  .horoscope-sign .sign-selected,
  .horoscope-sign .list-zodiac li,
  .horoscope-sign .sign-forecasts {
    padding-left: 0;
    width: 100%;
  }

  .horoscope-sign .sign-selected {
    padding-bottom: 0;
  }

  .horoscope-sign .sign-selected:after {
    display: none;
  }

  .horoscope-sign .sign-selected .form-item {
    float: left;
    padding-right: 10px;
    width: 50%;
  }
  .horoscope-sign .sign-selected div.form-item:last-of-type {
    padding-right: 0;
  }

  /* 15 NUMEROLOGY
  -------------------------------------------------------------- */

  /* Numerologist intro block */

  .numerologist-intro .img {
    float: none;
    margin: 0 auto 20px;
    width: 100px;
  }

  .numerologist-intro .description {
    padding-left: 0;
    width: 100%;
  }

  /* Numerology tabs nav */

  .ui-tabs .tabs-numerology.tabs-nav > li {
    border-top: 1px solid #bbb;
    width: 33.3333%;
  }

  .ui-tabs .tabs-numerology.tabs-nav > li:nth-child(1),
  .ui-tabs .tabs-numerology.tabs-nav > li:nth-child(2),
  .ui-tabs .tabs-numerology.tabs-nav > li:nth-child(3) {
    border-top: 0;
  }

  .ui-tabs .tabs-numerology.tabs-nav > li:nth-child(3n+1) {
    border-left: 0;
  }

  .ui-tabs .tabs-numerology.tabs-nav > li.ui-tabs-active:before,
  .ui-tabs .tabs-numerology.tabs-nav > li.active:before {
    bottom: 0;
  }

  /* 16 COMPETITION
  -------------------------------------------------------------- */

  /* Competition form */

  .competition-header {
    padding: 20px;
  }

  .competition-header .content p {
    font-size: 1em;
  }

  .competition-form fieldset .form-item.col {
    float: none;
    width: 100%;
  }

  /* FOOTER
  -------------------------------------------------------------- */

  .footer-top .logo {
    height: 40px;
  }

  .footer-top .nav {
    margin-top: 10px;
    width: auto;
  }

  .footer-top .nav li {
    margin-left: 0;
    margin-right: 15px;
  }

  .footer-main .footer-content {
    border-left: none;
    height: auto!important; /* Erases equalHeight */
    margin-bottom: 20px;
    width: 100%;
  }

  .footer-main .footer-content,
  .footer-main .footer-content:first-child {
    border-bottom: 1px solid #666;
    padding-bottom: 20px;
  }

  .footer-main .footer-content:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .footer-main .payment-methods li, 
  .footer-main .payment-methods li:nth-child(2n) {
    float: left;
    margin-right: 10px;
  }

}

/*  -----------------------------------------------------------

	Media Queries - Mobile phones (under 480px)

	Column = 15px / Gutter = 10px => 310px

------------------------------------------------------------ */

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

  /* 01 STRUCTURE
  -------------------------------------------------------------- */

  .offcanvas #site-container { right: 75%; }

  #site-container:before {
    right: -75%;
    width: 75%;
  }

  /* 02 GLOBAL ELEMENTS
  -------------------------------------------------------------- */

  /* 03 HEADER
  -------------------------------------------------------------- */

  #site-header .site-menu {
    right: -75%;
    width: 75%;
  }

  /* Main search */

  #header-top .main-search {
    margin-top: 0px;
    width: 100%;
  }

  /* Main nav */

  #header-top .nav {
    font-size: 0.875em;
  }
  #header-top .user {
    border: 0;
    padding-right: 0;
  }
  
  #header-top li {
    margin-left: 0.813em;
  }
  #header-top .user li:first-child {
    margin-left: 0;
  }

  .site-menu .expanded .list-classifieds.list-categories {
    padding-bottom: 130px;
  }

  /* 04 HOMEPAGE
  -------------------------------------------------------------- */

  /* Featured content */

  .featured-content .classifieds-categories.rowheight-1 {
    height: auto;
  }

  /* Classifieds categories */

  .classifieds-categories .list-categories li {
    float: left;
    width: 50%;
  }
  .classifieds-categories .list-categories li:last-child {
    width: 100%;
  }

  /* Horoscope */

  .section-services .grid .content-services.horoscope {
    height: auto;
  }

  .content-services .list-zodiac li {
    font-size: 0.75em;
    min-width: auto;
    width: 33.3333%;
  }

  /* 06 ARTICLE
  -------------------------------------------------------------- */

  /* Img – Slideshow */

  .article-img .slideshow::before {
    height: 130px;
  }
  
  .article-img .slides .img,
  .flex-direction-nav a {
    height: 130px;
  }
  .article-img .slideshow img {
    max-height: 130px;
  }

  /* Complementary */

  .article-gallery .list-thumbs li {
    width: 25%;
  }

  /* 07 CATEGORY
  -------------------------------------------------------------- */

  /* Pagination */

  .pager > li {
    margin-bottom: 5px;
    margin-top: 5px;
  }

  /* 09 GALLERIES
  -------------------------------------------------------------- */

  .list-galleries .gallery {
    width: 100%;
  }

  .content-gallery .slides {
    height: 180px;
  }
  .content-gallery .slideshow img {
    max-height: 180px;
  }

  .content-gallery .flex-direction-nav a {
    height: 180px;
  }
  
  /* 10 WEATHER
  -------------------------------------------------------------- */
  
  .weather-forecast .day {
    border-right: 0;
    border-bottom: 1px solid #ebebeb;
    float: none !important;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100% !important;
  }
  
  /* Homepage */
  
  .content-services.weather .content {
    padding-bottom: 40px;
  }
  
  /* 11 SELFIGES
  -------------------------------------------------------------- */
  
  .selfiges-header {
    padding-top: 90px;
  }
  .content-selfiges .list-selfiges .selfige {
    float: none;
    width: 100%;
  }

  /* Selfiges details */

  .content-selfiges-details .article-nav {
    text-align: left;
  }

  .content-selfiges-details .article-nav a {
    display: inline-block;
    float: none;
    margin-bottom: 4px;
  }

  
  /* 13 HOROSCOPE
  -------------------------------------------------------------- */

  /* Homepage */

  .content-horoscope .list-zodiac li {
    width: 100%;
  }

  /* FOOTER
  -------------------------------------------------------------- */

  .footer-social input[type="email"] {
    margin-bottom: 10px;
    width: 100%;
  }
  
}