@media screen and (max-width: 768px)
{
body{font-size: 12.5pt; font-family: 'Nunito Sans', 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;}
img{width: 25%; height: auto}
img.menu {width: 28px; height: 18px; float: right; margin-right: 5px; padding:2px 0px 0px 0px}
#headertext{font-size: 34px;color: #000000;	margin-bottom: 0px;margin-top: 5px;letter-spacing:1px;text-align: center;font-weight:700;font-family:TimesNewRoman, sans-serif;}
h1{text-align: center}
.ulindent{display: inline-block;width: 100%;margin-left: 5px;border: 0px solid #000000;}
.ulindentdur{display: inline-block;width: 300px;margin-left: 2px;border: 0px solid #000000;}
td.prices, th.prices	{padding-right:1px;padding-left: 1px;	color: #000000;text-align: left}
.boxleft{border: 0px solid #dcdcdc;}
.boxright{border: 0px solid #dcdcdc;}
.indent{display: block;margin-left: 2px}
.imgmob{width: 80%; height: auto}
.imgmob2{display: none}
.imgmob3{width: 80%; height: auto;margin-left:10%}
figure.claddingleft{margin: 2% 15% 2% 15%}
.claddingleft{margin: 2% 10% 2% 10%}
iframe {margin-left:4%;width:95%;height:600px;vertical-align:top;border: 0px solid #000000;}
.topleft{display: none;}
.topleftfendec{width:100%; border: 0px solid #000000; margin: 0px auto 0px auto}
.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: 50px; margin: 0px auto 0px auto;display:block}
.innerright{width:100%; border: 0px solid #000000; vertical-align:top; min-height: 50px; 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%}	
.lawson{width:25% !important; height:auto !important}
#div4 {display:none}
#div3 {display:none}
.outfront{width: 95%; margin-left: 3%; min-height:400px; display:block; vertical-align:top;padding:0px;margin-top:0px;border:0px solid #115598}
.imgfront{height:auto;width:100%;border: 0px solid #000000;}
.imgfrontex{height:auto;width:100%; cursor: pointer; transition: 0.3s;}
.imgfrontexs{height:auto;width:100%; cursor: pointer; transition: 0.3s;}
input{height:16pt}
.text14{font-weight: bold;font-size: 12.5pt;color: #000000}
.text14r{color: green;font-weight: bold;font-size: 12.5pt;}
.textleft5{text-align:left;margin-left:2%}
.textleft15{text-align:left;margin-left:5%}
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:90%}
.specinline {display: block ;width:100%;vertical-align:top;}
}
/* Start of ipad screem */
@media screen and (min-width: 769px)
{
body{font-size: 10pt; font-family: 'Nunito Sans', 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;}	
figure.claddingleft{display:inline-block; margin: .5%; border: 0px solid #115599; width: 18%;vertical-align:top;height: auto}
iframe {margin-left:10%;width:89%;height:600px;vertical-align:top;border: 0px solid #000000;}
.claddingleft{display:inline-block; margin:0.5%; border: 0px solid #115599; width: 28%;vertical-align:top;height: auto}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width: 75%; height: auto;margin-left:12.5%}
.topleftfendec{float: left;width:20%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px 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: 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}
.nodisplay401{display: none;}
.boxleft{float:left; width:44%; border: 0px solid #000000; font-size: 12pt;text-align:center; min-height: 200px; margin: 0px auto 0px auto}
.boxright{float:right; width:48%; border: 0px solid #000000; font-size: 12pt;text-align:center; min-height: 400px}
h1{text-align: center}
#headertext{font-size: 28px;color: #252525;	margin-bottom: 0px;	letter-spacing:2px;text-align:center;font-weight:700;font-family:TimesNewRoman, sans-serif;}
.ulindentdur{margin-left: 5%;border: 0px solid #000000; text-align:left}
.sitemapblockdot{float:left;padding-left:12%;padding-right:8%;min-height:525px;border-right: 1px dashed #444;margin-right:8px;}	
.sitemapblock{float:left; padding-left: 8%;padding-right: 8%; min-height: 525px; margin-right:0%;}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%}
.lawson{width:25% !important; height:auto !important;}
#div4 {display:block}
#div3 {display:block}
.outfront{width: 49%;height:640px;display:inline-block;vertical-align:top;padding:0px;margin-top:3px;border:1px solid #115598}
.imgfront{width:20%; height: auto}
.imgfrontex{height:46.88%;width:95%; cursor: pointer; transition: 0.3s;}
.imgfrontexs{height:31.25%;width:95%; cursor: pointer; transition: 0.3s;}
input{height:16pt}
.text14{font-weight: bold;font-size: 11pt;color: #000000}
.text14r{color: green;font-weight: bold;font-size: 11pt;}
.textleft5{text-align:left;margin-left:2%}
.textleft15{text-align:left;margin-left:15%}
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}
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:center;width:55%}
.specinline {display: inline-block ;width:25%;vertical-align:top;}
}
/* Start of larger screen */
@media screen and (min-width: 1025px)
{
.nodisplay401{display: none;}
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;background: #ffffe6;}
#headertext{font-size: 225%;color: #000000;	margin-bottom: 0px;	margin-top: 10px;letter-spacing:2px;text-align:center;font-weight:700;font-family:TimesNewRoman, sans-serif;}
h1{text-align: center;font-size: 36pt}	
img {border: 0px;  border-radius: 0px;}
td.prices, th.prices {padding-right:10px;padding-left: 10px; color: #000000;text-align: left}
.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}
figure.claddingleft{display:inline-block; margin: .5%; border: 0px solid #115599; width: 18%; height: auto;}
.claddingleft{display:inline-block; margin: 0.5%; border: 1px solid #115599; width: 45%; height: 450px}
iframe {margin-left:20%;width:79%;height:600px;vertical-align:top; border: 0px solid #000000;}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width: 75%; height: auto;margin-left:12.5%}
.topleftfendec{float: left;width:24%; border: 0px solid #000000; vertical-align:top; min-height: 200px; margin: 0px auto 0px auto;display:block}
.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: 50px; margin: 0px auto 0px auto;display:block}
.innerright{float: right;width:47%; border: 0px solid #000000; vertical-align:top; min-height: 50px; margin: 0px auto 0px auto;display:block}
.ulindentdur{margin-left: 5%;border: 0px solid #000000; text-align:left}	
.sitemapblockdot{float:left;padding-left: 10%;padding-right: 10%;min-height: 525px;border-right:1px dashed #444;margin-right:9px;width:13%}	
.sitemapblock{float:left; padding-left: 10%;padding-right: 10%; min-height: 525px; margin-right:0%;width:12%}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:1%}
.lawson{width:25% !important; height:auto !important;border: 2px solid #000000}
#div4 {display:block}
#div3 {display:block}
.outfront{width: 49%;height:740px;display:inline-block;vertical-align:top;padding:0px;margin-top:3px;border:1px solid #115598;}
.imgfront{width:20%; height: auto}

.imgfrontex{height:46.88%;width:80%; cursor: pointer; transition: 0.3s;}
.imgfrontexs{height:31.25;width:80%; cursor: pointer; transition: 0.3s;}
input{height:16pt}
.text14{font-weight: bold;font-size: 15pt;color: #000000}
.text14r{color: green;font-weight: bold;font-size: 15pt;}
.textleft5{text-align:left;margin-left:5%}
.textleft15{text-align:left;margin-left:15%}

.specinline {display: inline-block ;width:25%;vertical-align:top;}


}
/*End of large screen */
.slidertitletext{position:absolute;top:20%;left:0%; width:100%; height: 60%;font-size: 50pt; line-height: 1.5;text-align: center;font-weight: bold;color:#ffffff}
#headerfont{font-size: 28px;	font-weight: bold;	margin-top: 0px;text-align: center; color: #000000;}	
h3{font-size: 14pt;	color: #000000;font-weight: bold;text-align:center}	
h4{font-size: 12pt; color: #000000;}
.loglappricesmob400{border:0px solid #000000;margin: 0px auto 0px auto; width:100%;text-align: center;width:100%}
a:hover{text-decoration:underline}
a.none{text-decoration: none; color:#1d1d1d}
.largefont{font-size: 50pt; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold}
figcaption{text-align:center}
.textblack {color:#000000}
.textwhite {color:#ffffff !important}
li{list-style-position:inside}
td {vertical-align: top;}
.center	{text-align: center;margin: 0px auto 0px auto}
/* this is for ipone */
.ulindenttext{font-size: 10pt;color:#444;}
.noprint{display: block;}
#watermark {width: 100%; height: 100%; z-index: 99999; background: url('https://co2thermotimber.co.uk/images/watermark.gif');background-size: contain;opacity: 0.5}