#mbl_desktop { display: none; }

@media only screen and (max-width: 980px) {
  #hdr_desktop,
  #left-b,
  #flyingLeft,
  .right-column { display: none !important; }
  #main { margin: 0; }
  body { min-width: inherit; }
  #pagewrapper {
    min-width: 320px;
    max-width: none;
    padding-top: 70px;
  }
  #main { padding: 10px 20px 30px 20px; }
  #main iframe { width: 100%; }
  #mbl_desktop { display: block; }
  #mbl_desktop .mbl_top_menu {
    display: block;
    width: 100%;
    min-width: 320px;
    height: 70px;
    background: white url('/i/mobile/headerbg.png') repeat-x 0 0;
    position: fixed;
    top: 0;
    z-index: 100;
  }
  #mbl_desktop .m-home {
    display: block;
    width: 150px;
    height: 50px;
    position: relative;
    margin: 0 auto;
    background: url('/i/mobile/logo.svg?v=1') no-repeat center center;
    top: 10px;
  }
  #mbl_desktop .m-icon {
    display: block;
    height: 35px;
    width: 35px;
    background: url('/i/mobile/icons.svg?v=1.1') no-repeat center center;
  }
  #mbl_desktop .m-icon.user-mobile-nav {
    float: left;
    left: 20px;
    top: 20px;
    position: relative;
    background-position: -20px -18px;
  }
  #mbl_desktop .m-icon.user-mobile-nav > img {
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
  }
  #mbl_desktop .m-icon.site-mobile-nav {
    float: right;
    right: 20px;
    top: 19px;
    position: relative;
    background-position: -70px -19px;
  }
  #mbl_desktop .m-icon.search-mobile-nav {
    float: right;
    right: 20px;
    top: 13px;
    position: relative;
    background-position: -233px -19px;
  }
  #mbl_desktop .mbl_shadow {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    top: 70px;
  }

  #body_id.mm_user,
  #body_id.mm_site { overflow: hidden; }

  #body_id.mm_user .mbl_shadow,
  #body_id.mm_site .mbl_shadow { display: block; }

  #body_id.mm_user div.user-mobile-menu,
  #body_id.mm_site div.site-mobile-menu { display: block; }

  #body_id.mm_user .m-icon.user-mobile-nav,
  #body_id.mm_site .m-icon.site-mobile-nav { background-position: -275px -19px; }
  #body_id.mm_user .m-icon.user-mobile-nav > img { display: none; }

  #mbl_desktop .mbl_shadow > div {
    display: none;
    background-color: white;
    min-width: 320px;
    overflow: auto;
  }

  #mbl_desktop div.site-mobile-menu ul { padding: 20px; list-style: none; }
  #mbl_desktop div.site-mobile-menu ul li { padding: 5px 0; }
  #mbl_desktop div.site-mobile-menu ul li a { color: black; text-decoration: none; border-bottom: 1px solid black; }

  #mbl_desktop .mbl_lower_menu { background-color: #8490c2; padding: 20px; }
  #mbl_desktop .mbl_lower_menu ul { list-style: none; }
  #mbl_desktop .mbl_lower_menu ul li { display: inline-block; padding: 5px 0; width: 49%; }
  #mbl_desktop .mbl_lower_menu ul li a { color: white; text-decoration: none; }
  #mbl_desktop .mbl_lower_menu ul li a:hover { text-decoration: underline; }
  #mbl_desktop .mbl_lower_menu li.mbl_menu_expand { display: block; }
  #mbl_desktop .mbl_lower_menu li.mbl_menu_expand span {
    color: white;
    border-bottom: 1px dashed;
    padding-bottom: 2px;
  }
  #mbl_desktop .mbl_lower_menu .extra { display: none; }

  #mobile-search-form { display: block; position: relative; border-bottom: 1px solid #c4c4c4; }
  #mobile-search-form > input[type=text] { padding: 20px; width: 80%; border: none; }
  #mobile-search-form > input[type=submit] { display: none; }

  #popular-today td.top_posts,
  #popular-today td.top_users { display: block; }
  #popular-today td.top_users { margin-top: 10px; }
  #popular-today td.top_posts { width: 100%; padding-right: 0; }

  #kosmetika-search {
    background: #f5f5f5;
    height: auto;
    padding: 10px;
    margin: 10px 0;
  }
  #kosmetika-search div.img,
  #kosmetika-search div.frm { float: none; }
  #kosmetika-search div.img { display: none; }
  #kosmetika-search td { display: block; }
  #kosmetika-search input[type=text] { margin: 10px 0; display: block; width: 100%; }
  #kosmetika-search div.frm table { width: 100%; }

  #toplogin-mobile { width: 100%; }
  #user_info,
  #top_login_new { border-right: none; }

  #footer-socials > table { margin: 0; width: 100%; }
  #footer-socials td.footer-socials-cell1,
  #footer-socials td.vmid { display: block; width: 100%; padding: 0 20px; box-sizing: border-box; }
  #footer-socials td.footer-socials-cell1 { margin: 0 0 15px 0; }

  #footer-secondline { padding: 0 20px 20px 20px; }
  #footer-secondline .footer-about { padding: 0; }
  #footer-secondline > .desktop_version { display: none; }
  #footer-secondline > .mobile_version { display: block; }
  #footer-secondline > .mobile_version > div { margin: 10px 0; color: #555; font-size: 12px; }
  #footer-secondline > .mobile_version > div a { color: #555; line-height: 1.3; }
  #footer-secondline > .mobile_version a {  color: black; }
  #footer-secondline > .mobile_version ul { list-style: none; }
  #footer-secondline > .mobile_version ul.f-sections li a { font-weight: bold; margin: 0 0 5px 0; display: inline-block; }
  #footer-secondline > .mobile_version ul.f-counters li { display: inline-block; margin: 0 7px 0 0; vertical-align: middle; }

  #footer-handling { font-size: 12px; }

  .postlist .item p > a,
  .postlist .item div.p > a { display: block; margin-bottom: 10px; }
  .postlist .item p img,
  .postlist .item div.p img { float: none; }

  .postlist .item td.preview-img,
  .postlist .item td.preview-desc { display: block; }
  .postlist .item td.preview-img { margin-bottom: 10px; }

  .info { background: none; border: 1px solid #d0d0d0; border-radius: 6px; display: block; width: auto; height: auto; padding: 7px; }
  .info td { display: inline-block; }
  .info td.r { background: none; }
  .info td.date { margin: 10px 10px 3px 6px; }
  .info td:nth-child(1) { float: left; }
  .info td:nth-child(2) { display: block; margin: 5px 0 10px 0; }

  .info td.r,
  .info td.date,
  .info td:nth-child(4),
  .info td:nth-child(5) {
    vertical-align: bottom !important;
    padding: 0 !important;
    font-size: 12px !important;
  }

  a.title-link { display: block; margin: 0 0 5px 0; }

  input.ajaxlenta { display: block; margin: 0 auto 15px auto; }
  input.ajaxlenta + span { display: block; text-align: center; }

  .kosmetika-review-list-author { padding: 15px; }
  .kosmetika-review-list-author table { width: auto !important; }
  .kosmetika-review-list-author td { display: inline-block; }
  .kosmetika-review-list-author td:nth-child(3) { display: block; }
  .kosmetika-review-list-author td:nth-child(4) { display: flex; width: auto; }

  .kosmetika-review-list-item { padding: 15px; }
  .kosmetika-review-list-item .k_title { float: none; clear: both; }
  .kosmetika-review-list-item .k_avatar,
  .kosmetika-review-list-item .k_title .alt-b,
  .kosmetika-review-list-item .k_title .alt-b + div { display: none; }
  .kosmetika-review-list-item .k_desc_mobile { display: block; }
  .kosmetika-review-list-item .k_desc_mobile td.k_desc { vertical-align: middle; }
  .kosmetika-review-list-item .sep { display: block; border-left: none; height: 5px; }

  #live_search { width: 100%; box-sizing: border-box; background-color: transparent; padding: 10px 0; float: none; border: none; }
  #live_search table { width: 100%; }
  #live_search td { display: block; }
  #live_search td:nth-child(3) { display: none; }
  #live_search .live-search-input { display: block; width: 100% !important; margin: 10px 0; padding: 5px; border: 1px solid #ccc; border-radius: 5px; }

  .tree-rubrics-mobile { display: block; margin: 15px 0; }
  .tree-rubrics-mobile .kosmetika-block-rubrics-list li { line-height: 2.5; padding: 0; }
  .tree-rubrics-mobile .kosmetika-block-rubrics-list a { position: relative; }
  .tree-rubrics-mobile small { position: relative; }
  .tree-rubrics-mobile div.indent.plus {
    display: block;
    height: 35px;
    width: 35px;
    background: url('/i/mobile/icons.svg?v=1.1') no-repeat center center;
    background-position: -151px -18px;
    margin: 0;
  }
  .tree-rubrics-mobile div.indent {
    display: block;
    height: 35px;
    width: 35px;
    margin: 0;
  }
  .tree-rubrics-mobile div.indent.plus.expanded {
    background-position: -193px -18px;
  }
  .tree-rubrics-mobile ul { margin: 0; }
  .tree-rubrics-mobile ul.level0 { padding-left: 0; }
  .tree-rubrics-mobile ul.level0 > li > a { color: #f45278; text-transform: uppercase; text-decoration: none; }
  .tree-rubrics-mobile ul.level1 { padding-left: 34px; }
  .tree-rubrics-mobile ul.level1 > li > a { color: #555; }
  .tree-rubrics-mobile ul.level2 { padding-left: 34px; }
  .tree-rubrics-mobile ul.level2 li { line-height: 1; padding: 7px 0; }
  .tree-rubrics-mobile small { font-size: 12px; }

  .tabs a { background-color: transparent !important; border: none; margin: 0 10px 0 0; font-size: 12px; padding: 7px 0;}
  .tabs a:hover,
  .tabs a.empty:hover { background-color: transparent !important; }
  .tabs a.empty { background-color: transparent; color: black; }
  .tabs a.active { border-bottom: 3px solid #8490c2; }

  .new-reviews { margin: 0; }
  .new-reviews td { display: block; }
  .new-reviews .k_desc { display: none; }
  .new-reviews .opinion-image > * { display: table-cell; vertical-align: middle; }
  .new-reviews .k_desc_mobile { padding-left: 15px; }

  .write-review > span {display: none;}
  .write-review > a { display: block; margin: 10px 0; text-align: center; }

  a.kosmetika-new-product-grid { display: inline-block; margin: 0 0 10px 0; width: 49%; box-sizing: border-box; }
  a.kosmetika-new-product-grid:nth-child(even) { margin-right: 2%; }
  .kosmetika-new-product-grid-pic { width: auto; height: auto; }

  table.charmiks-help div { margin-left: -50px; }

  #popup_message { width: auto; left: 10px; right: 10px; margin: 0 auto; }

  .kosmetika-brands-grid td { display: inline-block; width: 49%; }
  .kosmetika-brands-grid ul { padding: 0; }
  .kosmetika-brands-grid small { font-size: 12px; }

  .popular-aromats td { display: block; margin: 0 0 10px 0; }
  .selection-aroma { margin: 0 0 -25px 0; }
  .selection-aroma td { display: block; margin: 0; width: 100%; }
  .selection-aroma td.aroma-mobile { display: block; }
  .selection-aroma td.aroma-desktop { display: none; }

  .selection-aroma h3 { display: inline; }
  .selection-aroma h3::before {
    content: '';
    display: inline-block;
    height: 35px;
    width: 35px;
    background: url('/i/mobile/icons.svg?v=1.1') no-repeat center center;
    background-position: -151px -18px;
    margin: 0;
    top: 10px;
    position: relative;
  }
  .selection-aroma h3.show-tree::before {
    background-position: -193px -18px;
  }
  .selection-aroma h3 + .simple-list { display: none; margin: 10px 0 0 35px; }
  .selection-aroma h3 + .simple-list li { padding: 5px 0; }

  .pager, .pager .fl { display: block; float: none; }
  .pager i,
  .pager .fl i,
  .pager .fl .next { display: block; width: 100%; }
  .pager i,
  .pager .fl i { margin: 0 0 15px 0;  }
  .pager .next,
  .pager .fl .next { margin: 10px 0 0 0 !important; clear: both; }

  a.add-review { float: none; top: 0; margin: 0 0 20px 0; display: block; text-align: center; }

  .footer-col1,
  .footer-col2 { width: 50%; }
  .footer-col3,
  .footer-col4 { float: none; width: 100%; clear: both; }
  .footer-col3 .footer-list { width: 50%; float: left; min-width: 160px; }
  .footer-col3 .footer-list li { line-height: 19px; }

  .content td.right { display: none; }
  div.community-brief { padding-right:0; }
  div.community-brief td { display: block; }
  div.community-brief .alt-b { display: block; }
  div.community-brief .info-m span { display: block; margin: 5px 0 0 0; }
  div.community-brief .watch .fl,
  div.community-brief .regulations .fl { float: none; padding: 5px 10px; height: 23px; }

  div.community-brief-nav-mobile { display: block; margin-top: 20px; }
  div.community-brief-nav-mobile > div {
    background-color: transparent;
    border: none;
    padding: 10px 0;
    margin: 0;
    /*border-bottom: 1px solid #d1d1d1;*/
    border-radius: 0;
  }
  div.community-brief-nav-mobile > div:last-child {
    border-bottom: none;
  }
  div.community-brief-nav-mobile > div .alt-h3 { margin: 0; color: #444; }
  div.community-brief-nav-mobile > div.blog-cats .alt-h3,
  div.community-brief-nav-mobile > div.blog-tags .alt-h3 {
    border-bottom: 1px dotted;
    display: inline;
    padding-bottom: 3px;
  }

  div.community-brief-nav-mobile a.searh-in-community { float: none; }
  div.community-brief-nav-mobile .tags_list { display: none; }

  #mod_stat {float:none;margin-right: 0;}
  .other_posts td {display: block;}

  .links-block { display: block; margin: 0; }
  .links-block > span { display: block; border: none; margin: 0; height: 0;}
  .links-block > a {margin: 5px 0; display: inline-block;}

  .doc-distribution { width: 100%; float: none; box-sizing: border-box; }
  .doc-distribution table { width: 100%; }
  .doc-distribution td { display: block; margin: 10px 5px; text-align: center; padding: 0 !important;}
  .doc-distribution .share > div { display: block; margin: 5px 0 0 0; }

  #fixedbar { display: none; }
  .center-block { width: 100%; }
  .center-block td { display: block; width: 100% !important; padding-right: 0 !important; }


  .document-info td.i_owner,
  .document-info td.i_comm {display: block; padding: 0; margin: 5px 0;}
  .document-info td.i_date,
  .document-info td.i_favs,
  .document-info td.i_views {display: inline-block; padding: 0; margin: 5px 0;}

  .block-add-comment { background-color:transparent;border:none;padding:0; }
  #comment_button_main td {display: block;}
  #cform_ss { padding-left: 0; margin-top: 15px; }

  .bbp td { display: block; }
  .bbp .product-image { width: 100%; }
  .bbp .product-image > * { display: table-cell; vertical-align: middle; }
  .bbp .p_title { display: none; }
  .bbp .p_title_mobile { padding-left: 15px; }

  .mod-status { width: 100%;box-sizing: border-box; }
  .b-std-button.mid { display: block; width: 100%; margin: 0 0 12px 0 !important; }

  .article-product td,
  .article-aromat td { display: block; padding: 0; }

  #frm-addopinion {text-align: center;}
  #frm-addopinion .blc-stars {
    display: block;
    margin: 10px auto 0px;
    position: relative;
    width: 85px;
    height: 18px;
  }

  .toplogin1, .toplogin2, .toplogin3 { width: 100%; box-sizing: border-box; }
  .toplogin3 { text-align: center; }
  .toplogin3 table { display: block; width: 220px; margin: 10px auto 0 auto; }
  .anons-review {float:none;display: block;width: 100%;margin: 0 0 15px 0;box-sizing: border-box;}
  .valuation-review { padding: 10px; }
  .valuation-review > table td {display: block; width: 100%; }
  .valuation-review > table td:first-child {width:100%;padding-right:0;padding-bottom: 10px;}
  .popular-materials > table td {display:block;width:100%;}
  .popular-materials > table td:first-child {width:100%;}

  div.bbimg { width: 100%; overflow: inherit; }
  div.bbimg img { width: 100%; }

  #comments_tree,
  .usertext,
  .content td.left { padding-right: 0 !important; }
  .mainlist .postlist { padding-left: 0; }
  #comments_form_main { width: 100%; }
  
  div.sort_block { float: none; }
  div.calendar {
    background-color: #f7f7f7;
    border: 1px solid #d1d1d1;
    float: none !important;
    display: block;
    width: 100%;
    padding: 10px;
    background-position: 10px 4px;
    height: auto;
    box-sizing: border-box;
  }

  #comments_tree .item.item2 .item2 {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }

  .logo-header-mediafort {display: none;}
}