@media screen and (max-width: 768px)
{
body{font-size: 10.5pt; 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;background: #ffffff}	
.nodisplay400{display: none;}
.nodisplay401{display: block;}
img{width: 25%; height: auto}
img.menu {height:100%; width:auto; float: right; margin-right: 5px; padding:2px 0px 0px 0px}
#headertitle{font-size: 34px;color: #000000;margin-bottom: 0px;margin-top: 5px;letter-spacing:1px;text-align: center;font-weight: bold}
h1{font-size: 20px; line-height: 1.5;text-align: center;letter-spacing:10px;color:#ffffff;padding-top:3%}
.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: 100%; height: 100%}
.imgmob2{display: none}
.imgmob3{display: none}
.imgmob4{width: 35%; height: 100%}
.imgmobfr{width: 100%; height: 100%}
figure.claddingleft{margin: 2% 15% 2% 15%}
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}
h2.productimage{font-size: 20px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%;color:#ffffff}
#titleimage{background-image:url('https://www.co2grandis.co.uk/images/slidergenmob.webp'); width:100%; height:100px; background-size: cover;  background-repeat:no-repeat;}	
#shiptitleimage{background-image:url('https://www.co2grandis.co.uk/images/slidergenmob.webp'); width:100%; height:100px; background-size: cover;  background-repeat:no-repeat;margin-top:-15px}
.lawson{width:25% !important; height:auto !important}
}
/* 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;background: #ffffff;}
#headertitle{font-size: 24pt; color: #000000;	margin-bottom: 0px;	margin-top: 10px;letter-spacing:2px;text-align: center;vertical-align:middle}
h1{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:20px;font-weight: bold;padding-top:3%;color:#ffffff}
figure.claddingleft{display:inline-block;margin: 0.5%;  border: 0px solid #115599; width: 23%;vertical-align:top;height: auto}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width: 100%; height: auto}
.imgmob4{display:block;width: 100%; height: auto}
.imgmobfr{display:block;width: 100%; height: auto; margin:0px auto 0px 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: 0px 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}
.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%}
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://www.co2grandis.co.uk/images/slidergen.webp'); width:100%; height:250px; background-size: cover;  background-repeat:no-repeat;}
#shiptitleimage{background-image:url('https://www.co2grandis.co.uk/images/slidergen.webp'); width:100%; height:250px; background-size: cover;  background-repeat:no-repeat;margin-top:-40px}
.lawson{width:25% !important; height:auto !important;}
}
/* 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;}	
#headertitle{font-size: 24pt; color: #000000; margin-bottom: 0px;margin-top: 10px;letter-spacing:2px;text-align:center;vertical-align:middle;font-weight: bold}
h1{font-size: 55px; line-height: 1.5;text-align: center;letter-spacing:17px;font-weight: bold;color:#ffffff;padding-top:4%}
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}
iframe  {border: 0px;}
.imgmob{display:block;width: 100%; height: auto}
.imgmob2{display:block;width: 100%; height: auto}
.imgmob3{display:block;width: 100%; height: auto}
.imgmob4{display:block;width: 100%; height: auto}
.imgmobfr{display:block;width: 50%; height: auto;margin: 0px auto 0px 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%}
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://www.co2grandis.co.uk/images/slidergen.webp'); width:100%; height:250px; background-size: 100% 100%;  background-repeat:no-repeat;}
#shiptitleimage{background-image:url('https://www.co2grandis.co.uk/images/slidergen.webp'); width:100%; height:250px; background-size: cover;  background-repeat:no-repeat;margin-top:-40px}
.lawson{width:25% !important; height:auto !important;border: 2px solid #000000}
}
/*End of large screen */
h2{font-size: 24px;	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;}
.loglappricesmob400{border:0px solid #000000;margin: 0px auto 0px auto; width:100%;text-align: center;width:100%}
a {text-decoration: none}
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}
.slidertitletext{position:absolute;top:10%; left:0%; width:100%; height: 60%;font-size: 35pt; line-height: 1.7;text-align: center;letter-spacing:10px;font-weight: 500;color:#ffffff}
.sliderarrow{position:absolute;top:70%;left:46%;width:100px;height:100px; border: 0px solid #000000;background-image:url('https://www.www.co2grandis.co.uk/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}