#globalWrapper.inside  #indexTopRightBlock a img {
    height: 20px;
    width: auto;
}
#globalWrapper.inside div.top-phone {
    right: 410px;
    top: 10px;
}
@media only screen and (max-width: 767px) {
body {
  overflow-x: hidden;
}

#win .visible {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 1000;
    width: 100%;
    padding: 0px;
    border-radius: 3px;
    margin: 0;
}

.content iframe{
    width: 100%;
}

.clear {
    clear: both;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 1px !important;
}

#globalWrapperIndex {
    height: 7650px;
}

#indexWrapper {
    overflow: hidden;
    width: 100%;
    min-width: 320px
}
#headerIndex {
    width: 100%;
    background: url("http://www.organicnatural.ru/img/logo.jpg") no-repeat scroll 0 0; 
}

#indexTopRightBlock  img, #indexTopRightBlock2  img {
    border-radius: 6px;
}

#indexCenterBlock, #indexRightBlock, #watermark {
  display: none;
}
#indexContacts {
    left: 45px;
    right: auto;
    top: 175px;
}
#indexContacts #span_phone {
    bottom: -19px;
    }
.logo-index-text {
  display: none;
}

#indexBottomBlock {
    top: 374px;
}
.search-form, #us_form {
    float: left;
    width: 100%;
}
.search-form {
  margin: 0
}

#indexBottomBlock div.sign-on-index {
    box-sizing: border-box;
    display: table;
    left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    width: 100%;
}
#indexBottomBlock div.sign-on-index div.so-field1 {
    padding: 0 0 0 5px;
}
#indexBottomBlock div.inner {
    margin: 10px 0 0;
    position: relative;
}
#indexBottomBlock img {
    height: auto;
    margin-right: 0;
    width: 100%
}
.bottom-texts h1 {
    font-size: 23px;
    font-weight: bold;
    line-height: 1;
    margin: 8px 0 5px;
}

#indexBottomBlock div.bottom-texts ul.bt-links-top li {
    float: none;
    width: 100%;
}
#indexBottomBlock div.bottom-texts ul.bt-links-top li > div {
    margin: 0 0 10px !important
}

#indexBottomBlock div.bottom-texts {
    padding: 0 5px 10px
}
#indexBottomBlock div.bottom-texts div.index-logos {
    right: auto;
    top: 28px;
}
#indexBottomBlock .bottom-texts a {
    font-size: 20px;
}
#indexBottomBlock .bottom-texts .list a {
    font-size: 14px;
}
div.bottom-texts div.bt-top-row {
    margin: 5px 10px 0
}
#indexBottomBlock div.bottom-texts div.mid-left {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
    width: 100%;
}
#indexBottomBlock div.bottom-texts div:nth-child(4) {
    margin-top: 7px !important;
    width: 100% !important;
}
div.bottom-texts div.bt-top-row div.bt-top-row-block, div.bottom-texts div.bt-bottom-row div.bt-bottom-row-block {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: none;
    height: auto;
    margin: 0 6px 0 0 !important;
    width: 100% !important;
}

div.bottom-texts div.bt-top-row div.bt-top-row-block div.bttrb-inner {
    padding: 10px 0 0;
}
div.bottom-texts div.bt-top-row div.bt-top-row-block.block3 {
    margin: 5px 0 0;
    width: 100% !important;
}
#indexBottomBlock div.bottom-texts div.bt-bottom-row > div.bt-bottom-row-block {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    margin: 0 !important;
    width: 100% !important;
}
.bt-bottom-title {
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    }
.bt-bottom-title span {
  padding-right: 4px;
    padding-top: 10px;
}

div.bottom-texts div.bt-bottom-row {
    display: table;
    margin: -2px auto 0;
    padding: 20px 0 0;
}
div.bottom-texts div.bt-bottom-row div.block1 div.bt-bottom-title {
    background-position: -15px top;
    }
div.bottom-texts div.bt-bottom-row div.bt-bottom-row-block ul {
  padding-left: 25px !important
}

#footer .wrap {
    width: 100%;
}

#indexTopRightBlock .tip {
    display: block;
    height: 29px;
    margin: 0 0 3px;
}
#indexTopRightBlock2 {
    height: auto;
    width: 102px;
    top: 130px;
    padding-right: 0
}
#indexTopRightBlock2 a.tip {
  margin: 0
}
.copyright {
    width: 100%;
}
#indexBottomBlock .bottom-texts .text-left.wide {
  width: 100%
}
div.bottom-texts div.bt-top-row div.bt-top-row-block.block3 ul.list2 li {
    padding: 0 27px 15px 0;
    }
.bottom-texts h1 {
    font-size: 20px;
    width: 100%
    }
/* � ��������� �������� */

#header {
    width: 100%;
}

#content .tableWrapper {
    border: 1px solid #78a22f;
    box-sizing: border-box;
    overflow-x: scroll;
    padding: 5px;
    width: 100%;
}
#nodeMenuLeft, #nodeMenuRight {
  position: relative;
}
#nodeMenuLeft {
    float: none;
    left: 0;
    top: 10px !important;
    width: 100%;
}
#nodeMenuRight {
    float: none;
    right: 0;
    top: 10px !important;
    width: 100%;
}
#content .search-form {
    margin: 0;
}
#content .search-form, #us_form {
    width: 100%;
}
.mainContentTextPage .text img[width="720"],
.mainContentTextPage .text table img, #content img {
max-width: 100%;
}
#content li {
width: 100% !important;
float: left;
text-align: left;
margin-left: 15px;
}
.mainContentTextPage .text table td {
float: left;
display: block;
}
/*.mainContentTextPage .text table {
  width: 150%
}*/
div.bottom-texts.inner {
    margin: 0 auto;
    padding: 0 15px;
    width: 290px;
}
#mainMenuTopRight {
    color: transparent;
    font-size:0px;
    position: absolute;
    right: 275px;
    top: 60px;
    width: auto;
}

#mainMenuTopRight a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 3px;
    text-decoration: none;
}
#globalWrapperIndex #mainMenuTopRight a {
    line-height: 2;
}

#mainMenuTopRight a img {
  display: none
}

div.product-category-left ul {
    width: auto;
}
div.top-phone {
    right: 200px;
    top: 110px;
}

.mainContentTextPage .text img, .banners .thumbnail.png {
height: auto;
}
.sign-on-block {
    border: 1px solid #78a22f;
    box-sizing: border-box;
    padding: 5px !important;
    width: 250px !important;
}
#objectLeft {
  display: none;
}
#mainMenuTopRight {
    margin: 0 auto;
    right: 0;
    top: 250px;
    width: 20%;
    z-index: 300;
}
#globalWrapper.inside  #indexTopRightBlock img {
    float: left;
}
#globalWrapper.inside #indexTopRightBlock2 {
    top: 275px !important;
}
.menuToggle {
    border: 1px solid #78a22f;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 0 10px;
    padding: 5px 5px 3px;
    width: 30px;
}
.menuToggle span {
  display: block;
  height: 3px;
  margin-bottom: 2px;
  background: #78a22f
}

.mainMenuTopRightInner {
    background: #6a910e none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    display: none;
    margin: 0 0 0 -227px;
    padding: 10px 10px 20px;
    width: 260px;
}
.copyright {
    height: auto;
    }
h1 {
    width: 77%;
    text-align: center;
}

h2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin: 17px 0 5px;
    text-align: center;
}


#indexTopRightBlock2 a span {
    bottom: -11px;
    }

/* New header*/
#wrapper, #indexWrapper {
    min-width: 290px;
    overflow: hidden;
    padding: 200px 15px 0;
    width: 290px;
}

#header #homeLink {
    display: none !important;
}
#indexTopRightBlock {
    height: auto !important;
    min-width: 290px !important;
    position: relative !important;
    right: 0 !important;
    top: 18px !important;
    width: 290px !important;
	z-index: 250;
}
#indexTopRightBlock .tip {
    float: left;
}
div.top-phone {
    float: left !important;
    height: auto !important;
    right: 70px !important;
    top: 170px !important;
    padding: 0 0 0 30px;
}
#content {
    float: left;
    margin: 90px 0px 20px !important;
    width: 100%;
}

#indexTopRightBlock2 {
    left: 40px !important;
    right: auto !important;
    top: 310px !important;
    width: 280px !important;
}
#indexTopRightBlock2 a {
    display: block;
    float: left;
    margin-right: 33px !important;
    position: relative;
}
#indexTopRightBlock2 a span {
    bottom: -20px;
}
#indexTopRightBlock2 a span.n3 {
    left: -18px;
}
#indexTopRightBlock2 a span.n1 {
    left: -3px;
}
#indexTopRightBlock2 a span.n2 {
    left: -8px;
}
div.sn-wrapper {
    float: left ;
    position: relative ;
    right: 0 ;
    top: 88px ;
    width: 100% ;
}
div.sn-wrapper div.sn-item {
     margin: 0 15px 0 20px;
}

.bottom-texts .bt-inner h2 {
  margin-bottom: 280px
}
div.photoPreviews div.previewContainer {
    margin: 25px 13px 5px 14px;
	height: 160px;
}

.banners {
    clear: both;
    margin: 0 auto !important;
}
#globalWrapper .bottom-texts {
padding-bottom: 50px;
}
#wrapper, #indexWrapper {
padding-bottom: 0 !important;
}
#indexWrapper {
margin-bottom: -100px;
}
.mainContentTextPage img {
max-width: 100%;
margin-left: auto !important;
margin-right: auto !important;
display: block;

}
.ac-container {
width: 260px !important;
float: left;
}
.ac-container div {
margin-left: 0 !important;
   float: left;
    width: 290px;
}
.mainContentTextPage p {
   float: left ;
    width: 100% ;
	display: block;
}
.ac-container label {
height: auto !important;
font-size: 11px !important;
line-height: 12px !important;
float: left;
width: 250px !important;

}





/* ����� ��� ����������������� ������ */
table {
width: 280px !important;
float: left;
/*table-layout: fixed;*/
}
table td {
float: left;
height: auto;
width: 280px;
}



.tbl2, 
.tbl4 {
  width: 100%
}
.tbl2 tr td {
    vertical-align: top;
    width: 100%;
}
.tbl2 blockquote, .tbl4 blockquote, .tbl10 blockquote {
    margin: 0 5px 0 0;
}
.tbl2 ul {
    padding: 0 0 0 14px;
}

.tbl4 td {
    float: left;
    width: 100%;
}
.tbl4 tr td img {
    margin: 0 auto;
	height: auto !important;
}

.videoWrapper object, .videoWrapper embed {
    height: 170px;
    width: 290px;
}

.tbl1 div {
    margin: 0 auto;
    width: 70%;
}

.tbl7 tr td {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.tbl9.type {
    width: 100%;
}
.tbl9.type tr td {
    width: 29% !important
}


.tbl10 {
  width: 100%
}

.tbl10 td {
  float: left;
  width: 100%;
}

.tbl5 {
  margin: 10px 0
}
.tbl5 img {
  width: auto !important
}
.tbl5 td {
    float: left;
    width: 96% !important
}
/*.vert.tbl5 tr:nth-child(1) {
  display: none;
}*/

.tbl6 tr:nth-child(odd) {
float: left;
display: block;
width: 50%;
}
.tbl6 tr:nth-child(even) {
float: right;
display: block;
width: 50%;
}
.tbl6 tr:nth-child(odd) td {
display: block;
float: left;
width: 100%;
border-right: 0;
}
.tbl6 tr:nth-child(even) td {
display: block;
float: right;
width: 100%;
}

#vk_comments, #vk_comments iframe {
  width: 100% !important;
  float: left;
}
#JotFormIFrame, .form-all {
  width: 100% !important;
  margin-left: -17px
}
.form-all .form-label-left {
    width: 70px !important;
}
.form-all .form-textbox {
    width: 167px !important;
}
.ymaps-map, .ymaps-glass-pane {
  width: 280px !important
}
.ac-container input:checked ~ article.ac-small {
    height: auto !important;
    width: 275px !important;
	float: left;
}
.ac-container input:checked ~ article.ac-medium {
    height: auto !important;
}
.ac-container input:checked ~ article.ac-large {
    height: auto !important;
}
.ac-container input:checked ~ article.ac-four {
    height: auto !important;
}
.ac-container input:checked ~ article.ac-five {
    height: auto !important;
}
.ac-container input:checked ~ article.ac-six {
    height: auto !important;
    margin-top: 1px;
}
.ac-container input:checked ~ article.ac-last {
    height: auto !important;
    width: 100%
}
.ac-container article blockquote {
float: left;
}

.ac-small table + p, .ac-last table + p {
    height: 81px;
}

.tbl6,
.tbl6 tbody,
.tbl6 tr  {
display: block;
float: left;
width: 100%;
height: auto;
}
#content .ac-container ul {
margin-left: 0 !important;
width: 100%;
}
#content .ac-container ul li {
width: 260px !important;
}
.ac-container input:checked ~ article.ac-first,
.ac-container input:checked ~ article.ac-second,
.ac-container input:checked ~ article.ac-third,
.ac-container input:checked ~ article.ac-fourth{
    height: auto !important;
}
#content ul.ul-s li {
width: 250px !important;
}
.tbl2:after { 
content: " ";
display: block;
width: 100%;
float: left;
}
blockquote {
width: 100%;
float: left;
padding: 0;
margin: 0;
}
table tr td p,
table tr td div,
strong,
.block,
.text div,
font,
.text a,
.text p {
width: 100%;
float: left;
display: block;
}
strong {
margin: 15px 0;
}
#content .pager li {
width: auto !important;
padding-right: 15px !important;
}
.pager {
margin: 20px 0;
width: 100%;
float: left;
display: block;
}
.pager-wrap {
height: auto !important;
float: left;
margin-bottom: 20px;
}
.article-preview {
width: 260px;
float: left;
padding-top: 10px;
}
.article-preview h2,
.article-preview div {
float: left;
width: 100%;
} 
#content div.mainContentTextPageArticle div.date {
top: 5px;
width: auto !important;
}
.article-preview  .read-more {
width: auto !important;
}
#jquery-lightbox,
#lightbox-container-image-box,
#lightbox-nav{
 width: 290px !important;
}
#lightbox-container-image-data-box {
width: 270px !important;
}
#lightbox-container-image,
#lightbox-container-image img {
width: 270px;
}
#lightbox-container-image img,
#lightbox-container-image-box {
height: auto !important;
}
}