@media screen and (min-width: 200px) and (max-width: 640px) {
  #quadmenu {
    background-color: var(--white) !important;
    color: var(--black) !important;
  }

  #Offres_texte_basic {
    height : 60px!important;
  }

  #Offres_texte_digital{
    height : 60px!important;
  }

  #Offres_texte_weekend{
    height : 100px!important;
  }

  #plus_offer_basic{
    display : none;
  }

  .offer_daypass{
    height : 300px!important;
  }



  #div_footer{
    height : 82px!important;
  }

  
  #div_copyright{
    margin-top : 10px!important;
  }

 .color_white_hover a:active{
   color : white!important;
 }

  .item-politik .quadmenu-caret {
    display: none;
 } 

 .item-lokal .quadmenu-caret {
  display: none;
} 

.item-kultur .quadmenu-caret {
  display: none;
} 

.item-meinung .quadmenu-caret {
  display: none;
} 

.item-international .quadmenu-caret {
  display: none;
} 

.item-wirtschaft .quadmenu-caret {
  display: none;
} 

.item-sport .quadmenu-caret {
  display: none;
} 

.item-magazin .quadmenu-caret {
  display: none;
} 

 .item-politik  {
  padding-left: 0px!important;
} 

.quadmenu_btt {
  display : none!important;
}

.item-politik a

  .quadmenu-text {
    /*color: var(--black) !important;*/
    width: 100%;
  }

  #quadmenu
    .quadmenu-navbar-nav
    li.quadmenu-item-level-2
    .quadmenu-item-content {
    padding-bottom: 7px !important;
    padding-top: 7px !important;
  }

  .quadmenu-text:hover {
    color: var(--white) !important;
  }

  .Logo {
    width: 120%;
    height: 120%;
  }

  #container_body {
    padding-right: 7px !important;
    margin-right: 15px !important;
  }

  .prix_offre {
    padding-top: 33px !important;
  }

  #slash {
    display: none;
  }

  .container-fluid {
    /*background-color  : var(--white) !important;*/
  }

  .col-content {
    width: 100%;
  }

  #headernavbar {
    background-color: var(--black) !important;
    color: var(--white) !important;
    padding-left: 15px !important;
    font-weight: 300 !important;
    font-size: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: block !important;
  }

  .search {
    background: url("/wp-content/themes/html5blank-stable/Ressources/images/Pictos/Picto_Loupe.svg");
    background-size: 21px 21px;
  }

  .quadmenu-item-content {
    border-bottom: 1px solid;
  }

  .quadmenu-item-content {
    display: block;
    color: var(--black) !important;
  }

  .quadmenu-item-content:hover {    
    color: var(--white)!important;
  }

  .quadmenu-caret:hover {
    display: block;
    color: var(--white);
  }

  .item-service {
    display: none !important;
  }

  .item-premium {
    display: none !important;
  }

  .item-startseite {
    margin-right: 0px !important;
  }

  .article-home-medium {
    width: 100% !important;
    /*margin-bottom: 0px!important;*/
  }
  .quadmenu-row {
    color: var(--red) !important;
  }

  .quadmenu-has-navigation span {
    padding-left: 40% !important ;
    color: var(--white) !important;
    background-color: var(--black) !important;
    padding-right: 15px !important;
  }

  .tag-panel {
    display: none !important;
  }

  #div_logo {
    width: 50% !important;
    padding-left: 0px !important;
    margin-left: 0px!important;
  }

  #div_login {
    width: 50% !important;
  }

  #container_header {
    padding-left: 5px !important;
  }

  .block-col-right {
    width: 100% !important;
    padding-right: 18px !important;
    padding-left: 0px !important;
  }

  .block-col-left {
    width: 100% !important;
    padding-right: 15px;
    /*margin-left : 8px;
    margin-right: 8px;*/
  }

  #img-4 {
    width: 50% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0px;
  }

  #content-4 {
    width: 50% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-right: 0px;
    height: 135px !important;
  }

  .infobox-left {
    width: 100%;
    float: left;
    margin-right: 17px;
  }

  p {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .infobox-middle {
    text-align: center;
  }

  .infobox-right {
    width: 100%;
    float: right;
    margin-left: 17px;
  }

  .comments {
    margin-right: 15px;
  }

  .article-home-medium .bottom {
    height: 100px;
  }

  figure > img {
    width: 100% !important;
  }

  .img-fluid {
    width: 100% !important;
    height: 100% !important;
  }

  .article_02 {
    width: 100% !important;
    margin-left: -15px !important;
  }

  #img-111 {
    height: 140px !important;
  }

  #img-11 {
    height: 140px !important;
  }

  #headernavbar_div {
    padding-right: 0px;
    background-color: var(--black) !important;
  }

  .article_04 {
    height: 100%;
    padding-left: 7px !important;
  }

  h2 {
    font-size: 33px !important;
  }

  .col-left {
    width: 52% !important;
  }

  .col-right {
    width: 48% !important;
    padding-top: 5px !important;
    padding-left: 15px !important;
    padding-right: 0px !important;
    height: 140px !important;
  }

  .social_toolbar {
    padding-right: 8px;
    display: none;
  }

  .article_01 {
    height: 140px;
    margin-right: 15px;
    width: 100%;
    padding-right: 15px !important;
  }

  .article-head-medium {
    height: 119px;
    padding-right: 15px;
  }

  .article-head {
    padding-right: 15px !important;
    padding-left: 0px !important;
  }

  .bottom {
    padding-left: 25px !important;
    padding-right: 20px !important;
    margin-left: 7px !important;
  }

  .overtitle {
    font-size: 14px !important;
  }

  .title {
    font-size: 14px !important;
  }

  .teaser {
    font-size: 10px !important;
    display: none;
  }

  .container {
    padding-left: 7px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    /*margin-right : 0px!important;*/
    /*padding-right : 7px!important;

    margin-right : 7px!important*/
  }

  .col-12 {
    padding-right: 15px !important;
    padding-left: 0px !important;
  }

  .article-head-medium .article_01 {
    height: 119px;
  }

  .row {
    padding-right: 0px;
    margin-left: 0px;
  }

  .d-block {
    padding-right: 0px !important;
  }

  .top-5 {
    padding-left: 0px;
    padding-right: 15px;
  }

  .monat {
    padding-top: 0px;
    text-align: right !important;
}

#offers_headerLarge{
  display : none;
}

#offers_headersmall{
  display : block;
}

#offers_first{
  margin-top: 0px!important;
}

  .row > .top5 {
    padding-right: 0px !important;
  }

  .home .block-monsterboard-left {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    margin-left: -15px;
    padding-left: 15px;
    text-align: center;
  }

  /*
  .block-monsterboard-left-sm {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }*/

  .block-monsterboard-right {
    padding-right: 18px !important;
    padding-left: 0px !important;
    margin-top: 15px !important;
    height: 100% !important;
    width: 100% !important;
  }

  .init-row {
    padding-right: 0px !important;
  }

  #navmenu {
    display: none;
  }

  #menu-item-742797 {
    display: none;
  }

  #menu-item-742793 {
    display: none;
  }

  .article-head-medium .article_01 .overtitle,
  .article-head-medium .article_01 .title {
    font-size: 18px;
    line-height: 18px;
  }

  #quadmenu.quadmenu-custom_theme_1:not(.quadmenu-is-horizontal)
    .quadmenu-navbar-nav
    li.quadmenu-item.open
    > a
    > .quadmenu-item-content
    > .quadmenu-caret {
    color: #ffffff !important;
    background-color: var(--black) !important;
  }

  #quadmenu
    .quadmenu-navbar-nav
    li.quadmenu-item
    > a
    > .quadmenu-item-content
    > .quadmenu-text
    open {
    color: #ffffff !important;
  }

  #quadmenu-navbar-nav ul li open {
    background-color: var(--black) !important;
  }

  .quadmenu-item-widget {
    background-color: var(--black) !important;
  }

  .quadmenu-item-has-children {
    /*display: none!important;*/
  }

  .menu-panel {
    display: none !important;
  }

  .quadmenu-item-widget {
    display: none;
  }

  .quadmenu-row {
    max-height: 100px;
  }

  .quadmenu-text hover t_1000 {
    color: #ffffff !important;
  }


  .hoverintent:hover color_white_hover{
    color: #ffffff !important;
  }

  .quadmenu-text  hover t_1000 {
    color: #ffffff !important;
  }

  .quadmenu-text:hover {
    color: #ffffff !important;
  }

  #quadmenu.quadmenu-custom_theme_1
    .quadmenu-navbar-nav
    > li:not(.quadmenu-item-type-button).quadmenu-has-link.open
    .quadmenu-text {
    background-color: #000000;
    color: #ffffff !important;
  }

  #menu-item-742796 {
    display: none !important;
  }

  #menu-item-742797 {
    display: none !important;
  }

  #menu-item-742793 {
    display: none !important;
  }

  #frm {
    margin-left: 0px !important;
  }

  .article_01 .overtitle,
  .article_01 .title {
    line-height: 16px;
    padding: 7px;
  }

  .article_01 h4 {
    height: 100px !important;
  }

  .home {
    align: center;
  }

  .row {
    width: 100%;
  }

  .col-12 {
    padding-right: 0px !important;
  }

  .article-head {
    padding-right: 15px !important;
  }

  .article-date {
    padding-right: 15px !important;
    padding-top: 10px !important;
  }

  .article-author {
    padding-right: 15px !important;
  }

  .social-links {
    padding-right: 15px !important;
  }

  #post-13 {
    padding-right: 15px !important;
  }

  .comment-form-input-wrap {
    padding-right: 15px !important;
    padding-left: 0px !important;
  }

  .block-form-right {
    width: 100% !important;
  }

  .size-large {
    width: 100% !important;
    height: 100% !important;
  }

  .size-full {
    width: 100% !important;
    height: 100% !important;
  }

  .size-edt_xlarge {
    width: 100% !important;
    height: 100% !important;
  }

  .comment {
    width: 100% !important;
    padding-right: 15px !important;
  }

  .infobox img {
    width: 100% !important;
  }

  .single .titre-article {
    font-size: 24px !important;
    font-weight: 200;
    line-height: 32px !important;
    padding: 13px 0px;
  }

  h3 {
    font-family: "Merriweather";
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    line-height: 32px;
  }

  .form-group {
    padding-right: 15px;
  }

  .block-form-left {
    width: 100% !important;
    float: left !important;
    height: 227px !important;
    padding-top: 15px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  #submit {
    width: 96% !important;
  }

  .hr_cat {
    width: 73% !important;
  }

  #hr_mg {
    width: 75% !important;
  }

  .hr_mob {
    margin-right: 15px !important;
    width: 95% !important;
  }

  .text-right a {
    font-size: 14px;
  }

  footer h5 {
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: 9px;
    font-size: 16px;
  }

  footer hr {
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  #header_Fluid {
    padding-left: 5px !important;
    padding-right: 10px !important;
  }

  header {
    height: 85px;
  }

  #picto_login {
    width: 13px !important;
    height: 13px !important;
  }

  header buttom {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px;
  }

  header .Logo {
    margin-top: 10px !important;
    margin-bottom: 1rem !important;
  }

  header buttom,
  .totalpoll-buttons button {
    font-family: Merriweather;
    font-size: 12px !important;
    font-weight: bold !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff !important;
    background-color: #ed2939 !important;
    padding: 2px 10px !important;
    border: 2px solid #ed2939 !important;
    cursor: pointer;
    border-radius: 0px !important;
  }

  .text-right a {
    font-size: 12px;
  }

  #lnk_premium {
    font-size: 16px !important;
    padding-right: 8px !important;
  }

  #headernavbarLeft {
    padding-left: 7px !important;
  }

  #headernavbar {
    padding-left: 5px !important;
    padding-right: 10px !important;
  }

  #block_most {
    padding-top: 0px !important;
  }

  #row_most {
    margin-top: -20px !important;
  }

  #search {
    padding-right: 0px !important;
  }

  #picto_loupe {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  #img-4 {
    height: 135px !important;
    /*padding-bottom : 5px!important;*/
  }

  #Home_Article_04 {
    padding-top: 5px !important;
  }

  #frm{
    margin-left : 35px!important;
    margin-right : 35px!important;
  }

  
  #bodyfrms{
    margin-left : 35px!important;
    margin-right : 35px!important;
  }

  .prix_offre{
    padding-top: 10px!important;
  }

  .offers{
      margin-top : 35px!important;
      
    }

  .text-right a{
    font-size : 12px;
  }

  .article-top-info{
    height: 70px!important;
    
  }

  .image-component{
    width : 100%!important;
  }


  figure.left {
    width: 100% !important;    
}

figure.right {
  width: 100% !important;    
}

.mx-auto{
  width: 100% !important;  
  /*height :  100%!important; */
}

.carousel-control-prev{
  top : 50%!important;
}

.carousel-control-next{
  top : 50%!important;
}
  
}