Hello,
Change the previous code to:
.breadcrumb-trail .back-history {
display: block;
margin-bottom: 15px;
}
@media screen and (min-width: 768px){
.breadcrumb-trail .back-history {
position: absolute;
right: 0;
}
.breadcrumb-trail .back-history:before {
content: '\e902';
font-family: xstore-icons;
position: absolute;
left: -2px;
top: 50%;
-webkit-transform: translate(-100%,-50%);
transform: translate(-100%,-50%);
}
.breadcrumb-trail .page-heading .container {
padding-right: 200px;
line-height: 3ex;
height: 3ex;
overflow: hidden;
text-align: left;
}
.breadcrumb-trail .page-heading .container div {
display: inline;
position: static;
}
.breadcrumb-trail {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 650px) and (max-width: 992px) {
h1.page-title {
height: 170px !important;
}
}
@media screen and (max-width: 649px) {
h1.page-title {
height: 180px !important;
width: 100%;
font-size: 24px !important;
}
.header-bottom {
margin-bottom: 50px;
}
}
Regards