/**
 * Levinci_News extension
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the MIT License
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/mit-license.php
 * 
 * @category       Levinci
 * @package        Levinci_News
 * @copyright      Copyright (c) 2018
 * @license        http://opensource.org/licenses/mit-license.php MIT License
 */
.tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;}
.tree{background:url(../../images/levinci_news/line1.png) repeat-y;}
.tree li{line-height:20px;margin-top:1px;position:relative;width:100%;}
* html .tree li{float:left;display:inline;}
.tree li a{padding-left:28px;}
.tree li span{cursor:auto;float:left;font-size:0;height:13px;left:5px;position:absolute;top:5px;width:13px;}
.tree li span,.tree li span.collapsed{background:url(../../images/levinci_news/collapsed.png) no-repeat 0 0;}
.tree li span.expanded{background:url(../../images/levinci_news/expanded.png) no-repeat 0 0;}
.tree li ul{margin-left:28px;background:url(../../images/levinci_news/line1.png) repeat-y;}
.tree li li{background:url(../../images/levinci_news/line2.png) no-repeat 0 0;}
.tree:after,.tree ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.tree,.tree ul{display:block;}
.tree li.map-category{font-weight:bold;}
.tree li.map-product{font-weight:normal;}
.tree li.map-product a{color:#203548;}
/* \*/ .tree,.tree ul{min-height:1%;}
* html .tree,* html .tree ul{height:1%;}
#manynews-list{
    width:100%;
    margin: 0 auto;
}
#manynews-list .news-list-item-promo{
    width:100%;
    margin-bottom: 3%;
}
.news-list-item-promo .col-image{
    float: left;
}

.news-list-item-promo .col-content {
    float: right;
    margin: 0 3% 0% 0%;
    width: 45%;
}
@media (max-width:767px) {
    .tree {
        background: none;
    }
    .news-list-item-promo .col-content {
        float: right;
        margin: 0 3% 0% 0%;
        width: 100%;
    }
    #manynews-list .news-list-item-promo {
        width: 100%;
        margin-bottom: 3%;
        margin-left: 5%;
    }
    
    
  }
  @media (max-width:1199px) {
    #manynews-list .news-list-item-promo {
        width: 100%;
        margin-bottom: 3%;
        margin-left: 5%;
    }
    .news-list-item-promo .col-content {
        float: right;
        margin: 0 3% 0% 0%;
        width: 100%;
    }

  }
  @media (max-width:543px) {
   
    #manynews-list .news-list-item-promo {
        width: 100%;
        margin-bottom: 3%;
        margin-left: 5%;
    }
    
    
  }
.row.promotion.tree .image img { width: 100%; }