#body .cat-icon           { position:absolute; bottom:0; right:0; padding:5px;}

 	#body .cd-gallery         { width:100%; margin-top:20px; 
                     -webkit-transition: width 0.3s;
                        -moz-transition: width 0.3s;
                             transition: width 0.3s;}

	#body .cd-gallery .pos 	    { padding:0 0px}
                 
 	#body .cd-gallery ul        	{ margin:0; padding:0; text-align:justify;}
  #body .cd-gallery ul:after   	{ content: ""; display: table; clear:both; }
 	#body .cd-gallery ul li       {  width: 100%; margin-bottom:10px; border:1px solid #ececec; display:none; width:100%; vertical-align:top}
  #body .cd-gallery ul li.gap 	{ opacity:0; height:0; display:inline-block; }
	#body .cd-gallery .cd-fail-message   { display:none; text-align:center; }

  #body .cd-gallery ul li .shop-blk       { display:block; cursor:pointer;}  
  #body .cd-gallery ul li .shop-blk .logo { height:160px; width:100%; float:none; transition: all 0.3s ease-out;}
  /*updated */ #body .cd-gallery ul li .shop-blk .info         {  width:100%; /*height:155px;*/ height:110px; text-align:left; overflow:hidden; background-color:#ececec; transition: all 0.3s ease-out;}
  /*updated */ #body .cd-gallery ul li .shop-blk .info .name    {  width:calc(100% - 30px); padding:15px; height:60px; overflow:hidden; display:none}
  /*updated */ #body .cd-gallery ul li .shop-blk .info .detail  {  width:calc(100% - 30px); max-height:50px;  overflow:hidden; position:absolute!important; /*bottom:15px;*/ padding:0 15px 0px 15px;
                                                                   bottom:inherit; top:20px;}

  #body .cd-gallery ul li .shop-blk .info .detail div[class^="icon-"] { width:25px; float:left; /*top:5px;*/ text-align:left;}  
  #body .cd-gallery ul li .shop-blk .info .detail .col2               { width:calc(100% - 25px); float:left}

  #body .cd-gallery ul li                { width:24.4%; margin-bottom:8px}

  #body .cd-gallery ul li .shop-blk:hover .info     { background-color:#fff0f6;}
  #body .cd-gallery ul li .shop-blk:hover .logo     { -webkit-box-shadow: -1px -1px 15px 0px rgba(50, 50, 50, 0.1);
                                                   -moz-box-shadow: -1px -1px 15px 0px rgba(50, 50, 50, 0.1);
                                                        box-shadow: -1px -1px 15px 0px rgba(50, 50, 50, 0.1);}

	@media only screen and (max-width: 1280px) {
	#body .cd-gallery .pos 	    { padding:0 20px}
  /*updated */ #body .cd-gallery ul li .shop-blk .info          {  height:130px;}
  #body .cd-gallery ul li .shop-blk .info .detail               {  max-height:75px; }
	}

	@media only screen and (max-width: 1024px) {
  #body .cd-gallery ul li      { width:32%; margin-bottom:15px;}
	}


	@media only screen and (max-width: 745px) {
  #body .cat-icon           { position:relative; bottom:auto; right:auto; padding:8px 10px; text-align:right;  }


  #body .cd-gallery ul li      { width:100%; margin-bottom:15px;}

  #body .cd-gallery ul li .shop-blk       { width:100%; display:block; height:auto;  display:table; table-layout:fixed; height:100%;}  
  #body .cd-gallery ul li .shop-blk .logo,
  #body .cd-gallery ul li .shop-blk .info          { display:table-cell; float:none; height:100%;}
  #body .cd-gallery ul li .shop-blk .logo          { min-height:100px; width:40%;}
  #body .cd-gallery ul li .shop-blk .info          { width:60%; height:100%; text-align:left; overflow:inherit}
  #body .cd-gallery ul li .shop-blk .info .name    { width:calc(100% - 20px); padding:10px; height:auto; overflow:inherit; line-height:normal;   }

  /*updated */  #body .cd-gallery ul li .shop-blk .info .detail  { width:calc(100% - 15px); padding:15px 10px 0 5px; max-height:inherit;  overflow:inherit;
                                                              position:relative!important; /*bottom:10px;*/ bottom:inherit; top:0px;}
	}