#button-mobile-menu {display: none; overflow: hidden}
#button-mobile-menu a {background: url('../../img/v3/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; /*opacity: 0.55*/}
#button-mobile-menu a:hover {opacity: 1}

#bg0, #page {width:986px;}
#top, #body, #footer, #baner,.view {width:986px;}
#desc {height:40px;}

#copyright {left:20px;}
#stat4u {left:20px;}
#webmaker {right:20px;}

#header {overflow:hidden;}

/*
.p166 ul {  list-style: none; padding: 0;  margin: 0; }
.p166 ul li {  padding-left: 16px; }
.p166 ul li:before {  content: "•"; padding-right: 8px; }
*/
/*
.p166 ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.p166 ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;

  &:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
  }
}

.p166 li ol > li {
  margin: 0;

  &:before {
    content: counters(item, ".") " ";
  }
}
*/
html .p166 ol li,html .p167 ol li {
    list-style: decimal outside none;
}
html .p166 ol li ol > li,html .p167 ol li ol > li,
html .p166 ol li ul > li,html .p167 ol li ul > li {
    list-style: lower-latin outside none;
}

ul { 
   list-style-type: disc; 
   list-style-position: inside; 
}
ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
}
ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}


/* mobile
 * ============================================ */
@media only screen and (min-width: 767px){
     #nav                                         {position: static !important; top: 0 !important}
     #nav .menu                                   {display: block !important;}
}

@media only screen and (max-width: 1169px){
    .carousel .next, .carousel .previous {display:none;}
}

@media only screen and (max-width: 1139px){

     
}

@media only screen and (max-width: 985px){
     
     /*.wrap                                        {width: 768px;}*/
    body {background: url("../../img/v3/header_tablet.png") repeat-x scroll center 0 #ffffff;}

    #bg0, #page {width:820px;}
    #top, #body, #footer {width:96%;padding:0 2%;}     
    #header {width:930px;}

    #baner,.view {width:100%;} 

    /*footer*/
    #desc {width:96%;left:2%;min-height:40px;height:auto;padding-bottom:10px;}

    #lookfor {display:none;}

    #content {width:calc(100% - 248px);}
    h1,.text,.comment,.comment .title,.comment .desc,
    .prods,.prods .desc,
    .prod,#wrap,.prod .desc,.prod #mini,.prod h2,.prod .symbol,.prod .price,.tab,.tab h3,
    .pricesTable,.tab .name, .tab .value {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .tab .pdf-auto {width:50%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    h1 {height:53px;}
    h1.cath1 {height: 36px;}
    .detailsLeft {width:50%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;}
    .detailsRight {width:50%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;}
    .detailsRight {}

    /*.frame img,*/ #content p img {max-width: 100%;height: auto !important;}
    #flowpanes div {/*width: 476px;*/webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #flowpanes .items div {padding:0;margin:0;width:476px;}
    #flowpanes .items div img{max-width: 100%;height: auto !important;}
    #flowpanes .items div#intro,
    #flowpanes .items div#intro_sn,
    #flowpanes .items div#intro_sk {background:none;}
    #intro,
    #intro_sn,
    #intro_sk {background-size:cover;}
    .prods .desc {padding: 0 0 0 15px;}
    .prod .price {text-align:right;}
    .tab .ico {margin:0 0 2px;}
    .tab .sign {width:25%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding: 0 0 110px;}

    form.form-to {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    form.form-to td {width:100%;display:block;text-align:left;}
    form.form-to td input[type="text"] {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    form.form-to td textarea {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #content table {width:100%;}

    #content td {display:block;}
    a.down {width: calc(100% - 41px);}

    #shops {top: 32px;padding: 3px;}

}

@media only screen and (max-width: 819px){
    #bg0, #page {width:768px;}
    #flowpanes .items div {width:427px;}
    #header {width:880px;}
}

@media only screen and (max-width: 767px){

    #icons {display:none;}
    #menu {display:none;}

     /*.wrap                                        {width: 100%;} */
     
     .one-third                                   {float: none; margin: 0; width: auto; position: static}
     #sidebar-column                              {padding-bottom: 0}
     
     .page-sidebar-column #content,
     #sidebar-column                              {width: auto; margin: 0; float: none}
     
     #main                                        {padding: 0 15px 15px 15px; margin: 0}
     
     #nav                                         {background: transparent; top: 10px; right: 20px; position: fixed; margin: 0; width: 50px; z-index: 50}
     #nav .menu                                   {background: #F4F4F6; display: none; width: 300px; position: absolute; z-index: 60; padding: 0; margin: 0; top: 55px; right: 5px}
     
     #nav li                                      {width: 100% !important}
     #nav .menu li a,
     #nav .menu ul > li > a                       {text-align: center; color: #22150f; float: none; padding: 8px 0; height: auto; border-radius: 0}
     #nav .menu li                                {margin: 0; float: none; border: 0 none !important;}
     #nav .menu > li:last-child                   {border: 0 none}
     #nav .menu ul                                {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0}
     #nav .menu ul a                              {background: #e8e8e8; color: #222 !important}
     #nav .menu ul ul a                           {background: #d9d9d9; }
     #nav .menu ul a:hover                        {background: #b9bbbd !important;}
     #nav .menu > li a:before                   {display: none; visibility: hidden}
     
     #nav .menu > li:hover > a, 
     #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {background: #ABABAB; color: #fff !important}
     
     /*#top                                         {top: -100px}*/
     
     #logo                                        {}
     
     #button-mobile-menu                          {display: block;}
     
     /*#langs                                       {top: 20px; right: 75px}*/
     
     
     #footer-box                                  {padding: 30px 30px 10px}
     
     #cookies                                     {width: 90%; margin: 0 5%; right: 0; bottom: 30px;}
     /* (news) */
     .listing .thumbwrap img                      {width: auto;}

    #column {width:100%;margin:0;}
    #price {width:calc(100% - 22px);background-repeat:repeat-x;}
    #content {width:100%;}
    #left,#cert,.info,#left a {webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #left {width:50%;margin:0;}
    #cert {width:50%;margin:-3px 0 0;}
    .info {width:50%;margin:0;height:129px;}
    #left a {width:100%;line-height:32px;background-position: 0 5px;font-size: 14px;}

    #left ul ul a, #left a.menuL1,#left a.menuL2 {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 14px;line-height:32px;background-position: 0 5px;}

    #left {width:100%;}
    #cert, .info {display:none;}
    #breadcrumb li a {line-height:26px;}
    #breadcrumb li:first-child {display:none;}


    #bg0, #page {width:721px;}
    #flowpanes .items div {width:630px;}    
    #header {width:827px;}

    #shops {top: 47px;}

    h1.cath1 {margin: 24px 0 0;}

}

@media only screen and (max-width: 720px){
    #bg0, #page {width:641px;}
    #flowpanes .items div {width:553px;}       
    #header {width:749px;}
}
@media only screen and (max-width: 640px){
    #bg0, #page {width:581px;}
    #flowpanes .items div {width:495.75px;}
    #header {width:690px;}
}

@media only screen and (max-width: 580px){
    #bg0, #page {width:521px;}
    #flowpanes .items div {width:438.15px;}
    #header {width:631px;}
    #modalform {top: 35px;}
}

@media only screen and (max-width: 520px){

    #copyright {top:90px;}
    #stat4u {top:130px;}
    #webmaker {top:90px;}

    .prods .desc {display:block;float:left;padding:0;margin-left:0;margin-right:0;}
    .prods .desc p {text-align:left;}

    .prods .frame {width:100%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .tab .pdf-auto {width:100%;}
    .tab .sign {width:50%;}

    #bg0, #page {width:481px;}
    #flowpanes .items div {width:399.75px;}   
    #header {width:592px;}
    #modalform {width: 380px;left: calc(50% - 190px);}
}

@media only screen and (max-width: 480px){

    /*.carousel .panel, 
    .carousel .panel .details_wrapper,
    .carousel .panel .details_wrapper .details .detail,
    #header h2,
    #header h3,
    #header span {width:320px;}*/
    #header {display:none;}
    #baner {/*top:167px;*/display:none;}
    body {background: url("../../img/v3/header_rwd.png") repeat-x scroll center 0 #ffffff;}
    #top {height:200px}

    .prod .frame {width:95%;webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    
    #bg0, #page {width:421px;}
    #flowpanes .items div {width:342.15px;}   
    #flowpanes .items {/*height:335px;*/}  
    #modalform {width: 340px;left: calc(50% - 170px);}
}

@media only screen and (max-width: 420px){
    #copyright {top:100px;}
    #stat4u {top:140px;}
    #webmaker {display:none;}
    #langs span {display:none;}
    #links {display:none;}

    #bg0, #page {width:361px;}
    #flowpanes .items div {width:284.55px;}
    #flowpanes .items {/*height:300px;*/}   
    #modalform {width: 300px;left: calc(50% - 150px);}
}

@media only screen and (max-width: 360px){
    #langs a, #langs span {padding: 0 7px;}

    #bg0, #page {width:320px;}
    #flowpanes .items div {width:245.2px;}   
}