@media (max-width: 800px) {
    
    #slider1_container {
        display: none;
    }
    .wrapper {
        width: 100%;
    }
    .col {
        float: none;
        margin: 0 auto;
    }

    .container {
      margin-right: 0 !important;
      padding-left: 10px;
      width: 97% !important;
    }
    .middle {
        border-right: medium none;
    }
    .comment_r {
      width: 50% !important;
    }    


    .col > img {
        width: 80% !important;
    }
    .col {
        text-align: center;
        width: 100%;
    }

    .index-delim {
      height: 0px !important;
      margin-top: -10px;
    }

    img#left-logo {
      left: 3px;
      top: 3px;
    }
    div#main-page-search input#right-search-input {
      width: 85%;
    }
    div.left-block {
        float: none;
        margin: 0 auto;
    }
    div.right-block {
        float: none;
        margin: 0 auto;
    }


    .new-shops td {
        display: block;
        text-align: center;
        width: 100% !important;
    }
    nav::before {
        border-radius: 4px;
        content: "\0420 \0430 \0437 \0434 \0435 \043B \044B  \0441 \0430 \0439 \0442 \0430 ";
        line-height: 31px;
        margin: 0;
        padding: 7px 10px;
        position: relative;
        top: 10px;
        border: 1px solid white;
    }
    nav:focus::before {
        content: none;
    }
    nav:focus div::before {
        border: 1px solid white;
        border-radius: 4px;
        content: "\0421 \043A \0440 \044B \0442 \044C  \0440 \0430 \0437 \0434 \0435 \043B \044B ";
        line-height: 31px;
        margin: 0;
        padding: 7px 10px;
        position: relative;
        top: 10px;
    }
    nav:not(:focus) div:not(:active) {
        display: none;
    }
    #nav6 > ul > li, #nav6 > div > ul > li {
        background: none repeat scroll 0 0 white !important;
        float: none !important;
        margin: 0 !important;
        text-align: left;
        display: block !important;
    }
    #nav6 ul ul {
        left: 0;
        opacity: 1;
        position: relative !important;
    }
    #nav6 > div > ul {
      margin-top: 10px !important;
      opacity: 1 !important;
      width: 90%;
      z-index: 100;
    }
    
    #nav6 > ul > li, #nav6 > div > ul > li {
      z-index: 4;
    }
    #nav6 a {
      background: #707070 none repeat scroll 0 0;
      border-radius: 0 !important;
      display: block !important;
      font-size: 15px !important;
      margin: 0 !important;
      padding: 10px 5px !important;
      width: 100% !important;
    }
    #nav6 li:hover ul {
      top: 0 !important;
    }

    .menu-label {
      font-size: 15px !important;
      color: #DBDBDB;
    }

    #logo, #logo img {
        height: 80px !important;
        width: 80px !important;
    }
    #share-bllock {
      top: 40px !important;
    }
    .content h1  {
      text-align: center;
    }
    #nav6 {
      padding: 0 !important;
      display: block;
    }

    #nav6 ul ul {
        opacity: 1 !important;
    }

    .right-sidebar {
      background: none repeat scroll 0 0 white !important;
      box-shadow: -3px 6px 17px -4px rgba(0, 0, 0, 0.75);
      color: white;
      display: block;
      margin-right: 0;
      position: absolute;
      right: 0;
      top: 0;
      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;
      position: absolute;
      right: 3px;
      top: -44px;
      width: 32px;
    }
    #pda-off {
        display: block;
        padding: 5px;
    }

    .map-block-full-link {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    #header {
      height: 80px !important;
    }


    div#footer > div {
      display: block;
      float: none;
      height: 100%;
      margin: 0 auto;
      text-align: center;
    }



    div.shop-block {
      clear: both;
      height: auto !important;
      width: 100% !important;
    }


    #back td {
        display: block !important;
        text-align: center;
        width: 100% !important;
    }
    #back textarea {
        display: block;
        margin: 0 auto;
        width: 87% !important;
    }
    .in_podskaz {
        width: 90% !important;
    }
    #back select {
        max-width: 89% !important;
    }
    #back p {
        width: 95% !important;
    }
    div#center-city {
        background: none !important;
    }
    body {
      background: white;
    }
    .test-comments-form .loginza > img {
        margin-bottom: 0 !important;
    }

    .news-det-right {
      margin-left: 0 !important;
    }
    .news-list-right {
      margin-left: 0 !important;
    }

    #porto-wrapper {
      width: 100% !important;
    }

    .content iframe {
      max-width: 100% !important;
      height: auto !important;
    }



    div.infobox {
        float: none !important;
        margin: 0 auto !important;
        width: 80% !important;
    }


    .Choose-search .search-text {
        width: 45% !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;
    }

    .TestDiv img {
      width: 100% !important;
    }

    .news-ann-img {
        float: none !important;
        width: 90% !important;
    }
    .news-list-logo {
        float: none !important;
        margin: 0 auto !important;
        width: 90% !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;
    }


}