@media(max-width:480px){
    h4.sppb-addon-title {
    font-size: 18px !important;
    }
}
.white-popup-block {
    background: rgb(240, 240, 240);
    background-image: url(/images/0_HMP/Home/hmp_bg1.jpg);
    background-size: cover;
}
/*tab*/
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading.active {
    background: #f1f1ef;  color: #000 !important;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading{
   background: #f1f1ef; 
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading.active span:nth-child(1){
    color: #e31507 !important;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading.active span:nth-child(2){
    color: #000 !important;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-collapse .sppb-panel-body {
    background: #edd1ad;
    color: #000;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel-heading {
    padding: 0;
}
  
/*end of tab*/

article.item .entry-image.intro-image { display: block; margin-bottom: 0; }

article.item .article-info-wrap {padding: 10px; background-color: #fff; }

article.item .article-info-wrap .article-info-bg:before { background-image: none; }

article.item .article-info-wrap:before, article.item .article-info-wrap .article-info-bg { display: none; }

article.item .article-info-wrap { border-left: 0px; }

article.item .entry-header h2 {font-size:  18px;font-weight: 500 !important;margin-top: 0;/* padding: 10px; */}

.entry-header { margin-bottom: 0; }

article.item { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }

article.item:hover { box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3); }

/*article text hover color*/
article.item .article-info-wrap:hover .entry-header h2 a {color: #000;}

article.item .article-info-wrap:hover p {color: #000;}
/*end of article text hover color*/

/*article listing*/
article.item .article-info-wrap p{margin-bottom:0; max-height: 25px;min-width: 25px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
/*end of article listing*/

/*article social media display none */
article.item-page .article-footer-top .helix-social-share .helix-social-share-icon ul li div a{display:none;}
/*end of article social media display none*/

/*article listing image*/
article.item-page .entry-image {display:block;}
article.item-page .entry-image img {margin: auto;}
/*end of article listing image*/

/*article listing details*/
.article-details-wrap .col-sm-3{display:none;}

.article-details-wrap .col-sm-9{width:100%;padding:0 40px 40px;}
/*end of article listing details*/

section#pro-fea-row::after {
    background-image: url(/images/0_HMP/Home/abalone.png), url(/images/0_HMP/Home/sea-cucumber.png);
    background-position: 10% 10%, 90% bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 140px, 180px;
    content: "";
    opacity: .5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1; 
}
@media(max-width:480px){
  section#pro-fea-row::after{background-size:70px 60px, 130px;}
}

/*categories*/
section#ctgr-product-img
.sppb-addon-single-image-container a:before{
    font-family:Open sans;
    color:black;
    font-weight:600;
    font-size:30px;
    line-height:250px;
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    height:100%;width:100%;
    background:#fff;   
    opacity:0;
    transition:all 400ms ease-in;
    -webkit-transition:all 400ms ease-in;
}
section#ctgr-product-img 
.sppb-addon-single-image-container a:hover:before{
    opacity:.7;
}
section#ctgr-product-img .cti1
.sppb-addon-single-image-container a:before{ content:'SEA CUCUMBER 海参'; }
section#ctgr-product-img .cti2
.sppb-addon-single-image-container a:before{ content:'FISH MAW 花胶'; }
section#ctgr-product-img .cti3
.sppb-addon-single-image-container a:before{ content:'ABALONE 鲍鱼'; }
section#ctgr-product-img .cti4
.sppb-addon-single-image-container a:before{ content:'SCALLOP 带子'; }
section#ctgr-product-img .cti5
.sppb-addon-single-image-container a:before{ content:'SHARK FIN 鱼翅'; }
section#ctgr-product-img .cti6
.sppb-addon-single-image-container a:before{ content:'OTHERS 其他'; }
/*product-benefit-title*/
table.title-tb {
    font-size: 35px;
    font-weight: 500;
    color: #222;
    line-height:45px;
   /* position:relative;
    right:-20%;*/
}
table.title-tb >tr > td{
    padding:20px !important;
}
#title-div > table > tbody > tr > td{
    padding:20px;
}
#title-div > table > tbody > tr > td:nth-child(2){
    padding:0;
}

/*benefit-image*/
.color-change img {
   /* filter: hue-rotate(710deg)brightness(1.5)saturate(2);
    -webkit-filter: hue-rotate(710deg)brightness(1.5)saturate(2);*/
    max-width: 400px;
    padding: 40px;
}

/*modal-popup*/
.white-popup-block{
  max-width:80%;
}
.modal-inner-block ul li {
    list-style: none;
    float: left;margin-bottom:30px;
}
@media(max-width:480px){
  .modal-inner-block ul li {
    margin-left:-40px;
  }
}
.modal-inner-block ul li img{
    padding:5px;
}
.modal-inner-block div img {
    display: initial;
}
.modal-inner-block {
    color:#000;
    font-weight:500;
}
div#p-im {
    display: inline-block;
    margin-top: 30px;margin-left: -20px;
}
@media(max-width:480px){
  div#p-im {
    margin-left: 0px;
  }
}
.modal-inner-block #p-left, .modal-inner-block #p-right {
    margin-top: 20px;
}
#p-right{
    text-align:right;
}
@media(max-width:480px){
 #p-left{font-size:20px;width:100%;}
 #p-right{    
    text-align: left !important;
    float: left !important;
    line-height: 20px;
  }
}
div#p-left {
    font-size: 22px;
    font-weight: 600;
}
section#gallery-pho .sppb-col-md-4{
    padding:5px;
}

div#single-img {
    width: 100%;
    display: inline-block;margin-top: 30px;
}
ul.modalul.three-img li {
    width: 33%;
    margin-top: 4em;
}
@media(max-width:480px){ul.modalul.three-img li {
    width: 100%;
    margin-top: 0;
}}