.mt-140{
margin-bottom:140px;
}
.entry-thumbnail {
display: none;
}
.entry-meta {
display: none;
}
nav.navigation.post-navigation {
display: none;
}
.author-box {
display: none;
}
.related-posts-section {
display: none;
}
.catagory-list-cust {
margin-bottom: 50px;
}
.breadcrumb a {
color: #ffffff;
}  .inner-pagebanner-wrapper {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/12/rectangle-1_optimized.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.inner-pg-title {
font-size: 50px;
}
.inner-pagebanner-content {
padding-top: 120px;
padding-bottom: 120px;
padding-left: 50px;
}
.section-top{
padding-top:60px;
}
.section-bottom{
padding-bottom:60px;
}
.inner-cust-title{
font-size:45px;
} .cnt-form-main {
display: flex;
}
.cnt-form-main-left {
width: 55%;
}
.cnr-form-main-right {
width: 45%;
}
.cnr-form-main-right {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/11/home-form-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 30px 50px;
margin-left: 40px;
}
.cnt-pg-mail, .cnt-pg-call {
position: relative;
padding-left: 45px;
}
.cnt-pg-mail:before, .cnt-pg-call:before {
position: absolute;
content: '';
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
left: 0;
top: 5px;
}
.cnt-pg-mail:before {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/11/icon-at.png);
}
.cnt-pg-call:before {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/11/icon-call.png);
}
.cnt-left-mail, .cnt-pg-call-main {
border: 1px solid #000000;
border-radius: 10px;
padding: 30px 30px;
}
.cnt-pg-call-main, .cnt-pg-social-main {
margin-top: 30px;
}
a.cnt-instagram {
padding-right: 20px;
}
.inner-pg-text-right {
text-align: right;
} .home-insta-section.gallery-pg-insta {
margin-bottom: 18%;
}
.gallerypage-wrapper {
display: flex;
}
.gallery-item {
width: 25%;
margin: 15px;
}
.gallery-item img {
width: 100%;
height: 350px;
}
.mfp-title {
display: none;
}
.gallery-item img {
display: block;
}
.gallery-item:hover {
box-shadow: 0px 4px 34px #0001002e;
} .project-content {
position: relative;
width: 100%;
margin: auto;
overflow: hidden;
}
.project-content .content-overlay {
background: rgb(0 0 0 / 38%);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.project-content:hover .content-overlay{
opacity: 1;
}
.content-image{
width: 100%;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.project-content:hover .content-details{
top: 50%;
left: 50%;
opacity: 1;
}
.btn-white:active, .btn-white:focus, .btn-white:visited, .btn-white:hover{
color:#ffffff;
}
.btn-white{
background-color: transparent;
border: 1px solid #ffffff;
padding: 6px 15px;
color: #ffffff;
font-weight: 700;
display: inline-block;
}
.projects-pg-wrapper {
display: flex;
flex-wrap: wrap;
margin: 0px -15px;
}
.project-item {
width: 33.33%;
padding: 15px;
}
img.content-image {
border-radius: 30px;
display: block;
}
.content-overlay {
border-radius: 30px;
}
.project-title a {
position: relative;
top: -20px;
left: 50%;
transform: translateX(-50%);
}
.project-item:hover .project-title a {
background-color: #FF7428;
}
.project-title a {
border-radius: 8px;
}
.btn-center {
text-align: center;
} .service-area-pg-main {
display: flex;
}
.service-area-pg-main-left {
width: 60%;
padding-right: 40px;
}
.service-area-pg-main-right {
width: 40%;
}
ul.areas-ul li {
float: left;
width: 30%;
}
ul.areas-ul li a{
color:#2f2f2f;
}
.service-area-pg-main-right img {
width: 100%;
} .diy-installation-row1-main, .diy-installation-row1-cols {
display: flex;
}
.diy-installation-row1-left, .diy-installation-row1-right {
width: 50%;
}
.diy-installation-row1-left-col1, .diy-installation-row1-right-col1 {
width: 60%;
}
.diy-installation-row1-left-col2, .diy-installation-row1-right-col2{
width:40%;
}
.installation-pg-image{
box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
-webkit-box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
-moz-box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
}
.installation-pg-image {
max-width: 340px;
}
.diy-installation-price {
font-size: 35px;
font-weight: 700;
}
.diy-installation-row1-left-col2, .diy-installation-row1-right-col2 {
position: relative;
}
.diy-installation-price-btm {
position: absolute;
bottom: 0;
}
.btn-diy-pg {
padding: 10px 50px;
} .inner-pagebanner-wrapper-glass-pool-fencing{
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/12/Glass-Staircase-Balustrade2-22.png);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.pool-fencing-row1, .pool-fencing-row2 {
display: flex;
column-gap: 40px;
}
.pool-fencing-row1-left {
width: 60%;
padding-right: 10px;
}
.pool-fencing-row1-right {
width: 40%;
}
.pool-fencing-right-img{
box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
-webkit-box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
-moz-box-shadow: 0px 0px 6px 5px rgba(230,230,230,0.7);
}
.pool-fencing-right-img img{
width:100%;
}
.ul-orange li {
color: #FF7428;
font-weight: 600;
font-size: 18px;
line-height: 34px;
}
.pool-fencing-row2-left, .pool-fencing-row2-right {
width: 50%;
}
.why-pool-fencing-desc, .why-pool-fencing-desc2 {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/12/pool-101-bg1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.why-pool-fencing-desc p, .why-pool-fencing-desc2 p {
color: #ffffff;
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 30px;
font-size: 18px;
line-height: 36px;
}
.why-pool-fencing-desc:before, .why-pool-fencing-desc2:before {
position: absolute;
content: '';
width: 120px;
height: 120px;
background-repeat: no-repeat;
background-size: cover;
background-color: #FF7428;
top: -20px;
left: 0;
}
.why-pool-fencing-desc:before {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/12/cust-icon-11.jpg);
}
.why-pool-fencing-desc2:before {
background-image: url(//balustrade1.com.au/wp-content/uploads/2021/12/cust-icon-12.jpg);
}
.pool-fencing-row2-left, .pool-fencing-row2-right {
position: relative;
}
.pool-fencing-row2-left h4, .pool-fencing-row2-right h4 {
padding-left: 140px;
padding-bottom: 10px;
}
.pool-fencing-row2 {
padding-top: 40px;
}
.pool-fencing-row3{
display:flex;
column-gap: 40px;
}
.pool-fencing-row3-left, .pool-fencing-row3-right {
width: 50%;
}
.orange-areas li {
font-weight: 600;
font-size: 18px;
line-height: 34px;
float: left;
width: 50%;
}
ul.orange-areas li:before {
position: absolute;
content: "\e900";
font-family: icomoon!important;
color: #FF7428;
}
.orange-areas li a{
color: #FF7428;
padding-left:30px;
}
ul.orange-areas {
list-style: none;
margin-left: 0px;
}
.pool-fencing-row3-right{
position:relative;
} .steel-balustrades-main {
display: flex;
column-gap: 30px;
}
.steel-balustrades-main-left, .steel-balustrades-main-right {
width: 50%;
}
.steel-balustrades-main-right img {
width: 100%;
}
table.tg {
margin-top: 30px;
} .wire-balustrades-main{
display: flex;
column-gap: 30px;
}
.wire-balustrades-main-left, .wire-balustrades-main-right{
width:50%;
}
.wire-balustrades-main-right img {
width: 100%;
} .pool-fencing-row3-left-areas{
width:50%;
}
ul.orange-areas-areas-pg {
list-style: none;
margin-left: 0px;
}
.orange-areas-areas-pg li {
font-weight: 600;
font-size: 18px;
line-height: 34px;
}
ul.orange-areas-areas-pg li:before {
position: absolute;
content: "\e900";
font-family: icomoon!important;
color: #FF7428;
}
ul.orange-areas-areas-pg li a {
padding-left: 30px;
color: #FF7428;
}
ul.orange-areas-areas-pg li a.active {
color: #2F2F2F;
} ol.cust-num li {
line-height: 35px;
} .inner-proj-div {
text-align: center;
} .ceramiclean-row1, .ceramiclean-video-main {
display: flex;
column-gap:30px;
}
.ceramiclean-row1 {
align-items: center;
}
.ceramiclean-row1-left, .ceramiclean-row1-right, .ceramiclean-video-main-left, .ceramiclean-video-main-right {
width: 50%;
}
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
.tab button:hover {
background-color: #ddd;
}
.tab button.active {
background-color: #FF7428;
color: #ffffff !important;
}
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
button.tablinks {
color: #000000;
} .spigot-main{
display:flex;
column-gap:30px;
}
.spigot-main-left, .spigot-main-right {
width: 50%;
}
.spigot-main-left img , .spigot-main-right img{
width: 100%;
} .pool-fencing-row {
display: flex;
column-gap:30px;
padding-bottom: 25px;
}
.pool-fencing-row-left-areas , .pool-fencing-row-right{
width: 50%;
}
.print-btn {
cursor: pointer;
}
@media (max-width:767px){
.section-bottom {
padding-bottom: 30px;
}
.section-top {
padding-top: 30px;
}
.breadcrumb {
padding-right: 20px;
}
.inner-pagebanner-content {
padding-top: 80px;
padding-bottom: 80px;
padding-left:20px;
}
.inner-pg-title {
font-size: 35px;
}
.inner-pg-text-right {
text-align: left;
}
.cnt-form-main, .gallerypage-wrapper, .projects-pg-wrapper, .service-area-pg-main {
flex-direction: column;
}
.cnt-form-main-left {
width: 100%;
}
.cnr-form-main-right {
padding: 30px 20px;
margin-left: 0px;
width:100%;
margin-top: 30px;
}
.cnt-pg-mail a, .cnt-pg-call a {
font-size: 20px;
}
.home-form-section {
padding-top: 0px;
}
.gallery-item {
width: 100%;
margin: 0px;
margin-bottom: 25px;
}
.project-item {
width: 100%;
margin: 0px;
margin-bottom: 10px;
}
.btn-center {
margin-bottom: 40px;
}
.service-area-pg-main-left {
width: 100%;
padding-right: 0px;
}
.service-area-pg-main-right {
width: 100%;
}
ul.areas-ul li {
float: inherit;
width: 100%;
}
.diy-installation-row1-main, .diy-installation-row1-cols {
flex-direction: column;
}
.diy-installation-row1-left, .diy-installation-row1-right {
width: 100%;
}
.diy-installation-row1-left-col1, .diy-installation-row1-right-col1 {
width: 100%;
}
.diy-installation-row1-left-col2, .diy-installation-row1-right-col2 {
width: 100%;
}
.diy-installation-price-btm {
position: inherit;
bottom: inherit;
}
.diy-installation-row1-left {
padding-bottom: 25px;
}
.installation-pg-image {
max-width: 100% !important;
}
.inner-cust-title {
font-size: 22px !important;
}
.pool-fencing-row1 {
flex-direction: column-reverse;
}
.pool-fencing-row1-left {
width: 100%;
padding-right: 0px;
}
.pool-fencing-row1-right {
width: 100%;
padding-bottom: 30px;
}
.pool-fencing-row2 {
flex-direction: column;
}
.pool-fencing-row3 {
flex-direction: column-reverse;
}
.pool-fencing-row2-left, .pool-fencing-row2-right {
width: 100%;
}
.pool-fencing-row2-left {
padding-bottom: 50px;
}
.pool-fencing-row2-left h4, .pool-fencing-row2-right h4 {
font-size: 20px;
}
.pool-fencing-row3-left, .pool-fencing-row3-right {
width: 100%;
}
.orange-areas li {
float: inherit;
width: 100%;
}
.wire-balustrades-main {
flex-direction: column;
}
.wire-balustrades-main-left, .wire-balustrades-main-right {
width: 100%;
}
.wire-balustrades-main-left {
padding-bottom: 30px;
}
.steel-balustrades-main, .ceramiclean-video-main {
flex-direction: column;
}
.steel-balustrades-main-left, .steel-balustrades-main-right {
width: 100%;
}
table.tg.h-scroll {
display: block;
overflow-x: auto;
}
table.tg.h-scroll tr td, table.tg.h-scroll tr {
font-size: 12px;
}
.ceramiclean-row1 {
flex-direction: column;
align-items: inherit;
}
.ceramiclean-row1-left, .ceramiclean-row1-right, .ceramiclean-video-main-left, .ceramiclean-video-main-right {
width: 100%;
}
.ceramiclean-video-main-left {
padding-bottom: 30px;
}
.micro-top-rail-main img {
width: 100%;
}
.spigot-main {
flex-direction: column;
}
.spigot-main-left, .spigot-main-right {
width: 100%;
}
.pool-fencing-row3-left-areas {
width: 100%;
}
.pool-fencing-row {
flex-direction: column;
}
.pool-fencing-row-left-areas, .pool-fencing-row-right {
width: 100%;
}
.pool-fencing-row-left-areas.mobile-bottom {
padding-bottom: 20px;
}
.ceramiclean-row1-right-main-img {
flex-direction: column;
}
.ceramiclean-row1-right-main-img-left, .ceramiclean-row1-right-main-img-right {
width: 100%;
}
.ceramiclean-row1-right img {
padding-top: 10px;
}
.insta-gallety-main.mt-140 {
margin-bottom: 0px;
}
}
@media (min-width:768px) and (max-width:1024px){
h1, .h1 {
font-size: 45px;
}
.inner-pagebanner-content {
padding-top: 100px;
padding-bottom: 100px;
}
.cnr-form-main-right {
padding: 30px 15px;
}
.gallery-item img {
height: 220px;
}
.project-title a {
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
text-align:center;
}
.project-title{
text-align:center;
}
.btn-center {
padding-top: 20px;
}
ul.areas-ul li {
width: 100%;
}
.diy-installation-row1-main {
flex-direction: column;
}
.diy-installation-row1-left, .diy-installation-row1-right {
width: 100%;
}
.diy-installation-row1-cols {
padding-bottom: 50px;
}
.diy-installation-row1-left {
margin-top: -51px;
}
.inner-cust-title {
font-size: 25px !important;
}
.orange-areas li {
width: 100%;
}
}
@media (max-width:1280px){
.installation-pg-image {
max-width: 320px;
}
.diy-installation-row1-left-col2, .diy-installation-row1-right-col2 {
padding-right: 20px;
}
.inner-cust-title {
font-size: 40px;
}
}
@media (min-width:1600px){
.inner-pagebanner-content {
padding-top: 200px;
padding-bottom: 200px;
}
.installation-pg-image {
max-width: 100%;
margin-right: 40px;
}
.diy-installation-price {
font-size: 50px;
}
.inner-cust-title {
font-size: 60px;
}
.why-pool-fencing-desc:before, .why-pool-fencing-desc2:before {
width: 150px;
height: 150px;
}
.pool-fencing-row2-left h4, .pool-fencing-row2-right h4 {
padding-left: 180px;
}
.why-pool-fencing-desc p, .why-pool-fencing-desc2 p {
padding-top: 80px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 40px;
font-size: 24px;
line-height: 44px;
}
.ul-orange li, .orange-areas li {
font-size: 24px;
line-height: 48px;
}
}