@media (max-width: 800px) {


.pel-overall2 {
    width: 100% !important;
}
.pel-header-content {
    width: 100%;
}
.pel-main .pel-content {
    margin-left: 0;
    width: 100% !important;
}
.pel-footer-content {
    padding-left: 0;
    width: 100%;
}
.na-zametku {
    background: rgba(0, 0, 0, 0) url("/css2/index-hoz.png") repeat-y scroll center center;
    height: auto;
    padding-bottom: 10px;
    padding-left: 0;
    width: 100%;
}
.na-zametku-wrapp {
    height: auto;
}
.na-zametku-item {
    display: block;
    height: auto;
    margin: 0 auto 20px !important;
    width: 60%;
}
.na-zametku-img {
    display: block;
    margin: 0 auto;
}
.faq-week-block {
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
}
.faq-week-logo {
    display: none;
}
.site-name {
  height: auto !important;
  margin-right: 0 !important;
  width: 100%;
}
.pel-header-menu > ul > li {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 5px 17px;
}
.pel-header-menu {
  text-align: center;
  width: 100%;
}
.pel-header {
    background-size: 100% 100%;
    height: auto;
}


.index-faq {
    display: none;
}
.line .column {
    display: block;
    float: none;
    margin: 0 auto;
    width: 100%;
}
.line .column .remkala {
    display: none;
}
.pel-news-index {
    width: 100%;
    box-sizing: border-box;
}

.remkala-175 {
  display: block !important;
  float: none !important;
  width: 100%;
}

.pel-news-index {
    float: none;
}

.na-zametku-item-head > a {
  text-align: center;
}

.kopilka .kopilka-content {
    background-size: 100% 100%;
    box-sizing: border-box;
    width: 100% !important;
}
.news-ann-img {
    display: block;
    float: none !important;
}
.block-container .news-last-news .news-list-right {
    display: block !important;
    margin-left: 0 !important;
}
.news-list-logo {
    float: none !important;
}
.book_wrapper {
  width: 85% !important;
}

.kopilka {
    display: block;
    float: none;
    width: 100% !important;
}

.book_wrapper img {
    width: 90% !important;
}
.book_wrapper a.article, .book_wrapper a.demo {
    margin: 0 !important;
    position: relative;
}
.b-wrap.b-wrap-left p, .b-wrap.b-wrap-right p {
    max-height: 145px;
    max-width: 100%;
    overflow: hidden;
}
a#next_page_button {
    right: -20px !important;
}
a#prev_page_button {
    left: -20px !important;
}
.pel-footer {
  background-size: 100% 100%;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
}
.pel-header .site-name > a {
    font-size: 30px !important;
}
.site-name > span {
  font-size: 14px;
}
.index-img-in-block {
  max-width: 100%;
}
.pel-main .pel-white {
  box-sizing: border-box;
  width: 100%;
}
.na-zametku-articles {
  width: 100%;
}
#faq_main_table nobr {
  white-space: normal;
}
.faq_sort_links {
  border-radius: 5px !important;
  display: block !important;
  width: 100% !important;
}
#faq_form_table .hint {
  display: block;
  padding-top: 0;
  position: relative;
}

.faq_link.faq_answer_own {
    display: block;
    width: 100%;
}
.pel-white.articles iframe  {
  max-width: 100%;
}

    #sidebar {
        background: none repeat scroll 0 0 white !important;
        box-shadow: -3px 6px 17px -4px rgba(0, 0, 0, 0.75);
        padding-right: 2px;
        position: absolute;
        right: 0;
        top: 120px;
        z-index: 18;
    }
    .collapse-sidebar {
        color: white;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .collapse-sidebar + input + * {
        display: none ;
    }
    .collapse-sidebar + input:checked + * {
        display: block;
    }
    .collapse-sidebar > img {
      border: 2px solid white;
      margin-right: 5px;
      margin-top: 53px;
      width: 32px;
    }
    #pda-off {
        display: block;
        padding: 5px;
    }
    #logo img {
        float: left;
        height: auto;
        margin-left: 5px;
        margin-top: 2px;
        width: 33px;
    }
    div#header div#logo span {
        font-size: 23px !important;
    }
    .map-block-full-link {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    #logo {
      padding: 0;
      width: 92%;
    }
    #header {
        height: 24px !important;
    }

    .rtabs-1 label, a.block-other-city,
    .rtabs-2 label, a.block-other-city,
    .rtabs-5 label, a.block-other-city,
    .rtabs-7 label, a.block-other-city {
        white-space: nowrap !important;
        line-height: 33px !important;
    }

    div.infobox {
        float: none !important;
        margin: 0 auto !important;
        width: 80% !important;
    }


    .Choose-search .search-text {
        width: 56% !important;
    }
    .Choose-search {
        float: none !important;
        width: 100% !important;
    }
    .Choose-map-button {
        display: block;
        margin: 0 !important;
        width: 100% !important;
    }
    .Choose-map-button .btn {
        margin-top: 10px;
        width: 100% !important;
    }

    .news-det-right {
      margin-left: 0 !important;
    }
    .news-list-right {
      margin-left: 0 !important;
    }


    .new-shops td {
        display: block;
        text-align: center;
        width: 100% !important;
    }

    .tabwrapper .map-img {
        width: 100% !important;
    }

    .map-block-full-link {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }

    .news-det-logo {
        float: none !important;
        width: 100% !important;
    }


}

@media (max-width: 450px) {
    div#header div#logo span {
        font-size: 16px !important;
        width: 93% !important;
    }
}






@media (max-width: 600px) {
    .det-card-logo {
        display: block !important;
        margin: 0 auto;
        padding-top: 10px;
        position: relative !important;
    }


    div.shopcomment-form-div div.wysibb {
        display: block !important;
    }
    .shcomm-right {
        display: block !important;
        padding-left: 0 !important;
    }
    .shcomm-left {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    div.form .shcomm-bottom .buttons {
        padding-left: 0 !important;
    }


    .shop_ui {
        display: inline-block !important;
        float: none !important;
        margin-top: 5px;
    }
    .shop_worker_info {
        text-align: center !important;
    }


    div.dr-catalog-creds {
        float: none !important;
        margin-left: 0 !important;
        padding-top: 10px !important;
        text-align: right !important;
    }


}