/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytov.php ***/

body > .pp_pic_holder.facebook {display: none !important;}
body > .pp_overlay {display: none !important;}

@media screen and (min-width: 1006px) {
body {overflow: auto !important;}
#zakr {display: none !important;}
#sidebar {display: block !important; left: 0px !important;}
}
@media screen and (max-width: 1122px) {
#bg_p {display: none;}
#navigation .inner {min-height: 45px; height: auto;}
#navigation .inner #menu-top {text-align: center; left: 0px; width: auto; max-width: 1015px !important; min-height: 45px; height: auto;}
#menu-top li {padding: 0 33px; float: none; display: inline-block; vertical-align: top;}
#menu-top li:first-child {margin-left: 53px;}
}
@media screen and (max-width: 1005px) {
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}

#sidebar, #sidebar2 {float: none !important; margin: 0px; padding: 0px; width: 100% !important; max-height: 100%; height: 100%; overflow: auto; position: fixed; display: none; background-color: #fff; top: 0px; left: -100%; right: 0px; z-index: 201; -webkit-transition: left 1s; -moz-transition: left 1s; -o-transition: left 1s; transition: left 1s;}
#buter {border: 1px solid #dfe6e8; opacity: 0.7; width: 32px; height: 23px; cursor: pointer; background: url('/wp-content/themes/faradey/images/buter.png') center no-repeat; display: block !important; padding: 6px; position: fixed; top: 0px; left: 0px; z-index: 200; background-size: 32px 23px !important; background-color: #fff; border-radius: 0 0 5px 0;}
#buter:hover {opacity: 1 !important;}
#zakr {z-index: 99999990 !important; cursor: pointer; color: #db3029; position: fixed; right: 1px; top: 2px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #ff0a00 !important;}
.catalog_menu .catalog_page_item li a {margin: 20px; width: auto;}
.catalog_menu .catalog_page_item .children li {width: auto; margin: 15px 20px; padding-left: 0px;}
.catalog_menu .catalog_page_item .children li a {display: inline-block; margin: 0px; padding: 0px 7px 0px 20px !important; background-position: 2px 50%; text-align: left;}

#logo-flash {display: none !important;}
#logo-plus {display: block;}
#header {height: auto; min-height: 200px;}
.slider_wrap {width: 100% !important; height: auto !important; min-height: 200px;}
.slider-wrapper {min-height: 200px;}
.theme-default .nivoSlider {min-height: 200px; background-size: cover !important; background-position: center !important;}
.theme-default .nivoSlider > div {display: none !important;}

#navigation {min-height: 10px;}
#navigation .inner {min-height: 10px; margin-top: 0px;}
#navigation .inner #menu-top {padding: 10px; min-height: 10px; line-height: normal;}
#navigation {height: auto; min-height: 53px; background-size: 100% 150%; border-top: 2px solid #a5a8a9; border-bottom: 2px solid #a5a8a9; position: static; margin-top: -1px; background-position: 50% 47%;}
#menu-top li {padding: 0px; background: none; margin: 7px; height: auto; line-height: normal;}
#menu-top li:first-child {margin-left: 7px;}

#main {z-index: auto; padding: 0 0 20px;}
#wrapper {margin: 20px auto 0; width: auto; z-index: auto;}
#content {width: auto; padding: 0px 10px;}

p {text-align: left;}
.cattab td {text-align: left;}
.news-text p {text-align: left;}
td .wp-post-image[width="100"] {max-width: 100px !important;}

.content table {width: 100%;/* display: block;*/ overflow: auto; box-sizing: border-box;}
.content table > tbody {width: 100%; display: table; box-sizing: border-box;}
.content p iframe {margin: auto; display: block;}
.content > p:first-child {word-break: break-word;}

.ngg-galleryoverview {text-align: center;}
.ngg-gallery-thumbnail-box {float: none; display: inline-block; vertical-align: top;}

.news-img {float: none; text-align: center; width: auto;}
.news-img #img01, .news-img #img02, .news-img #img03, .news-img #img04 {float: none; display: inline-block; vertical-align: top; margin: 7px;}
.news-img #img03 img, .news-img #img04 img {float: none; margin-right: 0px;}
.news-img #img03:empty, .news-img #img04:empty {display: none !important;}

#footer {min-height: 71px; height: auto; background-size: 100% 100%; text-align: center;}
#footer li {margin: 7px !important; float: none; display: inline-block; vertical-align: top; text-align: left;}
#top .inner, #navigation .inner, #footer .inner {width: auto;}
#footer .inner {padding-top: 8px;}
}
@media screen and (max-width: 675px) {
#top {height: auto; background: none;}
#logo {position: static; margin: auto; height: 110px; box-sizing: border-box; padding-right: 20px; margin-bottom: -25px;}
#top .floatR {position: relative; z-index: 10; width: 211px; margin: auto; white-space: nowrap; border: solid #c7cacb 2px; border-radius: 0px 0px 0px 5px; border-top: 0px; border-right: 0px; padding: 0px; background: url(images/top_bg.jpg) repeat-x 50% 0;}
.phone .number {padding-bottom: 5px; padding-left: 40px; margin-left: 5px;}
}
@media screen and (max-width: 500px) {
table.cattab td {/*display: inline;*/ width: auto;}
table.cattab td img {float: left; margin-right: 10px;}
#logo {margin-bottom: 0px; height: auto;}
#top .floatR {float: none; border: 0px; background: none; margin-top: -8%;}
.phone .number {margin-left: 0px; padding-bottom: 20px; padding-left: 0px; margin-left: 25%; background: none;}
}
@media screen and (max-width: 450px) {
.content .alignleft, .content .alignright {float: none; margin: 20px auto !important; display: block;}
.content table {-moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
}
@media screen and (max-width: 420px) {
#logo {padding-right: 0px;}
#logo img {margin-left: 0px;}
.phone .number {margin-left: 38%;}
}
@media screen and (max-width: 345px) {
.phone .number {margin-left: 35%;}
}
@media screen and (max-width: 315px) {
.phone .number {margin-left: 33%;}
table.cattab td img {float: none; display: block; margin: auto;}
}
@media screen and (max-width: 300px) {
.phone .number {margin-left: 31%;}
}