/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat { color: #d7d7d7; line-height: 19px; margin: 0 0 26px 0; background: #fff; border: 1px solid #ddd;} 
.content_scene_cat span.category-name { margin-top: 20px; font: 300 35px/40px "Ubuntu", sans-serif; margin-bottom: 12px; display: inline-block; text-transform: uppercase; color: #FF5722; } 
.content_scene_cat p { margin-bottom: 0;padding:3px;display:inline-block;background:#fff;background:rgba(255, 255, 255, 0.80);color:#111;max-width:80%;font-size:14px;line-height:16px;} 
.content_scene_cat a { color: #F44336;font-weight:bold; } 
.content_scene_cat a:hover { text-decoration: underline; } 
.content_scene_cat .content_scene { color: #777; } 
.content_scene_cat .content_scene .cat_desc { padding-top: 20px; } 
.content_scene_cat .content_scene .cat_desc a { color: #777; } 
.content_scene_cat .content_scene .cat_desc a:hover { color: #515151; } 


    @media (max-width: 1199px) {
  .content_scene_cat span.category-name { font-size: 25px; line-height: 30px; } 
  .content_scene_cat .content_scene_cat_bg { padding: 10px 10px 10px 15px !important; } 
 }


  .content_scene_cat a.lnk_more {
    color: #333; }
    .content_scene_cat a.lnk_more:hover {
      color: #000; }

  .content_scene_cat .category-image img {
    padding: 10px;
    border: 10px solid #ececec; }



/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */


#subcategories {padding: 15px 0 0px 0; } 
#subcategories ul { margin: 0 0 20px 0;float:left;clear:both;width:100%;padding:0;background:#fff;padding-top:15px;border:1px solid #ddd; } 
#subcategories ul li { float: left; width: 17%; padding:2px;margin: 0 1.5% 20px 1.5%; text-align: center; height: auto;background:#ececec;-webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } 

#subcategories ul li:hover {color:#fff;background:#FF5722;}

#subcategories ul li .subcategory-image { float:left;width:100%;height:auto;padding:0;margin-bottom:12px;position:relative;border: 1px solid #ddd;} 
#subcategories ul li .subcategory-image a { display: block; padding: 0; border:none; } 
#subcategories ul li .subcategory-image a img { width: auto; height:auto;margin:0 auto;max-width:100%; background: rgb(255, 255, 255);}
#subcategories ul li .subcategory-image a:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url("../img/glass.png") no-repeat scroll -265px 0 transparent; z-index: 1;}
#subcategories ul li .subcategory-image a:hover:after { background-position: 1200px 0; transition: all 2.5s ease 0s; -moz-transition: all 2.5s ease 0s; -webkit-transition: all 2.5s ease 0s;}

#subcategories ul li .subcategory-name { text-align:center;font-size:13px;height:15px;line-height:13px;overflow:hidden;font-weight:bold;color:#FF5722;font-family:"Open Sans", sans-serif;float:left;clear:both;width:100%;padding:0;margin:8px 0;} 
#subcategories ul li:hover .subcategory-name {color:#fff;font-weight:500;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}

#subcategories ul li:hover .cat_desc {color:#fff;font-weight:500;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);}

#subcategories ul li .subcategory-name:hover { color: #fff;text-decoration:none; } 
#subcategories ul li .cat_desc { display:none;text-align:center;font-size:11px;line-height:15px;height:30px;overflow:hidden;color:#888;margin:0 0 8px 0; }


@media (max-width: 767px) {
  #subcategories {padding-top:5px;}
  #subcategories ul {margin-bottom:0;}
  #subcategories {width:102%;margin:0 -1%;}
  #subcategories ul li {width:31.3%;margin-left:1%;margin-right:1%;}
}

@media (max-width: 480px) {
  #subcategories ul li {width:48%;margin-left:1%;margin-right:1%;}
}