@media screen and (max-width: 360px) {
  .content-wellpaper {
    width: 100%;
    position: inherit;

    
  }
  body {
    width: 400px;
  }
   .footer__widget.mt-2{ margin-bottom: -30px; }
  .header__logo { padding: 0px 0; }
  ul.footer-text {
    font-size: 12px;
    top: 12px;
    position: relative;
  }
  .content { margin-top: 50px}
  .text{ bottom: 20px; } 
  .footer-icon{
    height: 85px;
    position: absolute;
    text-align: center;
    top: -30px;
  } 

  .footer-icon {
    padding-top: 20px;
    float: right;
    text-align: center;
    padding-bottom: 14px;
  }
  div#set-icon {padding-top: 30px;}
} 
@media screen and (max-width: 641px) {
  .blog_item_pic {
      border-radius: 61%;
      background-color: rgb(239, 243, 250);
      padding: 29px 29px 29px 29px;
      height: 111px;
      width: 38%;
      margin-left: auto;
      margin-right: auto;
  } 
  .content-wellpaper {
    position: inherit;
  }
} 

@media screen and (max-width: 360px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250); 
    padding: 23px 13px 13px 13px;
    height: 100px;
    width: 45%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 384px) {
  p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  p.Alle {
    float: right;
    margin-right: 3em;
    font-size: 11px;
    color: #000;
    margin-top: 5px;
    font-weight: 600;
  }
  img.Anzeigen_icon {
    margin-top: 5px;
    margin-left: 30px;
  }
  .content-wellpaper {
    position: inherit;
  }
}
@media screen and (min-width: 768px) {
  p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  p.Alle {
    float: right;
    margin-right: 5em;
  }
  .content-wellpaper {
    position: inherit;
  }
  
}
@media screen and (min-width: 1024px) {
  p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  p.Alle {
    float: right;
    margin-right: 5em;
  }
  .content-wellpaper {
    position: inherit;
  }.content-wellpaper {
    position: inherit;
  }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
   p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  img.Anzeigen_icon {
    margin-top: 5px;
    margin-left: 60px;
  }
  p.Alle {
    float: right;
    margin-right: 2em;
  } 
  .hero_category {
    width: 200px;
  }
  .new-categories {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
  }
  .hero__search__form {
    margin-left: 10px;
  }
  .hero__search__form form button {
    width: 41%;
  }
  .content-wellpaper {
    position: inherit;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
   p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  img.Anzeigen_icon {
    margin-top: 5px;
    margin-left: 60px;
  }
  p.Alle {
    float: right;
    margin-right: 3em;
  } 
  .content-wellpaper {
    position: inherit;
  }
  nav.footer-bottom_nav {
    margin-top: 0px;
    justify-content: space-between;
  }
  ul.footer_nav_list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin-left: -85px;
  }
  li.nav-list-item { 
    font-size: 11px;
    font-weight: 700;
    margin-top: 6px;
  }
  .wizard-pill-step {
    margin-left: 4.5rem;
  }
  .wizard_pill_step {
    margin-left: 4.5rem;
  }
  .pill_step{
    margin-left: 4.5rem
  }
  .message-container.warning-message {
    background-color: #fff5c4;
    border: 1px solid #fed921;
    margin: -10px -30px 0px;
    padding: 0px;
  }
  span.icon {
    margin: 0px -11px 0px 3px;
  }
  .footer_social_media {
    display: flex;
    float: right;
    margin-top: -2.3rem;
    margin-right: 14px;
  }
  button.btn.btn-wh-primary.adinput-button.prev {
      font-size: 12px;
      left: -10px;
    }
    button.btn.btn-wh-primary.adinput-button.proceed{
      font-size: 12px;
      right: -10px;
    }
}
@media only screen and (min-width: 1024px) and (min-width: 600px) {
   p.Anzeigen_icon {
    width: 100%;
    position: absolute;
  }
  img.Anzeigen_icon {
    margin-top: 5px;
    margin-left: 60px;
  }
  .content-wellpaper {
    position: inherit;
  } 
} 

@media screen and (max-width: 414px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 110px;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  p.Anzeigen_icon {
    width: 88%;
    position: absolute;
  }
   p.Alle {
    float: right;
    margin-right: 4em;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 689px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 110px;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 689px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 112px;
    width: 22%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .section-title {
    margin-left: -70px;
  }
  button.btn.btn-warning.text-center {
    border-color: rgb(219, 149, 75);
    background-color: rgb(219, 149, 75);
    color: #fff;
    float: left;
    padding-left: 37px;
    padding-right: 37px;
    border: 1px solid rgb(219, 149, 75);
  }
  div#set-icon {
    padding-top: 0em;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 750px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 112px;
    width: 22%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .section-title {
    margin-left: -70px;
  }
  button.btn.btn-warning.text-center {
    border-color: rgb(219, 149, 75);
    background-color: rgb(219, 149, 75);
    color: #fff;
    float: left;
    padding-left: 37px;
    padding-right: 37px;
    border: 1px solid rgb(219, 149, 75);
  }
  div#set-icon {
    padding-top: 0em;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 851px) {
  div#set-icon {
    padding-top: 0em;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 534px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 112px;
    width: 37%;
    margin-left: auto;
    margin-right: auto;
  }
  .newtag {
    margin-bottom: 23px;
    float: left;
    margin-left: 60px;
  }
  h2.popular-cate {
    font-size: 1.14286rem;
  }

  div#set-icon {
    padding-top: 10px;
    float: left;
  }
  button#login-btn{
    border-color: rgb(219, 149, 75);
    background-color: rgb(219, 149, 75);
    color: #fff;
    float: left;
    padding-left: 70px;
    padding-right: 70px;
    border: 1px solid rgb(219, 149, 75);
  }
  h2.set-title {
    font-size: 18px;
    font-weight: 700;
    top: 15px;
    left: 15px;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 374px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 110px;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}


@media screen and (min-width: 1773px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 110px;
    width: 54%;
    margin-left: auto;
    margin-right: auto;
  }
   p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 519px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 130px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }

}
 
@media screen and (max-width: 850px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 105px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text-sc {
    text-align: center;
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .newtag {
    margin-bottom: 23px;
    float: left;
    margin-left: -1em;
  }
  h2.popular-cate {
    margin-left: -28px;
     margin-left: -1.2em;
  }
  div#set-icon {
    margin-top: -28px;
    /*padding-top: 2em;
    padding-bottom: 15px;*/
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 400px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 23px 13px 13px 13px;
    height: 110px;
    width: 38%;
    margin-left: auto;
    margin-right: auto;
  }
  h2.popular-cate {
    font-size: 18px;
    font-weight: 700;
    top: 2px;
    left: 3px;
  }
  .newtag {
    margin-bottom: 23px;
    float: left;
    margin-left: 4em;
  }
  .content-wellpaper {
    position: inherit;
  }
} 
@media screen and (max-width: 412px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 11px 10px 11px 10px;
    height: 89px;
    width: 28%;
    margin-left: auto;
    margin-right: auto;
  } 
  .content-wellpaper {
    position: inherit;
  }
} 
@media screen and (max-width: 1024px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 11px 10px 11px 10px;
    height: 89px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
  } 
  .content-wellpaper {
    position: inherit;
  }
} 

@media screen and (max-width: 1280px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 19px 10px 19px 10px;
    height: 98px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  } 
}  
@media screen and (max-width: 375px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 19px 10px 19px 10px;
    height: 94px;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  button#login-btn {
    /*border-color: rgb(219, 149, 75);*/
    background: #0486bd;
    border: 1px solid #0486bd;
    color: #fff;
    float: left;
    padding-left: 66px;
    padding-right: 66px;
  } 
  .header__top__right{
    margin-left: -16px;
  }
  .content-wellpaper {
    position: inherit;
  }
} 
@media screen and (max-width: 414px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 19px 10px 19px 10px;
    height: 100px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  button#login-btn {
    background-color: #e9621a;
    border: 1px solid #e9621a;
    color: #fff;
    float: left;
    padding-left: 66px;
    padding-right: 66px;
  } 
  .header__top__right{
    margin-right: -12px;
  }
  .content-wellpaper {
    position: inherit;
  }
} 

@media screen and (max-width: 768px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 19px 10px 19px 10px;
    height: 100px;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
  }
  .content-wellpaper {
    position: inherit;
  }
}
@media screen and (max-width: 400px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 4px 4px 4px 4px;
    height: 59px;
    width: 53px;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text {
    font-size: 11px;
    color: #000;
    font-weight: 600;
  }  
  .header__top__right{
    margin-left: -13px;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 625px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 4px 4px 4px 4px;
    height: 59px;
    width: 53px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-title {
    margin-left: 9px;
  }
  p.Text {
    font-size: 11px;
    color: #000;
    font-weight: 600;
  }  
  .header__logo {
    padding: 0px 0;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 800px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 15px 4px 4px 4px;
    height: 86px;
    width: 85px;
    margin-left: auto;
    margin-right: auto;
  }
   p.Text {
    font-size: 11px;
    color: #000;
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 412px) {
  .blog_item_pic {
    border-radius: 50%;
    background-color: rgb(239, 243, 250);
    padding: 0px 3px 2px 3px;
    height: 52px;
    width: 44px;
    margin-left: auto;
    margin-right: auto;
  }
  p.Text {
    font-size: 9px;
    color: #000;
    font-weight: 600;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 414px) {
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 5px 4px 9px 4px;
    height: 67px;
    width: 53px;
    margin-left: auto;
    margin-right: auto;
  }
  .content-wellpaper {
    position: inherit;
  }
}
@media screen and (max-width: 820px){
  .blog_item_pic {
      border-radius: 61%;
      background-color: rgb(239, 243, 250);
      padding: 19px 10px 19px 10px;
      height: 105px;
      width: 116px;
      margin-left: auto;
      margin-right: auto;
  }
  .content-wellpaper {
    position: inherit;
  }

}

@media screen and (max-width: 540px){
  .blog_item_pic {
      border-radius: 61%;
      background-color: rgb(239, 243, 250);
      padding: 6px 5px 5px 5px;
      height: 65px;
      width: 58px;
      margin-left: auto;
      margin-right: auto;
  }
  .content-wellpaper {
    position: inherit;
  }
}

@media screen and (max-width: 320px){
  .blog_item_pic {
    border-radius: 61%;
    background-color: rgb(239, 243, 250);
    padding: 0px 10px 3px 10px;
    height: 54px;
    width: 44px;
    margin-left: auto;
    margin-right: auto;
  } 
  .content-wellpaper {
    position: inherit;
  }
} 

/*------------ footer ---------------*/

/*------------ marketplace start ---------------*/
  @media only screen and (min-width: 644px) and (max-width: 833px) {
    .col-lg-6.col-md-12.categories_name {
      width: 55%;
    }
    .content-wellpaper {
    position: inherit;
    }
  }
 @media only screen and (min-width: 600px) and (max-width: 1024px) {
    p.cate_all {
      margin-left: -28px;
    }
  }

/*------------ marketplace end ---------------*/

/*------------ execution start ---------------*/
  @media only screen and (min-width: 400px) and (max-width: 700px) { 
    .message-container.warning-message {
      background-color: #fff5c4;
      border: 1px solid #fed921;
      margin: -10px -30px 0px;
      padding: 0px;
    }
    span.icon {
      margin: 0px -11px 0px 3px;
    }
    nav.footer-bottom_nav {
      margin-top: 0px;
      justify-content: space-between;
    }
    ul.footer_nav_list {
      display: flex;
      flex-wrap: wrap;
      list-style-type: none;
      margin-left: -85px;
    }
    li.nav-list-item { 
      font-size: 11px;
      font-weight: 700;
      margin-top: 6px;
    }
    .footer_social_media {
      display: flex;
      float: right;
      margin-top: -70px;
      margin-right: 38px;
    }
  }

  @media only screen and (min-width: 360px) and (max-width: 640px) {
    a#Free_ad{ text-align: center;}
    p#Tage{text-align: center;}
    div#anzeige-aufgeben{padding: 10px;}
    p.adinput_ads {margin-bottom: 10px;text-align: center;}
    .laufzeit_ads {border-top: 1px solid #d9e8f6;margin-left: 0px;}
    .laufzeit{margin-left: 0px;}
    h3.product-title-small{padding-left: 25px;}
    p.product-description.small{padding-left: 25px;}
    h3.product-title{padding-left: 25px;}
    .angebote{text-align: center;}
    .message-container.warning-message{background-color: #fff5c4;border: 1px solid #fed921; 
      margin: -10px -30px 0px;padding: 0px;}
    span.icon {margin: 0px -11px 0px 3px;}
    nav.footer-bottom_nav {margin-top: 0px;justify-content: space-between;}
    ul.footer_nav_list {display: flex;flex-wrap: wrap;list-style-type: none;margin-left: -65px;}
    li.nav-list-item {font-size: 11px;font-weight: 700;margin-top: 6px;}
    .footer_social_media {display: flex;float: right;margin-top: -8rem;margin-right: 38px;}
    .stepwizard-step {display:table-cell;text-align:center;position:relative;font-size: x-small;}
  }
  @media only screen and (min-width: 280px) and (max-width: 653px){
    .stepwizard-step {
      display:table-cell;
      text-align:center;
      position:relative;
      font-size: x-small;
    }
  }
 @media only screen and (min-width: 333px) and (max-width: 465px) {
    a#Free_ad{
      text-align: center;
    }
    p#Tage{
      text-align: center;
    }
    div#anzeige-aufgeben{
      padding: 10px;
    }
    p.adinput_ads {
      margin-bottom: 10px;
      text-align: center;
    }
    .laufzeit_ads {
      border-top: 1px solid #d9e8f6;
      margin-left: 0px;
    }
    .laufzeit{
      margin-left: 0px;
    }
    h3.product-title-small{
      padding-left: 25px;
    }
    p.product-description.small{
      padding-left: 25px;
    }
    h3.product-title{
      padding-left: 25px;
    }
    .angebote{
      text-align: center;
    }
  }

  @media only screen and (min-width: 360px) and (max-width: 640px) {
    .footer_social_media {
      display: flex;
      float: right;
      margin-top: -8rem;
      margin-right: 38px;
    }
    button.btn.btn-wh-primary.adinput-button.prev {
      font-size: 12px;
      left: -15px;
    }
    button.btn.btn-wh-primary.adinput-button.proceed{
      font-size: 12px;
      right: -15px;
    } 
  }
 @media only screen and (min-width: 625px) and (max-width: 960px) { 
    .message-container.warning-message {
      background-color: #fff5c4;
      border: 1px solid #fed921;
      margin: -10px -30px 0px;
      padding: 0px;
    }
    span.icon {
      margin: 0px -11px 0px 3px;
    }
    .footer_social_media {
      display: flex;
      float: right;
      margin-top: -4rem;
      margin-right: 38px;
    }
  } 
  @media only screen and (min-width: 912px) and (max-width: 1368px) { 
    .footer_social_media {
      display: flex;
      float: right;
      margin-top: -40px;
      margin-right: 38px;
    }
  }
  @media only screen and (min-width: 386px) and (max-width: 506px) {
    .form-check.new {
      margin-left: -34px;
    }
  } 
/*------------ execution end ---------------*/
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}