@media screen and (max-width: 768px)
{
body{font-size: 12pt; font-family:sans-serif, lusitana, Times; line-height: 1.3;text-align: center;border-top: 0px solid #dcdcdc;border-right: 0px solid #dcdcdc;border-left: 0px solid #dcdcdc;	border-bottom: 0px solid #dcdcdc;padding: 0px;	min-width: 320px;margin: 0px auto 0px auto;color: #000000;}
.nodisplay401{display: block}
.nodisplay400{display: none;}
#headernodisplay{display:none}
img{width: 25%; height: auto}
img.menu {width: 28px; height: 18px; float: right; margin-right: 5px; padding:2px 0px 0px 0px}
h1{color: #000000;	text-align: center;}
.boxleft{border: 0px solid #dcdcdc;width:100%}
.boxright{border: 0px solid #dcdcdc;width:100%}
.indent{display: block;margin-left: 2px}
.imgmob{width: 80%; height: auto}
.imgmob2{display: none}
.imgmob3{display:block;width:100%}
.imgmob4{width: 35%; height: auto}
.claddingleft{margin: 2% 10% 2% 10%}
iframe{width: 95%; height: auto}
.topleft{display: none;}
.topright{width:100%; border: 0px solid #000000; margin: 0px auto 0px auto}
.topmiddle{float:right; width:100%; border: 0px solid #000000; margin: 0px auto 0px auto}
.innerleft{width:100%; border: 0px solid #000000; vertical-align:top; min-height: 80px; margin: 0px auto 0px auto;display:block}
.innerright{width:100%; border: 0px solid #000000; vertical-align:top; min-height: 80px; margin: 0px auto 0px auto;display:block}
.sitemapblockdot{padding-left: 5px;}	
.sitemapblock{padding-left: 5px}
h2.productimage{font-size: 20px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%}	
.imgfront{display:none}
#priceboxesleft{display:block; border: 0px solid #dcdcdc; width: 90%;margin-bottom:10px;margin-left:5%}
#priceboxesright{display:block; border: 0px solid #dcdcdc; width: 90%;margin-left:5%;}
#digbox{ width:90%; margin-left: 5%}
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:90%}
.textpagetop{float : left; border-radius: 5px; width: 94%; margin: 30px 1% 5px 5%;vertical-align:top}
img.floatleft{float: left;width:25%; height: auto;vertical-align:top}
.outfront{width: 90%; margin-left: 5%; min-height:400px; display:block; vertical-align:top;padding:0px;margin-top:0px;border:0px solid #115598}
.imgfront1{height:auto;width:100%;}
.imgfrontex{height:auto;width:100%; cursor: pointer; transition: 0.3s;}
table.pricesswan{border: 0px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:95%}
td.pricesswan, th.pricesswan {padding-right:5px;padding-left: 5px; color: #000000;text-align: left}
#titleimage{background-image:url('https://co2timber.co.uk/slider/co2timberslidermob.webp'); border-top: 1px solid #606060; width:100%; height:90px; background-size: 100% 100%;  background-repeat:no-repeat;}
.bannertext{font-size: 175%; line-height: 1.5;text-align: center;font-weight: bold;color:#ffffff;margin-top:25px}
}
/* Start of ipad screem */
@media screen and (min-width: 769px)
{
body{font-size: 12pt; font-family:sans-serif, lusitana, Times; line-height: 1.3;text-align: JUSTIFY;border-top: 0px solid #dcdcdc;	border-right: 0px solid #dcdcdc;border-left: 0px solid #dcdcdc;border-bottom: 0px solid #dcdcdc;padding: 0px;;width: 100%;margin: 0px auto 0px auto;color: #000000;}
.nodisplay401{display: none;}
.nodisplay400{display:block;}
#headernodisplay{display: inline-block;}
img {border: 0px;  border-radius: 0px;}
h1{font-size: 2.2vw; color: #000000;letter-spacing:1px;text-align: center}
.boxleft{float:left; width:44%; border: 1px solid #000000; font-size: 12pt;text-align:center; min-height: 400px; margin: 0px auto 0px auto}
.boxright{float:right; width:48%; border: 0px solid #000000; font-size: 12pt;text-align:center; min-height: 400px}
.indent{display: block;margin-left: 20px}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width:100%}
.imgmob4{display:block;width: 100%; height: auto}
.claddingleft{display:inline-block; margin:0.5%; border: 0px solid #115599; width: 18%;vertical-align:top;height: auto}
.topleft{float: left;width:20%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto}
.topmiddle{float:left; width:59%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto}
.topright{float: right;width:20%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto}
.innerleft{float: left;width:47%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto;display:block;padding:1%}
.innerright{float: right;width:47%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto;display:block;padding:1%}
.sitemapblockdot{float:left;padding-left: 5%;padding-right: 5%;min-height: 525px;border-right:1px dashed #444;margin-right:9px;width:23%}	
.sitemapblock{float:left; padding-left: 5%;padding-right: 0px; min-height: 525px; margin-right:0%;width:20%}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%}
.imgfront{width:35%; height: auto}
.textpagetop{margin-left:45%}
#priceboxesleft{display:inline-block; border: 0px solid #dcdcdc; width: 48%}
#priceboxesright{display:inline-block; border: 0px solid #dcdcdc; width: 48%}
#digbox{width:49%; margin-left:24%; border: 0px solid #dcdcdc;}
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:55%}
.textpagetop{float : left; border-radius: 5px; width: 60%; margin: 30px 10% 5px 20%}
img.floatleft{float: left;}
.outfront{width: 45%;min-height:640px;display:inline-block;vertical-align:top;padding:0px;margin-top:3px;border:1px solid #115598}
.imgfront1{height:10%;width:80%;}
.imgfrontex{height:47%;width:95%; cursor: pointer; transition: 0.3s;}
table.pricesswan{border: 0px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:95%}
td.pricesswan, th.pricesswan {padding-right:5px;padding-left: 5px; color: #000000;text-align: left}
#titleimage{background-image:url('https://co2timber.co.uk/slider/co2timberslider.webp'); border-top: 1px solid #606060; width:100%; height:250px; background-size: 100% 100%;  background-repeat:no-repeat;}
.bannertext{font-size: 50pt; line-height: 1.5;margin-top:20px;text-align: center;font-weight: bold;color:#ffffff}
}
/* Start of larger screen */
@media screen and (min-width: 1025px)
{
.nodisplay401{display: none;}
.nodisplay400{display:block;}
#headernodisplay{display: inline-block;}
body{font-size: 12pt; font-family:sans-serif, lusitana, Times; line-height: 1.3;text-align: JUSTIFY;border: 0px solid #dcdcdc;padding: 0px;width: 100%;margin: 0px auto 0px auto;color: #000000;background: #ffffe6;}	
img {border: 0px;  border-radius: 0px;}
h1{font-size: 24pt; color: #000000;letter-spacing:1px;text-align: center;}	
.boxleft{float:left; width:44%; border: 0px solid #000000; font-size: 12pt; min-height: 400px; margin: 0px auto 0px auto}
.boxright{float:right; width:48%; border: 0px solid #000000; font-size: 12pt;min-height: 400px}
.indent{display: block;margin-left: 20px}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width:100%}
.imgmob4{display:block;width: 100%; height: auto}
.claddingleft{display:inline-block; margin: 0.5%; border: 0px solid #115599; width: 18%; height: auto}
iframe  {border: 0px;}
.topleft{float: left;width:24%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto;display:block}
.topright{float:right; width:24%; border: 0px solid #000000; vertical-align:top; height: auto; margin: 0px auto 0px auto;display:block}
.topmiddle{float:left; width:49%; border: 0px solid #000000; vertical-align:top; height: auto; margin: 0px auto 0px 1.5%}
.innerleft{float: left;width:47%; border: 0px solid #000000; vertical-align:top; min-height: 100px; margin: 0px auto 0px auto;display:block}
.innerright{float: right;width:47%; border: 0px solid #000000; vertical-align:top; min-height: 100px; margin: 0px auto 0px auto;display:block}
.sitemapblockdot{float:left;padding-left: 2%;padding-right: 2%;min-height: 525px;border-right:1px dashed #444;margin-right:9px;width:29%}	
.sitemapblock{float:left; padding-left: 2%;padding-right: 0px; min-height: 525px; margin-right:0%;width:29%}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:1%}
#titleimage{background-image:url('https://co2timber.co.uk/slider/co2timberslider.webp'); border-top: 1px solid #606060; width:100%; height:250px; background-size: 100% 100%;  background-repeat:no-repeat;}
.bannertext{font-size: 50pt; margin-top:60px;line-height: 1.5;text-align: center;font-weight: bold;color:#ffffff}
.imgfront{width:20%; height: auto}
.textpagetop{float : left; border-radius: 5px; width: 60%; margin: 30px 10% 5px 20%}
img.floatleft{float: left;}
#priceboxesleft{display:inline-block; border: 0px solid #dcdcdc;width:48%}
#priceboxesright{display:inline-block; border: 0px solid #dcdcdc; width:48%}
#digbox{width:49%; margin-left:24%; border: 0px solid #dcdcdc;}
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:55%}
.outfront{width: 45%;min-height:640px;display:inline-block;vertical-align:top;padding:0px;margin-top:3px;border:1px solid #115598}
.imgfront1{height:10%;width:80%;border:1px solid #115598}
.imgfrontex{height:47%;width:80%; cursor: pointer; transition: 0.3s;}
table.pricesswan{border: 0px solid #c8c2c2;margin: 0px auto 0px auto;width:95%}
td.pricesswan, th.pricesswan {padding-right:5px;padding-left: 5px; color: #000000;text-align: left;font-size:1.0vw}
}
/*End of large screen */
#headerfont{font-size: 22pt;font-weight: bold;	margin-top: 0px;text-align: center; color: #000000;}	
h3{font-size: 19px;	color: #000000;font-weight: bold;}	
h4{font-size: 11pt; color: #000000;}
a:link{color:#000000}
a:hover{text-decoration:underline;color: #909090;}
a.none{text-decoration: none; color:#1d1d1d}
/* top is 25% normally once sale is over */
.slidertitletext{position:absolute;top:10%;left:0%; width:100%; height: 60%;font-size: 50pt; line-height: 1.5;text-align: center;font-weight: bold;color:#ffffff}
.textwhite {color:#ffffff !important}
td {vertical-align: top;padding:1%}
.center	{text-align: center;margin: 0px auto 0px auto}
.noprint{display: block;}
.questiontext{font-weight: bold;text-decoration: underline;}
.text14{font-weight: bold;font-size: 12pt;color: #000000}
.text14r{color: green;font-weight: bold;font-size: 12pt;}
img.slider{width:100%; height: auto}
li{list-style-position:inside}