/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
#subcategories {
  margin-bottom: 30px;
  padding: 15px 0;
}
#subcategories .product-list {
  margin: 0;
}

.subcategories .cat-desc {
    height: 101px;
    overflow: hidden;
    font-size: 13px;
    display:none;
}
#subcategories .col-md-3 {
    padding: 0 7px;
}
.category .breadcrumb {
  margin-bottom: 0;
}
.cat-l {
float: left;
width: 45%;
min-width: 200px;
}

.cat-r {
float: left;
width: 55%;
}

.cat-square-o img {
width: 100%;
height:auto;
}
.cat-square-i img {
width: 100%;
height:auto;
}
.cat-square-o iframe {
max-width: 100%;
}
.cat-box:before {
content: '';
position: absolute;
display: block;
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.01),#f2f2f2 10%,#D8D8D8 40%,#D8D8D8 60%,#f2f2f2 90%,rgba(255,255,255,0.01));
background-image: -moz-linear-gradient(left,rgba(255,255,255,0.01),#f2f2f2 10%,#D8D8D8 40%,#D8D8D8 60%,#f2f2f2 90%,rgba(255,255,255,0.01));
background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.01)),color-stop(10%,#f2f2f2),color-stop(40%,#D8D8D8),color-stop(60%,#D8D8D8),color-stop(90%,#f2f2f2),to(rgba(255,255,255,0.01)));
background-image: -webkit-linear-gradient(left,rgba(255,255,255,0.01),#f2f2f2 10%,#D8D8D8 40%,#D8D8D8 60%,#f2f2f2 90%,rgba(255,255,255,0.01));
background-image: -moz-linear-gradient(left,rgba(255,255,255,0.01),#f2f2f2 10%,#D8D8D8 40%,#D8D8D8 60%,#f2f2f2 90%,rgba(255,255,255,0.01));
background-image: linear-gradient(left,rgba(255,255,255,0.01),#f2f2f2 10%,#D8D8D8 40%,#D8D8D8 60%,#f2f2f2 90%,rgba(255,255,255,0.01));
left: 0;
right: 0;
height: 1px;
margin-top: -1px;
}
.cat-square {
float:left;
min-height: 260px;

}
.cat-square-o {

max-width: 50%;
float: left;
min-height: 265px;
margin-top: 40px;

}
.cat-square-i {
max-width: 538px;
float: left;
min-height: 265px;
margin-top: 40px;
margin-left: 20px;
}
.cat-square-o table p {
text-align:left;
}
.cat-square p {
text-align:center;
}

.cat-box {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.cat-box > img {
width: 100%;
height:auto;
}
.desc_block {
    border-top: 1px solid #e8e8e8;
}
.desc_box {
    display: inline-block;
}
.desc_l {
    float: left;
    max-width: 50%;
    min-height: 150px;
    margin: 10px;
    display: inline-block;
    min-width: 300px;
}
.desc_r {
    float: left;
    max-width: 45%;
    min-height: 150px;
    margin: 10px;
    display: inline-block;
    min-width: 300px;
}