.clr:after {
content: "";
display: table;
width: 100%;
clear: both;
} .cntr {
width: 1280px;
margin: 0 auto;
}
.main {
float: left;
width: 860px;
padding-top: 80px;
}
.side {
float: right;
width: 340px;
}
@media (max-width: 769px) {
.cntr {
width: 100%;
padding: 0 20px;
}
.main {
float: none;
width: 100%;
padding: 20px 0 0 0;
}
.side {
float: none;
width: 100%;
margin: 20px 0 0 0;
}
} .hdr {
padding: 40px 0;
background-image: url(//bahceci.com/uk/wp-content/themes/bahceci/assets/images/content/single-header-bg.png);
background-repeat: repeat;
background-position: center;
background-size: cover;
background-color: rgba(204, 211, 221, 0.25);
}
.hdr h1 {
max-width: 80%;
}
.breadcrumb {
margin: 0;
padding: 0;
list-style: none;
font-size: 14px;
}
.breadcrumb li {
float: left;
}
.breadcrumb li + li {
margin: 0 0 0 10px;
}
.breadcrumb li + li:before {
content: "›";
margin-right: 4px;
}
.breadcrumb li:last-child {
font-weight: bold;
}
.breadcrumb li span i,
.breadcrumb li span svg {
display: none;
}
.breadcrumb li span span {
display: block;
}
@media (max-width: 769px) {
.hdr {
padding: 20px 0;
}
.hdr h1 {
max-width: 100%;
margin: 0 0 10px 0;
font-size: 26px;
line-height: 1.4;
}
.breadcrumb li span i,
.breadcrumb li span svg {
position: relative;
top: 5px;
display: block;
}
.breadcrumb li span span {
display: none;
}
}