/* ------------------------------------------------------------------------- *
 *  Responsive
/* ------------------------------------------------------------------------- */

@media only screen and (max-width:1250px) {
  div.paragraphs-item-landing-items {
    width: 50%;
  }
}
@media only screen and (max-width:1140px) {
    #tubular-shield {
        position: relative !important;
    }

    .ismobile {
        display: inline;
    }

    div.entry {
        margin-bottom: 20px;
    }
    .block--contact-form-blocks {
        width: 100%;
    }

    .hideXL {
        display: none;
    }
    .footerwidget > div {
        padding: 0px 5px;
    }
    // #heading div.site-info {
    //     width: 50%;
    // }
    #popular-slider, .label_related {
        width: 740px;
    }



    .container {
        width: 720px;
        width: auto!important;
    }


    #wrapper.boxed, .boxed .nav-container .nav-wrapper {
        width: 764px;
    }

    .normal .post-container .main-post,
    .fullwidth .post-container .main-post {
        width: 100%;
        margin-right: auto;
        float: none;
    }
    div.site-menu {
        width: auto;
        margin-left: 0;
    }
    .page-user .author-info {
        width: auto;
    }
    .post-container .sidebar, .post-container .sidebar-container {
        float: none;
        width: 100%;
    }

    .post-container .sidebar-container {
        -webkit-columns: 100px 2;
        -moz-columns: 100px 2;
        columns: 100px 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    /** heading **/

    #heading.fifth-nav .iklan-wrapper {
        display: none;
    }

    #heading.fifth-nav .logo-wrapper,
    #heading.four-nav .logo-wrapper {
        padding: 45px 0;
        width: 100%;
        text-align: center;
    }

    /** slider **/
    .highlightslider .slide-overlay {
        height: 425px;
    }

    .highlightslider .slider-excerpt h1 {
        font-size: 30px;
    }

    .highlightslider .slider-excerpt .line {
        margin: 0 auto;
    }

    /* slider 1 */
    .fullslider .slider-excerpt {
        padding: 20px 0;
    }

    .fullslider .slider-excerpt h1 {
        font-size: 17px;
        line-height: 1.2em;
        padding: 0px 20px;
    }

    .fullwidth .entry p img,
    .entry p img {
        width: 728px;
    }

    /* stack slider */
    .firststack .stackwrapper h2 {
        width: 100%;
    }

    .secondstack .stackmeta {
        display: none;
    }

    .secondstack .stackwrapper h2 {
        font-size: 17px;
    }

    .firststack {
        width: 60%;
    }

    .secondstack {
        width: 40%;
    }

    .footer-widget {
        background-position: 0 center;
        background-size: 30%;
    }
}

@media only screen and (max-width:799px) {
  div.paragraphs-item-landing-items {
    width: 100%;
  }
  div.landing-group-items div.paragraphs-item-landing-items {
    padding-left: 0px;
  }
    #heading .site-info .separator, #heading .site-slogan {
        display: none;
    }

    #heading div.site-info {
        /*width: 63%;
        line-height: 63px;*/
    }
    div#heading {
        top: 0!important;
    }
    /* .hide {
         display: none;
     } */
    #wrapper.boxed {
        margin: 0;
        padding: 0;
    }
    span.meta-date, div.meta-date, span.meta-author, div.meta-author {
        margin: 18px 0;
    }
    .more.hide {
        display: none;
    }
    div.content-meta {
        margin: 0;
    }
    article {
        width: 100%;
        margin-bottom: 30px;
    }

    h2.content-title a {
        font-size: 40px;
        line-height: 24px;
    }
}

@media only screen and (max-width:768px) { /* **************************************************/
    .author-box h5 {
        width: 100%;
    }

  .warning{
    box-sizing: border-box;
    height: 250px;
  }

  body.page-search-site .header-search {
      width: 90%;
  }
  /* recette 16-02-2016*/
  #post-wrapper{
    margin-top: 0;
  }
  .fullwidth .post-container .main-post{
    padding-top: 0;
  }
  span.meta-separator {
    margin: 0;
    display: none;
  }
  /*span.meta-author, span.meta-share, span.meta-separator, span.meta-date{
    margin: 0;
    display: none;
  }*/

  .more {
    display: block;
    margin-top: 36px;
  }
  span.meta-share.hide{
    display: inline-block;
  }
  span.meta-separator.hide{
    display: inline;
  }

  .article-entry .legend{
    margin: 20px auto 30px;
    width: 90%;
  }

  body.node-type-article h1,
  body.node-type-page h1,
  body.node-type-webform h1{
    margin: 85px auto;
    width: 70%;
    font-size: 50px;
    /*width: 100%;*/
  }
  body.front div.content-meta{
    margin-left: 0;
  }
  div.content-teaser h2{
    width: 70%;
    line-height: 50px;
    margin: 85px auto 43px;
  }
  div.content-teaser div.entry{
    margin: 85px auto 43px;
  }
  article.short-content .entry p{
    font-size: 16px;
  }
  div.media-youtube-video,
  iframe {
      width: 100% !important;
  }
  div.jwplayer {
      width: 100% !important;
  }

  .prevnext-post .post {
      max-width: 100%;
  }

  article .content-header-single {
      margin-top: 0px;
  }

  .page-user .author-wrapper {
      width: 75%;
  }
  .grid-left, .grid-right{
    overflow: auto;
  }
  .grid-left {
      float: none;
      margin-left: 0px;
  }
  .article-entry div.grid-left .ww-item{
      float: none;
      width: 88%;
      margin: 0 auto;
  }
  .grid-right {
      float: none;
  }
   .article-entry  div.grid-right .ww-item{
      float: none;
      width: 88%;
      margin: 0 auto;
  }
  .ww-item.image,
  .article-entry .g2web {
    max-width: 100% !important;
    width: 100% !important;
  }

  .article-entry div.grid-right .g2web, .article-entry div.grid-left .g2web  {
    float: none;
    margin: 0 auto;
  }

  /*.grid-right .selectionShareable{
    margin-left: 100px;
  }*/

  /*.grid-left p {
      width: 90% !important;
      margin-left: inherit;
  }

  .grid-right p {
      width: 90% !important;
      margin: 0 auto !important;
  }*/

  /*.ww-item {
      float: none;
      width: 100% !important;
  }*/

  /*div.grid-with-margin .ww-item:nth-child(2n+1),
  div.grid-with-margin .ww-item:nth-child(2n+0),
  div.grid-no-margin .ww-item:nth-child(2n+0),
  div.grid-no-margin .ww-item:nth-child(2n+1){
      margin: 0 auto;
      width: 100%;
  }*/

  .cquote, .lquote, .rquote {
      width: 75%;
      float: none;
      margin: 56px auto;
      /*padding: 56px 0;*/
      font-size: 22px;
  }

  .grid-left .cquote, .grid-left .lquote, .grid-left .rquote,
  .grid-right .cquote, .grid-right .lquote, .grid-right .rquote{
    content: "*";
    clear: both;
  }
  /*.article-entry div.grid-left .ww-item, body.cke_editable div.grid-left .ww-item, .article-entry div.grid-right .ww-item, body.cke_editable div.grid-right .ww-item{
    width:25%;
  }*/

  div.feature-holder .image-legend {
      display: none;
  }

  .content-header-single {
      margin: 0 auto;
      width: 95%;
      margin-bottom: 50px;
      margin-top: 25px;
  }

  .warning, hr.warning_end {
      width: 100%;
  }

  .image {
      width: 100%;
      margin-bottom: 0px;
  }

  .overlay ul.menu li {
      padding: 15px;
  }
  .overlay ul.menu li a {
      font-size: 24px;
      line-height: 24px;
  }
  .nav-helper-footer {
      margin: 15px;
  }
  .nav-helper-footer h5 {
      margin-top: 28px;
      margin-bottom: 15px;
  }
  .searchbox input {
      font-size: 22px;
      width: 100%;
      height: 50px;
      background-color: black;
      float: left;
      // padding: 10px 16px;
      margin: 13px 16px;

  }
  .lang-switcher {
      font-size: 20px;
  }
  .lang-switcher li {
      margin: 0px 18px 10px 18px;
  }

  body.not-front div.content-meta {
      margin: 0 !important;
  }

  article.short-content .entry {
      width: 100%;
  }

  #heading .site-info {
      width: auto!important;
  }
  h2.content-title a {
      font-size: 35px;
  }
  #popular-slider, .label_related {
      width: 100%;
  }
  body.not-front .entry p {
      width: 97%;
      padding: 0 10px;
  }
  #wrapper.boxed, .boxed .nav-container .nav-wrapper  {
      width: auto;
  }
  .author-box {
      width: 75%;
      margin: 30px auto 45px;
  }

  .subscribe-footer div.block {
      width: 90%;
  }

  .author-socials {
      position: relative;
      width: auto;
      top: 0;
      left: 0;
      margin-top: 14px;
  }
  .author-info h5 {
      margin-top: 20px;
  }
  .author-socials a {
      color: #555;
      font-size: 17px;
  }
  .container {
      width: auto;
  }

  .nav-container .container {
      padding: 0;
  }

  .second-footer .footer-bottom {
      text-align: center;
  }

  .second-footer .social-copy,
  .second-footer .footer-nav {
      float: none;
  }

  .second-footer .gototop {
      display: none;
  }

  .second-footer .social-copy {
      padding-bottom: 10px;
  }

  .highlightslider .slide-overlay {
      height: 100%;
  }

  .related {
      display: none;
  }

  .fullwidth .entry p img,
  .entry p img {
      width: 100%;
      margin: 0;
  }
  .article-entry{
    margin-top: 85px;
  }
  .entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry hr {
      margin: 20px 10px;
  }
  .article-entry p {
      width: 70%;
      font-size: 18px!important;
      line-height: 28px;
      padding-bottom: 30px;
  }
    form.webform-client-form {
        width: 70%;
        font-size: 18px!important;
        line-height: 28px;
        padding-bottom: 30px;
    }

    .messages--status {
        width: 70%;
    }


  .cquote p, .lquote p, .rquote p{
    font-size: 22px!important;
    line-height: 22px;
  }
  .sharing > div {
      border: none;
  }

  #popular-slider .item {
      box-sizing: border-box;
      margin: 0 16px;
      display: inline-block;
    padding-bottom: 10px;
  }
  .feature-holder img {
    margin: 0 auto;
    display: block;
  }
  #comments {
      width: 90%;
  }
  .article-entry p, .article-entry address, .article-entry pre, .article-entry h2, .article-entry h3, .article-entry h4, .article-entry ul li, .article-entry ol li{
    width: 70%;
  }

    .messages--status p {
        width: 100%;
    }

  div.ww-item {
    width: 88%;
  }

  div.ww-item img {
    width: 100% !important;
    height: 100% !important;
  }


  /** comment & author **/
    .author-box {
        text-align: center;
        width: 100%;
    }
    .page-user .author-info {
        width: 100%;
        margin: 0 auto;
    }
    .author-box h5, .author-socials, .author-pic {
        float: none;
        display: block;
    }
    span.meta-author a, .entry a {
        font-size: 12px;
    }
    span.meta-author, span.meta-date {
        font-size: 12px!important;
        margin: 10px;
        padding: 0;
    }
    .author-box img {
        display: block;
        float: none;
        margin: 0 auto 20px;
    }

    .author-box-wrap {
        margin: 0;
    }

  .author-info{
    float: none;
    width: 88%;
    margin: 0 auto;
    text-align: center;
  }
  .author-info h5, .author-info.author-socials, .author-info .user-info, .author-info .author-link{
    margin: 0 auto;
    text-align: center;
  }
}

@media only screen and (max-width:640px) {
    div#tubular-container {
        margin-top: 44px;
    }

    .prevnext-post .post {
        width: 42%;
        padding: 9px;
    }

    .hide {
        display: none;
    }
    h2.content-title a {
        font-size: 30px;
        line-height: 24px;
    }
    .hideXL {
        display: block;
    }

    #supersize{
      background-size: cover;
    }

    #trigger-overlay .hideXL{
        font-family: sourceSerifPro, serif;
        font-size: 24px;
        line-height: 24px;
    }

    .subscribe-footer .sml_emailinput {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .post-container .sidebar-container {
        -webkit-columns: 100px 1;
        -moz-columns: 100px 1;
        columns: 100px 1;
    }


    .one-half, .one-third, .two-third, .one-forth, .one-fifth {
        margin-right: 0;
        width: 100%;
        overflow: hidden;
    }

    article h1.content-title, .line-heading {
        line-height: 1em;
    }

    .widget .widget-title span::after, .widget .widget-title span::before {
        top: 8px;
    }

    .widget_jeg_facebook_fans_widget .blog-fb-likebox {
        padding: 0;
    }

    .jr-insta-thumb .jr_col_3 > li, .jr-insta-thumb .jr_col_4 > li, .jr-insta-thumb .jr_col_5 > li, .jr-insta-thumb .jr_col_6 > li, .jr-insta-thumb .jr_col_7 > li, .jr-insta-thumb .jr_col_8 > li, .jr-insta-thumb .jr_col_9 > li, .jr-insta-thumb .jr_col_10 > li {
        width: 50% !important;
    }

    .footer-widget > .container > div {
        margin-top: 20px;
    }

    /** stack wrapper */

    .stackwrapper {
        padding: 20px;
    }

    .firststack, .secondstack {
        width: 100%;
        float: none;
    }

    .childstack {
        height: 200px;
    }

    .firststack .stackwrapper h2,  .secondstack .stackwrapper h2 {
        font-size: 16px;
    }

    .secondstack .stackmeta {
        display: block;
    }

    .social-copy span {
        margin-left: 0;
    }

    #footer div p {
        width: 90%;
    }

    div.form-item-search-block-form {
        margin-left: 0;
    }
    .overlay ul.menu li {
        height: auto;
        min-height: auto;
    }
    .overlay nav {
        width: 100%;
    }

    .overlay nav#navsocial {
        width: 50%;
        margin: 0 auto;
    }

    .lang-switcher li {
        margin: 0 8px 10px 8px;
    }

    .lang-switcher  {
    }
    #heading .logo-wrapper {
        /*margin-left: 2px;*/
        // line-height: 48px;
    }
    div#background {
        display: none;
    }
    h2.content-title {
        margin: 20px;
        line-height: 22px;
    }

    h2.content-title a {
        font-size: 20px;
    }

    #trigger-overlay .hideXL {
        font-size: 18px;
        line-height: 30px;
        display: none;
    }

    #trigger-overlay .hideXL span {

        display: none;
    }

    .site-info {
        width: 30%;
    }

    .box {
        width: 95%;
        display: block;
    }
    .footer-widget {
        background-image: none;
        padding-left: 40px;
    }
    .highlightslider .flexslider {
        overflow: hidden;
    }

    .social-copy {
        width: 66%;
    }
    .highlightslider .slider-excerpt h1 {
        font-size: 18px;
        padding-bottom: 20px;
    }

    form.webform-client-form {
        width: 90%;
        font-size: 15px;
    }

    .article-entry p {
        width: 90%;
        font-size: 15px;
        // line-height: 24px;
    }

    .messages--status {
        width: 90%;
        font-size: 15px;
    }

    .highlightslider .slider-excerpt .line,
    .highlightslider .slider-excerpt p {
        display: none;
    }
    #popular-slider, #taboola {
        padding: 0;
        width: auto;
    }

  #taboola .container {
    padding: 16px;
  }

    .label_related {
        padding-left: 16px;
        width: auto;
    }

    #popular-post #popular-slider .item .feature-holder{
      margin: 0 auto;
    }
    .highlightslider .readmore {
        font-size: 11px;
        border: 1px double #FFF;
        padding: 5px 13px;
    }
    .feature-holder img{
      margin: 0 auto;
      display: block;
      width: 100%;
    }
    /* h1 { font-size: 38px; line-height: 1.4em; }
     h2 { font-size: 34px; line-height: 1.4em; }
     h3 { font-size: 28px; line-height: 1.4em; }
     h4 { font-size: 24px; line-height: 1.4em; }
     h5 { font-size: 20px; line-height: 1.4em; }
     h6 { font-size: 18px; line-height: 1.4em; } */

    article .content-title a { font-size: 25px; line-height: 25px;}
    article .content-teaser .entry {
        font-size: 16px;
        line-height: 23px;
        padding: 0;
        margin-top: 20px;
    }


    #commentform p.comment-form-author,
    #commentform p.comment-form-email {
        float: none;
    }

    #commentform p.comment-form-author {
        width: auto;
    }

    #commentform p.comment-form-email {
        width: auto;
    }


    .commentlist li, .pinglist li {
        padding-left: 0;
    }

    .commentlist .comment-author img {
        display: none;
    }

    .commentlist li li {
        padding-left: 30px;
    }

    #respond #commentform {
        padding-top: 10px;
    }

    #cancel-comment-reply-link {
        border-bottom: 1px solid #ddd;
        color: #666;
        padding-bottom: 10px;
        padding-left: 0;
        position: relative;
        right: 0;
        text-align: center;
    }

    li.comment #respond #commentform {
        padding-top: 55px;
    }

    .commentlist li li .comment-meta {
        margin-bottom: 10px;
    }

    .commentlist .comment-author {
        margin-bottom: 0;
    }


    #popular-slider .item {
        display: block;
        margin: 16px;
      padding-top: 0px !important;
      padding-bottom: 5px !important;
    }
    /* recette 1-02-2016 */
    div.content-teaser h2, .content-meta, div.content-teaser div.entry{
      width: 100%;
    }
    div.content-teaser h2{
      margin: 0 auto;
      font-size: 30px;
      line-height: 30px;
      width: 88%;
    }
    body.front div.content-meta{
      margin-left: auto;
      margin-right: auto;
    }

    span.meta-author, span.meta-date{
      margin: 18px 10px 0;
    }
    .not-front span.meta-author, span.meta-date{
      margin: 10px 10px;
    }
    .not-front span.meta-author, span.meta-date {

    }

    .meta-date .date{
      font-size: 12px!important;
    }
    div.content-teaser div.entry{
      margin: 0px auto;
    }
    div.content-teaser:first-child{
      margin-top:6px;
    }
    article.short-content .entry p{
      // padding:0;
    }
    div.content-teaser{
      margin-top: 24px;
    }
    article.short-content{
      margin-bottom: 34px;
      margin-top: 22px;
    }
    .second-footer .social-copy{
      padding-bottom: 0;
    }
    /* page article */
    .node-type-article .main-post{
      padding-top:0;
    }
    .node--article .content-header-single{
      margin-top: 32px;
      margin-bottom:0px;
    }
    /*.node--article .meta-author{
      margin-top:30px;
    }*/
    body.node-type-article h1,
    body.node-type-page h1,
    body.node-type-webform h1{
      margin: 32px auto 32px;
      width: 88%;
      font-size: 32px;
    }
    .node--article .meta-share{
      /*margin-top: 32px;*/
      display: block;
    }
    .node--article .meta-date{
      margin-top: 20px;
      display:block;
    }
  div.disclaimer {
    margin-bottom: 0px
  }
  .node--article span[id^="meta-date-update"] {
    margin-top: 0px;
  }
    .node--article .cquote p, .node--article .lquote p, .node--article .rquote p{
      font-size: 22px!important;
      line-height: 26px;
    }
    .article-entry{
      margin-top: 40px;
    }
    .node--article .article-entry .legend{
      margin: 20px auto;
      padding: 0 12px;
    }
    .node--article .article-entry p{
      padding-bottom:23px;
    }
    .node--article .article-entry div.warning p {
        padding-bottom: 0px;
    }
    .node--article .warning{
      box-sizing: border-box;
      margin: 0 auto;
      height: 250px;
    }
    .warning .warning_text span{
      font-size: 14px;
    }
    .warning .warning_text span:last-child{
      font-size: 12px;
    }
    .meta-article-header span{
      margin-bottom: 0;
    }
    .a2a_kit{
      display: block;
      height: auto;
    }
    .a2a_kit span.facebook, .a2a_kit span.twitter, .a2a_kit span.envelope{
      // display: inline-block;
      vertical-align: bottom;
      // padding: 30px 15px;
      // margin: 0 8px;
    }
  .popular-excerpt{
    padding: 20px 20px;
    height: 70px;
  }
  span.meta-separator.hide, span.meta-share.hide{
    display: none;
  }
  .front span.meta-date{
    display: inline-block;
  }
  .more.hide{
    display: none;
  }
  .article-entry div.grid-left .ww-item{
    float: none;
    margin: 0;
  }
  .article-entry div.grid-right .ww-item, body.cke_editable div.grid-right .ww-item{
    float: none;
    margin: 0;
  }
  /*.grid-left p {
      width: 90% !important;
      margin-left: inherit;
  }

  .grid-right p {
      width: 90% !important;
      margin: 0 auto !important;
  }*/

  .ww-item {
      float: none;
      width: 100% !important;
  }

  div.grid-with-margin .ww-item:nth-child(2n+1),
  div.grid-with-margin .ww-item:nth-child(2n+0),
  div.grid-no-margin .ww-item:nth-child(2n+0),
  div.grid-no-margin .ww-item:nth-child(2n+1){
      margin: 0 auto;
      width: 100%;
  }
  .article-entry p, .article-entry address, .article-entry pre, .article-entry h2, .article-entry h3, .article-entry h4 {
    width: 88%;
  }

    .messages--status p {
        width: 100%;
        font-size: 15px;
    }

  .article-entry ul li, .article-entry ol li{
    width: 80%;
    font-size: 18px;
    line-height: 24px;
  }

}

// @media only screen and (max-width:414px) {

//     #heading .logo-wrapper {
//         margin-left: 0;
//     }
// }
@media only screen and (max-width:480px) {

  div#trigger-overlay {
    margin-top: 9px;
    width: 44px;
    height: 34px;
  }
  #trigger-overlay:before {
    font-size: 24px;
  }

  .overlay .overlay-close {
    margin-top: 6px;
    width: 44px;
    height: 34px;
    background-size: 28px;
  }

  #heading .logo-wrapper {
    width: 64px;
    height: 44px;
  }

  #heading .logo-wrapper img {
    width: 50px;
    padding-top: 8px;
  }

  #heading .site-info {
    padding-top: 18px;
    margin: 0 0 0 5px;
  }

  #heading .site-info {
    padding-top: 8px;
  }



  .site-title:before {
    font-size: 18px;
  }

  .nav-helper h5 {
    font-size: 15px;
  }

  #heading .nav-helper {
    padding: 0 10px 0 0;
  }

  .ha-header-small .nav-helper, .ha-header-color .nav-helper {
    border-right: 1px solid;
    margin-top: 5px;
    border-left: none;
  }
  #heading .nav-search {
    padding-top: 28px;
    width: 24px;
    margin-top: 5px;
  }

  .ha-header-small .nav-search, .ha-header-color .nav-search {
    background-size: 28px 28px;
  }

  select.lang-dropdown-select-element {
    font-size: 13px;
  }

   // .site-menu-separator {
   //  display: none;
   // }

   // #heading .nav-helper {
   //      padding: 0;
   //      border: none;
   //  }
    // #heading .logo-wrapper {
    //     width: 65px;
    // }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    span.meta-author a {
        font-size: 18px;
    }

    .prevnext-post .post {
        width: 44%;
        padding: 20px;
    }
}