ul.grid.feature { 
    display: inline-block; 
    width: 75%;
}
ul.grid.feature li{
    background: #fff;
    margin-right: 16px;
    margin-bottom: 15px;
    width: 250px;
    min-height: 250px;
    padding: 10px;
    position: relative;
}
ul.grid.feature li a{ color: #000; }
ul.grid.feature li a h3{ 
    color: #BC8C4E; 
    text-transform: uppercase;
}
ul.grid.feature li:hover{ background: #E8E9EB; }
ul.grid.feature li .btn-more{
    color: #000;
    font-size: 30px;
    line-height: 100%;
}
ul.grid.feature li:hover .btn-more { color: #BC8C4E; }
ul.grid.feature li p{ margin-bottom: 0; }


ul.grid.feature li:hover img.feature-icon{ opacity: 0; }
ul.grid.feature li:hover img.feature-icon.hover{ opacity: 1; }







ul.grid.video { 
    display: inline-block; 
    vertical-align: top;
    width: 25%;
    background: #E8E9EB;
}
ul.grid.video li{
    background: #E8E9EB;

    margin-bottom: 15px;
    width: 250px;
    height: 210px;
    padding: 10px;
    text-align: left;
}

ul.grid.video li.title{
    height: auto;
    margin: 0;
    padding: 0 10px;
}
ul.grid.video li h3{ color: #BC8C4E; }


ul.grid.video li .contentFrame{
    background: #dedede;
    height: 150px;
    padding: 10px;
}
ul.grid.video li .contentFrame audio{ max-width: 100%; }



@media (min-width: 768px) and (max-width: 979px) {
    
    ul.grid.feature{ width : 60%; }
    ul.grid.feature li {
        margin-right: 10px;
        margin-bottom: 15px;    
        padding: 10px 5px;
        width: 200px;
        min-height: 150px;
    }
    
    ul.grid.video {
        width: 40%;
    }
    
}


@media screen and (max-width: 767px) {
    
    section.wrapper_middle[data-cattype="204"]{
        padding: 0;
    }
    
    
    ul.grid.feature,
    ul.grid.video{ width: 100%; }
    
    ul.grid.video{ margin-bottom: 20px; }
    
    ul.grid.feature li{  min-height: 180px; }
    ul.grid.video li.title{ 
        width: 100%; 
        text-align: center;
        padding: 10px;
    }
        
}


@media screen and (max-width: 480px) {
    
    ul.grid.feature li{
        margin: 0;
        width: 140px;
        padding: 10px 5px;
    }
    ul.grid.feature li a h3{ font-size: 18px; }
    ul.grid.feature li a p{ display: none; }
    
}