/*Main styles - Whole Site*/
#responsivewrapper {width:1200px; margin-right:auto; margin-left:auto; margin-top:0px;}
#header {width:100%; height:100px; background: -webkit-linear-gradient(left, #fafc03 , #8fd815); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #fafc03, #8fd815); /* For Opera 11.1 to 12.0*/ background: -moz-linear-gradient(right,  #fafc03  , #8fd815); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right,  #fafc03  , #8fd815); /* Standard syntax */}
#logo {float:left; margin-left:2%; width:100%;}
#header h1 {font-family: 'Bevan', cursive, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:4em; margin-top:9px; margin-right:2%; margin-bottom:0px; color: #15ABE6; /*text-shadow: 1px 1px 1px #104594;*/}
.logo-sub {font-size:0.65em;}
.address-sub {font-size:0.3em;}
#navbar-menu {height:40px;}
#navbar-menu {background-color: #FFF; margin: 0% auto; max-width: 100%; width: calc(100%);}
#navbar-menu .menu {display: block; text-align: center; padding-top:10px; padding-bottom:10px; margin-top:0px;}
#navbar-menu .menu li {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#navbar-menu .menu li ul {background-color: #15ABE6; display: none; position: absolute;}
#navbar-menu .menu li ul li {display: block;}
#navbar-menu .menu li a { color: #15ABE6; text-decoration:none;}
#navbar-menu .menu li a:hover {color: #8AD70B; text-decoration:none;}
#navbar-menu .menu li ul li a:active {-webkit-animation-duration: .4s;}
#navbar-mini-menu {background-color: #FFFFFF; display: none;}
#navbar-mini-menu .menu-select {color: #15ABE6; padding: 1em 1.5em; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1em;}
#navbar-mini-menu .menu-select .btn-select {background: url("../img/icon.png") no-repeat; cursor: pointer; position: absolute; height: 30px; width: 30px; right: 45px; top: 120px;}
#navbar-mini-menu .mini-menu-options {display: none;}
#navbar-mini-menu .mini-menu-options li {display: block; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: -14%;}
#navbar-mini-menu .mini-menu-options li a {color:#15ABE6; text-decoration:none; line-height:0.2em;}
#navbar-mini-menu .mini-menu-options li a:hover {color:#15abe6;; text-decoration:none;}
#navbar-mini-menu .mini-menu-options li .submenu {display: none;}
#navbar-mini-menu .mini-menu-options li:focus {outline: 0;}
#navbar-mini-menu .mini-menu-options li:focus > .submenu {display: block; -webkit-animation-name: showSubMenu; -webkit-animation-duration: .4s;}
#navbar-mini-menu .mini-menu-options li a {display: block; padding: 1em 1.5em;}
#footer {width:100%; height:100px; background-color:#15ABE6; clear:both;}
#footer-address {width:100%;text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-size:2em; margin-top:1%;}
#footer a{color:#fff;}
#copyright {width:100%;}
.no-right-pad {margin-right:0%;}
.img{width:100%;}
hr {width:96%; float:left; margin-left:2%; color:#15abe6;}
.birthday-banner-m {width:100%; float:left; padding:2% 0%;}
.birthday-banner-dt {width:96%; float:left; padding:2%;}

/*Homepage - Styles*/
#main-banner{width:96%; position:relative; margin-bottom:1%; margin-left:2%;}
#banner-cta{position:absolute; padding:20px; background-color:#FFFFFF; opacity: 0.8; filter: alpha(opacity=40); /* For IE8 and earlier */; width:31%; top:35%; margin-left:64%; font-family: 'Lato', sans-serif;}
#banner-cta p {font-family: 'Lato', sans-serif; font-size: 0.8em; margin-bottom:5px;}
#company-intro {width:96%; padding-left:2%; padding-right:2%;}
#company-intro h2 {font-family: 'Lato', sans-serif; font-size:1.3em; text-align:center; color:#15ABE6;}
#company-intro p {font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:100; text-align:center; margin-top:-3px; margin-bottom:2%;}
.three-col-home{width:28%; float:left; margin-right:2%; margin-bottom:2%; text-align:center; padding-left:2%; padding-right:2%;}
.three-col-home h3{font-family: 'Lato', sans-serif; font-size:1.2em; font-weight:100; color:#15abe6; margin-bottom:1.5%;}
.no-right-pad {margin-right:0%;}
.view-btn {color: #ffffff; background-color: #93dd25; border: 1px solid #ffffff; font-size: 1em; padding: 7px 12px; font-weight: normal; display: inline-block; text-decoration: none; font-family: 'Lato', sans-serif; width:50%; text-align:center; margin-left:3%; margin-top:3%;}
.view-btn a {color:#fff; text-decoration:none;}
.view-btn:hover, .view-btn:active {color:#15abe6; background:#93dd25; text-decoration:none;}
#homepage-mobile-maincoloumn {width:100%; float:left;}
#main-banner-mobile {width:100%; position:relative; margin-bottom:1%;}
#banner-cta-mobile {position:absolute; padding:2px; background-color:#FFFFFF; opacity: 0.8; filter: alpha(opacity=40); /* For IE8 and earlier */; width:76%; /*top:60%;*/ top:76%; margin-left:11%; padding-left:2%; padding-right:2%;}
#banner-cta-mobile p {font-family: 'Lato', sans-serif; font-size: 0.5em; text-align:center; margin-bottom:10px;}
#company-intro-mobile h2 {font-family: 'Lato', sans-serif; font-size:1em; text-align:center; color:#15abe6;}
#company-intro-mobile p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:center; margin-bottom:4%;}
.three-col-home-mobile {width:47%; float:left; margin-right:1%; margin-bottom:5%; text-align:center; font-family: 'Lato', sans-serif; color:#15abe6; padding-left:1%; padding-right:1%; margin-top:-3%;}
.three-col-home-mobile h3 {font-family: 'Lato', sans-serif; font-size:0.75em; margin-bottom:5%;}
.view-btn-mobile {color: #ffffff; background-color: #93dd25; border: 1px solid #ffffff; font-size: 0.9em; padding: 4px 12px; font-weight: normal; display: inline-block; text-decoration: none; font-family: 'Lato', sans-serif; width:82%; text-align:center; margin-top:2%;}
.view-btn-mobile a {font-size:1em; margin-top:8px;}
.view-btn-mobile a {color:#fff; text-decoration:none;}
.view-btn-mobile a:hover {color:#15abe6; text-decoration:none;} 
#main-coloumn-homepage {width:100%; float:left;}

/*Product Page - styles*/
.product-menu ul {font-family: 'Lato', sans-serif; width:94%; float:left; list-style-type: none; margin-left:-6%; margin-top:0%;}
.product-menu li {background-color:#15ABE6; padding:3%; border-color:#ffffff; border-style: solid; border-width:2px;}
.product-menu li a:hover{color:#FFFFFF;}
.product-menu ul li a {text-decoration:none; font-size:0.9em;}
#price-list {float:left; width:93%; height:75px; margin-left:11%; margin-top:23%;}

#price-list-none {float:left; width:93%; height:75px; margin-left:11%; margin-top:23%;}

#brochure-icon {float:left; width:25%;}
#Price-list-copy {float:right; width:71%;}
#Price-list-copy h4 {font-family: 'Lato', sans-serif; font-size:1.3em; font-weight:100; color:#15abe6; text-align:left; margin-top:-3%; margin-bottom:10%;}
#Price-list-copy p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:left; font-weight:100; margin-top:-4%;}
#Price-list-copy a {text-decoration:none; color:#000000;}

#Price-list-copy-none {float:left; width:100%;}
#Price-list-copy-none p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:left; font-weight:100; margin-top:-4%;}

#product-description { float:left; width:96%; font-family: 'Lato', sans-serif; /*background-color:#781214;*/ padding-left:2%; padding-right:2%;}
#product-description h2 {font-size:2em; font-weight:100; margin-top:0.75%; color:#000000;}
#product-description p {margin-top:-2%; margin-bottom:2%; font-family: 'Lato', sans-serif; font-size:0.9em; color:#000000;}
.product-coloum-grid {width:30.5%; float:left; text-align:center; margin-right:2%;}
.product-coloum-grid h3 {font-family: 'Lato', sans-serif; font-size:0.9em;  font-weight:100; margin-top: 3%; margin-bottom:10%;}
#mobilecoloumn-products {float:left; width:100%;}
#products-main-intro {float:left; width:95%; margin-left:2%; margin-bottom:0%;}
#product-range {position:absolute; padding:1%; background-color:#fff; opacity: 0.85; filter: alpha(opacity=40); /* For IE8 and earlier */; width:87%; top:4%; margin-left:5%; margin-right:5%; z-index: 999;}
#product-range h2 {font-family: 'Lato', sans-serif; font-size: 1.3em; text-align:center; margin-top:0%; color:#000;}
#product-range p {font-family: 'Lato', sans-serif; font-size: 0.8em; text-align:center; color:#000; margin-bottom:0.5%;}

/*Services Page - styles*/
#services-intro {float:left; width:91%; margin-left:9%;}
#services-intro h1 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%; margin-bottom:5%;}
#services-intro p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: 8%; margin-bottom:17%;}
#services-image {float:left; width:91%; margin-left:9%; margin-top:-10%;}

.service-title {float:left; width:93%; padding-left:4%; background-color:#EDEDED; margin-left:2%; padding-top:2%;}
.service-title  h2 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%;}
.service-title  p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: -1%; padding-bottom:2%;}

.our-services-copy {float:left; width:45%; margin-right:2%; margin-left:2%;}
.our-services-copy h2 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; margin-top: 0.75%; text-align:center;}
.our-services-copy  p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: -4%; padding-bottom:2%; text-align:center; padding-left:5%; padding-right:5%;}

/*Gallery Page - Styles*/
#gallery-intro {float:left; width:91%; margin-left:9%; margin-bottom:-15%;}
#gallery-intro h1 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%; margin-bottom:5%;}
#gallery-intro p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: 8%; margin-bottom:17%;}
.no-top-margin {margin-top:0%;}

/*Testamonials Page - styles*/
#testamonial-intro {float:left; width:91%; margin-left:9%;}
#testamonial-intro h1 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%; margin-bottom:5%;}
#testamonial-intro p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: 8%; margin-bottom:17%;}

#testamonial-image {float:left; width:91%; margin-left:9%; margin-top:-10%;}

.customer-testamonials {float:left; width:91%; padding-left:4%; background-color:#EDEDED; margin-left:2%; padding-top:2%;}
.customer-testamonials h2 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%;}
.customer-testamonials p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: -1%; padding-bottom:2%;}
.no-background {background-color:#FFFFFF;}

#thankyou-message p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top: 10%; float:left; width:91%; margin-left:9%;}
.thank-you {font-size: 1.6em; line-height:60px;}
.line-height-only {line-height:60px; color:#15abe6;}

/*Contact Us Page - styles*/
#contact-details {float:left; width:91%; margin-left:9%;}
#contact-details h1 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 300; margin-top: 0.75%; margin-bottom:5%;}
#contact-details ul {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300; margin-top: 0.75%; list-style-type:none; margin-left:-14%; margin-bottom:4%;}
#contact-details p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300; margin-top: 8%; margin-bottom:17%;}

#fax-phone-disclimer {float:left; width:91%;}
#fax-phone-disclimer p {font-family: 'Lato', sans-serif; font-size: 0.7em; font-weight: 300;}

.contact-info {float:left; width:93%; height:75px; /*background-color:#245B9A;*/ margin-left:9%; margin-top:-5%;}
.contact-icon {float:left; width:15%;}
.contact-info-copy {float:right; width:82%;}
.contact-info-copy h2 {font-family: 'Lato', sans-serif; font-size:1.3em; font-weight:300; color:#15abe6; text-align:left; margin-top:-2.5%;}
.contact-info-copy p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:left; font-weight:300; margin-top:-5%;}
.contact-info-copy a {color:#000000;}
.contact-info-copy a:hover {color:#8fd815;}

#social-connections {float:left; width:93%; height:75px; /*background-color:#245B9A;*/}
#social-connections h3 {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300; margin-bottom:5%;}
#social-connections h3 a {text-decoration:none; color:#15abe6;}
.social-icon {float:left; width: 16%; margin-right:5%;}

#socialpanel-mobile {float:left; width:100%;}
#social-connections-mobile {float:left; width:100%; height:75px; /*background-color:#245B9A;*/ margin-bottom:10%;}
#social-connections-mobile h3 {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300; margin-top: 0%; margin-bottom:5%; text-align: center;}
#social-connections-mobile h3 a {text-decoration:none; color:#15abe6;}
.social-icon-mobile {float:left; margin-left: 40%;}

#contact-form {float:left; width:94%; margin-left:2%; background-color:#fff;}
.contact-us-images {float:left; width:30%; margin-top:2%; padding-left:2%;}

/* form style */
.form-style {width:91.5%; padding: 40px 30px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0px 0px 15px 0px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px; padding-right: 5px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 120px;}
.form-style input.input-field {width: 48%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}


/*Find Us Page - styles*/
#find-us-introcopy {float:left; width:91%; margin-left:9%;}
#find-us-introcopy h1 {font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 300; margin-top: 0.75%; margin-bottom:5%;}
#find-us-introcopy p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300; margin-top: 0.75%;}
#opening-hours {float:left; width:100%; margin-left:-4%; list-style-type: none}
#opening-hours ul {list-style-type: none}
#opening-hours h2 {display:inline; font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 300; margin-top: 0.75%; margin-bottom:5%;}
#opening-hours li {display:block; font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 300;}
.inside-premises {float:left; width:30%; margin-top:2%; padding-left:2%;}
#map-canvas {padding-left:2%;}
#container {max-width: 300px; width: 100%; margin: 0 auto; padding-top: 0px; padding-left: 10px; padding-right: 10px; padding: 0 10px 10px 10px; text-align: center; font-family: Arial,sans-serif;}
p {margin-bottom: 15px; font-size: 13px;	}
p.warning {color: red;}
input.manual-location { width: 95%; font-size: 1.2em; padding: 5px;}
.no-geolocation {display: none;}
.get-directions {width:73%; margin-bottom:11%; margin-left:9%; background: #15abe6; padding: 8px 13px; color: #fff; font-family: 'Lato', sans-serif; font-size: 0.9em; text-decoration:none; text-align:center; clear: both; display: block;}
.get-directions:hover {text-decoration: underline; background:#8fd815; color:#000000;}
.float-right {float:right;}
.red {font-family: 'Lato', sans-serif; font-size: 0.9em; color:crimson;}

/*MEDIA QUERY - BREAKPOINTS*/

@media (min-width: 320px)  {
/*Generic CSS styles - whole site at 320px*/

/*Main styles - Whole Site*/
#responsivewrapper{width:320px;}
#header {width:100%; height:100px;}
#header h1 {font-size:2.75em; text-align:center;}
.logo-sub {font-size:0.3em; display:block; text-align:center; line-height:0px;}
#navbar-menu .menu {display:none;}
#navbar-menu .menu li {display:none;}
#navbar-mini-menu {display: block;}
#navbar-menu {display:none;}
#footer {width:100%; height:115px;}
#footer-address {font-size:0.8em; padding-top:3%;}
#copyright-left {float:left; width:100%; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; margin-top:3%; padding-left:1%; color:#fff;}
#copyright-right {width:100%; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; padding-right:1%; color:#fff;}
#copyright-right a {text-decoration:none; color:#000000; font-weight:100;}
#left-coloumn {display:none;}
#right-coloumn {display:none;}
#left-coloumn-contactus {display:block; width: 100%;}
#right-coloumn-contactus {display:block; width: 100%;}
#mobilecoloumn-products {display:block;}
    
/*Corna Virus - Banner*/
.corona-virus-update {float: left; width: 90%; background-color: #C4D9AA; padding: 5%; /*margin-bottom:3%;*/}
.corona-virus-update h4 {font-family: 'Lato', sans-serif; font-size:1.5em; margin:0%; text-align: center;}
.corona-virus-update p {font-family: 'Lato', sans-serif; font-size:0.8em; margin: 0%; line-height: 21px; text-align: center;}
.corona-virus-update a {color: #000;}

/*Homepage - Styles*/
#homepage-mobile-maincoloumn {display:block;}
#main-coloumn-homepage {display:none;}
.mar-left-decagg {margin-left:26%;}

/*Product Page - styles*/
.product-menu-mobile li {background-color:#15ABE6; padding:2.5%; border-color:#ffffff; border-style: solid; border-width:2px; margin-left:-39px; text-align:center; text-decoration:none;}
.product-menu-mobile ul {font-family: 'Lato', sans-serif; width:89%; float:left; list-style-type: none; margin-left:-1%; margin-top:3%; text-decoration:none;}
.product-menu-mobile ul li a {text-decoration:none;}
#product-description-mobile {font-family: 'Lato', sans-serif; width:94%; float:left; margin-left:3%; text-align:center;}
#product-description-mobile h2 {font-size:1.1em; margin-top:-3%;}
#product-description-mobile p {margin-top:-3%; margin-bottom:4%;}
.product-coloum-grid-mobile {width:45%; float:left; margin-right:1.3%; text-align:center; margin-left:3%;}
.product-coloum-grid-mobile h3 {font-family: 'Lato', sans-serif; font-size:0.8em; margin-top:3%; margin-bottom:10%;}
#price-list-mobile {float:left; width:93%; /*background-color:#245B9A;*/ margin-left:4%;}
	
#price-list-mobile-none {float:left; width:93%; /*background-color:#245B9A;*/ margin-left:4%;}	
	
#brochure-icon-mobile {float:left; width:18%; margin-top:2%;}
#Price-list-copy-mobile {float:right; width:77%; margin-top:-3%;}
#Price-list-copy-mobile h4 {font-family: 'Lato', sans-serif; font-size:1em; font-weight:100; color:#15abe6; text-align:left; margin-top:5%;}
#Price-list-copy-mobile p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:left; font-weight:100; margin-top:-9%;}
#Price-list-copy-mobile a {text-decoration:none; color:#000000;}
	
#Price-list-copy-mobile-none {float:right; width:100%; margin-top:-3%;}
#Price-list-copy-mobile-none p {font-family: 'Lato', sans-serif; font-size:0.8em; text-align:left; font-weight:100;}
	
#mobilecoloumn-products-main {display:block; position:relative;}
#products-main-intro-mobile {width:100%; margin-left:0%; margin-bottom:4%; /*position: relative;*/}
#product-range-mobile {position:absolute; padding:1%; background-color:#fff; opacity: 0.7; filter: alpha(opacity=40); /* For IE8 and earlier */; width:91%; /*top:60%;*/ top:76%; margin-left:4%; margin-right:4%; z-index: 999;}
#product-range-mobile h2 {font-family: 'Lato', sans-serif; font-size: 0.9em; text-align:center; margin-top:0%; margin-bottom:-2%; color:#000;}
#product-range-mobile p {font-family: 'Lato', sans-serif; font-size: 0.4em; text-align:center; color:#000; margin-bottom:1%;}

/*Services Page - styles*/
#main-coloumn-services {display:block; width:100%; float:left; margin-bottom:4%;}
#services-intro-mobile {float:left; width:100%;}
#services-intro-mobile h1 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; text-align:center; margin-top:0%;}
#services-intro-mobile p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top:-2%; text-align:center;}
.our-services-copy-mobile-mobile {float:left; width:92%; background-color:#EDEDED; padding:4%;}
.our-services-copy-mobile h2 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; margin-top: 1%; text-align:center;}
.our-services-copy-mobile p {font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 100; text-align:center;}
#services-image-mobile {float:left; width:100%; margin-bottom:2%;}

/*Gallery Page - styles*/
#main-coloumn-gallery {display:block; width:100%; float:left; margin-bottom:4%;}
#gallery-intro-mobile {float:left; width:100%;}
#gallery-intro-mobile h1 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; text-align:center; margin-top:0%;}
#gallery-intro-mobile p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top:-2%;}
.gallery-coloum-grid {width:32%; float:left; text-align:center; margin-right:2%; margin-top:2%;}
.no-right-margin {margin-right:0%;}
.margin-bottom {margin-bottom: 7%;}

/*Testamonials Page - styles*/
#main-coloumn-testamonials {display:block; width:100%; float:left; margin-bottom:4%;}
#testamonial-intro-mobile {float:left; width:100%;}
#testamonial-intro-mobile h1 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; text-align:center; margin-top:0%;}
#testamonial-intro-mobile p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top:-2%;}
#testamonial-image-mobile {float:left; width:100%; margin-bottom:5%;}

.customer-testamonials-mobile {float:left; width:92%; background-color:#EDEDED; padding:4%;}
.customer-testamonials-mobile h2 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; margin-top: 1%; text-align:center;}
.customer-testamonials-mobile p {font-family: 'Lato', sans-serif; font-size: 0.8em; font-weight: 100; text-align:center;}
.no-background {background-color:#FFFFFF;}

/*Contact Us Page - styles*/
#main-coloumn-find-us {display:block; width:100%; float:left; margin-bottom:4%;}
#contact-us-intro-mobile {float:left; width:100%; background-color:#ffffff; margin-bottom:3%;}
#contact-us-intro-mobile h1 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; text-align:center; margin-top:0%;}
#contact-us-intro-mobile p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top:-2%; margin-bottom:10%;}

#fax-phone-disclimer-mobile {float: left; margin-bottom: 6%; padding-left: 11%; text-align: center; width: 80%;}
#fax-phone-disclimer-mobile p {font-family: 'Lato', sans-serif; font-size: 0.7em; font-weight: 100; margin-top: 2%; margin-bottom:2%;}

.contact-us-images {display:none;}

#contact-form {
	background-color: #fff;
    float: left;
    margin-left: 0%;
    margin-top: 10%;
	/*margin-top: 44%;*/
    width: 86%;
}

.form-style {
    background: #dedddd none repeat scroll 0 0;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    margin-left: 0%;
    padding: 20px 50px 10px 18px;
    width: 91.5%;
}

/* form style */
.form-style {width:91.5%; padding: 13px 29px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0 -22px 12px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 98%;}
.form-style input.input-field {width: 98%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}


/*Find Us Page - styles*/
#main-coloumn-find-us {display:block; width:100%; float:left; margin-bottom:4%;}
#find-us-intro-mobile {float:left; width:100%;}
#find-us-intro-mobile h1 {font-family: 'Lato', sans-serif; font-size: 1.4em; font-weight: 100; text-align:center; margin-top:0%;}
#find-us-intro-mobile p {font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; margin-top:-2%; margin-bottom:10%;}

#opening-hours-mobile {float:left; width:100%; margin-left:-6%; /*margin-top:-8%;*/ list-style-type: none}
#opening-hours-mobile ul {list-style-type: none; text-align: center;}
#opening-hours-mobile h2 {display:inline; font-family: 'Lato', sans-serif; font-size: 1.6em; font-weight: 100; margin-top: 0.75%; margin-bottom:5%;}
#opening-hours-mobile li {display:block; font-family: 'Lato', sans-serif; font-size: 0.9em; font-weight: 100; line-height:150%;}

#map-canvas-mobile {margin-top:0%; margin-bottom:5%;}

.get-directions-mobile {font-size: 0.9em;}
.get-directions-mobile {width:100%; margin-bottom:11%; background: #15abe6; padding: 8px 0px; color: #fff; font-family: 'Lato', sans-serif; font-size: 0.9em; text-decoration:none; text-align:center; clear: both; display: block;}
.get-directions-mobile:hover {text-decoration: underline; background:#8fd815; color:#000000;}

.no-geolocation-mobile {display: none;}
	
.hide-sml {display:none;}
.hide-lg {display:block;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/*Generic CSS styles - whole site at 786px - Portrait*/

/*Main styles - Whole Site*/
#responsivewrapper{width:768px;}
#header {width:100%; height:100px;}
#header h1{float:left; font-size:2.8em; margin-top:14px;}
.logo-sub {font-size:0.45em; display:inline; text-align:left;}
#navbar-menu .menu {display: block;}
#navbar-menu .menu li {display: inline-block; font-size:0.8em; margin-right:14px;}
#navbar-menu {display:block;}
#navbar-mini-menu {display:none;}
#footer {height:82px;}
#footer-address {width:100%; font-size:1.5em; padding-top:1.5%;}
.footer-sub {font-size:0.47em; display:inline; text-align:left;}
#copyright-left {float:left; width:30%; text-align:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; color:#fff; margin-top:0%;}
#copyright-right {float:right; width:30%; text-align:right; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; color:#fff;}
#copyright-right a {text-decoration:none; color:#000000; font-weight:100;}
#left-coloumn {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}
#left-coloumn-contactus {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn-contactus {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}
#mobilecoloumn-products {display:none;}
#right-coloumn-contactus {display:block;}
 
/*Corna Virus - Banner*/   
.corona-virus-update {width: 96%; padding: 2%;}    
    
    
/*Homepage - Styles*/
#homepage-mobile-maincoloumn {display:none;}
#company-intro p {font-size:0.8em; line-height:145%;}
#main-coloumn-homepage {display:block;}
#banner-cta {width:40%; /*top:10%;*/ margin-left:53%;}
#banner-cta p {font-size: 0.5em; margin-bottom:-5px;}
.three-col-home h3 {font-size: 0.8em; font-weight:600; margin-bottom:3%;}
.mar-left-decagg {margin-left:0%;}
.mar-left-slabs {margin-left:17%;}
    
/*Product Page - styles*/
.product-menu-mobile {display:none;}
#product-description-mobile {display:none;}
.product-coloum-grid-mobile {display:none;}
.product-menu ul {font-family: 'Lato', sans-serif; width:94%; float:left; list-style-type: none; margin-left:-10%; margin-top:0%;}
.product-menu li {background-color:#15ABE6; padding:3%; border-color:#ffffff; border-style: solid; border-width:2px;}
.product-menu li a:hover{color:#FFFFFF;}
.product-menu ul li a {font-size:0.6em;}
#price-list {margin-left:11%;}
#Price-list-copy h4 {font-size:1em; margin-top:-3%; margin-bottom:10%;}
#Price-list-copy p {font-size:0.6em; margin-top:-6%;}
#price-list-mobile {display:none;}
#brochure-icon-mobile {display:none;}
#Price-list-copy-mobile {display:none;}
#product-range {position:absolute; padding:0.7%; background-color:#fff; opacity: 0.85; filter: alpha(opacity=40); /* For IE8 and earlier */; width:62%; top:19%; margin-left:4.7%; margin-right:4%;}
#product-range h2 {font-family: 'Lato', sans-serif; font-size: 1em; text-align:center; margin-top:0%; margin-bottom:1.5%; color:#000;}
#product-range p {font-family: 'Lato', sans-serif; font-size: 0.6em; text-align:center; color:#000; margin-bottom:1%;}
#mobilecoloumn-products-main {display:none;}
#products-main-intro-mobile {display:none;}
#product-range {top: 4%; width: 88.3%; z-index: 999;}

/*Services Page - styles*/
#services-intro h1 {font-size: 1.2em;}
#services-intro p {font-size: 0.7em; line-height:140%;}
#main-coloumn-services {display:none;}
.our-services-copy h2 {font-size: 1.0em;}
.our-services-copy p {font-size: 0.7em; margin-top: -2%;}

/*Gallery Page - styles*/
#gallery-intro h1 {font-size: 1.2em;}
#gallery-intro p {font-size: 0.7em; line-height:140%;}
.gallery-coloum-grid {width:22%; float:left; text-align:center; margin-right:2%; margin-top:2%;}
#main-coloumn-gallery {display:none;}
.tablet-mar-left {margin-left:2%;}
.left-mar-only {margin-left:2%;}
#price-list {margin-top:10%;}
#gallery-intro {margin-bottom:120%;}


/*Testamonials Page - styles*/
#testamonial-intro h1 {font-size: 1.2em;}
#testamonial-intro p {font-size: 0.7em; line-height:140%;}
#thankyou-message p {font-size: 0.7em; line-height:140%;}
#main-coloumn-testamonials {display:none;}

/*Contact Us Page - styles*/
#contact-details ul {margin-left:-23%;}
#contact-details p {font-size: 0.7em; line-height:140%;}
.contact-info {margin-top:-2%;}
#social-connections h3 {margin-top: 7%;}
#main-coloumn-contact-us {display:none;}
.contact-info-copy p {font-size: 0.6em;}
#fax-phone-disclimer p {font-size: 0.6em; margin-bottom: 2%;}
#social-connections h3 {font-size: 0.6em;}
.contact-us-images {display:block;}
.form-style {width:87%;}
#contact-form {
	background-color: #fff;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 86%;
}

.form-style {
    background: #dedddd none repeat scroll 0 0;
	margin-left:2.5%;
  }

/* form style */
.form-style {width:95%; padding: 40px 30px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD; margin-bottom:0%;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0px 0px 15px 0px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px; padding-right: 5px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 120px;}
.form-style input.input-field {width: 48%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}

/*Find Us Page - styles*/
#main-coloumn-find-us {display:none;}
.get-directions {font-size: 0.6em;}
#opening-hours li {font-size: 0.7em; line-height:170%;}
#find-us-introcopy h1 {font-size: 1.8em;}
#find-us-introcopy p {font-size: 0.75em;}
#opening-hours {margin-left: -12%;}

.hide-sml {display:block;}
.hide-lg {display:none;}
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*Generic CSS styles - whole site at 786px - landscape*/
#left-coloumn {float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn {float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}
#left-coloumn-contactus {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn-contactus {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}

/*Homepage - Styles*/
#homepage-mobile-maincoloumn {display:none;}
#main-coloumn-homepage {display:block;}
#banner-cta {width:31%; /*top:10%;*/ margin-left:64%;}
#banner-cta p {font-size: 0.7em;}
.three-col-home h3{font-size:1.1em;}

/*Product Page - styles*/
#Price-list-copy h4 {font-size:1.3em; margin-top:-3%; margin-bottom:10%;}
#Price-list-copy p {font-size:0.7em; margin-top:-6%;}
#product-range {position:absolute; padding:0.7%; background-color:#fff; opacity: 0.85; filter: alpha(opacity=40); /* For IE8 and earlier */; width:61%; top:28%; margin-left:4.7%; margin-right:4%;}
#product-range h2 {font-family: 'Lato', sans-serif; font-size: 1.2em; text-align:center; margin-top:0%; margin-bottom:1.5%; color:#000;}
#product-range p {font-family: 'Lato', sans-serif; font-size: 0.8em; text-align:center; color:#000; margin-bottom:1%;}
#mobilecoloumn-products-main {display:none;}
#products-main-intro-mobile {display:none;}
#product-range {top: 4%; width: 88%; z-index: 999;}

/*Services Page - styles*/
#main-coloumn-services {display:none;}

/*Gallery Page - styles*/
#gallery-intro {margin-bottom:108%;}

/*Testamonials Page - styles*/
#main-coloumn-testamonials {display:none;}

/*Contac Us Page - styles*/
#main-coloumn-contact-us {display:none;}
.form-style {width:89.9%;}
#contact-form {
    background-color: #fff;
    float: left;
    margin-left: 0;
    margin-top: 0;
}

.form-style {
    background: #dedddd none repeat scroll 0 0;
}

/* form style */
.form-style {width:90%; padding: 40px 30px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0px 0px 15px 0px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px; padding-right: 5px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 120px;}
.form-style input.input-field {width: 48%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}

/*Find Us Page - styles*/
#main-coloumn-find-us {display:none;}
#find-us-introcopy h1 {font-size: 1.8em;}
	
.hide-sml {display:block;}
.hide-lg {display:none;}	
	
}

@media (min-width: 992px) {
	/*Generic CSS styles - whole site at 992px*/
	
/*Main styles - Whole Site*/
#responsivewrapper {width:1024px;}
#header {width:100%; height:100px;}
#header h1{ float:left; font-size:3.5em; margin-top:2px;}
.logo-sub {font-size:0.5em; display:inline; text-align:left;}
#navbar-menu .menu {display: block;}
#navbar-menu .menu li {display: inline-block; font-size:1em; margin-right:33px;}
#navbar-menu {display:block;}
#navbar-mini-menu {display:none;}
#footer {height:93px;}
#footer-address {width:100%; font-size:2em; padding-top:1%;}
.footer-sub {font-size:0.5em; display:inline; text-align:left;}
#copyright-left {float:left; width:30%; text-align:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; color:#fff; margin-top:0%;}
#copyright-right {float:right; width:30%; text-align:right; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; color:#fff;}
#copyright-right a {text-decoration:none; color:#000000; font-weight:100;}
#left-coloumn {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}
#mobilecoloumn-products {display:none;}
.left-mar-only {margin-left:2%;}

/*Homepage - Styles*/
#homepage-mobile-maincoloumn {display:none;}
#main-coloumn-homepage {display:block;}

.mar-left-slabs {margin-left:17%;}
.mar-left-decagg {margin-left:0%;}
    
/*Product Page - styles*/
.product-menu-mobile {display:none;}
#product-description-mobile {display:none;}
.product-coloum-grid-mobile {display:none;}
.product-menu ul {font-family: 'Lato', sans-serif; width:94%; float:left; list-style-type: none; margin-left:-6%; margin-top:0%;}
.product-menu li {background-color:#15ABE6; padding:3%; border-color:#ffffff; border-style: solid; border-width:2px;}
.product-menu li a:hover{color:#FFFFFF;}
.product-menu ul li a {font-size:0.8em;}
#price-list-mobile {display:none;}
#brochure-icon-mobile {display:none;}
#Price-list-copy-mobile {display:none;}
.no-left-mar {margin-left:0%;}
#products-main-intro-mobile {display:none;}

/*Services Page - styles*/
#main-coloumn-services {display:none;}

/*Gallery Page - styles*/
#main-coloumn-gallery {display:none;}
.gallery-coloum-grid {width:22%; float:left; text-align:center; margin-right:2%; margin-top:2%;}

/*Testamonials Page - styles*/
#main-coloumn-testamonials {display:none;}

/*Contact Us Page - styles*/
.contact-us-images {display:block;}
#contact-form {
    background-color: #fff;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 86%;
}

.form-style {
    background: #dedddd none repeat scroll 0 0;
}

#left-coloumn-contactus {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn-contactus {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}

/* form style */
.form-style {width:90%; padding: 40px 30px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0px 0px 15px 0px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px; padding-right: 5px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 120px;}
.form-style input.input-field {width: 48%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}


/*#contact-details ul {margin-left:-16.5%;}*/
#main-coloumn-contact-us {display:none;}
#contact-form {float:left; width:94%; margin-left:2%; background-color:#fff;}

/*Find Us Page - styles*/
#main-coloumn-find-us {display:none;}
.get-directions {font-size: 0.9em;}
}

@media (min-width: 1200px) {
	/*Generic CSS styles - whole site at 1200px*/

/*Main styles - Whole Site*/
#responsivewrapper{width:1200px;}
#header{width:100%; height:100px;}
#header h1{float:left; font-size:4em; margin-top:0px;}
.logo-sub {font-size:0.58em; display:inline; text-align:left;}
#navbar-menu .menu {display: block;}
#navbar-menu .menu li {display: inline-block; font-size:1em; margin-right:55px;}
#navbar-menu {display:block;}
#navbar-mini-menu {display:none;}
#footer {height:102px;}
.footer-sub {font-size:0.6em; display:inline; text-align:left;}
#footer-address {padding-top:1%;}
#copyright-left {float:left; width:48%; text-align:left; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; padding-left:1%; margin-top:0%;}
#copyright-right {float:right; width:48%; text-align:right; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.8em; padding-right:1%;}
#copyright-right a {text-decoration:none; color:#000000; font-weight:100;}
#left-coloumn {float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn {float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}
#left-coloumn-contactus {display:block; float:left; width: 25%; /*background-color:#781214;*/ margin-top:0.5%; margin-bottom:1%;}
#right-coloumn-contactus {display:block; float:right; width: 73%; /*background-color:#16B46C;*/ border-left:thin; border-color:#15ABE6; border-left-width:2px; border-left-style:solid; margin-top:0.5%; margin-bottom:1%; position:relative;}

#right-coloumn-contactus {display:block;}
#mobilecoloumn-products {display:none;}

/*Corna Virus - Banner*/     
.corona-virus-update {width: 96%; padding: 2%;}    
    
/*Homepage - Styles*/
#company-intro h2 {font-size:1.4em;}
#company-intro p {font-size:1em;}
#homepage-mobile-maincoloumn {display:none;}
#main-coloumn-homepage {display:block;}
	
/*Product Page - styles*/
.product-menu-mobile {display:none;}
#product-description-mobile {display:none;}
.product-coloum-grid-mobile {display:none;}
.product-menu ul {font-family: 'Lato', sans-serif; width:94%; float:left; list-style-type: none; margin-left:-6%; margin-top:0%;}
.product-menu li {background-color:#15ABE6; padding:3%; border-color:#ffffff; border-style: solid; border-width:2px;}
.product-menu li a:hover{color:#FFFFFF;}
.product-menu ul li a {font-size:0.9em;}
#price-list {margin-left:8%;}
#price-list-mobile {display:none;}
#brochure-icon-mobile {display:none;}
#Price-list-copy-mobile {display:none;}
#mobilecoloumn-products-main {display:none;}
#products-main-intro-mobile {display:none;}

/*Services Page - styles*/
#main-coloumn-services {display:none;}

/*Gallery Page - styles*/
#main-coloumn-gallery {display:none;}
.gallery-coloum-grid {width:22%; float:left; text-align:center; margin-right:2%; margin-top:2%;}

/*Testamonials Page - styles*/
#main-coloumn-testamonials {display:none;}

/*Contact Us Page - styles*/
#main-coloumn-contact-us {display:none;}
.contact-us-images {display:block;}
#contact-form {
    background-color: #fff;
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 86%;
}

.form-style {
    background: #dedddd none repeat scroll 0 0;
    margin-left: 2.5%;
}

/* form style */
.form-style {width:100%; padding: 40px 30px 40px 40px; font-size: 13px; font-family: 'Lato', sans-serif; background: #DEDDDD;}
.form-style-heading {font-weight: bold; border-bottom: 2px solid #ddd; margin-bottom: 10px; font-size: 15px; padding-bottom: 3px;}
.form-style label {display: block; margin: 0px 0px 15px 0px;}
.form-style label > span {width: 100px; font-weight: bold; float: left; padding-top: 8px; padding-right: 5px;}
.form-style span.required {color:red;}
.form-style .tel-number-field {width: 40px; text-align: center;}
.form-style .long {width: 120px;}
.form-style input.input-field {width: 48%;}
.form-style input.input-field, .form-style .tel-number-field, .form-style .textarea-field, .form-style .select-field {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;  
 -ms-transition:
 all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #C2C2C2; box-shadow: 1px 1px 4px #EBEBEB;
 -moz-box-shadow: 1px 1px 4px #EBEBEB; -webkit-box-shadow: 1px 1px 4px #EBEBEB; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 7px; outline: none;}
.form-style .input-field:focus, .form-style .tel-number-field:focus, .form-style .textarea-field:focus, .form-style .select-field:focus {border: 1px solid #15abe6;}
.form-style .textarea-field {height:100px; width: 55%;}
.form-style input[type="button"], .form-style input[type="submit"] {-moz-box-shadow: inset 0px 1px 0px 0px #3985B1; -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1; box-shadow: inset 0px 1px 0px 0px
#3985B1; background-color: #15abe6; border: 1px solid #17445E; display: inline-block; cursor: pointer; color: #ffffff; padding: 8px 18px; text-decoration: none; font-size: 12px; font-family: 'Lato', sans-serif;}
.form-style input[type="button"]:hover, .form-style input[type="submit"]:hover {background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%); background-color: #000;}
.form-style .success{background: #D8FFC0;padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #2E6800; border-left: 3px solid #2E6800;}
.form-style .error {background: #FFE8E8; padding: 5px 10px 5px 10px; margin: 0px 0px 5px 0px; border: none; font-weight: bold; color: #FF0000; border-left: 3px solid #FF0000;}


/*Find Us Page - styles*/
#main-coloumn-find-us {display:none;}
.get-directions {font-size: 0.9em;}
	
.hide-sml {display:block;}
.hide-lg {display:none;}	
}