.cate-pro ul.unstyled{
    margin-right: -12px;
    margin-left: -12px;
  }
  .first-img{
    position: relative; 
    min-height: 180px !important;
    margin-bottom: 10px;
  }
  .list-cate a,
  span.list-cate1{
    padding:0 10px; 
  }
  ul.pagination{
    margin-bottom:0
  }
  .cate-pro .list-cate{
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 30px;
    margin-bottom:15px;
  }
  p.name-cate1{
   color: #3C7B65; 
    /*bottom: 8px;*/
    /*font-size: 18px;*/
    font-size: 11px;
  }
  .cate-pro .cate-product:hover a{
    color: #3c7b65;
    text-decoration: underline;
  }
  .cate-product{    
    width: 165px;
    height: 160px;
    display: inline-table;
    position: relative;
    text-align: left;
  }
  .cate-pro{
      width:1045px;
        margin: 0 auto;
        padding-top: 110px;
        font-family: "FOT-Ã޻祴¥·¥Ã¥¯ Pr5 R";
    }
  
  .price{ 
      text-align: left;
      color: #929292;
      letter-spacing: 2px;
      font-family: 'Nanum Gothic', sans-serif;
    }

  ul.row.unstyled li.productlist-unit{position: relative;padding-top: 0;}
  
  ul.row.unstyled li.productlist-unit .new_mark_img1{position: absolute;top: 3px;left:0;}
  
  .group-page-title{
    height: 45px;
      line-height: 45px;
      padding-left: 15px;
      position: relative;
      border: 1px solid #333;
    margin-right: 10px;
    margin-left: 10px;
  }
  .group-items-avatar-square {
      min-height: 190px;
      display: block;
      margin: 0 auto;
  }
  .item-dot-white-left:before{
    position: absolute;
      content: '';
      top: -3px;
      left: -3px;
      width: 6px;
      height: 6px;
      background: #ffffff;
  }
  .item-dot-white-left:after{
    position: absolute;
      content: '';
      bottom: -3px;
      left: -3px;
      width: 6px;
      height: 6px;
      background: #ffffff;
  }
  
  .item-dot-white-right:before{
    position: absolute;
      content: '';
      top: -3px;
      right: -3px;
      width: 6px;
      height: 6px;
      background: #ffffff;
  }
  .item-dot-white-right:after{
    position: absolute;
      content: '';
      bottom: -3px;
      right: -3px;
      width: 6px;
      height: 6px;
      background: #ffffff;
  }
  
  .group-items{width: 20%;margin-bottom: 20px;}
  .group-items p{
    width: 100%;
    text-align: center;
    /*margin-top: -25px;*/
  }
  .group-items-avatar{
  /*    width: 135px;
      height: 135px;*/
      width: 80%;
      height: 80%;
      overflow: hidden;
      text-align: center;
      border-radius: 50%;
      position: relative;
      display: inline-block;
  }
  .group-items-title{
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
    text-align: center;
  }
  .flags-item {
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 900;
  }
  .flags-item img {
      height: 18px;
      width: auto;
  }
  
  @media screen and (max-width:1200px){
    .cate-pro{
      width:100%;
    }
    .first-img:after {
      width: 86%;
      left: 15px;
  }
  }
  @media screen and (max-width:991px){
    .group-items {
      /*width:33%;*/
      width:20%;
  }
  }
  @media screen and (max-width:768px){
    /*edit*/
    .cate-items p {margin-top: 0 !important;}
    .group-items .default-img p { bottom: 0 !important;}
     p.name-cate1{margin: 0 0 10px;}
    .group-items-avatar {
        width: 85%;
        height: 85%;
    }
    .group-items p {
        bottom: 35px !important;
    }
    .category-list li.group-items {
        min-height: 205px;
    }
    /*end edit*/
    ul.row.unstyled li.productlist-unit{
        width:33%;
    }
  }
   @media screen and (max-width:667px){
  
  }
   @media screen and (max-width:568px){
    .group-items {
      width:50%;
  }
  }
   @media screen and (max-width:480px){
    /*edit*/
    .cate-items p, .g-pro-name  {margin-top: -22px !important;}
    ul.row.unstyled li.productlist-unit {
      width: 50%;
    }
    .group-items-avatar-square {
      min-height: 155px;
    }
     .group-items-avatar {
      width: 75%;
      height: 75%;
    }
    .group-items p {
      bottom: 22px !important;
    }
     .gr-title{
      min-height:50px; 
    }
     .category-list li.group-items {
      margin-top: 0px !important;
      }
    /*end edit*/
    .first-img{
      margin-bottom: 35px;
    }
  }
     .cate-pro ul.unstyled{
        padding:0 20px; 
     }
     ul.row.unstyled li.productlist-unit{
        padding:0 5px; 
     }
     .group-items {
      font-size: 11px;
  }
     ul.row.unstyled li .box-image{
      height:auto;
     }
  }
  @media screen and (max-width:320px){
    /*edit*/
    .group-items p {
        bottom: 35px !important;
        font-size: 9px;
    }
  
    .group-items-avatar-square {
        min-height: 125px;
    }
    .group-items-avatar {
        width: 85%;
        height: 85%;
    }
    /*end edit*/
    ul.row.unstyled li.productlist-unit{ width:100%;} 
    ul.row.unstyled li .box-image { height: 220px;}
    .first-img{min-height: 150px;}
  }
  /*edit*/
  .category-list li.group-items {
    margin-top: 30px;
  }
  .category-list li.group-items .group-items-avatar-square{
    width: 81% !important;
  }
  .text-spacing{
    letter-spacing: 2px;
  }
  .first-img .square-box{
      margin-bottom: 0px;
  }
  .square-box{
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-bottom: 10px;
  }
  .square-box:before{
      content: "";
      display: block;
      padding-top: 100%;
  }
  .square-content{
      position:  absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-position: center;
      background-size: 100% 100%;
      background-size: cover;
      margin: 0 auto;
  }
  .first-img .group-items-avatar, p.name-cate1 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
  }
  .avatar-default {background-color: #efefef;}
  .avatar-default span p{
      bottom: 0;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  .first-img .default-img {
      background-color: #efefef;
      width: 81%;
      margin: 0 auto;
  }
  /*.avatar-default span p{
      margin-top: 10px !important;
  }*/
  .cate-items, .category-list li.group-items {position: relative;}
  /*.default-img .group-items-title{bottom: 0}  
  p.name-cate1{margin: 0 0 10px;}
  p.name-cate1{margin: 10px 0;}*/
  .cate-items p, .g-pro-name {margin-top: -15px;}
  .default-img p, .avatar-default p {
      margin: 0;
      bottom: auto !important;
  }
  /*end edit*/