.pro-breadcrumb{margin-bottom: 40px}
.pro-item{text-align: left;border: none}
.pro-item .pro-image{width: 250px;float: left;margin-right: 15px}
.pro-item .pro-name{display: inherit;background-color: transparent;padding: 0;margin-bottom: 10px;font-size: 18px;line-height: 23px;font-weight: bold}
.pro-item:hover .pro-name{background-color: transparent;color: inherit}
.pro-item .pro-name:hover{color: #3378bf}
.pro-item .pro-name + p{font-size: 14px;line-height: 20px;color: #787878;margin-bottom: 20px}
.pro-shared { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 7px 0; margin-bottom: 20px}
.pro-shared span{float: left;margin-right: 10px;font-size: 14px;line-height: 22px;font-weight: 500;}
.pro-shared a {float: left;font-size: 12px;line-height: 12px;padding: 5px 10px; border-radius: 4px; color: #fff; font-family: 'Roboto', sans-serif;margin-right: 3px;}
.pro-shared a.fa-facebook { background-color: #3a589e}
.pro-shared a.fa-twitter { background-color: #17a2f2}
.pro-shared a.fa-pinterest-p { background-color: #cb2027}
.pro-shared a:before { margin-right: 5px}
.pro-shared a:before { font-family: 'FontAwesome'}
.pro-item .pro-see-more{color: #787878;border: 1px solid #a4a4a4;font-size: 14px;line-height: 19px;padding: 7px 18px 6px 18px;display: inline-block;border-radius: 4px}
.pro-item .pro-see-more:hover{background-color: #3378bf;border-color: #3378bf;color: #fff}
.pro-item .pro-see-more:after{margin-left: 15px;font-family: 'FontAwesome';content: "\f178"}
.pro-sidebar .pro-title{text-align: left;font-size: 22px;line-height: 22px;font-weight: 400;padding-left: 13px;border-left: 4px solid #ed1c24;padding-bottom: 0;margin: 0 0 25px 0;text-transform: initial}
.pro-sidebar .pro-title:before{display: none}
.pro-sidebar .pro-item{margin-bottom: 25px}
.pro-sidebar .pro-item .pro-image{float: none;margin: 0 0 15px 0;width: 100%}
.pro-sidebar .pro-item .pro-name{font-size: 16px;line-height: 21px;font-weight: 400}
.pro-name-detail{font-size: 24px;line-height: 29px;font-weight: bold;margin: 0 0 10px 0}
.pro-description{font-size: 16px;line-height: 22px;font-weight: 500;margin-bottom: 15px;}
.pro-related .pro-title{text-align: left;margin: 20px 0;font-size: 16px;line-height: 21px;font-weight: bold;}
.pro-related .pro-title:before{left: 0;transform: translateX(0);border-radius: 0;width: 40px;height: 3px;}
.pro-related ul{margin-bottom: 0;list-style: none;}
.pro-related ul li{margin-bottom: 10px;}
.pro-related ul li:before{content: "";width: 5px;height: 5px;background-color: #ccc;display: inline-block;margin-right: 13px;}
@media only screen and (max-width: 991px){
    .pro-breadcrumb{margin-bottom: 15px;}
}
@media only screen and (max-width: 570px){
    .pro-item .pro-image{width: 170px}
    .pro-item .pro-name{font-size: 16px;line-height: 21px}
    .pro-item .pro-name + p{margin-bottom: 0}
    .pro-item .pro-see-more{display: none}
    .pro-name-detail{font-size: 20px;line-height: 25px;}
    .pro-wrapper-item [class*='col-']{width: 50%}
    .pro-wrapper-item [class*='col-']:nth-child(3n + 1){clear: inherit}
    .pro-wrapper-item [class*='col-']:nth-child(2n + 1){clear: both}
}
@media only screen and (max-width: 370px){
    .pro-item .pro-image{width: 100%;margin: 0 0 15px 0;float: none}
    .pro-shared a{width: 22px;padding: 0;overflow: hidden;height: 22px;}
    .pro-shared a:before{width: 22px;height: 22px;display: inline-block;text-align: center;line-height: 22px;}
}