@media screen and (max-width: 768px)
{
body{font-size: 10.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 {height:100%; width:auto; float: right; margin-right: 5px; padding:2px 0px 0px 0px}
h1{font-size: 34px;	color: #000000;	margin-bottom: 0px;margin-top: 5px;letter-spacing:1px;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: 75%; height: auto}
.imgmob4{width: 35%; height: auto}
figure.claddingleft{margin: 2% 15% 2% 15%}
.claddingleft{margin: 2% 10% 2% 10%}
iframe{width: 95%; height: auto}
.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: 100px; margin: 0px auto 0px auto;display:block}
.innerright{width:100%; border: 0px solid #000000; vertical-align:top; min-height: 100px; margin: 0px auto 0px auto;display:block}
.sitemapblockdot{padding-left: 5px;}	
.sitemapblock{padding-left: 5px}
h1.productimage{font-size: 28px; line-height: 1.2;text-align: center;font-weight: bold;}
h2.productimage{font-size: 18px; line-height: 1.2;text-align: center;letter-spacing:10px;font-weight: bold;}
#titleimage{background-image:none;width:100%; height:40px;border: 0px solid #000000}	
#raintitleimage{display: none;}
#shadowtitleimage{display: none;}
#ptgvtitleimage{display: none;}
#flooringtitleimage{display: none;}
#shiptitleimage{display: none;}
#fencingtitleimage{display: none;}
#co2shadowtitleimage{display: none;}
#shinglestitleimage{background-image:url('https://co2cedar.co.uk/images/singlesslidersmall.jpg');border-top: 1px solid #606060; width:100%; height:58px; background-size: 100% 100%;  background-repeat:no-repeat;color:#ffffff;}
.lawson{width:25% !important; height:auto !important}
#div4 {display:none}
#div3 {display:none}
.imgfront{display: none}
}
/* Start of ipad screem */
@media screen and (min-width: 769px)
{
body{font-size: 12pt; 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: 0.5%; border: 0px solid #115599; width: 23%;vertical-align:top;height: auto}
.claddingleft{display:inline-block; margin:0.5%; border: 0px solid #115599; width: 17%;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}
.imgmob4{display:block;width: 100%; height: auto}
.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;}
.nodisplay400{display: block;}
.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}
h1{font-size: 22pt;color: #000000;margin-bottom: 0px;margin-top: 0px; letter-spacing:2px;text-align: center;}
.ulindentdur{margin-left: 5%;border: 0px solid #000000; text-align:left}
.sitemapblockdot{float:left;padding-left:7%;padding-right:7%;min-height:525px;border-right: 1px dashed #444;margin-right:2%;width:16%}	
.sitemapblock{float:left; padding-left: 7%;padding-right: 7%; min-height: 525px; margin-right:0%;width:14%}
h1.productimage{font-size: 55px; padding-top:50px;text-align: center;letter-spacing:20px;font-weight: bold;color:#ffffff}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%;color:#ffffff}
#titleimage{background-image:url('https://co2cedar.co.uk/slider/img/slidergen.webp'); border-top: 1px solid #606060;width:100%; height:250px; background-size: cover;  background-repeat:no-repeat;}
.lawson{width:25% !important; height:auto !important;}
#div4 {display:block}
#div3 {display:block}
.imgfront{width:35%; height: auto}
.textpagetop{margin-left:45%}



}
/* Start of larger screen */
@media screen and (min-width: 1025px)
{
.nodisplay401{display: none;}
.nodisplay400{display: block;}
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;}	
h1{font-size: 22pt;color: #000000;margin-bottom: 0px;margin-top: 10px;letter-spacing:2px;text-align: center;}	
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: 0.5%; border: 0px solid #115599; width: 23%; height: auto}
.claddingleft{display:inline-block; margin: 0.5%; border: 0px solid #115599; width: 17%; height: auto}
iframe  {border: 0px;}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;}
.imgmob4{display:block;width: 100%; height: auto}
.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: 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}
.ulindentdur{margin-left: 5%;border: 0px solid #000000; text-align:left}	
.sitemapblockdot{float:left;padding-left: 7%;padding-right: 7%;min-height: 525px;border-right:1px dashed #444;margin-right:2%;width:18%}	
.sitemapblock{float:left; padding-left: 7%;padding-right: 7%; min-height: 525px; margin-right:0%;width:16%}
h1.productimage{font-size: 55px;text-align: center;letter-spacing:20px;font-weight: bold;color:#ffffff;padding-top:70px}
h2.productimage{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%;color:#ffffff}
#titleimage{background-image:url('https://co2cedar.co.uk/slider/img/slidergen.webp'); border-top: 1px solid #606060; width:100%; height:250px; background-size: 100% 100%;  background-repeat:no-repeat;}
.lawson{width:25% !important; height:auto !important;border: 2px solid #000000}
#div4 {display:block}
#div3 {display:block}
.imgfront{width:25%; height: auto}
.textpagetop{margin-left:45%}
}
/*End of large screen */
h3{font-size: 19px;	color: #000000;font-weight: bold;}	
h4{font-size: 11pt; color: #000000;}
.loglappricesmob400{border:0px solid #000000;margin: 0px auto 0px auto; width:100%;text-align: center;width:100%}
a {color:#000000}
a:hover{text-decoration:underline; opacity: .7}
a.none{text-decoration: none; color:#1d1d1d}
a.noneco{color:#000000}
.largefont{font-size: 50pt; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold}
.slidertitletext{position:absolute;top:9%;left:0%; width:100%; height: 60%;font-size: 32pt; line-height: 1.2;text-align: center;font-weight: 750;letter-spacing: 5px;color:#ffffff}
.sliderarrow{position:absolute;top:70%;left:46%;width:100px;height:100px; border: 0px solid #000000;background-image:url('https://co2cedar.co.uk/test/slider/img/arrow-down-navigation.gif');background-size: cover}
.textblack {color:#000000}
.textwhite {color:#ffffff !important}
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;}
/* PRICES ON PAGES AND COST CAL* not price sheet pages see css price sheets */
table.prices{border: 1px solid #c8c2c2;margin: 0px auto 0px auto;text-align:left}
.imageboxes	{margin: 20px;	border-radius: 5px;	}	
.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}