/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas-regular-webfont.woff2') format('woff2'),
         url('fonts/bebas-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'velocity_-_demoregular';
    src: url('fonts/velocity_demo-webfont.woff2') format('woff2'),
         url('fonts/velocity_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* GENERAL */

h1, h2, h3, h4, h5, h6,.fancy-header h1, .fancy-header h2, .fancy-header .fancy-subtitle {
	font-family: 'bebasregular';
}

body.page-id-334 #home-testimonials-row h2,
body.page-id-329 .page-desc-row #white-desc-text p{
	text-transform: none;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0;
}

.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0;
}

/* HEADER */

.masthead {
	margin-top:3%;
}

.branding a img, .branding img {
    max-width: 80%;
    height: auto;
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line::after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line::before {
    background: #132b39 !important;
}



/* MENU */

#mCSB_1 .branding {
	display:none;
}

.medium-menu-icon .menu-toggle .menu-line {
	width: 26px;
}

.right-mobile-menu .show-mobile-header .dt-mobile-header {
	background: #132b3a url('https://elmarievanzyl.co.za/mt-plastiek/wp-content/uploads/2021/07/nav-bg.png');
	background-size:cover;
	background-position: 0 0;
	background-repeat: no-repeat;
}

body.home .masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
	background:rgba(255,255,255,0);
}

.masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
	
	padding-top:1.5%;
	padding-bottom: 1.5%;
}

.mobile-header-bar .mobile-branding {
	width:100%;
}

.light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .mobile-branding * {
	margin:0 auto;
}

.mobile-header-bar .mobile-branding img {
    max-width: 80%;
    height: auto;
	margin-left:6% !important;
}


.mobile-mini-widgets-in-menu .mini-nav {
	width:72%;
}

.dt-mobile-header .mini-nav {
    margin: 5px 0 5px 20px;
}

.dt-mobile-header .mini-nav {
	text-align: right;
}

.list-type-menu-first-switch.mini-nav ul {
	width: 100%;
}

li.menu-item-413 a,
li.menu-item-413 a:visited,
li.menu-item-414 a,
li.menu-item-414 a:visited{
	color:#c69e71 !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size:16px !important;
}

li.menu-item-414 a:hover,
li.menu-item-414 a:hover {
	color:#fff;
}


li#menu-item-382 a,
li#menu-item-382 a:visited,
li#menu-item-381 a,
li#menu-item-381 a:visited{
	color:#c69e71 !important;
	font-weight: 600;
}

li#menu-item-382 a:hover,
li#menu-item-381 a:hover{
	color:#fff !important;
}



/* FANCY HEADER */

.fancy-header .fancy-title {
    font-size: 48px !important;
    line-height: 40px !important;
	text-transform: uppercase !important;
	margin:0 !important;
}



body.page-id-166 #fancy-header .fancy-title-head,
body.page-id-307 #fancy-header .fancy-title-head{
	background:#a1aca3;
	padding-left:0.5%;
	padding-right:0.5%;
}

body.page-id-188 #fancy-header .fancy-title-head,
body.page-id-316 #fancy-header .fancy-title-head{
	background:#c69e71;
	padding-left:0.5%;
	padding-right:0.5%;
}

body.page-id-74 #fancy-header .fancy-title-head,
body.page-id-312 #fancy-header .fancy-title-head {
	background:#fff;
	padding-left:0.5%;
	padding-right:0.5%;
}

body.page-id-214 #fancy-header .fancy-title-head,
body.page-id-329 #fancy-header .fancy-title-head{
	background:#1e3a24;
	padding-left:0.5%;
	padding-right:0.5%;
}


body.page-id-29 #fancy-header .fancy-title-head,
body.page-id-301 #fancy-header .fancy-title-head{
	background:#c69e71;
	padding-left:0.5%;
	padding-right:0.5%;
}


/* PAGE DESCRIPTION BLOCK */


.page-desc-row .vc_col-sm-12 .vc_column-inner {
	margin-left:10%;
	padding-top: 3%;
	padding-bottom: 3.5%;
}


.page-desc-row #white-desc-text p {
	color:#132b3a;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 48px;
	font-family: 'bebasregular' !important;
}

.page-desc-row #call-to-action-text {
	margin-left:5%;
	margin-top: 1.5%;
}

body.page-id-214 .page-desc-row #call-to-action-text,
body.page-id-329 .page-desc-row #call-to-action-text{
	margin-bottom: 1.5%;
}


body.page-id-188 #call-to-action-text,
body.page-id-316 #call-to-action-text{
    margin-left: 30%;
    margin-top: 0;
    margin-bottom: 1.5%;
}

body.page-id-166 .page-desc-row #call-to-action-text,
body.page-id-307 .page-desc-row #call-to-action-text {
    margin-left: 27%;
    margin-top: 0;
    margin-bottom: 1.5%;
}

.page-desc-row #call-to-action-text p {
	color:#132b3a;
	font-family: 'velocity_-_demoregular';
	font-size:52px;
	line-height: 62px;
}

.page-desc-row #call-to-action-text .call-to-action-sub-text {
	font-family: "Roboto";
	font-size:12px;
	font-style:italic;
}

body.page-id-29 .page-desc-row #white-desc-text p,
body.page-id-301 .page-desc-row #white-desc-text p,
body.page-id-214 .page-desc-row #white-desc-text p,
body.page-id-329 .page-desc-row #white-desc-text p{
	color:#fff;
}

body.page-id-301 .page-desc-row #white-desc-text {
	margin-right:10%;
}

body.page-id-29 .page-desc-row #call-to-action-text p,
body.page-id-301 .page-desc-row #call-to-action-text p,
body.page-id-214 .page-desc-row #call-to-action-text p,
body.page-id-329 .page-desc-row #call-to-action-text p{
	color:#c69e71;
}

#page-desc-icon-row {
	margin-top:-21%;
}

#page-desc-icon-row img {
	width:24%;
	height: auto;
}


/* HOME */

/*body.home .masthead {
	background-color: rgba(255,255,255,0) !important;
}*/

#home-page-blue-bg-row {
	padding-top:5%;
	padding-bottom: 10%;
}

#home-page-blue-bg-row .vc_col-sm-2 {
	width:10%;
}

#home-page-blue-bg-row .vc_col-sm-4 {
	width: 25%;
}

#home-page-blue-bg-row .vc_col-sm-6 {
	width:65%;
}


#home-page-blue-bg-row .vc_separator {
	margin-top:22%;
}

#home-desc-text p {
	color:#ede8e2;
	font-family: 'bebasregular';
	font-size:60px;
	line-height: 72px;
	text-transform: uppercase;
	margin-left:5%;
}

#home-desc-text p .home-desc-sub-text {
	font-size: 36px !important;
	line-height: 58px !important;
	display: block;
}

#home-page-blue-bg-row .wpb_single_image {
	margin-top:-17%;
}


#home-page-blue-bg-row .wpb_single_image img {
	width:45%;
	height: auto;
}

#home-who-we-are-row {
	margin-top:5%;
}

#home-who-we-are-row .wpb_single_image {
	margin-top:10%;
}

#home-who-we-are-row .ubtn-ctn-center {
	margin-top:10%;
}

#home-who-we-are-row .ubtn-ctn-center .ubtn {
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
}

#home-who-we-are-row h2 {
	margin-bottom: 5%;
}

#home-who-we-are-row .wpb_text_column p {
	margin-right:10%;
}


#home-system-row {
	margin-top: 7%;
}

#home-system-row .wpb_single_image img {
	margin-top:14%;
	position: relative;
	z-index: 10;
}

#home-system-row #home-system-desc-block .vc_column-inner {
	margin:15% 0 0 20%;
}


#home-system-row #home-system-desc-block .wpb_text_column p {
	margin-right:22%;
}

#home-system-row #home-system-desc-block .vc_btn3-container {
	margin-top:5%;
}

#home-system-row #home-system-desc-block .vc_general.vc_btn3 {
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
}


#home-system-row #home-system-desc-block .vc_btn3.vc_btn3-style-outline-custom {
	border:1px solid;
}

#home-testimonials-row {
	margin-top:-9%;
}

#home-testimonials-row .vc_column-inner {
	padding-top:15%;
	padding-bottom: 5%;
}

#home-testimonials-row .vc_separator {
	margin-bottom: 5%;
}

#home-testimonials-row .owl-carousel .testimonial-content p {
	color:#fff;
}

#home-testimonials-row .testimonial-position {
	margin-top:1.5%;
}

#home-testimonials-row .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
	font-family: 'velocity_-_demoregular';
	font-size: 30px !important;
	line-height: 42px !important;
}


body.home #footer.solid-bg {
	background-color:transparent;
	margin-top: -12.6%;
	z-index: 999;
}

/* SYSTEM SPECIFICS */

#system-specifics-top-row {
	margin-top:5.3%;
	margin-bottom: 5%;
}

#system-specifics-row {
	margin-bottom: 5%;
}

#system-specifics-row #system-diagram {
	margin-top:5%;
}

#system-specifics-row #system-diagram img {
	width:30%;
	height: auto;
}

.specifics-divider {
	margin-bottom: 2.5%;
}


#system-specifics-row .vc_btn3-container {
	margin-top:2.5%;
}

#system-specifics-row .vc_btn3-container .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline-custom {
	padding-top:10px;
	padding-bottom: 10px;
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
	border:1px solid;
	font-size:18px;
}

#system-specifics-bottom-row ul {
	margin-top:2.5%;
	margin-bottom: 2.5%;
}


/* INSTALLATION */

#page-brown-bg-row,
body.page-id-188 #page-desc-icon-row{
	z-index: 2 !important;
}

#installation-info-row  {
	margin-top: -11%;
}

#installation-info-row #installation-docs-block .vc_column-inner {
	width:80%;
	max-width:80%;
	margin:0 auto;
	padding-top:12%;
}


#installation-info-row #installation-docs-block .ubtn-ctn-left {
	margin-top:3% !important;
	margin-bottom: 10%;
}

#installation-info-row #installation-docs-block .ubtn{
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
}

#installation-info-row #installation-docs-block button.ubtn-normal {
    padding: 10px 30px !important;
}

#installation-info-row #installation-docs-block .vc_btn3.vc_btn3-style-outline-custom{
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
	font-size: 18px;
	text-transform: uppercase;
	border:1px solid;
}

#installation-info-row #installation-docs-block .vc_btn3-container {
	margin-top:5%;
	margin-bottom: 0 !important;
}

.installation-divider {
	margin-bottom: 5%;
}


#installation-video-row {
	margin-top:5%;
}

#installation-video-row #installation-video-desc-block .vc_column-inner {
	width:80%;
	max-width:80%;
	margin:0 auto;
}

#video-row .wpb_text_column .wpb_wrapper{
	margin:3% auto 0 4.9% !important;
}


/* GALLERY */

#gallery-row {
	margin-top:5.9%;
	margin-bottom: 1%;
}

/* COSTS */

#cost-desc-row {
	margin-top:5.5%;
}

#input-cost-row{
	margin-top:5%;
}

#costs-comparison-row {
	margin-top:5%;
}

#costs-comparison-row .costs-divider,
#input-cost-row .costs-divider{
	margin-bottom: 5%;
}

#input-cost-row h3 {
	font-family: 'velocity_-_demoregular';
	font-size:36px;
	line-height: 44px;
	text-transform: none;
	font-weight: 300 !important;
}

#comparison-tbl-top-row {
	margin-top:5%;
}

#comparison-tbl-top-row .wpb_wrapper h2 {
	color:#fff;
	text-transform: uppercase;
	margin-top:5px;
	margin-bottom: 5px;
}

#comparison-tbl-middle-row {
	border-left:1px solid #132b3a;
	border-right:1px solid #132b3a;
	padding-top:2.5%;
}

#price-galvanised-block .price-heading-block {
	background:#2f3440;
	color:#fff;
	margin-left: 2.5%;
	margin-right: 2%;
	width:61%;
	font-size:18px;
}

#price-galvanised-block .price-heading-block  .vc_column-inner,
#price-mt-system-block .price-heading-block  .vc_column-inner{
	padding:2% 0 2% 3%;
}

#price-galvanised-block .price-heading-block .vc_column-inner,
#price-mt-system-block .price-heading-block .vc_column-inner{
	padding:2% 0 2% 3%;
	
}

#price-galvanised-block .price-block {
	background:#a1aca3;
	color:#fff;
	font-size:18px;
}


#price-mt-system-block .price-heading-block {
	background:#c69e71;
	color:#fff;
	margin-left: 1%;
	margin-right: 2%;
	width:61%;
	font-size:18px;
}

#price-mt-system-block .price-block {
	background:#97c3e2;
	color:#fff;
	font-size:18px;
}

#comparison-tbl-middle-row  .comparison-text-block .vc_column-inner,
#comparison-tbl-middle-row  .comparison-price-block .vc_column-inner {
	padding:0;
	margin:0;
}

#price-galvanised-block .comparison-text-block .vc_column-inner p{
	padding:2.2% 0 1% 7%;
	margin-right: 5%;
}

#price-mt-system-block  .comparison-text-block .vc_column-inner p{
	padding:2.2% 0 1% 4.5%;
	margin-right: 2.5%;
}


#price-galvanised-block .comparison-price-block .vc_column-inner p{
	padding:5% 0 1% 4.5%;
}

#price-mt-system-block .comparison-price-block .vc_column-inner p{
	padding:5% 0 1% 0;
}


#comparison-tbl-middle-row .comparison-price-block .vc_column-inner {
	padding-left:0;
}

#comparison-tbl-middle-row  #comparison-row-01,
#comparison-tbl-middle-row  #comparison-row-02,
#comparison-tbl-middle-row  #comparison-row-04,
#comparison-tbl-middle-row  #comparison-row-05{
	height:55px;
	border-bottom:1px solid #132b3a;
}


#comparison-tbl-middle-row  #comparison-row-03 {
	height:190px;
	border-bottom:1px solid #132b3a;
}

#comparison-tbl-middle-row .total-cost-block,
#comparison-tbl-middle-row .total-price-block {
	background:#132b3a;
	color:#fff;
	font-size:18px;
}

#comparison-tbl-middle-row .total-cost-block .vc_column-inner,
#comparison-tbl-middle-row .total-cost-block .total-price-block {
	margin:0;
	padding:0;
}

#price-galvanised-block .total-cost-block p {
	padding:1.5% 0 1.5% 7%;
}

#price-galvanised-block .total-price-block p {
	padding:1.5% 0 1.5% 0;
	margin-left:-4%;
}

#price-mt-system-block .total-cost-block p {
	padding:1.5% 0 1.5% 4%;
}

#price-mt-system-block  .total-price-block p {
	padding:1.5% 0 1.5% 0;
	margin-left:-9%;
}


#comparison-tbl-notes-block {
	margin-top:3%;
}

#comparison-tbl-top-row .upb_row_bg {
	width:90% !important;
	margin:0 auto !important;
	max-width: 90% !important;
}

/* CONTACT */

#contact-icon-row {
	margin-top:5%;
}

#contact-icon-row .wpb_single_image img {
	width:100px;
	height:auto;
}

#contact-icon-row .wpb_text_column {
	text-align: center;
	margin-top:7%;
}

#contact-icon-row .wpb_text_column h2 {
	margin-bottom: 0;
}

#contact-icon-row .wpb_text_column p a {
	text-decoration: none !important;
}


#contact-form-row {
	margin-top:8.5%;
	margin-bottom: 0.5%;
}

#contact-form-row #heading-contact-form .vc_column-inner {
	border-right:1px solid #132b39;
}

#heading-contact-form .vc_single_image-wrapper img {
	height:300px;
	width:auto;
}


#contact-form-row .wpcf7-form {
	width:70%;
	margin:0 auto;
}


#contact-form-row .wpcf7-form label {
	font-family: 'bebasregular' !important;
	font-size:30px;
	text-transform: uppercase;
}

#contact-form-row .wpcf7-form input[type="text"],
#contact-form-row .wpcf7-form input[type="email"],
#contact-form-row .wpcf7-form textarea{
	color: #b3b3b3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 5px 15px 5px 15px;
	border-color: #e6e6e6;
	background-color: #e6e6e6;
	border-radius: 5px;
}

#contact-form-row .wpcf7-form textarea {
	height:100px;
}

#contact-form-row .wpcf7-form .recaptcha {
	display:block;
	margin-bottom: 2.5%;
}

#contact-form-row .wpcf7-form input[type="submit"] {
	font-family: 'bebasregular' !important;
	letter-spacing: 1px;
}

#contact-form-row .vc_col-sm-3 .vc_column-inner {
	z-index: 0;
}

.popup-message-style #page .wpcf7-response-output {
	z-index: 999 !important;
}



/* FOOTER */

#footer #block-4 {
	width:32%;
}

#footer #block-4 img {
	width: 100%;
	height: auto;
}

#footer #nav_menu-2 {
	width:60% !important;
	text-align: center;
}

#footer #nav_menu-2 .menu {
	margin-top:2.5%;
	margin-bottom: 2.5%;
	color:#fff;
}

#footer #nav_menu-2 .menu {
	line-height: 15px;
	margin-top: 5%;
}

#footer #nav_menu-2 .menu li {
	display:inline-block !important;
	color:#fff;
	border-right:1px solid #fff !important;
	border-top:0 !important;
	line-height: 15px !important;
	margin:0 !important;
	padding:0 2%0 1.5% !important;
}


#footer #nav_menu-2 .menu li.menu-item-345,
#footer #nav_menu-2 .menu li.menu-item-352{
	display:none !important;
}

#footer #nav_menu-2 .menu li.menu-item-31,
#footer #nav_menu-2 .menu li.menu-item-351{
	border-right:0 !important;
	
}

#footer #nav_menu-2 .menu a,
#footer #nav_menu-2 .menu a:visited{
	color:#fff;
	text-transform: uppercase;
	text-decoration: none;
	font-size:15px;
}

#footer #nav_menu-2 .menu a:hover {
	text-decoration:underline;
}

#footer #nav_menu-3 {
	width: 75%;
	text-align: center;
	float: right;
	margin-top: -5%;
}


#footer #nav_menu-3 .menu li {
	display:inline-block;
	border-top:0 !important;
	
}

#footer #block-6 {
	width:8%;
}

#footer #block-7 {
	display:none;
}


/* MOBILE VIEW */

@media only screen and (max-device-width: 667px) and (orientation: portrait) {
	
	.fancy-header {
		height:200px;
	}
	
	.fancy-header .fancy-title {
		font-size: 34px !important;
		line-height: 34px !important;
	}
	
	#fancy-header .fancy-title-head {
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	
	.page-desc-row .vc_col-sm-12 .vc_column-inner {
		margin-left: 5%;
		padding-top: 7%;
		padding-bottom: 30%;
	}
	
	.page-desc-row #white-desc-text p {
		font-size:135%;
		line-height: 1.4;
		margin-right: 3%;
	}
	
	.page-desc-row #call-to-action-text {
		margin-left: 5%;
		margin-top: 5%;
	}
	
	.page-desc-row #call-to-action-text p {
		font-size: 46px;
		line-height: 48px;
	}
	
	body.page-id-214 .page-desc-row #call-to-action-text p {
		margin-right: 5%;
	}
	
	#page-desc-icon-row {
		display:none !important;
	}
	
	.ubtn-normal {
		padding: 10px 0 !important;
	}
	
	#home-page-blue-bg-row .vc_col-sm-6 {
		width: 90%;
	}
	
	#home-page-blue-bg-row .vc_col-sm-4 {
		display:none;
	}
	
	#home-desc-text p {
		font-size: 155%;
		line-height: 1.4;
	}
	
	#home-page-blue-bg-row {
		padding-top: 5%;
		padding-bottom: 15%;
	}
		
	#home-who-we-are-row .wpb_text_column p {
		margin-right: 0%;
	}
	
	#home-who-we-are-row .vc_col-sm-4 {
		margin-top:10%;
		margin-bottom: 5%;
	}
	
	#home-system-row #home-system-desc-block .vc_column-inner {
		margin: 10% 0 15% 0;
	}
	
	#home-system-row #home-system-desc-block .wpb_text_column p {
		margin-right: 0;
	}
	
	#home-system-row #home-system-desc-block .vc_btn3-container {
		margin-top: 10%;
	}
	
	#home-testimonials-row {
		margin-top: -12.5%;
	}
	
	#home-testimonials-row .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
		font-family: 'velocity_-_demoregular';
		font-size: 24px !important;
		line-height: 32px !important;
	}
	
	#home-testimonials-row .vc_column-inner {
		padding-top: 15%;
		padding-bottom: 15%;
	}
	
	
	body.page-id-166 .page-desc-row #call-to-action-text, 
	body.page-id-307 .page-desc-row #call-to-action-text, 
	body.page-id-188 #call-to-action-text, 
	body.page-id-316 #call-to-action-text {
		margin-left: 15%;
		margin-top: 8%;
		margin-bottom: 0.5%;
	}
	
	#system-specifics-top-row {
		margin-top: -2%;
		margin-bottom: 10%;
	}
	
	#system-specifics-row {
		margin-bottom: 10%;
	}
	
	#installation-img-block {
		margin-top:15%;
		margin-bottom: 10%;
	}
	
	#video-row .wpb_text_column .wpb_wrapper {
		margin: 3% auto;
		width: 90%;
	}
	
	#gallery-row {
		margin-top: 0;
		margin-bottom: 5%;
	}
	
	cost-desc-row {
		margin-top: -2%;
	}
	
	#price-galvanised-block .price-heading-block,
	#price-mt-system-block .price-heading-block{
		width:60%;
		display:inline-block;
		margin-left:0;
		margin-right:0;
	}
	
	#price-galvanised-block .price-block,
	#price-mt-system-block .price-block{
		width:40%;
		display:inline-block;
		padding-top:1%;
	}
	
	#price-galvanised-block #comparison-row-02,
	#price-mt-system-block #comparison-row-04{
		display:none;
	}
	
	#comparison-row-01 .vc_col-sm-8,
	#comparison-row-02 .vc_col-sm-8,
	#comparison-row-03 .vc_col-sm-8,
	#comparison-row-04 .vc_col-sm-8,
	#comparison-row-05 .vc_col-sm-8{
		width:60%;
		display:inline-block;
	}
	
	#comparison-row-01 .vc_col-sm-4,
	#comparison-row-02 .vc_col-sm-4,
	#comparison-row-03 .vc_col-sm-4,
	#comparison-row-04 .vc_col-sm-4,
	#comparison-row-05 .vc_col-sm-4{
		width:40%;
		display:inline-block;
	}
	
	.total-cost-block {
		width:60%;
		display:inline-block;
	}
	
	.total-price-block {
		width:40%;
		display:inline-block;
	}
	
	#comparison-tbl-middle-row #comparison-row-01, 
	#comparison-tbl-middle-row #comparison-row-02, 
	#comparison-tbl-middle-row #comparison-row-03,  
	#comparison-tbl-middle-row #comparison-row-04, 
	#comparison-tbl-middle-row #comparison-row-05 {
		height:auto;
	}
	
	#price-galvanised-block {
		margin-bottom: 10%;
	}
	
	#price-galvanised-block .comparison-price-block .vc_column-inner p {
		padding: 5% 0 1% 8.5%;
	}
	
	#price-mt-system-block .comparison-price-block .vc_column-inner p {
		padding: 5% 0 1% 11%;
	}
	
	#price-mt-system-block .total-price-block p {
		margin-left: -1%;
	}
	
	#comparison-tbl-notes-block {
		margin-top: 10%;
		margin-bottom: 10%;
	}
	
	#contact-icon-row {
		margin-top: 0;
	}
	
	#contact-icon-row .wpb_text_column {
		margin-top:4%;
		margin-bottom: 12%;
	}
	
	#contact-form-row .wpcf7-form {
		width: 90%;
		margin: 0 auto 15% auto;
	}

	#heading-contact-form {
		display:none;
	}
	
	#footer #block-4 {
		width: 72%;
		margin-top:2.5%;
	}
	
	
	#footer #block-6 {
		width:28%;
		margin:0 auto;
	}
	
	#footer #nav_menu-2 {
		display:none;
	}
	
	#footer #nav_menu-3 {
		width: 100%;
		float: none;
		margin-top: -10%;
	}
	
}


@media only screen and (max-width: 767px) and (orientation: landscape) {
	
	.mobile-header-bar .mobile-branding img {
		max-width: 70%;
		height: auto;
		margin-left: 15% !important;
	}
	
	.fancy-header {
		height:260px;
	}
	
	.fancy-header .fancy-title {
		font-size: 40px !important;
		line-height: 40px !important;
	}
	
	#fancy-header .fancy-title-head {
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	
	.page-desc-row .vc_col-sm-12 .vc_column-inner {
		margin-left: 5%;
		padding-top: 5%;
		padding-bottom: 12%;
	}
	
	.page-desc-row #white-desc-text p {
		font-size:145%;
		line-height: 1.4;
		margin-right: 3%;
	}
	
	.page-desc-row #call-to-action-text {
		margin-left: 5%;
		margin-top: 5%;
	}
	
	.page-desc-row #call-to-action-text p {
		font-size: 46px;
		line-height: 48px;
	}
	
	body.page-id-214 .page-desc-row #call-to-action-text p {
		margin-right: 5%;
	}
	
	#page-desc-icon-row {
		display:none !important;
	}
	
	.ubtn-normal {
		padding: 10px 0 !important;
	}
	
	#home-page-blue-bg-row .vc_col-sm-6 {
		width: 70%;
	}
	
	#home-page-blue-bg-row .vc_col-sm-4 {
		width:20%;
	}
	
	#home-page-blue-bg-row .wpb_single_image {
		margin-top: -24%;
	}
	
	#home-page-blue-bg-row .wpb_single_image img {
		width: 88%;
		height: auto;
	}
	
	#home-desc-text p {
		font-size: 210%;
		line-height: 1.4;
	}
	
	#home-page-blue-bg-row {
		padding-top: 5%;
		padding-bottom: 15%;
	}
		
	#home-who-we-are-row .wpb_text_column p {
		margin-right: 0%;
	}
	
	#home-who-we-are-row .vc_col-sm-4 {
		margin-top:10%;
		margin-bottom: 5%;
	}
	
	#home-system-row #home-system-desc-block .vc_column-inner {
		margin: 7% 0 15% 0;
	}
	
	#home-system-row #home-system-desc-block .wpb_text_column p {
		margin-right: 0;
	}
	
	#home-system-row #home-system-desc-block .vc_btn3-container {
		margin-top: 5%;
	}
	
	#home-testimonials-row {
		margin-top: -12.5%;
	}
	
	#home-testimonials-row .dt-testimonials-shortcode .testimonial-vcard .text-secondary {
		font-family: 'velocity_-_demoregular';
		font-size: 24px !important;
		line-height: 32px !important;
	}
	
	#home-testimonials-row .vc_column-inner {
		padding-top: 15%;
		padding-bottom: 15%;
	}
	
	body.page-id-166 .page-desc-row #call-to-action-text, 
	body.page-id-307 .page-desc-row #call-to-action-text, 
	body.page-id-188 #call-to-action-text, 
	body.page-id-316 #call-to-action-text {
		margin-left: 15%;
		margin-top: 8%;
		margin-bottom: 0.5%;
	}
	
	#system-specifics-top-row {
		margin-top: -2%;
		margin-bottom: 10%;
	}
	
	#system-specifics-row {
		margin-bottom: 10%;
	}
	
	#installation-img-block {
		margin-top:15%;
		margin-bottom: 10%;
	}
	
	#video-row .wpb_text_column .wpb_wrapper {
		margin: 3% auto;
		width: 90%;
	}
	
	#gallery-row {
		margin-top: 0;
		margin-bottom: 5%;
	}
	
	cost-desc-row {
		margin-top: -2%;
	}
	
	#price-galvanised-block .price-heading-block,
	#price-mt-system-block .price-heading-block{
		width:60%;
		display:inline-block;
		margin-left:0;
		margin-right:0;
	}
	
	#price-galvanised-block .price-block,
	#price-mt-system-block .price-block{
		width:40%;
		display:inline-block;
		padding-top:1%;
	}
	
	#price-galvanised-block #comparison-row-02,
	#price-mt-system-block #comparison-row-04{
		display:none;
	}
	
	#comparison-row-01 .vc_col-sm-8,
	#comparison-row-02 .vc_col-sm-8,
	#comparison-row-03 .vc_col-sm-8,
	#comparison-row-04 .vc_col-sm-8,
	#comparison-row-05 .vc_col-sm-8{
		width:60%;
		display:inline-block;
	}
	
	#comparison-row-01 .vc_col-sm-4,
	#comparison-row-02 .vc_col-sm-4,
	#comparison-row-03 .vc_col-sm-4,
	#comparison-row-04 .vc_col-sm-4,
	#comparison-row-05 .vc_col-sm-4{
		width:40%;
		display:inline-block;
	}
	
	.total-cost-block {
		width:60%;
		display:inline-block;
	}
	
	.total-price-block {
		width:40%;
		display:inline-block;
	}
	
	#comparison-tbl-middle-row #comparison-row-01, 
	#comparison-tbl-middle-row #comparison-row-02, 
	#comparison-tbl-middle-row #comparison-row-03,  
	#comparison-tbl-middle-row #comparison-row-04, 
	#comparison-tbl-middle-row #comparison-row-05 {
		height:auto;
	}
	
	#price-galvanised-block {
		margin-bottom: 10%;
	}
	
	#price-galvanised-block .comparison-price-block .vc_column-inner p {
		padding: 5% 0 1% 6.5%;
	}
	
	#price-mt-system-block .comparison-price-block .vc_column-inner p {
		padding: 5% 0 1% 6%;
	}
	
	#price-mt-system-block .total-price-block p {
		margin-left: -1%;
	}
	
	#price-galvanised-block .total-price-block p {
		margin-left: 0%;
	}
	
	#comparison-tbl-notes-block {
		margin-top: 7%;
		margin-bottom: 10%;
	}
	
	body.home #footer.solid-bg {
		margin-top: -15.2%;
	}
	
	#contact-icon-row .vc_col-sm-4 {
		width:33.3%;
		display:inline-block;
	}
	
	#contact-form-row .wpcf7-form {
		width: 80%;
		margin: 0 auto 10% auto;
	}
	
	#heading-contact-form {
		display:none;
	}
	
	#footer.solid-bg {
		padding-top:5%;
	}
	
	.footer .widget {
		padding: 0 2%;
	}
	.wp-block-social-links .wp-social-link a {
		padding: 0;
	}
	
	#footer #nav_menu-2 {
		width: 58% !important;
	}
	
	#footer #nav_menu-2 .menu {
		display:none;
	}
	
	#footer #nav_menu-3 {
		margin-top: -14%;
	}
	
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
	and (orientation: portrait)  {
		
		.mobile-header-bar .mobile-branding img {
			max-width: 70%;
			height: auto;
			margin-left: 15% !important;
		}
		
		#home-page-blue-bg-row .vc_col-sm-6 {
			width: 70%;
		}

		#home-page-blue-bg-row .vc_col-sm-4 {
			width:20%;
		}

		#home-page-blue-bg-row .wpb_single_image {
			margin-top: -24%;
		}

		#home-page-blue-bg-row .wpb_single_image img {
			width: 88%;
			height: auto;
		}

		#home-desc-text p {
			font-size: 260%;
			line-height: 1.4;
		}

		#home-page-blue-bg-row {
			padding-top: 5%;
			padding-bottom: 15%;
		}
		
		button.ubtn-normal {
			padding: 15px 15px !important;
		}
		
		#home-who-we-are-row .wpb_single_image img {
			max-width: 124%;
			height: auto;
			margin-left: -12%;
		}
		
		#home-system-row #home-system-desc-block .vc_column-inner {
			margin: 12% 0 10% 5%;
		}
		
		#home-system-row #home-system-desc-block .wpb_text_column p {
			margin-right: 10%;
		}
		
		#home-testimonials-row .vc_column-inner {
			padding-top: 10%;
			padding-bottom: 10%;
		}
		
		
		.page-desc-row .vc_col-sm-12 .vc_column-inner {
			padding-top: 5%;
			padding-bottom: 12.5%;
		}
		
		.page-desc-row #call-to-action-text p {
			font-size: 48px;
			line-height: 58px;
		}
		
		body.page-id-166 .page-desc-row #call-to-action-text, 
		body.page-id-307 .page-desc-row #call-to-action-text, 
		body.page-id-188 #call-to-action-text, 
		body.page-id-316 #call-to-action-text {
			margin-top:2.5%;
		}
		
		#page-desc-icon-row {
			margin-top: -32%;
		}
		
		#installation-info-row {
			margin-top: -5%;
		}
		
		#installation-info-row #installation-docs-block .vc_column-inner {
			width: 92%;
			max-width: 92%;
		}
		
		#installation-video-row {
			margin-top: 10%;
		}
		
		#installation-video-row #installation-video-desc-block .vc_column-inner {
			width: 88%;
			max-width: 88%;
			margin: 0 auto;
		}

		#contact-form-row .hide-on-mobile {
			display:none;
		}
		
		#contact-form-row .vc_col-sm-6 {
			width:75%;
		}
		
		.ubtn-normal {
			padding: 10px 0 !important;
		}

		#footer.solid-bg {
			padding-top:5%;
		}

		.footer .widget {
			padding: 0 2%;
		}
		.wp-block-social-links .wp-social-link a {
			padding: 0;
		}
		
		#footer #nav_menu-2 {
			width: 58% !important;
		}

		#footer #nav_menu-2 .menu {
			display:none;
		}

		#footer #nav_menu-3 {
			margin-top: -12%;
		}
		
		body.home #footer.solid-bg {
			margin-top: -15.6%;
		}

}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
	and (orientation: landscape)  {
		
		.mobile-header-bar .mobile-branding img {
			max-width: 78%;
			height: auto;
			margin-left: 12% !important;
		}

		.page-desc-row .vc_col-sm-12 .vc_column-inner {
			margin-left:5% !important;
			margin-right: 5% !important;
		}
		
		#page-desc-icon-row img {
			width: 20%;
			height: auto;
		}
		
		#home-desc-text p {
			font-size: 50px;
			line-height: 62px;
		}
		
		#home-page-blue-bg-row .wpb_single_image img {
			width: 58%;
			height: auto;
		}
		
		#home-page-blue-bg-row .wpb_single_image {
			margin-top: -19%;
		}
		
		#home-system-row #home-system-desc-block .vc_column-inner {
			margin: 12% 0 10% 10%;
		}
		
		#home-system-row #home-system-desc-block .wpb_text_column p {
			margin-right: 10%;
		}
		
		#installation-info-row {
			margin-top: -11.5%;
		}
		
		#installation-info-row #installation-docs-block .vc_column-inner {
			width: 88%;
			max-width: 88%;
			padding-top: 14%;
		}
		
		
		#installation-video-row #installation-video-desc-block .vc_column-inner {
			width: 88%;
			max-width: 88%;
			margin: 0 auto;
		}
		
		body.page-id-166 .page-desc-row #call-to-action-text, body.page-id-307 .page-desc-row #call-to-action-text, body.page-id-188 #call-to-action-text, body.page-id-316 #call-to-action-text {
			margin-left: 35%;
			margin-top: 0;
			margin-bottom: 2.5%;
		}
		
		#system-specifics-top-row {
			margin-top: 3.3%;
		}
	

		#contact-icon-row,
		#cost-desc-row {
			margin-top: 2.5%;
		}
		
		#installation-video-row {
			margin-top: 10%;
		}
		
		body.home #footer.solid-bg {
			margin-top:-13%;
		}
		
		.wp-block-social-links .wp-social-link a {
			padding: 0;
		}
		
		#footer #nav_menu-2 {
			width: 58% !important;
		}

		#footer #nav_menu-2 .menu {
			display:none;
		}

		#footer #nav_menu-3 {
			margin-top: -10%;
		}
		
}