/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
	font-family: 'MetaProNormal';
	src: url('../fonts/MetaProNormal.eot');
	src: url('../fonts/MetaProNormal.eot') format('embedded-opentype'), url('../fonts/MetaProNormal.woff2') format('woff2'), url('../fonts/MetaProNormal.woff') format('woff'), url('../fonts/MetaProNormal.ttf') format('truetype'), url('../fonts/MetaProNormal.svg#MetaProNormal') format('svg');
}
@font-face {
	font-family: 'ag_book_stencilregular';
	src: url('../fonts/ag_book_stencil_regular-webfont.eot');
	src: url('../fonts/ag_book_stencil_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ag_book_stencil_regular-webfont.woff2') format('woff2'), url('../fonts/ag_book_stencil_regular-webfont.woff') format('woff'), url('../fonts/ag_book_stencil_regular-webfont.ttf') format('truetype'), url('../fonts/ag_book_stencil_regular-webfont.svg#ag_book_stencilregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'lorimer_no_2stencil';
	src: url('../fonts/lorimer_no2_stencil-webfont.eot');
	src: url('../fonts/lorimer_no2_stencil-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lorimer_no2_stencil-webfont.woff2') format('woff2'), url('../fonts/lorimer_no2_stencil-webfont.woff') format('woff'), url('../fonts/lorimer_no2_stencil-webfont.ttf') format('truetype'), url('../fonts/lorimer_no2_stencil-webfont.svg#lorimer_no_2stencil') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{
box-sizing: border-box;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-bottom: 10px;
	font-family: 'ag_book_stencilregular';
	color: #f58220 !important;
	margin-top: 0px;
}
.h2, h2 {
	font-size: 38px !important;
	color: #000;
}
h5 {
	font-size: 30px !important;
}
h6 {
	font-size: 20px !important;
	font-family: 'MetaProNormal';
}
.subHeading {
	color: #231f20;
}
body {
	width: 100%;
	height: 100%;
	font-family: 'MetaProNormal';
	font-size: 31px !important;
	line-height: 42px;
  color:#333333 !important;
}
html {
	width: 100%;
	height: 100%;
}
@media (min-width:1230px) {
.container {
	width: 1230px
}
}
@media(min-width:767px) {
.navbar {
	padding: 20px 0;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.top-nav-collapse {
	padding: 0;
}
}
/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
	height: 100%;
	/*padding-top: 150px;*/padding-top:80px;
	text-align: center;
	background: #fff;
}
.about-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #eee;
}
.services-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #fff;
}
.contact-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #eee;
}
.hedingFencing3 {
	font-size: 48px;
	line-height: 48px;
	/*padding-left: 100px;*/ padding-left:75px;
	border-top: 5px dotted #fff;
	padding-top: 10px;
	margin-bottom: 30px;
	display: inline-block;
	width: 100%;
}
.hedingFencing2 {
	font-size: 150px;
	line-height: 150px;
	color: #f58220;
	padding-left: 100px;
}
.hedingFencing2new {
	font-size: 150px;
	line-height: 150px;
	color: #f58220;
}
.hedingFencinggate {
	font-size: 100px;
	line-height: 150px;
	color: #FFFFFF;
	padding-left:75px;
}
.hedingFencing1 {
	padding-left: 100px;
	font-size: 62px;
	line-height: 62px;
	margin-top: 40px;
}
.content-area b {

	font-weight: bolder;
}
.currentpage .stepnumber {
	color: rgb(245, 130, 32);
}
.specificPart > ul li.currentpage a {
	border-color: rgb(245, 130, 32);
}
.fencingPanel {
	background: #231f20;
	color: #fff;
	font-family: 'ag_book_stencilregular';
	padding: 0px 0px;
	border-top: 5px dotted #fff;
}
.vividOrange {
	color: #f58220;
}
.fencing-section {
	margin-bottom: 30px;
}
.toolsRequired {
	/*	border-bottom: 1px solid #262323;
	border-top: 1px solid #262323;*/
	font-size: 26px;
	line-height: 34px;
	padding: 5px 0;
}
.hdHeading {
	background: #f58220 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	font-family: "ag_book_stencilregular";
	font-size: 35px;
	line-height: 42px;
	font-weight: normal;
	margin-bottom: 17px;
	margin-top: 14px;
	padding: 8px 16px;
	width: 100%;
}
.stepnumber {
	font-size: 20px;
	font-family: "MetaProNormal";
	font-weight: 900;
	color: #999;
}
ol li {
  line-height: 50px;
  margin-bottom: 10px !important;
  margin-left: 30px !important;
}
.content-area ul li{
   line-height: 50px;
  
  
}
.doNo {
	color: #c4161c;
	display: inline;
	font-weight: bold;
}
.nextPage {
	margin-bottom: 20px;
}
ol {
	padding: 0;
}
.content-area {
	display: inline-block;
	padding:0 75px;
	width: 100%;
}
.BannerImages {
	margin-bottom: 40px;
	position: relative;
}
.rightImg {
	float: right;
	margin-bottom: 10px;
	margin-left: 15px;
}
ul {
	list-style: outside none none;
	padding: 0;
}
ul li {
	margin-bottom: 10px;
}
.spsaLogo {
	clear: right;
}
.fencing .logo {
	display: inline-block;
	vertical-align: middle;
}
.fencingAddress {
	display: inline-block;
	margin-left: 40px;
	font-size: 21px;
	margin-right: 17px;
	line-height: 25px;
	text-align: right;
	vertical-align: middle;
	width: 215px;
}
.certmarkLogo {
	margin-left: 44px;
}
.forLifeImg {
	clear: right;
	float: right;
	margin-left: 34px;
}
.forLifeImg img {
	clear: both;
	float: right;
	margin-bottom: 3px;
}
.specialOrder {
	margin-bottom: 50px;
}
.maxwidthscreen {
	font-size: 23px;
	text-align: center;
}
.easyScreen::after {
	background: #333333 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 50%;
	margin-left: -1px;
	position: absolute;
	top: 0;
	width: 2px;
}
.easyScreen {
	position: relative;
}
.wdScreenImg {
	position: relative;
}
.maxHeightscreen {
	bottom: 152px;
	font-size: 23px;
	position: absolute;
	right: -112px;
	text-align: center;
	transform: rotate(90deg);
}
.assembleListImg {
	float: right;
	width: 256px;
}
.assembleListImg img {
	float: right
}
ol.assembleList {
	display: inline-block;
	margin-top: 30px;
}
.customOrders h4 {
	font-size: 44px;
	font-family: 'MetaProNormal';
	font-weight: bold;
	color: #231f20;
}
.customOrdersText {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	width: 430px;
}
.customOrders {
	float: left;
}
.customOrders {
	float: left;
	margin-top: 30px;
}
.easyImages {
	margin-top: 30px;
}
.leftImg {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.calculatorText {
	margin-top: 30px;
}
.calculatorArea .leftImg {
	margin-right: 35px;
}
.installFrame h4 {
	color: #333333 !important;
	font-size: 35px;
}
.installFrame {
	margin-top: 54px;
}
.installFrame ol li {
	margin-bottom: 36px;
}
.installFrameImg {
	float: right;
}
.installFrameImg img {
	float: right;
	clear: both;
	margin-bottom: 20px;
}
.hrhd {
	border-width: 3px;
	border-color: #333;
	width: 100%;
}
.louverBlades {
	margin-top: 20px;
}
.louverBlades .installFrameImg {
	margin-left: 150px;
}
.louverBlades .fig4 {
	margin-bottom: 45px;
}
.louverBlades .fig6 {
	margin-bottom: 80px;
}
.easyTrellis .hedingFencing3 {
	border: medium none;
	display: inline-block;
	padding: 0 0 0 20px;
	width: auto;
}
.easyTrellis .hedingFencing2 {
	display: inline-block;
	font-size: 100px;
}
section.easyTrellis {
	margin-bottom: 15px;
}
.easyTr {
	font-size: 18px;
	line-height: 18px;
}






.toolsRequired.easyTr {
	margin-bottom: 17px;
}
.latSurface p {
	font-size: 18px;
	line-height: 22px;
}
.latSurfaceImg {
	min-height: 210px;
}
.hdHeading .content-area {
	padding: 0 80px;
}
.screeningOp {
	font-size: 24px;
	line-height: 30px;
}
.aztecBm {
	float: left;
	width: 48%;
}
.aztecBm.Bam {
	margin-left: 6px;
}
.visualImpact [class*="col-"] {
	padding: 0px;
}
.coloursArea {
	float: left;
}
.coloursArea > h6 {
	color: #333333;
	font-size: 22px;
}
.coloursName {
	float: left;
	font-size: 14px;
	padding: 0 13px;
	text-align: center;
	width: 96px;
}
.coloursArea {
	float: left;
	margin: 0 -13px;
	width: 192px;
}
.colorPatterns {
	float: right;
	margin-left: 30px;
	margin: 0 -4px;
	width: 68%;
	margin-top: 20px;
}
/*.screeningOp .content-area {
	padding: 0 40px;
}*/
.screeningOp .hdHeading .content-area {
	padding: 0 20px;
}
.colorPatternsItem {
	float: left;
	width: 33.33%;
	padding: 0 4px;
}
.coloursNametag {
	line-height: normal;
}
.bannerProtectorl {
	margin-top: 10px;
}
.shapeOutside {
	position: absolute;
	top: -163px;
}
.Bnfencing .shapeOutside {
	position: absolute;
	top: -90px;
}
ol.installOL .content-area > li {
	list-style: outside none none;
	margin: 0 0 0 30px;
	text-indent: -30px;
}
.adjust .shapeOutside {
	top: -40px;
}
.adjust.BannerImages {
	margin-bottom: 0;
}
.calculatorImg .shapeOutside {
	position: absolute;
	top: -120px;
}
.BannerImages.calculatorImg {
	margin-bottom: 20px;
}
.CustomOrdersLogo {
	float: left;
	width: 100%;
}
.CertificateLogo {
	display: inline-block;
}
/*last*/
 
.intro-section {
	height: 100%;
	/*padding-top: 100px;*/
	text-align: center;
	background: #fff;
}
.about-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #eee;
}
.services-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #fff;
}
.contact-section {
	height: 100%;
	padding-top: 150px;
	text-align: center;
	background: #eee;
}
.para-last {
	margin-bottom: 40px;
}
.top-main {
	border-top: 2px dotted black;
	text-align: left;
}
.top-main-heading {
	font-family: "ag_book_stencilregular";
	font-size: 74px;
	text-align: left;
	color: #231f20;
	margin-top: 40px;
}
.top-main-sub-heading {
	font-family: "ag_book_stencilregular";
	font-size: 40px;
	text-align: left;
	color: #231f20;
	margin-top: 40px;
}
.content-section {
	padding-top: 100px;
	width: 100%;
	float: left;
}
.content {
	margin-top: 20px;
	margin-bottom: 10px;
}
.top-main-content {
	border-top: 2px dotted black;
	border-bottom: 2px dotted black;
}
.warning-container {
	padding: 40px 0px;
}
.warning-main {
	width: 100%;
	float: left;
	padding-top: 50px;
}
.warning-head {
	font-size: 40px;
	vertical-align: bottom;
	margin-left: 20px;
	font-weight: 900;
	display: inline-block;
}
.logo-number-main {
	padding-top: 100px;
}
.warning-container img {
	display: inline-block;
}
.border-number {
	border-top: 2px dotted #000000;
	bottom: 9px;
	left: 83px;
	position: relative;
	width: 53%;
}
/*door pack*/
.door-pack {
	width: 100%;
	float: right;
	padding-top: 100px;
	text-align: center;
	background: #fff;
}
.door-sub-heading {
	font-weight: 900;
	text-align: left;
}
.door-pack-first {
	width: 100%;
	float: left;
	border-bottom: 2px dotted black;
	text-align: left;
	padding: 20px 0px;
}
.first-panel-content {
	display: inline-block;
	vertical-align: middle;
	width: 69%;
}
.first-panel-img {
	display: inline-block;
	width: 30%;
}
/*third-page*/

.third-page {
	width: 100%;
	float: left;
	padding-top: 60px;
	text-align: center;
	background: #fff;
}
.page-row {
	border-top: 2px dotted black; padding-top:25px;
}
.barrier-img {
	float: right;
}
.barrier2-img {
	display: inline-block;
	margin: 20px;
	vertical-align: bottom;
}
.barrier3-img {
	display: inline-block;
	margin: 20px;
	vertical-align: middle;
}
.img-text {
	display: inline-block;
	vertical-align: middle;
}
.barrier5-container {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 22%;
}
.set-barrier5 {
	margin: 10px 0px;
}
/*four-page*/
.fourth-page {
	width: 100%;
	float: left;
	padding-top: 100px;
	text-align: center;
	background: #fff;
}
.fourth-img-wrapper img {
	margin: 60px 0px;
}
/*fifth-page*/

.fifth-page {
	width: 100%;
	float: left;
	padding-top: 100px;
	text-align: center;
	background: #fff;
}
/*sixth-page*/
.sixth-page {
	width: 100%;
	float: left;
	padding-top: 100px;
	text-align: center;
	background: #fff;
}
/*seventh-page*/

.seventh-page {
	width: 100%;
	float: left;
	padding-top: 100px;
	text-align: center;
	background: #fff;
}
.img-bottom-margin {
	margin: 40px 0px;
}
/**/

.number-container {
	border-bottom: 2px dotted #000000;
	display: inline-block;
	position: relative;
	text-align: left;
	width: 100%;
}
.number-bottom {
	bottom: -10px;
	left: 0;
	position: absolute;
	vertical-align: bottom;
}
.logo-bottom {
	float: right;
	margin-bottom: -10px;
	position: relative;
	text-align: right;
	vertical-align: bottom;
}
.logo-bottom .img-responsive {
	float: right;
}
.assemble {
	color: #231f20;
}
.louverBlades {
	display: inline-block;
}
.installFrame {
	display: inline-block;
}
.finishingImgBner {
  margin-top: 70px;
  position: relative;
}


.pageHeading {
	font-size: 60px;
	text-transform: uppercase;
	padding: 0px 30px;
   color: #f58220;
}
.introduction {
	margin-bottom: 20px;
}
.specificPart > ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.specificPart > ul li {font-size:14px; line-height:normal; color:#666; text-align:center;
	display: inline-block;
	margin: 0 20px;
}
.specificPart > ul li a {
	border: 2px solid #333333;
	border-radius: 50%;
	box-sizing: border-box;
	display:block;
	height: 80px;
	/*overflow: hidden;*/ font-size:12px; line-height:normal; color:#666;
	padding: 12px;
	width: 80px; margin:0 auto 7px;
}


.specificPart > ul li:hover a, .specificPart > ul li.active a {
 color: rgb(194, 103, 7); text-decoration:none; border:2px solid #ff9900; background-color:#fbe6c6;
}
.specificPart > ul li:hover, .specificPart > ul li.active { color:#c26707;}
	




.specificPart.text-center {
	margin-top: 30px;
}

.specificPart > ul li a.active{ border-color:rgb(194, 103, 7);  color: rgb(194, 103, 7); text-decoration:none;}



.digholesBS .shapeOutside {
	top: -10px;
}
.BannerImages.digholesBS {
	margin: 0;
}
.list-Required > li::before {
	content: "";
	background: url(../img/check.png) no-repeat;
	width: 26px;
	height: 24px;
	display: inline-block;
	margin-right: 10px;
}







/**/

.dial {
	color: #FF7D23;
	font-family: 'MetaProNormal';
}
.set-font1 {
	font-size: 30px;
}
.set-font2 {
	font-size: 24px;
}
.instruction-main {
	font-family: "ag_book_stencilregular";
	font-size: 34px;
}
.image-main {
	float: right;
	padding: 10px 0px 30px 40px;
}
.color-changer {
	color: #333333;
}
.groundClearanceImg {
	float: right;
	width: 44.7%;
}
ul.listNone {
	list-style: outside none disc;
	padding-left: 30px;
}
.stepMark_col_2 {
	float: right;
}
p.gates {
	margin: 60px 0;
}
.screwsProvided {
	float: right;
	text-align: right;
	width: 36%;
}
.screwsProvided .img-responsive {
	display: inline-block;
}
.adjustment {
	float: right;
	text-align: right;
	width: 48.7%;
}
.adjustment .img-responsive {
	display: inline-block;
}
.installation {
	float: right;
	text-align: right;
	width: 40%;
}
.finishingImg {
	float: right;
	text-align: right;
	width: 48%;
}


.shapeOutside {
  bottom: 0;
  position: absolute;
  top: auto;
}
.component-content .item-page > h2 {
   width:100%;
}



/*22-8-16*/

.component-content h2.hdHeading{ color:#fff !important;}
.fencingPanel .hedingFencing3 h3{ color:#fff !important; font-size: 48px;}
.component-content .hedingFencinggate h2{color: rgb(245, 130, 32) !important; font-size: 81px !important; line-height:normal; text-transform:uppercase;padding-top: 30px;}

.component-content .hedingFencinggate h2{border-width:0 !important;}

.component-content .hedingFencing3{margin-bottom:0;}

.fencing.boundary-botom-logos .logo{display: block; float: left; text-align: center; width: 33.33%;}
.fencing.boundary-botom-logos .logo .fencingAddress{display: block; font-size: 21px; line-height: 25px; margin-top: 15px; text-align: center; vertical-align: middle; margin:15px 0 0; width:auto;}


/*2-9-16*/
.highlight_text{ padding:20px; background-color:#f2f2f2; font-size:14px; line-height:normal; color:#5a5a5a; margin-bottom: 40px;}

.highlight_text .vividOrange { font-size:16px; margin:20px 0 0;}
.wrap_image:after{display:block; content:""; clear:both;}
.wrap_image{margin-bottom:30px;}
.wrap_image ol.assembleList { display: block;}


.boundary-botom-logos{margin:50px auto;}
.boundary-botom-logos:after{display:block; content:""; clear:both;}






/*5-9-16*/
.list-Required{margin-left:0;}
.protect_new > .top-main{border-top:0;}
.protect_new .col-xs-12{ padding:0 !important;}

.protect_new.intro-section{padding-top:50px;}





/*responsive*/
@media(min-width:250px) and (max-width:767px) {
.fencingPanel .hedingFencing1 {
  font-size: 20px;
 
}.fencingPanel .hedingFencing2 {
  font-size: 30px;
 
}.fencingPanel .hedingFencing3 {
  font-size: 20px;
 
}.specificPart ul {
  text-align: center;
}.list-Required > li {
  font-size: 18px;
}

.header .pageHeading {
  font-size: 40px;
  padding: 0;
  
}
.top-main-heading {
	font-size: 40px;
}
.top-main-sub-heading {
	font-size: 24px;
}
.warning-container img {
	display: inline-block;
}
.door-pack-first {
	text-align: center;
}
.number-bottom {
	bottom: 0;
	position: static;
	text-align: center;
	vertical-align: bottom;
	margin: 20px 0px;
}
.number-bottom img {
	margin: 0 auto;
}
.number-container {
	border: medium none;
	text-align: center !important;
	width: 100% !important;
}
.logo-bottom {
	bottom: 0;
	float: right;
	position: static;
	text-align: center;
	width: 100%;
}
.barrier2-img {
	margin: 20px 0px;
}
.logo-bottom img {
	margin: 0 auto;
	width: 100%;
}




	.component-content .hedingFencinggate h2{font-size: 38px !important; margin-bottom:0;}
	.fencingPanel .hedingFencing3 h3{font-size:24px;}

	.top-main{padding: 20px 0;}
	
	.component-content .hedingFencinggate h2{padding-top:0;}


}
 @media(min-width:768px) and (max-width:1200px) {
	 .warning-container img {display: inline-block;}
}


 @media (min-width: 250px) and (max-width: 767px) {
	 
	 .fencing.boundary-botom-logos .logo { display: block; float: none;text-align: center; width: auto; margin-bottom:20px;  min-height: inherit;}
	.fencing.boundary-botom-logos .logo .fencingAddress{margin-bottom:30px;}
	 
	 ol li{line-height:normal; margin-top:30px; margin-left:0 !important;}
	
	 
body {
	font-size: 20px !important;
	line-height: 30px;
}
.hedingFencing1 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 15px;
	padding-left: 15px;
}
.hedingFencing2 {
	font-size: 60px;
	line-height: 80px;
	padding-left: 15px;
}
.hedingFencinggate {
	font-size: 50px;
	line-height: 60px;
	padding-left: 15px;
}
.hedingFencing2new {
	font-size: 60px;
	line-height: 60px;
	padding-left: 15px;
}
.hedingFencing3 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
.content-area {
	padding-left: 15px;
	padding-right: 15px;
}
.fencing-section {
	margin-bottom: 15px;
}
.hdHeading {
	font-size: 30px;
	line-height: 30px;
}
.fencing .logo {
	float: left;
	padding: 0 15px;
	margin: 0px;
	width: 50%;
}
.fencing .logo img {
	width: 100%;
}
.fencing {
	border-bottom: 72px solid #f58220;
	float: left;
	width: 100%;
}
.fencingAddress {
	float: left;
	margin: 0;
	width: 50%;
}
.fencing .logo {
	float: left;
	margin: 0;
	min-height: 210px;
	padding: 0 15px;
	width: 50%;
}
.Bnfencing .shapeOutside {
	top: 0;
}
.easyTrellis .hedingFencing2 {
	font-size: 70px;
}
.screeningOp .content-area {
	padding: 0 20px;
}
.latSurface {
	text-align: center;
}
.latSurfaceImg {
	display: inline-block;
	min-height: inherit;
}
.latSurface p {
	margin-bottom: 30px;
}
.aztecBm {
	display: inline-block;
	float: none;
	width: auto;
}
.coloursName > img {
	width: 100%;
}
.coloursName {
	padding: 0 8px;
	width: 80px;
}
.coloursArea {
	float: left;
	margin: 0 -8px;
	width: 160px;
}
.budgetSlat {
	float: left;
	width: 100%;
}
.colorPatterns {
	width: 60%;
}
.adjust.BannerImages {
	margin-bottom: 20px;
}
.adjust .shapeOutside {
	top: 0;
}
.listStarting {
	text-align: center;
}
.forLifeImg {
	clear: none;
	display: inline-block;
	float: none;
	margin-left: 0;
}
.bracket .col-sm-6 {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
.easyScreen::after {
	content: none;

}
.calculatorImg .shapeOutside {
	top: -10px;
}
ol.assembleList .assembleListImg {
	text-align: center;
}
ol.assembleList .assembleListImg img {
	display: inline-block;
	float: none;
	margin: auto;
}
.customOrders h4 {
	font-size: 34px;
}
.customOrdersText {
	margin-top: 20px;
	width: 100%;
}
.customOrders {
	text-align: center;
}
.CustomOrdersLogo .customOrders {
	width: 60%;
}
.forLifeImg {
	width: 100%;
}
.content-area ul {
	width: 100%;
	float: left;
}
.rightImg {
	float: none;
	text-align: center;
	margin: 0 auto;
}
.screwsProvided {
	text-align: center;
	width: 100%;
}
.adjustment {
	text-align: center;
	width: 100%;
}
.installation {
	text-align: center;
	width: 100%;
}
.finishingImg {
	text-align: center;
	width: 100%;
}
.shapeOutside {
	top: 0;
}
.stepMark_col_2 {
	float: none;
}
.content-section {
	padding-top: 20px;
}
.warning-main {
	padding-top: 20px;
}
.logo-number-main {
	padding-top: 0;
}
.door-pack {
	padding-top: 20px;
}
.fourth-page {
	padding-top: 20px;
}
.fifth-page {
	padding-top: 20px;
}
.sixth-page {
	padding-top: 20px;
}
.intro-section {
	padding-top: 20px;
}
.top-main-heading {
	margin-top: 20px;
}
.top-main-sub-heading {
	margin-top: 20px;
}
.pageHeading {
  font-size: 40px;
  padding: 0;
}










}

 @media (min-width: 250px) and (max-width: 450px) {
	.hedingFencing2 {font-size: 44px;line-height: 44px;}
	.top-main-heading {font-size: 40px; word-break: break-all;}
	.h2, h2 { font-size: 26px !important;}
}
 @media (min-width: 768px) and (max-width: 991px) {
	 
	 .hedingFencinggate{ padding-left:50px;}
	 
	 
	 
 .digholes .specificPart > ul li {
	
	margin: 0 12px;
}
.content-area {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	line-height: 32px;
}
.hedingFencing2 {
	font-size: 90px;
	line-height: 90px;
	padding-left: 30px;
}.hedingFencing1 {
	
	padding-left: 30px;
}
.hedingFencing3 {
	font-size: 38px;
	line-height: 38px;
	margin-bottom: 20px;
	padding-left: 30px;
}
.CustomOrdersLogo .customOrders {
	width: 60%;
}
.CustomOrdersLogo .customOrders img {
	float: left;
	width: 30%;
}
.customOrdersText {
	margin: 0;
	padding-left: 10px;
	width: 70%;
}
.CustomOrdersLogo .img-responsive.pull-right {
	width: 33%;
}
.CertificateLogo {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.component-content .pageHeading {
  font-size: 40px;
  padding: 0;
}
.component-content .item-page > h2 {
  font-size: 32px;
}
.hdHeading {
  font-size: 30px;
}
.hedingFencing1 {
  padding-left: 50px; font-size:52px;
}
.hedingFencing2 {
  font-size: 90px;
  padding-left: 50px;
}
.hedingFencing3 {
  padding-left: 50px;
}
.content-area {
  padding-left: 50px;
  padding-right: 50px;
}
.fencing .logo {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
 
}

.fusionmenu .menutop li.root > .item {
  font-size: 14px;
 
}
.menutop ul li > .item {
 
  font-size: 14px !important;
 
}

.main-surround{
  background-color: white !important;
}

.small, small {
  font-size: 12px !important;
}


.rt-block.component-block #rt-mainbody .component-content .item-page > h2 {
  border-bottom: 1px solid #f78e1e !important;
  color: #000000 !important;
}


.digholes .content-area > h2 {
  border: medium none;
}

.fencingPanel .hedingFencing3 {
  border-bottom: medium none;
}

.customOrders h4 {
  color: #231f20!important;
 
}

.top-main-heading {
  color: #231f20 !important;
  
}

.top-main-sub-heading {
  border: medium none !important;
  color: #231f20 !important;
}

@media(min-width:250px) and (max-width:767px){
  
  .rt-menu-mobile  select {
  font-size: 14px;
}
.digholes .content-area > p {
  font-size: 20px;
  line-height: 30px;
}
.digholes .content-area {
  padding-left: 0;
  padding-right: 0;
}
.digholes .content-area ol li {
  font-size: 20px;
  line-height: 36px;
}
.digholes .content-area ol li {
  font-size: 20px;
  line-height: 36px;
}
ol.installOL {
  margin-left: 0;
}
ol.installOL .content-area > li {
  list-style: outside none none;
  margin: 0 0 0 30px;
  text-indent: -30px;
}
section.digholes {
  font-size: 20px;
}
.content-area ul li {
  line-height: 36px;
}

section.digholes ul {
  float: left;
  margin-left: 0;
  width: 100%;
}

.hdHeading {
  font-size: 26px;
  line-height: 30px;
}
section.digholes ol {
  margin-left: 0;
}
ol.installOL .content-area > li {
  line-height: 36px;
}
}


@media (max-width:320px){
	
	.component-content .hedingFencinggate h2 { font-size: 25px !important; margin-bottom: 0;}
	.fencingPanel .hedingFencing3 h3 { font-size: 15px;}
	
}
div#rt-utility .rt-container .rt-omega .rt-block:last-child .sprocket-mosaic-header {
    display: none;
}
div#rt-utility .rt-container .rt-omega .rt-block:last-child .sprocket-mosaic-container {
    border-bottom: none;
    background-image: none;
}
div#rt-utility .rt-container .rt-omega .rt-block:last-child .sprocket-mosaic-container li {
    border-top: none;
    background-color: transparent;
}