.block_content_default .content_body .frame_img_content {
    position: relative;
}
.referral {
    float: left;
}
.referral .referral_wapper{
    width: 100%;
}
.referral .referral_wapper > h2 {
    font-size: 18px;
    padding: 10px 0px 35px;
    text-transform: uppercase;
    color: #000000;
    font-family: "MyriadPro-Regular";
    font-weight: normal;
    background: url("../images/bk_con_home.png") no-repeat 154px 28px;
}
.referral .referral_wapper > h2.en {
    background: url("../images/bk_con_home.png") no-repeat 210px 28px !important;
}
.referral .referral_wapper > h2 a{
  color: #000000;
}
.referral .block_img {
    float: left;
    width: 43.91534391534392%;
}
.referral div.block_img a img {
    border: 2px solid #FFFFFF;
}
.detail_title font , .detail_title_respon font{
    color: #000000;
    font-weight: normal;
}
.frame.block_content.block_content_default.block.block_detail {
    float: right;
    width: 52.91005291005291%;
}
.referral .content_body  {
    width: 100%; 
}
.block_content_default .content_body .frame_img_content .read-more {
    background: url("../images/icon_detail.png") no-repeat scroll 72px center #E86219;
    bottom: 16px;
    height: 20px;
    left: 0;
    padding-left: 20px;
    padding-top: 1px;
    position: absolute;
    width: 90px;
}
.block_content_default .content_body .frame_img_content .read-more a {
	color: #FFFFFF;
	font-weight: bold;
}
.details-content .detail_title , .details-content .detail_title_respon{
    padding-bottom:10px;
}
.details-content .detail_title a ,.details-content .detail_title_respon a {
	font-size: 12px;
    font-weight: bold;
    color: #000000;

}
.referral  .next{
    padding: 0px 0px 0px 20px;
    background: url("../images/icon-next.png")no-repeat left 5px;
    color: #00923f;
}
.details-content .detail_title a font,.details-content .detail_title_respon a font{
    font-weight: normal !important;

}
.details-content .item-sum {
    height: 50px;
    margin-top: 8px;
    overflow: hidden;
}

.content_body .detail_title ,.content_body .detail_title_respon {
    margin-top: 3px;
}

@media only screen and (min-width: 768px) {
    

  .details-content .detail_title{
        display: none;
    }
  .details-content .detail_title_respon{
        display: block;
    }
    .referral {
        width: 48.46153846153846%;
        padding: 0px 0px 25px;
    }
   
}


@media only screen and (min-width: 992px){
  
    .details-content .detail_title{
        display: block;
    }
    .details-content .detail_title_respon{
        display: none;
    }
    .referral {
        width: 48.46153846153846%;
        padding: 0px 0px 25px;
    }
}


@media only screen and (min-width:1200px){
    
    .details-content .detail_title{
        display: block;
    }
    .details-content .detail_title_respon{
        display: none;
    }
    .referral {
        width: 48.46153846153846%;
        padding: 0px 0px 25px;
    }
    
} 
@media only screen and (max-width: 768px) {

   
    .referral {
        width: 100%;
        padding: 0px 10px 25px;
        box-sizing: border-box;
    }
    .details-content .detail_title_respon{
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    
    
    .referral {
        width: 100%;
        padding: 0px 10px 25px;
        box-sizing: border-box;
    }
     .details-content .detail_title_respon{
        display: none;
    }
}
@media only screen and (max-width: 420px) {
    
    
    .referral {
        width: 100%;
        padding: 0px 10px 25px;
        box-sizing: border-box;
    }
     .details-content .detail_title_respon{
        display: none;
    }
}